add css, next post feature

change favicon, add more readme, add extra example post, dark/light mode toggle

templates/components/dark-mode-checkbox.html

@@ -0,0 +1 @@
+<input id="dark-mode" type="checkbox"/><label for="dark-mode"></label>

templates/components/makoto-styling.html

@@ -0,0 +1,35 @@
+<style>
+  blockquote  {
+    margin: 0;
+    margin: 8px 0px;
+    padding: 4px 8px 4px 0px;
+    border-left: 8px solid #727272;
+    padding-left: 8px;
+  }
+
+  .code-block, code {
+    font-family: 'Courier New', Courier, monospace;
+    font-size: 1rem;
+  }
+
+  .code-block {
+    color: #222;
+    background-color: #d8d8d8;
+    padding: 2px 4px;
+    word-break: break-all;
+    border-radius: 3px;
+  }
+  
+  img {
+    max-width: 85%;
+  }
+  
+  table {
+    border-collapse: collapse;
+  }
+  
+  th, td {
+    padding: 2px 5px;
+    border: 1px solid black;
+  }
+</style>

templates/components/return.html

@@ -1 +1 @@
-<a href="/" style="position: absolute; left: 10px; top: 10px;"><- Get me outta here!</a>
+<a id="return" href="/"><= Get me outta here!</a>