Work for the day

Post parsing, index page, navbar, CSS, blog listings

There's something weird with the path matching that's making it miss the
post view page in favor of the list view page.

2 files changed, 115 insertions, 0 deletions

diff --git a/statics/custom.css b/statics/custom.css
new file mode 100644
index 0000000..827bd23
--- /dev/null
+++ b/statics/custom.css
@@ -0,0 +1,41 @@
+/* Element styles */
+body {
+	font-family: sans-serif;
+}
+
+/* Base container */
+.container {
+	margin: auto; /* centered */
+	width: 80%;   /* looks nice */
+}
+
+/* Navbar */
+.navbar {
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+	border-bottom: 1px solid;
+	margin-bottom: 2rem;
+	text-align: center;
+	padding-bottom: 0.4rem;
+}
+
+.navbar-item {
+	display: inline;
+	margin-right: 1rem;
+}
+
+.footer {
+	border-top: 1px solid;
+	margin-top: 2rem;
+	padding-top: 0.4rem;
+}
+
+.two-column {
+	display: flex;
+	justify-content: center;
+}
+
+.inner-column {
+	flex: 50%;
+}
diff --git a/statics/gruvbox.css b/statics/gruvbox.css
new file mode 100644
index 0000000..618eb3b
--- /dev/null
+++ b/statics/gruvbox.css
@@ -0,0 +1,74 @@
+main {
+  font-family: monospace, monospace;
+  max-width: 38rem;
+  padding: 2rem;
+  margin: auto;
+}
+
+@media only screen and (max-device-width: 736px) {
+  main {
+    padding: 0rem;
+  }
+}
+
+::selection {
+  background: #d3869b;
+}
+
+body {
+  background: #282828;
+  color:      #ebdbb2;
+}
+
+pre {
+  background-color: #3c3836;
+  padding: 1em;
+  border: 0;
+}
+
+a, a:active, a:visited {
+  color: #b16286;
+  background-color: #1d2021;
+}
+
+h1, h2, h3, h4, h5 {
+  margin-bottom: .1rem;
+}
+
+blockquote {
+  border-left: 1px solid #bdae93;
+  margin: 0.5em 10px;
+  padding: 0.5em 10px;
+}
+
+footer {
+  align: center;
+}
+
+@media (prefers-color-scheme: light) {
+    body {
+        background: #fbf1c7;
+        color:      #3c3836;
+    }
+
+    pre {
+        background-color: #ebdbb2;
+        padding: 1em;
+        border: 0;
+    }
+
+    a, a:active, a:visited {
+        color: #b16286;
+        background-color: #f9f5d7;
+    }
+
+    h1, h2, h3, h4, h5 {
+        margin-bottom: .1rem;
+    }
+
+    blockquote {
+        border-left: 1px solid #655c54;
+        margin: 0.5em 10px;
+        padding: 0.5em 10px;
+    }
+}