1 files changed, 95 insertions, 0 deletions
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..7af29b7
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,95 @@
+{% import "macros.html" as macros %}
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>soaos</title>
+    <link rel="icon" href="favicon.png" />
+    <link
+      rel="preload"
+      href="/assets/UnifontExMono.woff2"
+      as="font"
+      type="font/woff2"
+    />
+    <link rel="stylesheet" href="/98.css" />
+    <link rel="stylesheet" href="/style.css" />
+    <meta charset="UTF-8" />
+  </head>
+  <body>
+    <header>
+      <div class="window">
+        <div class="title-bar">
+          <div class="title-bar-text">𐂂 Badass header</div>
+        </div>
+        <div class="window-body centered">
+          <h1 class="flip" data-title="𐂂🌲🌲🌲 soaos 🌲🌲🌲𐂂">
+            <span class="hidden-selectable">𐂂🌲🌲🌲 soaos 🌲🌲🌲𐂂</span>
+          </h1>
+        </div>
+      </div>
+    </header>
+    <main>{% block content %} {% endblock content %}</main>
+    <footer class="window">
+      <div class="title-bar">
+        <div class="title-bar-text">🪪 Badges</div>
+      </div>
+      <div class="window-body">
+        <ul id="badge-grid" class="no-bullets">
+          <li>
+            <img
+              src="/assets/badges/javascript.png"
+              alt="Javascript-Free Page"
+            />
+          </li>
+          <li>
+            <a href="https://lynx.browser.org/" target="_blank"
+              ><img src="/assets/badges/lynx.gif" alt="Lynx Compatible"
+            /></a>
+          </li>
+          <li>
+            <a href="https://www.debian.org/" target="_blank"
+              ><img
+                src="/assets/badges/powered-by-debian.gif"
+                alt="Powered by Debian"
+            /></a>
+          </li>
+          <li>
+            <a href="/hell"
+              ><img
+                class="evil-box"
+                src="/assets/badges/go2hell.gif"
+                alt="Go 2 Hell Now!"
+            /></a>
+          </li>
+          <li>
+            <a
+              href="/assets/badges/soaos.png"
+              download
+              data-tooltip="🦌 - Link to me on your site!"
+              ><img src="/assets/badges/soaos.png" alt="soaos.dev"
+            /></a>
+          </li>
+          <li>
+            <img src="/assets/badges/cookies.png" alt="Cookie-Free Page" />
+          </li>
+        </ul>
+      </div>
+      <div class="status-bar">
+        <p data-tooltip="🦌 -<3" class="status-bar-field">
+          <span class="red-on-white">█🍁█</span>
+        </p>
+        <p class="status-bar-field">
+          <a href="https://evilr.ing/soaos/previous" class="evil">⛧</a>
+          <a href="https://evilr.ing" class="evil">EVILRING</a>
+          <a href="https://evilr.ing/soaos/next" class="evil">⛤</a>
+        </p>
+        <p class="status-bar-field">
+          <span class="hidden">Built at: </span>{{ now() }}
+        </p>
+        <p class="status-bar-field">
+          <a href="https://soaos.dev" class="flip" data-title="soaos"><span class="hidden-selectable">soaos<span/></a>
+        </p>
+      </div>
+    </footer>
+  </body>
+</html>