Add navigation links across homepage and docs

plc · claude · plc · commit 016acede9516 · 2026-02-18T20:14:03.000-07:00
- Homepage: move Sign Up / Log In to top right, add Docs to footer
- Docs page: replace "← Status" with "← Home", add Sign Up / Log In links

Co-Authored-By: Claude Opus 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/src/index.js b/src/index.js
@@ -135,6 +135,10 @@ app.get('/', (req, res) => {
 </head>
 <body>
   <div class="container">
+    <div style="display:flex; justify-content:flex-end; gap:0.75rem; margin-bottom:1.5rem;">
+      <a href="/signup" style="padding:0.5rem 1rem; border-radius:8px; text-decoration:none; font-size:0.875rem; font-weight:500; background:#2563eb; color:#fff;">Sign Up</a>
+      <a href="/login" style="padding:0.5rem 1rem; border-radius:8px; text-decoration:none; font-size:0.875rem; font-weight:500; background:#1e293b; color:#94a3b8;">Log In</a>
+    </div>
     <img src="/logo.png" alt="CalDave" class="logo">
     <h1>CalDave</h1>
     <p class="subtitle">A complete calendar for agents.</p>
@@ -158,11 +162,10 @@ curl -s "https://${DOMAIN}/man?guide"</code></pre>
 
     <div class="links">
       <a href="/docs" class="primary">API Docs</a>
-      <a href="/signup" class="primary">Sign Up</a>
-      <a href="/login" class="secondary">Log In</a>
     </div>
 
     <footer style="margin-top:3rem; padding-top:1.5rem; border-top:1px solid #334155; text-align:center; font-size:0.8125rem; color:#64748b;">
+      <a href="/docs" style="color:#94a3b8; text-decoration:none;">Docs</a> &middot;
       <a href="/terms" style="color:#94a3b8; text-decoration:none;">Terms</a> &middot;
       <a href="/privacy" style="color:#94a3b8; text-decoration:none;">Privacy</a> &middot;
       Created by <a href="https://plc.vc/qbs" style="color:#94a3b8; text-decoration:none;">Peter Clark</a>
diff --git a/src/routes/docs.js b/src/routes/docs.js
@@ -69,7 +69,13 @@ const cachedHtml = `<!DOCTYPE html>
 </head>
 <body>
   <div class="container">
-    <h1>CalDave API <a href="/">← Status</a></h1>
+    <h1 style="display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:0.5rem;">
+      <span>CalDave API <a href="/">← Home</a></span>
+      <span style="display:flex; gap:0.5rem; font-size:0.875rem; font-weight:400;">
+        <a href="/signup" style="color:#60a5fa; text-decoration:none;">Sign Up</a>
+        <a href="/login" style="color:#94a3b8; text-decoration:none;">Log In</a>
+      </span>
+    </h1>
     <p class="subtitle">Calendar-as-a-service for AI agents. Base URL: <code class="inline-code">https://${DOMAIN}</code></p>
 
     <div style="background:#1a1a2e; border-left:3px solid #fbbf24; padding:0.75rem 1rem; border-radius:0 8px 8px 0; margin-bottom:1.5rem; font-size:0.875rem; color:#fbbf24;">
