website: simplify homepage media and link styling

STATUS.md

@@ -1,6 +1,6 @@
 # BatLLM Status
 
-Last updated: 2026-05-10 00:38
+Last updated: 2026-05-10 00:51
 
 ## Project Purpose
 
@@ -89,7 +89,7 @@ This status update followed a repository-wide audit on 2026-05-09. The audit ins
 - Mock-Ollama smoke validation now accepts a responding `/api/version` endpoint when process-level inspection cannot identify the mock server as an Ollama process.
 - Generated Doxygen output under `docs/code/` was regenerated after source and version changes. Existing Doxygen warnings are mostly undocumented Kivy/test helper classes and remain non-blocking documentation debt.
 - Architecture and runtime-flow SVG diagrams were redrawn with larger canvases, wrapped text, boundary-aligned connectors, plain arrow labels, and clearer label placement.
-- `docs/index.html` is now the public GitHub Pages showcase site for `https://krahd.github.io/BatLLM/`; GitHub Pages now serves from branch `main` and path `/docs`, the hero no longer uses a diagram background, the page uses a darker modernised visual system, grant/provenance notes are surfaced in a dedicated section, and front-page authorship now links to Tomas Laurenzo at `https://laurenzo.net/`.
+- `docs/index.html` is now the public GitHub Pages showcase site for `https://krahd.github.io/BatLLM/`; GitHub Pages now serves from branch `main` and path `/docs`, the hero no longer uses a diagram background or top-of-page gameplay image, the page uses a darker modernised visual system, grant/provenance notes are surfaced in a dedicated section, Tomas Laurenzo attribution remains in provenance/footer copy, the demo GIF is used once in-page, and inline text links are no longer bolded.
 - The git worktree was clean at the start of this audit; current changes are intentional audit/remediation updates.
 
 ## Current Implementation State
@@ -277,4 +277,4 @@ The previous status report recorded these successful checks from the same releas
 - Design the 2.0 server contract before adding web or repository-backed prompt/game sharing.
 - Add broader tests for malformed model responses, slow startup, missing models, session compatibility, analyzer edge cases, and packaged first-run behaviour.
 
-Last updated: 2026-05-10 00:38
+Last updated: 2026-05-10 00:51

docs/index.html

@@ -185,10 +185,6 @@
       width: 100%;
       margin: 0 auto;
       padding: 92px 28px 118px;
-      display: grid;
-      grid-template-columns: minmax(0, 0.92fr) minmax(320px, 0.88fr);
-      gap: 36px;
-      align-items: center;
     }
 
     .hero-copy {
@@ -236,52 +232,6 @@
       gap: 12px;
     }
 
-    .hero-note {
-      margin-top: 18px;
-      color: rgba(155, 173, 187, 0.92);
-      font-size: 14px;
-      line-height: 1.6;
-    }
-
-    .hero-note a {
-      color: var(--accent);
-      font-weight: 700;
-    }
-
-    .hero-card {
-      position: relative;
-      padding: 18px;
-      border: 1px solid rgba(255, 255, 255, 0.12);
-      border-radius: 28px;
-      background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
-      box-shadow: var(--hero-shadow);
-      backdrop-filter: blur(12px);
-    }
-
-    .hero-card::before {
-      content: "Live local gameplay";
-      position: absolute;
-      top: 18px;
-      left: 18px;
-      z-index: 2;
-      padding: 8px 12px;
-      border-radius: 999px;
-      background: rgba(7, 16, 24, 0.72);
-      color: var(--ink);
-      font-size: 12px;
-      font-weight: 800;
-      letter-spacing: 0.08em;
-      text-transform: uppercase;
-    }
-
-    .hero-card img {
-      width: 100%;
-      min-height: 100%;
-      border-radius: 18px;
-      object-fit: cover;
-      box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
-    }
-
     .section {
       max-width: 1180px;
       margin: 0 auto;
@@ -336,7 +286,6 @@
 
     .support-copy a {
       color: var(--blue);
-      font-weight: 800;
     }
 
     .support-kicker {
@@ -532,7 +481,6 @@
 
     .footer-inner a {
       color: #ffffff;
-      font-weight: 800;
     }
 
     @media (max-width: 920px) {
@@ -559,7 +507,6 @@
 
       .hero-inner {
         padding-top: 74px;
-        grid-template-columns: 1fr;
       }
 
       .support-panel,
@@ -606,11 +553,6 @@
         font-size: 31px;
       }
 
-      .hero-card {
-        padding: 12px;
-        border-radius: 20px;
-      }
-
       .facts,
       .links-grid {
         grid-template-columns: 1fr;
@@ -653,15 +595,7 @@ <h1>BatLLM</h1>
             <a class="button primary" href="https://github.com/krahd/BatLLM/releases">Download Releases</a>
             <a class="button secondary" href="https://github.com/krahd/BatLLM">View Source</a>
           </div>
-          <p class="hero-note">
-            Initiated by
-            <a href="https://laurenzo.net/">Tomas Laurenzo</a>
-            as a research and teaching project about how language models actually behave under pressure.
-          </p>
         </div>
-        <figure class="hero-card">
-          <img src="./screenshots/quick_demo.gif" alt="Animated BatLLM gameplay demonstration">
-        </figure>
       </div>
     </section>
 
@@ -747,10 +681,7 @@ <h2>How a match becomes data</h2>
       </div>
     </section>
 
-    <section id="local-models" class="section feature-row reverse" aria-labelledby="local-models-title">
-      <figure class="media-frame">
-        <img src="./screenshots/quick_demo.gif" alt="Animated BatLLM gameplay demonstration from the desktop app">
-      </figure>
+    <section id="local-models" class="section" aria-labelledby="local-models-title">
       <div>
         <h2 id="local-models-title">Local model workflows stay visible</h2>
         <p class="section-lead">