Add alternate themes

13 files changed, 155 insertions, 0 deletions

diff --git a/assets/90s.css b/assets/90s.css
new file mode 100644
index 0000000..abebb92
--- /dev/null
+++ b/assets/90s.css
@@ -0,0 +1,8 @@
+html {
+  background: url(/assets/images/stars.gif);
+  color: yellow;
+}
+
+a { color: red }
+
+code, pre { color: #0f0 }
diff --git a/assets/base.css b/assets/base.css
new file mode 100644
index 0000000..b2e6055
--- /dev/null
+++ b/assets/base.css
@@ -0,0 +1,9 @@
+body {
+  max-width: 40rem;
+  padding: 1rem;
+  margin: auto;
+}
+
+pre { overflow: auto }
+
+img { max-width: 100% }
diff --git a/assets/boring.css b/assets/boring.css
new file mode 100644
index 0000000..48d61f7
--- /dev/null
+++ b/assets/boring.css
@@ -0,0 +1,54 @@
+@font-face {
+  font-family: 'Josefin Sans';
+  src: url('/assets/fonts/josefinsans-regular.woff2') format('woff2'),
+       url('/assets/fonts/josefinsans-regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Poly';
+  src: url('/assets/fonts/poly-regular.woff2') format('woff2'),
+       url('/assets/fonts/poly-regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+    font-family: 'Poly';
+    src: url('/assets/fonts/poly-regularitalic.woff2') format('woff2'),
+         url('/assets/fonts/poly-regularitalic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}
+
+html {
+  --dark: #222;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Futura', 'Josefin Sans', sans-serif;
+  font-weight: normal;
+}
+
+body {
+  color: var(--dark);
+  font-family: 'Palatino', 'Poly', serif;
+}
+
+a {
+  color: var(--dark);
+}
+
+a:hover {
+  color: #0033cc;
+}
+
+hr {
+  border: none;
+  border-bottom: 1px dotted #999;
+}
+
+p {
+  line-height: 1.5;
+}
diff --git a/assets/classic.css b/assets/classic.css
new file mode 100644
index 0000000..90d0e40
--- /dev/null
+++ b/assets/classic.css
@@ -0,0 +1,61 @@
+@font-face {
+  font-family: 'Josefin Sans';
+  src: url('/assets/fonts/josefinsans-regular.woff2') format('woff2'),
+       url('/assets/fonts/josefinsans-regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Poly';
+  src: url('/assets/fonts/poly-regular.woff2') format('woff2'),
+       url('/assets/fonts/poly-regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+    font-family: 'Poly';
+    src: url('/assets/fonts/poly-regularitalic.woff2') format('woff2'),
+         url('/assets/fonts/poly-regularitalic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}
+
+html {
+  --dark: #222;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  /* font-family: 'Futura', 'Josefin Sans', sans-serif; */
+  font-family: 'Josefin Sans', sans-serif;
+  font-weight: normal;
+}
+
+body {
+  color: var(--dark);
+  /* font-family: 'Palatino', 'Poly', serif; */
+  font-family: 'Poly', serif;
+}
+
+a {
+  color: var(--dark);
+}
+
+a:hover {
+  color: #0033cc;
+}
+
+hr {
+  border: none;
+  border-bottom: 1px dotted #999;
+}
+
+p {
+  line-height: 1.5;
+}
diff --git a/assets/fonts/josefinsans-regular.woff b/assets/fonts/josefinsans-regular.woff
new file mode 100755
index 0000000..fe29901
--- /dev/null
+++ b/assets/fonts/josefinsans-regular.woff
diff --git a/assets/fonts/josefinsans-regular.woff2 b/assets/fonts/josefinsans-regular.woff2
new file mode 100755
index 0000000..2c0284f
--- /dev/null
+++ b/assets/fonts/josefinsans-regular.woff2
diff --git a/assets/fonts/poly-regular.woff b/assets/fonts/poly-regular.woff
new file mode 100755
index 0000000..3d8e457
--- /dev/null
+++ b/assets/fonts/poly-regular.woff
diff --git a/assets/fonts/poly-regular.woff2 b/assets/fonts/poly-regular.woff2
new file mode 100755
index 0000000..cc7abe8
--- /dev/null
+++ b/assets/fonts/poly-regular.woff2
diff --git a/assets/fonts/poly-regularitalic.woff b/assets/fonts/poly-regularitalic.woff
new file mode 100755
index 0000000..83b3ed8
--- /dev/null
+++ b/assets/fonts/poly-regularitalic.woff
diff --git a/assets/fonts/poly-regularitalic.woff2 b/assets/fonts/poly-regularitalic.woff2
new file mode 100755
index 0000000..797ec22
--- /dev/null
+++ b/assets/fonts/poly-regularitalic.woff2
diff --git a/assets/h4xx0r.css b/assets/h4xx0r.css
new file mode 100644
index 0000000..61a7204
--- /dev/null
+++ b/assets/h4xx0r.css
@@ -0,0 +1,21 @@
+html {
+  --dark: #1c1c1c;
+  --light: #888;
+  --green: #0c0;
+  background-color: var(--dark);
+}
+
+body {
+  color: var(--light);
+  font-family: monospace;
+}
+
+a {
+  color: var(--green);
+  text-decoration: none;
+}
+
+a:hover {
+  color: var(--dark);
+  background-color: var(--green);
+}
diff --git a/assets/images/stars.gif b/assets/images/stars.gif
new file mode 100644
index 0000000..e45d5d9
--- /dev/null
+++ b/assets/images/stars.gif
diff --git a/assets/normal.css b/assets/normal.css
new file mode 100644
index 0000000..ea4c1f5
--- /dev/null
+++ b/assets/normal.css
@@ -0,0 +1,2 @@
+body { color: #242424 }
+h1, h2, h3, h4, h5, h6 { font-family: sans-serif }