1 files changed, 51 insertions, 3 deletions
diff --git a/src/_layouts/base.njk b/src/_layouts/base.njk
index 84df4f4..cc89f99 100644
--- a/src/_layouts/base.njk
+++ b/src/_layouts/base.njk
@@ -3,19 +3,67 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="icon" href="https://adelie.liz.coffee/img/favicon.ico" />
   <title>{% if title %}{{ title }} - {% endif %}liz.coffee</title>
-  <link rel="stylesheet" href="/assets/adelie.css">
+  <link rel="stylesheet" href="https://adelie.liz.coffee/bundle.css">
   <link rel="alternate" type="application/atom+xml" title="liz.coffee" href="/feed.xml">
+  <style>
+    .blinkie {
+      image-rendering: optimizeSpeed;
+      image-rendering: -moz-crisp-edges;
+      image-rendering: -o-crisp-edges;
+      image-rendering: -webkit-optimize-contrast;
+      image-rendering: pixelated;
+      image-rendering: optimize-contrast;
+      -ms-interpolation-mode: nearest-neighbor;
+      width: 150px;
+      height: 20px;
+    }
+    .blinkies {
+      display: flex;
+      justify-content: left;
+      flex-wrap: wrap;
+      max-width: 900px;
+      gap: 10px 10px;
+    }
+    .blinkie-linky:hover {
+      text-decoration: none !important;
+    }
+  </style>
   {% if pageStyles %}
   <style>{{ pageStyles | safe }}</style>
   {% endif %}
 </head>
 <body>
+  <header>
+    <nav>
+      <a href="/">Home</a>
+      <a href="/about">About</a>
+      <a href="/blog">Blog</a>
+      <a href="/resume">Resume</a>
+    </nav>
+    <input type="checkbox" id="theme-toggle" class="toggle" aria-label="Toggle dark mode" />
+  </header>
   <main>
-    {{ content | safe }}
+    <article>
+      {{ content | safe }}
+    </article>
   </main>
+  <footer>
+    <div class="blinkies">
+      <a class="blinkie-linky" href="https://liz.coffee">
+        <img class="blinkie" src="https://adelie.liz.coffee/img/blinkies/liz--coffee.gif">
+      </a>
 
-  <script src="/assets/adelie.js"></script>
+      <img class="blinkie" src="https://adelie.liz.coffee/img/blinkies/boys.gif">
+    </div>
+    <div class="text-center">
+      <img width="100" src="/assets/penguin.gif" />
+      <p>add <a href="/blinkies/add">your very own blinkie</a>!</p>
+    </div>
+  </footer>
+
+  <script src="https://adelie.liz.coffee/bundle.js"></script>
   {% if pageScripts %}
   <script>{{ pageScripts | safe }}</script>
   {% endif %}