server auth

apps/server/internal/httpserver/templates/base.gohtml

@@ -19,7 +19,7 @@
   <header class="site-header">
     <div class="site-header__inner">
       <a class="site-brand" href="/" aria-label="Cairnquire home">
-        <img src="/static/cairnquire%20logo%402x.webp" alt="" width="160" height="40" decoding="async" />
+        <img src="/static/favicon.png" alt="" width="64" height="64" decoding="async" />
         <span class="sr-only">Cairnquire</span>
       </a>
       <form class="site-search" action="/" method="get">
@@ -28,6 +28,7 @@
       </form>
       <nav class="site-nav">
         <a href="/">Docs</a>
+        <a href="/account">Account</a>
         {{ if .WebEnabled }}<a href="/app/">Admin</a>{{ end }}
       </nav>
     </div>
@@ -41,6 +42,12 @@
     {{ template "document_edit_content" .Data }}
     {{ else if eq .BodyTemplate "search_content" }}
     {{ template "search_content" .Data }}
+    {{ else if eq .BodyTemplate "login_content" }}
+    {{ template "login_content" .Data }}
+    {{ else if eq .BodyTemplate "account_content" }}
+    {{ template "account_content" .Data }}
+    {{ else if eq .BodyTemplate "device_verify_content" }}
+    {{ template "device_verify_content" .Data }}
     {{ else if eq .BodyTemplate "error_content" }}
     {{ template "error_content" .Data }}
     {{ end }}
@@ -53,6 +60,16 @@
     <span aria-hidden="true" class="cached-icon"></span>
     <p>Viewing cached offline content.</p>
   </div>
+  <section class="sync-queue" data-sync-queue hidden aria-live="polite">
+    <div class="sync-queue__header">
+      <div>
+        <strong data-sync-queue-title>Pending changes</strong>
+        <p data-sync-queue-summary>Waiting to sync.</p>
+      </div>
+      <button type="button" data-sync-now>Sync now</button>
+    </div>
+    <ul data-sync-queue-list></ul>
+  </section>
   <div class="version-notice" data-version-notice hidden>
     <p>A newer version is available.</p>
     <button type="button" data-version-reload>Reload</button>
@@ -61,6 +78,7 @@
   <script src="/static/sync.js" defer></script>
   <script src="/static/realtime.js" defer></script>
   <script src="/static/editor.js" defer></script>
+  <script src="/static/auth.js" defer></script>
   <script src="/static/render.js" defer></script>
 </body>