diff options
Diffstat (limited to 'src/templates')
| -rw-r--r-- | src/templates/blog-single.html | 23 | ||||
| -rw-r--r-- | src/templates/blog.html | 22 | ||||
| -rw-r--r-- | src/templates/bread.html | 23 | ||||
| -rw-r--r-- | src/templates/feed.html | 24 | ||||
| -rw-r--r-- | src/templates/footer.html | 14 | ||||
| -rw-r--r-- | src/templates/index.html | 20 | ||||
| -rw-r--r-- | src/templates/misc.html | 30 | ||||
| -rw-r--r-- | src/templates/navigation.html | 10 | ||||
| -rw-r--r-- | src/templates/projects.html | 287 | ||||
| -rw-r--r-- | src/templates/tags.html | 22 |
10 files changed, 475 insertions, 0 deletions
diff --git a/src/templates/blog-single.html b/src/templates/blog-single.html new file mode 100644 index 0000000..8622007 --- /dev/null +++ b/src/templates/blog-single.html @@ -0,0 +1,23 @@ +<!doctype html> +<html lang="en"> + +<head> + <title>Mark's Kitchen - Blog</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"> + <link rel="shortcut icon" href="/favicon.ico"> +</head> + +<body> + <h1> + <a class="navigation" href="/" title="marks.kitchen"><</a> + <a class="navigation" href="/blog" title="blog"><</a> + Post from {{date}} + </h1> + {{> navigation}} + {{> feed}} + {{> footer}} +</body> + +</html>
\ No newline at end of file diff --git a/src/templates/blog.html b/src/templates/blog.html new file mode 100644 index 0000000..40b86f5 --- /dev/null +++ b/src/templates/blog.html @@ -0,0 +1,22 @@ +<!doctype html> +<html lang="en"> + +<head> + <title>Mark's Kitchen - Blog</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"> + <link rel="shortcut icon" href="/favicon.ico"> +</head> + +<body> + <h1> + <a class="navigation" href="/" title="marks.kitchen"><</a> + Blog + </h1> + {{> navigation}} + {{> feed}} + {{> footer}} +</body> + +</html>
\ No newline at end of file diff --git a/src/templates/bread.html b/src/templates/bread.html new file mode 100644 index 0000000..b5d02ed --- /dev/null +++ b/src/templates/bread.html @@ -0,0 +1,23 @@ +<!doctype html> +<html lang="en"> + +<head> + <title>Mark's Kitchen - Bread</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"> + <link rel="shortcut icon" href="/favicon.ico"> +</head> + +<body> + <h1> + <a class="navigation" href="/" title="marks.kitchen"><</a> + Bread + </h1> + <p>Some highlights (and lowlights) of breadmaking</p> + {{> navigation}} + {{> feed}} + {{> footer}} +</body> + +</html>
\ No newline at end of file diff --git a/src/templates/feed.html b/src/templates/feed.html new file mode 100644 index 0000000..2158f3e --- /dev/null +++ b/src/templates/feed.html @@ -0,0 +1,24 @@ +<div class="feed"> + {{#each posts}} + <div class="card"> + <p class="card-text">{{{this.description}}}</p> + <div class="card-img"> + {{#each this.images}} + <span> + <a href="/{{this}}"><img src="/{{this}}"></a> + </span> + {{/each}} + </div> + <p class="date"> + <a href="/post/{{this.type}}/{{this.id}}"> + {{this.createdAt}} + </a> + <span> + {{#each this.tags}} + <a class="tag" href="/tags/{{this}}">{{this}}</a> + {{/each}} + </span> + </p> + </div> + {{/each}} +</div>
\ No newline at end of file diff --git a/src/templates/footer.html b/src/templates/footer.html new file mode 100644 index 0000000..617b5fa --- /dev/null +++ b/src/templates/footer.html @@ -0,0 +1,14 @@ +<footer> + <div>Mark Powers (<span class="email">mark</span>) © 2020 </div> + <div> + <a href="/feed.xml">RSS feed</a> + <span class="spacer"></span> + <a href="https://github.com/Mark-Powers">GitHub</a> + <span class="spacer"></span> + <a href="https://git.marks.kitchen">Git Repos</a> + <span class="spacer"></span> + <a href="https://fosstodon.org/@markp">Mastodon</a> + <span class="spacer"></span> + <br> + </div> +</footer>
\ No newline at end of file diff --git a/src/templates/index.html b/src/templates/index.html new file mode 100644 index 0000000..efb7369 --- /dev/null +++ b/src/templates/index.html @@ -0,0 +1,20 @@ +<!doctype html> +<html lang="en"> + +<head> + <title>Mark's Kitchen</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"> + <link rel="shortcut icon" href="/favicon.ico"> + <link rel="alternate" type="application/rss+xml" title="RSS Feed for marks.kitchen" href="/feed.xml" /> +</head> + +<body> + <h1>Welcome to Mark's Kitchen</h1> + {{> navigation}} + {{> feed}} + {{> footer}} +</body> + +</html>
\ No newline at end of file diff --git a/src/templates/misc.html b/src/templates/misc.html new file mode 100644 index 0000000..9fb376a --- /dev/null +++ b/src/templates/misc.html @@ -0,0 +1,30 @@ +<!doctype html> +<html lang="en"> + +<head> + <title>Mark's Kitchen</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"> + <link rel="shortcut icon" href="/favicon.ico"> +</head> + +<body> + + <h1> + <a class="navigation" href="/" title="marks.kitchen"><</a> + Miscellany + </h1> + {{> navigation}} + <div> + <a href="projects" class="btn btn-primary">Projects</a> + </div> + <div> + <a href="chess" class="btn btn-primary">Chess</a> + </div> + <div> + <a href="word-square" class="btn btn-primary">Word Play</a> + </nav> +</body> + +</html>
\ No newline at end of file diff --git a/src/templates/navigation.html b/src/templates/navigation.html new file mode 100644 index 0000000..6bb10f1 --- /dev/null +++ b/src/templates/navigation.html @@ -0,0 +1,10 @@ +<nav class="titlebar"> + <div> + <a href="/" class="btn btn-primary">Home</a> + <a href="/bread" class="btn btn-primary">Bread</a> + <a href="/blog" class="btn btn-primary">Blog</a> + <a href="https://games.marks.kitchen" class="btn btn-primary">Games</a> + <a href="/email" class="btn btn-primary">Email</a> + <a href="/misc" class="btn btn-primary">Misc</a> + </div> +</nav>
\ No newline at end of file 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"><</a> + <a class="navigation" href="/misc" title="marks.kitchen/misc"><</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 diff --git a/src/templates/tags.html b/src/templates/tags.html new file mode 100644 index 0000000..31858e8 --- /dev/null +++ b/src/templates/tags.html @@ -0,0 +1,22 @@ +<!doctype html> +<html lang="en"> + +<head> + <title>Mark's Kitchen - Tags</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"> + <link rel="shortcut icon" href="/favicon.ico"> +</head> + +<body> + <h1> + <a class="navigation" href="/" title="marks.kitchen"><</a> + Tag {{name}} + </h1> + {{> navigation}} + {{> feed}} + {{> footer}} +</body> + +</html>
\ No newline at end of file |