From 3d7cd8a7addd86b7a97a50821eb348345e0d427a Mon Sep 17 00:00:00 2001
From: Cara Salter <cara@devcara.com>
Date: Wed, 22 Dec 2021 01:06:39 -0500
Subject: 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.
---
 statics/custom.css  | 41 +++++++++++++++++++++++++++++
 statics/gruvbox.css | 74 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 115 insertions(+)
 create mode 100644 statics/custom.css
 create mode 100644 statics/gruvbox.css

(limited to 'statics')

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;
+    }
+}
-- 
cgit v1.2.3