Abstract template and style

3 files changed, 24 insertions, 4 deletions

diff --git a/static/archive.css b/static/archive.css
index 7bd1c47..628461e 100644
--- a/static/archive.css
+++ b/static/archive.css
@@ -1,5 +1,3 @@
-body { margin: 0 }
-
 nav {
     display: flex;
     justify-content: space-around;
@@ -7,10 +5,8 @@ nav {
     top: 0;
 }
 nav > a {
-    color: white;
     flex: 1;
     text-align: center;
-    text-decoration: none;
 }
 nav > a:hover { font-weight: bold }
 #prev { background-color: #a40000 }
diff --git a/static/base.css b/static/base.css
new file mode 100644
index 0000000..549ac8f
--- /dev/null
+++ b/static/base.css
@@ -0,0 +1,12 @@
+html {
+    background-color: black;
+    font-size: min(max(100%, 2vw), 150%);
+    margin: auto;
+}
+
+body { margin: 0 }
+
+a {
+    color: white;
+    text-decoration: none;
+}
diff --git a/static/directory.css b/static/directory.css
new file mode 100644
index 0000000..b56cd6e
--- /dev/null
+++ b/static/directory.css
@@ -0,0 +1,12 @@
+main {
+    margin: auto;
+    max-width: 25rem;
+}
+
+p {
+    margin: 0;
+    padding: 1ex;
+}
+
+a:nth-child(2n) p { background-color: #5c3566 }
+a:hover { text-decoration: underline }