Add alternate themes

author: Ben Burwell <ben@benburwell.com> 2019-08-10 14:02:00 -0400
committer: Ben Burwell <ben@benburwell.com> 2019-08-10 14:22:58 -0400
commit: b95713a03e1f82868f5db81fb264c23496641cad (patch)
tree: 550ec1551e45d73f13876ec1cfe3716215733c13
parent: 79a14b5fa3970deda7235e3d38ffd591a75a88a3 (diff)
19 files changed, 177 insertions, 27 deletions
diff --git a/_config.yml b/_config.yml
index ce10eeb..087fdd3 100644
--- a/_config.yml
+++ b/_config.yml
@@ -17,7 +17,7 @@ defaults:
   - scope:
       path: ""
     values:
-      layout: master
+      layout: nav
   - scope:
       path: ""
       type: "posts"
diff --git a/_layouts/master.html b/_layouts/master.html
index 294a695..5f7b75d 100644
--- a/_layouts/master.html
+++ b/_layouts/master.html
@@ -5,24 +5,12 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <link rel="alternate" type="application/atom+xml" title="benburwell.com blog posts" href="/feed.xml">
+    <link rel="stylesheet" type="text/css" href="/assets/base.css">
+    <link rel="stylesheet" type="text/css" href="/assets/normal.css" title="Normal">
+    <link rel="alternate stylesheet" type="text/css" href="/assets/h4xx0r.css" title="1337 h4xx0r">
+    <link rel="alternate stylesheet" type="text/css" href="/assets/classic.css" title="Classic">
+    <link rel="alternate stylesheet" type="text/css" href="/assets/90s.css" title="90's">
     <meta name="author" content="Ben Burwell">
-    <style>
-      body {
-        max-width: 40rem;
-        padding: 1rem;
-        margin: auto;
-        color: #242424;
-      }
-      h1, h2, h3, h4, h5, h6 {
-        font-family: sans-serif;
-      }
-      pre {
-        overflow: auto;
-      }
-      img {
-        max-width: 100%;
-      }
-    </style>
   </head>
   <body>
     {{ content }}
diff --git a/_layouts/nav.html b/_layouts/nav.html
new file mode 100644
index 0000000..3a04970
--- /dev/null
+++ b/_layouts/nav.html
@@ -0,0 +1,9 @@
+---
+layout: master
+---
+<nav>
+  <a href="/">Home</a> /
+  <a href="/posts/">Blog</a> /
+  <a href="/projects.html">Projects</a>
+</nav>
+{{ content }}
diff --git a/_layouts/post.html b/_layouts/post.html
index fc95d89..7636b8f 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -1,13 +1,11 @@
 ---
-layout: master
+layout: nav
 ---
 
 <h1>{{page.title}}</h1>
 <p>
   <em>
-    Posted {{page.date | date: "%Y-%m-%d"}} to
-    <a href="/">Ben Burwell</a>'s
-    <a href="/posts/">blog</a>
+    Posted {{page.date | date: "%Y-%m-%d"}}
   </em>
 </p>
 
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 }
diff --git a/posts/index.html b/posts/index.html
index 21a0cf6..fe490d1 100644
--- a/posts/index.html
+++ b/posts/index.html
@@ -1,11 +1,11 @@
 ---
-title: Posts - Ben Burwell
+title: B³ - Ben Burwell’s Blog
 description: Irregularly updated blogish thing about stuff I’m interested in.
 ---
 
-<h1><a href="/">Ben Burwell</a>'s Blog</h1>
+<h1>B<sup>3</sup> — Ben Burwell’s Blog</h1>
 
-<p>I occasionally write things, and when I do they usually end up here. There's
+<p>I occasionally write things, and when I do they usually end up here. There’s
 also an <a href="/feed.xml">RSS feed</a>.</p>
 
 <hr/>
@@ -17,4 +17,5 @@ also an <a href="/feed.xml">RSS feed</a>.</p>
 <p>
   <em>Posted <small>{{post.date | date: "%Y-%m-%d"}}</small></em>
 </p>
-{{post.excerpt}} {% endfor %}
+{{post.excerpt}}
+{% endfor %}
diff --git a/projects.md b/projects.md
index ff60bf7..59c34f7 100644
--- a/projects.md
+++ b/projects.md
@@ -1,5 +1,4 @@
 ---
-layout: master
 title: Ben Burwell's Projects
 ---
author	Ben Burwell <ben@benburwell.com>	2019-08-10 14:02:00 -0400
committer	Ben Burwell <ben@benburwell.com>	2019-08-10 14:22:58 -0400
commit	b95713a03e1f82868f5db81fb264c23496641cad (patch)
tree	550ec1551e45d73f13876ec1cfe3716215733c13
parent	79a14b5fa3970deda7235e3d38ffd591a75a88a3 (diff)