Remove hero stats panel

KSemenenko · KSemenenko · commit e565588a146d · 2026-03-27T10:11:37.000+01:00
diff --git a/scripts/build-site.mjs b/scripts/build-site.mjs
@@ -40,7 +40,6 @@ const tokens = md.parse(readme, {});
 const title = extractTitle(tokens) ?? "TPS Format Specification";
 const summary = extractSummary(tokens) ?? "Markdown-based teleprompter scripts with timing, pacing, emotion, and styling metadata.";
 const sections = extractSections(tokens);
-const stats = buildStats(readme, sections);
 const articleHtml = md.render(readme);
 const builtAt = new Intl.DateTimeFormat("en", {
   dateStyle: "long",
@@ -79,13 +78,6 @@ const page = `<!DOCTYPE html>
           <a class="button button-secondary" href="https://github.com/managedcode/TPS/blob/main/README.md">View Raw README</a>
         </div>
       </div>
-      <aside class="hero-panel">
-        <p class="panel-label">At a glance</p>
-        <dl class="stats-grid">
-          ${stats.map(({ label, value }) => `<div><dt>${escapeHtml(label)}</dt><dd>${escapeHtml(value)}</dd></div>`).join("")}
-        </dl>
-        <p class="panel-note">Built from <code>README.md</code> and published with GitHub Pages.</p>
-      </aside>
     </header>
 
     <main class="layout">
@@ -187,24 +179,6 @@ function extractSections(tokenList) {
   return sectionList;
 }
 
-function buildStats(markdown, sectionList) {
-  const textOnly = markdown
-    .replace(/```[\s\S]*?```/g, " ")
-    .replace(/`[^`]+`/g, " ")
-    .replace(/\[[^\]]+\]\([^)]+\)/g, " ")
-    .replace(/[#>*_\-\n\r|]/g, " ");
-
-  const words = textOnly.match(/\b[\p{L}\p{N}'-]+\b/gu) ?? [];
-  const segments = sectionList.filter((section) => section.depth === 2).length;
-  const subSections = sectionList.filter((section) => section.depth === 3).length;
-
-  return [
-    { label: "Sections", value: String(segments) },
-    { label: "Subsections", value: String(subSections) },
-    { label: "Words", value: new Intl.NumberFormat("en").format(words.length) }
-  ];
-}
-
 function renderSections(sectionList) {
   return sectionList
     .map((section) => {
diff --git a/website/site.css b/website/site.css
@@ -91,14 +91,10 @@ pre code {
 }
 
 .hero {
-  display: grid;
-  grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.9fr);
-  gap: 1.5rem;
-  align-items: stretch;
+  display: block;
 }
 
 .hero-copy,
-.hero-panel,
 .toc-card,
 .content-card {
   backdrop-filter: blur(18px);
@@ -112,11 +108,6 @@ pre code {
   padding: 3rem;
 }
 
-.hero-panel {
-  padding: 2rem;
-  background: linear-gradient(180deg, rgba(13, 23, 39, 0.9), rgba(9, 17, 31, 0.92));
-}
-
 .eyebrow {
   display: inline-flex;
   align-items: center;
@@ -193,41 +184,6 @@ pre code {
   text-transform: uppercase;
 }
 
-.stats-grid {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 0.9rem;
-  margin: 0;
-}
-
-.stats-grid div {
-  padding: 1rem;
-  border-radius: 20px;
-  background: rgba(125, 211, 252, 0.08);
-  border: 1px solid rgba(125, 211, 252, 0.12);
-}
-
-.stats-grid dt {
-  margin: 0;
-  color: var(--muted);
-  font-size: 0.8rem;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-}
-
-.stats-grid dd {
-  margin: 0.55rem 0 0;
-  font-family: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;
-  font-size: 1.8rem;
-  font-weight: 700;
-}
-
-.panel-note {
-  margin: 1.2rem 0 0;
-  color: var(--muted);
-  line-height: 1.7;
-}
-
 .layout {
   display: grid;
   grid-template-columns: minmax(250px, 290px) minmax(0, 1fr);
@@ -456,18 +412,13 @@ pre code {
 }
 
 @media (max-width: 1040px) {
-  .hero,
   .layout {
     grid-template-columns: 1fr;
   }
 
   .toc-card {
     position: static;
   }
-
-  .stats-grid {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
 }
 
 @media (max-width: 760px) {
@@ -498,10 +449,6 @@ pre code {
     font-size: 1rem;
   }
 
-  .stats-grid {
-    grid-template-columns: 1fr;
-  }
-
   .content-meta,
   .toc-header {
     align-items: flex-start;
