2 files changed, 68 insertions, 0 deletions
diff --git a/partials/footer.html b/partials/footer.html
new file mode 100644
index 0000000..7e80061
--- /dev/null
+++ b/partials/footer.html
@@ -0,0 +1,11 @@
+<footer class="site-footer">
+  <div class="footer-inner">
+    <div>© <span id="copyright-year">2026</span> SillyLaird — Licensed under <a href="/wtfpl.txt">WTFPL</a></div>
+    <div>Last updated: <time id="last-updated"></time></div>
+    <div>Privacy: Some pages load third-party content (Last.fm, guestbook, blog, embeds).</div>
+
+    <a class="badge" href="https://www.eff.org/issues/free-speech" target="_blank" rel="noopener">
+      <img src="/rib_bar_wh.png" alt="EFF free speech badge" loading="lazy" decoding="async" class="s9572e08b37">
+    </a>
+  </div>
+</footer>
diff --git a/partials/header.html b/partials/header.html
new file mode 100644
index 0000000..9bb3d47
--- /dev/null
+++ b/partials/header.html
@@ -0,0 +1,57 @@
+<header class="site-header">
+  <div class="header-inner">
+    <div class="brand">
+      <a href="/" class="logo" aria-label="SillyLaird home">
+        <img src="/lain.png" alt="SillyLaird logo" width="48" height="48" decoding="async" />
+      </a>
+      <div class="brand-text">
+        <strong>SillyLaird</strong>
+        <span>personal hub: links, logs, and vibes</span>
+      </div>
+    </div>
+
+    <div class="header-controls">
+      <a href="http://xyb4zkpbnssz2kgiklg5vfbepbnblykgfvemwadvufwzfcrjny46q6qd.onion/" class="header-button">Tor</a>
+
+      <div class="lang">
+        <div class="lang-toggle-wrapper">
+          <button class="header-button" id="lang-toggle" type="button" aria-haspopup="menu" aria-expanded="false">
+            Language: <span id="current-lang">EN</span>
+          </button>
+        </div>
+
+        <div class="lang-menu" id="lang-options" role="menu" hidden>
+          <a role="menuitem" href="#" data-lang="en" data-lang-href>English</a>
+          <a role="menuitem" href="#" data-lang="zh" data-lang-href>中文</a>
+          <a role="menuitem" href="#" data-lang="ja" data-lang-href>日本語</a>
+        </div>
+      </div>
+
+      <div class="menu-wrapper">
+        <button id="menu-toggle" type="button" aria-label="Menu" aria-controls="site-nav" aria-expanded="false">☰</button>
+
+        <nav id="site-nav" class="site-nav" aria-label="Main navigation" hidden>
+          <ul class="nav-section">
+            <li class="nav-label">Pages</li>
+            <li><a href="/">Home</a></li>
+            <li><a href="/startpage/">StartPage</a></li>
+            <li><a href="/journal/">Journal</a></li>
+            <li><a href="/gaming/">Gaming</a></li>
+            <li><a href="/bookmarks/">Bookmarks</a></li>
+            <li><a href="/accounts/">Accounts</a></li>
+            <li><a href="/computers/">Computers</a></li>
+            <li><a href="/map/">Site Map</a></li>
+          </ul>
+          <ul class="nav-section">
+            <li class="nav-label">Subdomains</li>
+            <li><a href="https://blog.sillylaird.ca/" target="_blank" rel="noopener">Blog</a></li>
+            <li><a href="https://guestbook.sillylaird.ca" target="_blank" rel="noopener">Guestbook</a></li>
+            <li><a href="/changelog/">Changelog</a></li>
+            <li><a href="https://diary.sillylaird.ca/bbs.php" target="_blank" rel="noopener">Diary</a></li>
+            <li><a href="http://9p.sillylaird.ca" target="_blank" rel="noopener">9p/9f</a></li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+  </div>
+</header>