asseeninmovies: home stat-row — make movies/people/spotted counts clickable links to their index pages. Dotted underline on hover. Discreet but discoverable. 61/61.

7253508811d1d854469f1f40c49f007d7627e2cc · 2026-05-13 06:23:18 -0700 · SteveStudio2

Files touched

M server.js

Diff

commit 7253508811d1d854469f1f40c49f007d7627e2cc
Author: SteveStudio2 <stevestudio2@SteveStacStudio.lan>
Date:   Wed May 13 06:23:18 2026 -0700

    asseeninmovies: home stat-row — make movies/people/spotted counts clickable links to their index pages. Dotted underline on hover. Discreet but discoverable. 61/61.
---
 server.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/server.js b/server.js
index 87cc86f..0b01191 100644
--- a/server.js
+++ b/server.js
@@ -1660,6 +1660,8 @@ ${process.env.GA_ID ? `<script async src="https://www.googletagmanager.com/gtag/
   .cta:hover { background:var(--gold); color:#1a1410 }
   .stat-row { display:flex; gap:32px; justify-content:center; margin-top:28px; flex-wrap:wrap; color:var(--muted); font-size:12px; letter-spacing:0.18em; text-transform:uppercase }
   .stat-row b { color:var(--gold); font-weight:400; font-size:14px }
+  .stat-row a { color:inherit; text-decoration:none; border-bottom:1px dotted transparent; transition:border-color .15s }
+  .stat-row a:hover { border-bottom-color:var(--gold); text-decoration:none }
   main { max-width:1180px; margin:0 auto; padding:60px 24px 80px }
   .rail-head { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:18px; padding-bottom:8px; border-bottom:1px solid var(--line) }
   .rail-head h2 { margin:0; font-size:14px; letter-spacing:0.18em; text-transform:uppercase; color:var(--gold) }
@@ -1696,12 +1698,12 @@ ${process.env.GA_ID ? `<script async src="https://www.googletagmanager.com/gtag/
     <a class="cta" href="/spotted">SPOTTED →</a>
   </div>
   <div class="stat-row">
-    <span><b>${Number(stats.movies_total).toLocaleString()}</b> movies</span>
+    <a href="/movies"><b>${Number(stats.movies_total).toLocaleString()}</b> movies</a>
     <span><b>${Number(stats.movies_poster).toLocaleString()}</b> with posters</span>
-    <span><b>${Number(stats.people_total).toLocaleString()}</b> people</span>
+    <a href="/people"><b>${Number(stats.people_total).toLocaleString()}</b> people</a>
     <span><b>${Number(stats.people_headshot).toLocaleString()}</b> with headshots</span>
     <span><b>${Number(stats.credits_total || 0).toLocaleString()}</b> credits</span>
-    <span><b>${Number(stats.spotted_total).toLocaleString()}</b> spotted</span>
+    <a href="/spotted"><b>${Number(stats.spotted_total).toLocaleString()}</b> spotted</a>
   </div>
 </header>
 <main>

← 070a207 asseeninmovies: smoke +2 /random/spotted checks. 61/61. · back to AsSeenInMovies · asseeninmovies: +<meta name=color-scheme content=dark> so fo 406c98c →