side nav

tem/html/core/head.html

@@ -72,3 +72,67 @@
     </a>
   </div>
 </div>
+
+<div id="side">
+  <div
+    style="
+      display: flex;
+      flex-flow: column;
+      gap: 6px;
+    "
+  >
+    <a href="/" class="onpage">
+      <img src="/public/img/icons/home.svg?v1" height="32" width="auto" />
+      <div>home</div>
+    </a>
+
+    <a href="/moves">
+      <img src="/public/img/icons/dofs.svg?v1" height="32" width="auto" />
+      <div>moves</div>
+    </a>
+
+    <a href="/games">
+      <img src="/public/img/icons/games.svg?v1" height="32" width="auto" />
+      <div>games</div>
+    </a>
+
+    <a href="/projects">
+      <img src="/public/img/icons/projects.svg?v1" height="32" width="auto" />
+      <div>projects</div>
+    </a>
+  </div>
+
+  <div>
+    <div
+      style="
+        height: 2px;
+        width: 75%;
+        margin: 6px auto;
+        background: var(--col-06);
+      "
+    ></div>
+    <a href="https://discord.com/invite/v9UF3TsX?utm_source=Discord%20Widget&amp;utm_medium=Connect">
+      <img src="/public/img/icons/discord.svg?v1" height="32" width="auto" />
+      <div>discord</div>
+    </a>
+  </div>
+
+  <div style="flex: 1;"></div>
+
+  <div id="support">
+    <a href="https://www.patreon.com/bePatron?u=31202689">
+      <img width="48px" src="/public/img/icons/patreon.svg?v29" style="border-radius: 24px;">
+    </a>
+    <a href="https://dofdev-shop.fourthwall.com">
+      <img width="48px" src="/public/img/icons/merch.svg?v29" style="border-radius: 24px;">
+    </a>
+    <a href="https://ko-fi.com/dofdev">
+      <img width="48px" src="/public/img/icons/kofi.svg?v29" style="border-radius: 24px;">
+    </a>
+  </div>
+
+  <div id="foot">
+    {{ template "footer.html" }}
+  </div>
+</div>
+<div id="side_border"></div>