1 files changed, 57 insertions, 0 deletions
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>