add subheader

2 files changed, 20 insertions, 4 deletions

diff --git a/build/layout.moon b/build/layout.moon
index 8ef7fd4..e6e136d 100644
--- a/build/layout.moon
+++ b/build/layout.moon
@@ -1,4 +1,4 @@
-import header, aside, footer, div, svg, g, circle, h1, span, b, a, img from require 'mmm.dom'
+import header, aside, footer, div, svg, script, g, circle, h1, span, b, a, img from require 'mmm.dom'
 
 pick = (...) ->
   num = select '#', ...
@@ -43,9 +43,21 @@ logo = svg {
     --        "with"
     --        pick 'mostly code', 'code and wires', 'silicon', 'electronics'
     }
---    aside {
---      a 'message me', href: '#'
---    }
+    aside {
+      -- a 'about me', href: '/about'
+      a 'games', href: '/games'
+      a 'other', href: '/projects'
+      a {
+        href: 'mailto:s%20[removethis]%20[at]%20s-ol.nu'
+        'contact'
+        script "
+          var l = document.currentScript.parentElement;
+          console.log(l);
+          l.href = l.href.replace('%20[at]%20', '@');
+          l.href = l.href.replace('%20[removethis]', '') + '?subject=Hey there :)';
+        "
+      }
+    }
   }
   footer: footer {
     span {
diff --git a/scss/_header.scss b/scss/_header.scss
index 726d89e..2bcb80c 100644
--- a/scss/_header.scss
+++ b/scss/_header.scss
@@ -52,6 +52,10 @@ header {
     padding: 1em 2rem;
     color: $gray-bright;
     background: $gray-darker;
+
+    > a {
+      margin-right: 2em;
+    }
   }
 }