basic blog page!

public/style/blog.css

@@ -0,0 +1,46 @@
+main {
+    margin: 0 auto 1rem auto;
+}
+
+article.blog {
+    font-family: 'Lora', serif;
+}
+
+.blog-date {
+    margin-top: -1em;
+    opacity: .75;
+}
+
+.blog p {
+    line-height: 1.5em;
+}
+
+.blog p:hover {
+    background: inherit;
+}
+
+.blog sub {
+    opacity: .75;
+}
+
+.blog img {
+    margin: 0 auto;
+    max-height: 50%;
+    max-width: 100%;
+
+    display: block;
+}
+
+.blog i.end-mark {
+    width: 1.2em;
+    height: 1.2em;
+    margin-top: -.2em;
+
+    display: inline-block;
+    transform: translateY(.2em);
+
+    background: url("/img/aridoodle.png");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+}