cleanup

build-site.el

@@ -239,17 +239,25 @@ FMT / ARGS are passed to `format'."
 ;; ─────────────────────────────────────────────────────────────────────────────
 
 (defvar z/preamble
-  "<div class=\"banner-header\">
-  <a href=\"/\"><img src=\"/assets/images/gr.png\" alt=\"Site Logo\" class=\"banner-logo\" /></a>
-  <nav>
-    <a href=\"/\">Home | </a>
-    <a href=\"/blogs/blogs-list.html\">Blogs | </a>
-    <a href=\"/posts/career/career-list.html\">Career | </a>
+  "<div class=\"banner-header\" role=\"banner\">
+  <a class=\"site-brand\" href=\"/\" aria-label=\"Home\">
+    <img src=\"/assets/images/gr.png\" alt=\"\" class=\"banner-logo\" />
+    <span class=\"site-brand__text\">Zaine Qayyum</span>
+  </a>
+  <nav class=\"site-nav\" aria-label=\"Primary\">
+    <a href=\"/\">Home</a>
+    <a href=\"/blogs/blogs-list.html\">Blogs</a>
+    <a href=\"/posts/career/career-list.html\">Career</a>
     <a href=\"https://zone.zainezq.com\">Dashboard</a>
-    <input type=\"search\" id=\"search-input\" placeholder=\"Search…\" aria-label=\"Search notes\" />
-    <button id=\"search-btn\" aria-label=\"Search\">🔍</button>
   </nav>
-  <button class=\"theme-toggle\" id=\"theme-toggle\" type=\"button\" aria-label=\"Toggle dark mode\">🌗 Theme</button>
+  <div class=\"site-actions\">
+    <label class=\"site-search\" for=\"search-input\">
+      <span class=\"visually-hidden\">Search notes</span>
+      <input type=\"search\" id=\"search-input\" placeholder=\"Search notes\" aria-label=\"Search notes\" />
+    </label>
+    <button id=\"search-btn\" aria-label=\"Search\" type=\"button\">🔍</button>
+    <button class=\"theme-toggle\" id=\"theme-toggle\" type=\"button\" aria-label=\"Toggle dark mode\">Theme</button>
+  </div>
 </div>
 <div id=\"updated\">Updated: %C</div>
 ")