styled it like im 12

contact.md

@@ -3,7 +3,7 @@ title: Contact
 ---
 
 * email me at [s@p7.co.nz](mailto:s@p7.co.nz)
-* come chill at **#scoots** on [ServerChan](https://p7.co.nz/layer08/)
-* if you see a **tA**, **techieAgnostic** or anything in the form of **t\*A\*** on irc its probably me
+* come chill at `#scoots` on [ServerChan](https://p7.co.nz/layer08/)
+* if you see a `tA`, `techieAgnostic` or anything in the form of `t*A*` on irc its probably me
 * i hang out on [Ocean Lounge](https://discord.gg/0oqynmoeGIUO49rW) a fair bit
-* if you're an [urbit](https://urbit.org) i'm occasionally on as **~bannum-magtus**
+* if you're an [urbit](https://urbit.org) i'm occasionally on as `~bannum-magtus`

css/default.css

@@ -1,61 +1,137 @@
+nav a {
+  font-size: 1.8rem;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+
+a:before {
+   content: "▻";
+}
+
+a {
+   text-decoration: none;
+}
+
+a:link {
+   color: #7FDBFF;
+}
+
+a:visited {
+   color: #B10DC9;
+}
+
+.navbar a {
+  color: #7FDBFF;
+}
+
+.navbar a:before {
+   content: "";
+}
+
 html {
+  font-family: sans-serif;
   font-size: 62.5%;
+  color: #FFFFFF;
+  background-color: #222222;
 }
 
 body {
   font-size: 1.6rem;
-  color: #000;
+  color: #FFFFFF;
 }
 
 blockquote {
    padding: 0 1em;
-   color: #444444;
+   color: #2ECC40;
    border-left: 0.25em solid #dfe2e5;
 }
 
 header {
-  border-bottom: 0.2rem solid #000;
+  border-bottom: 0.2rem solid #F012BE;
 }
 
 nav {
   text-align: right;
-}
-
-nav a {
-  font-size: 1.8rem;
-  font-weight: bold;
-  color: black;
-  text-decoration: none;
-  text-transform: uppercase;
+  color: #7FDBFF;
 }
 
 footer {
   margin-top: 3rem;
   padding: 1.2rem 0;
-  border-top: 0.2rem solid #000;
+  border-top: 0.2rem solid #F012BE;
   font-size: 1.2rem;
-  color: #555;
+  color: #AAAAAA;
+}
+
+code {
+   font-family: monospace;
+   color: #01FF70;
+}
+
+pre {
+   padding: 0 1em;
+   border-left: 0.25em solid #3D9970;
+}
+
+strong {
+   color: #FF4136;
+}
+
+em {
+   color: #FFDC00;
+}
+
+strong>em {
+   color: #FF851B;
 }
 
 h1 {
+  color: #7FDBFF;
   font-size: 2.4rem;
 }
 
 h2 {
+  color: #7FDBFF;
   font-size: 2rem;
 }
 
+h3 {
+  color: #7FDBFF;
+  font-size: 1em;
+}
+
+h3:before {
+   content: "◎ ";
+}
+
+h2:before {
+   content: "◉ ";
+}
+
+h1:before {
+   content: "◈ ";
+}
+
 article .header {
   font-size: 1.4rem;
   font-style: italic;
-  color: #555;
+  color: #AAAAAA;
 }
 
 .logo a {
   font-weight: bold;
   font-size: 3.4rem;
-  color: #000;
   text-decoration: none;
+  color: #7FDBFF;
+}
+
+.logo a:before {
+   content: "◈ ";
+}
+
+.logo a:after {
+   content: " ◈";
 }
 
 @media (max-width: 319px) {
@@ -78,8 +154,6 @@ article .header {
     text-align: center;
     margin: 1rem auto 3rem;
   }
-  .logo a {
-  }
   nav a {
     display: block;
     line-height: 1.6;
@@ -106,8 +180,6 @@ article .header {
     text-align: center;
     margin: 1rem auto 3rem;
   }
-  .logo a {
-  }
   nav a {
     display: inline;
     margin: 0 0.6rem;
@@ -135,8 +207,6 @@ article .header {
     text-align: center;
     margin: 1rem auto 3rem;
   }
-  .logo a {
-  }
   nav a {
     display: inline;
     margin: 0 0.6rem;

site.hs

@@ -20,6 +20,10 @@ main = do
          route   idRoute
          compile compressCssCompiler
 
+      match "fonts/*" $ do
+         route idRoute
+         compile copyFileCompiler
+
       match (fromList ["about.md", "contact.md"]) $ do
          route $ cleanRoute
          compile $ pandocCompiler

templates/default.html

@@ -13,7 +13,7 @@
             <div class="logo">
                 <a href="/">Regular Flolloping</a>
             </div>
-            <nav>
+            <nav class="navbar">
                 <a href="/">Home</a>
                 <a href="/about/">About</a>
                 <a href="/contact/">Contact</a>

templates/post-list.html

@@ -1,7 +1,7 @@
 <ul>
-    $for(posts)$
-        <li>
-            <a href="$url$">$title$</a> - $date$
-        </li>
-    $endfor$
+   $for(posts)$
+      <li>
+         <a href="$url$">$title$</a> - $date$
+      </li>
+   $endfor$
 </ul>