aboutsummaryrefslogtreecommitdiff
path: root/src/templates/projects.html
diff options
context:
space:
mode:
authorMark Powers <markppowers0@gmail.com>2020-11-15 21:43:36 -0600
committerMark Powers <markppowers0@gmail.com>2020-11-15 21:43:36 -0600
commit63668ca89f055b2233a8aa6caf4213853918d68d (patch)
tree0d9bf673daaadba36b70a3b7651a1c46c074e938 /src/templates/projects.html
parent104d9fd314d6f8650c8e032164c7db00c869eea7 (diff)
Switch to handlebars for templating
Diffstat (limited to 'src/templates/projects.html')
-rw-r--r--src/templates/projects.html287
1 files changed, 287 insertions, 0 deletions
diff --git a/src/templates/projects.html b/src/templates/projects.html
new file mode 100644
index 0000000..cf3361a
--- /dev/null
+++ b/src/templates/projects.html
@@ -0,0 +1,287 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+ <title>Mark's Kitchen - Projects</title>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+ <link rel="stylesheet" type="text/css" href="/css/styles.css">
+</head>
+
+<body>
+ <div>
+ <h1>
+ <a class="navigation" href="/" title="marks.kitchen">&lt;</a>
+ <a class="navigation" href="/misc" title="marks.kitchen/misc">&lt;</a>
+ Projects
+ </h1>
+ {{> navigation}}
+ <h2>A collection of my projects, mostly programming</h2>
+ <div id="feed" class="feed projects">
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://git.marks.kitchen/mark/wikijscmd">wikijscmd</a>
+ </h1>
+ <p class="card-text">
+ I use wiki.js for my personal wiki. I wanted a simple client I could use for it
+ and a command line one would also allow for me to script it. The wiki comes built
+ in with a GraphQL API, so I learned some GraphQL and created a python wrapper that
+ allows for managing and editing of wiki.js content over this API.
+ </p>
+ <p class="date">
+ 2020-10
+ </p>
+ </div>
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://git.marks.kitchen/mark/pi-weather-station">Pi Weather Station</a>
+ </h1>
+ <p class="card-text">
+ I set up a sensor on a raspberry pi zero to measure the temperature, pressure, and humidity.
+ This project is a web site that runs on the pi that plots the data over time. In the
+ future I'd like to make the plots nicer, and include outdoor temperature data as well.
+ </p>
+ <p class="date">
+ 2020-09
+ </p>
+ </div>
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://git.marks.kitchen/mark/local-podcast-generator">Local Podcast Generator</a>
+ </h1>
+ <p class="card-text">
+ I had some audio files on my phone I wanted to listen to like a podcast. My podcast app is way
+ better for this type of content than a general purpose media player. So this app will locally
+ create a web server that serves an rss feed generated from a directory on your phone. This can
+ be added like any other podcast in your favorite app.
+ </p>
+ <p class="date">
+ 2020-09
+ </p>
+ </div>
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://git.marks.kitchen/mark/file-feed">File Feed</a>
+ </h1>
+ <p class="card-text">
+ I found myself wanting to browse social feeds a lot, and wanting new content.
+ I have a lot of documents on my file of things I haven't explored yet. So this program
+ tries to merge the two: a generated feed of files on my computer.
+ </p>
+ <p class="date">
+ 2020-08
+ </p>
+ </div>
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://games.marks.kitchen">games.marks.kitchen</a> <a href="https://github.com/Mark-Powers/games">(source code)</a>
+ </h1>
+ <p class="card-text">
+ A collection of HTML5 games that I've made. When I have some fun idea,
+ I'll host it here. It has high scores for some games too, and a scoreboard.
+ I am pretty proud of how this website turned out, it is what I wanted
+ to have when I was a kid.
+ </p>
+ <p class="date">
+ 2020-04
+ </p>
+ </div>
+ <div class="card">
+ <h1 class="card-title">
+ Backdoor Learning on Models of Code
+ </h1>
+ <p class="card-text">
+ A class project where I studied how to poison training datasets of source
+ code to create backdoors in a model predicting a function name based on
+ a code body. A backdoor is an inocuous feature that will force a prediction
+ to a target label. By modifying a small proportion of training data, with
+ something like adding an unused variable declaration, the backdoor will be
+ successfully learned. I implemented the Sever algorithm which attempts to
+ find and remove poisoned data, but it was unsuccessful at doing so on the
+ code2seq model architecture.
+ </p>
+ <p class="date">
+ 2020-04
+ </p>
+ </div>
+ <div class="card">
+ <h1 class="card-title">
+ Multi-level Wavelet-CNN HDR Image Reconstruction from Single Exposures
+ </h1>
+ <p class="card-text">
+ A class project that used MWCNNs to reconstruct images. On HDR single exposure
+ images, white balancing often clips values. The novel wavelet approach was able
+ to reconstruct image detail in a realistic way.
+ </p>
+ <p class="date">
+ 2020-04
+ </p>
+ </div>
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://github.com/Mark-Powers/marks.budget">Budget</a>
+ </h1>
+ <p class="card-text">
+ My website I made to host manage my budget. It functions a lot like a spreadsheet,
+ with some more advanced features and an easier interface to use. It is multiuser,
+ and if you are interested in using it send me an email.
+ </p>
+ <p class="date">
+ 2019-12 (until current)
+ </p>
+ </div>
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://github.com/Mark-Powers/SynthesisRefactoring">SynthesisRefactoring</a>
+ </h1>
+ <p class="card-text">
+ For class, I did a project using program synthesis to refactor programs. The program tried to
+ find areas inside source code that could be extracted into methods. It sort of works, and
+ in the future it could really be improved by using compilers techniques. I also made
+ a <a href="https://github.com/Mark-Powers/SynthesisRefactoringFrontend">web-frontend</a>
+ for it at <a href="https://refactoring.marks.kitchen/">refactoring.marks.kitchen</a>.
+ </p>
+ <p class="date">
+ 2019-10
+ </p>
+ </div>
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://github.com/Mark-Powers/Cosmic-Cargo">Cosmic Cargo</a>
+ </h1>
+ <p class="card-text">
+ A game I worked on with some friends for GBJAM 2019, and is
+ Oregon Trail, in space.
+ This game was made over the course of a week, and can be played at
+ <a href="https://seafarerscafe.itch.io/cosmic-cargo">this link</a>.
+ </p>
+ <p class="date">
+ 2019-08
+ </p>
+ </div>
+
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://github.com/Mark-Powers/marks.kitchen">marks.kitchen</a>
+ </h1>
+ <p class="card-text">
+ The engine behind this website. I wanted to learn more about
+ back-end servers, and creating a way to me to update this
+ website dynamically. I wrote a blog post about the making
+ <a href="https://marks.kitchen/blog/34">here</a>.
+ </p>
+ <p class="date">
+ 2019-01 (until current)
+ </p>
+ </div>
+
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://github.com/Mark-Powers/marks.database">marks.database</a>
+ </h1>
+ <p class="card-text">
+ A personal database management system I wrote in order to keep track
+ of a lot of things. I use this as a bookmark manager, a recipe and pantry
+ organizer, and a way to store lots of other things too. I wrote some
+ about making this <a href="https://marks.kitchen/blog/38">here</a>.
+ </p>
+ <p class="date">
+ 2019-03
+ </p>
+ </div>
+
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://github.com/Mark-Powers/Telegram-Plugin-Bot">Telegram Plugin Bot</a>
+ </h1>
+ <p class="card-text">
+ A custom Telegram bot I wrote in python that allowed for custom plugins.
+ This made it super easy to add functionality to a bot, and it made
+ my group chat with friends lively. This project has now been suceeded by a
+ <a href="https://github.com/Mark-Powers/Telegram-Response-Bot-Java">rewrite</a>
+ in Java. It was difficult to manage loading and unloading in Python, and
+ wrapping the API by hand made it difficult to expand beyond basic messages.
+ </p>
+ <p class="date">
+ 2017-11 (Java: 2019-10)
+ </p>
+ </div>
+
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://github.com/Mark-Powers/telegram-arcade">Telegram arcade</a>
+ </h1>
+ <p class="card-text">
+ A general purpose bot and web server to play Telegram HTML5 games.
+ I couldn't find any existing solutions that allowed me to deploy
+ these games easily, so I wrote my own. The API is not well documented,
+ and I wrote a bit about it <a href="https://marks.kitchen/blog/39">here</a>.
+ </p>
+ <p class="date">
+ 2019-05
+ </p>
+ </div>
+
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://github.com/Mark-Powers/read-length">Read-Length</a>
+ </h1>
+ <p class="card-text">
+ A firefox extension that adds the reading length of a website to the
+ title of a page. This was my first web extension, and its technique
+ for finding paragraph content doesn't work great. It works well in
+ firefox on Ubuntu, as the window bar will display the title with
+ the updated reading time.
+ </p>
+ <p class="date">
+ 2019-02
+ </p>
+ </div>
+
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://github.com/Mark-Powers/ccompiler">Compiler</a>
+ </h1>
+ <p class="card-text">
+ A compiler I worked on as an indepedent study during undergrad,
+ implementing techniques from "Compilers: Principles, Techniques, and Tools".
+ I also wrote a small stack based <a href="https://github.com/Mark-Powers/stackvm">virtual
+ machine</a> that runs the
+ generated code
+ </p>
+ <p class="date">
+ 2019-10
+ </p>
+ </div>
+
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://github.com/Mark-Powers/streetcard">streetcard</a>
+ </h1>
+ <p class="card-text">
+ A general purpose card game engine. I wanted to test out
+ some strategies for card games, so I
+ tried to write an engine for it. I didn't finish it, but
+ you can play some basic card games in this engine.
+ </p>
+ <p class="date">
+ 2017-10
+ </p>
+ </div>
+
+ <div class="card">
+ <h1 class="card-title">
+ <a href="https://github.com/Mark-Powers/Roguelike">Roguelike</a>
+ </h1>
+ <p class="card-text">
+ A rogue-like demo game I made just for fun while I was on winter break one year.
+ </p>
+ <p class="date">
+ 2017-01
+ </p>
+ </div>
+ </div>
+ </div>
+</body>
+
+</html> \ No newline at end of file