feat(web): port homepage to Astro static page

caiopizzol · caio-pizzol · commit 6407c4dc81ee · 2026-05-19T15:47:58.000-03:00
Moves apps/web/public/index.html into apps/web/src/pages/index.astro so
the homepage now participates in the Astro build pipeline (same as the
4 content pages and the type/topic dynamic routes).

The change is minimal by intent:
- Frontmatter comment explaining the file's relationship to Layout.astro
  (it intentionally doesn't use Layout because the homepage has its own
  brand chrome and a richer Dataset JSON-LD structure than the shared one)
- The inline gtag config script gets 'is:inline' so Astro doesn't try to
  bundle/transpile it
- The inline CSS block gets 'is:global is:inline' to preserve the
  unscoped legacy stylesheet verbatim
- The body explorer JS gets 'is:inline' for the same reason

Everything else is untouched: explorer JS, SEO meta, OG/Twitter brand
tagline, Dataset JSON-LD with variableMeasured/inLanguage/measurementTechnique,
favicon paths, About section static links, footer.

Verified locally:
- bun run --cwd apps/web build -&gt; 26 pages built in 18s (was 25, +index.html)
- bun run --cwd apps/web typecheck -&gt; 0 errors
- dist/index.html has the SEO title, brand-tagline og:title, full
  JSON-LD, 19 unique /types/*+/topics/* static links, all explorer JS
  globals (renderTypesGrid, fetchDocuments, manifest-btn)
- dist/index.html: 43.7 KB (legacy was ~45 KB; Astro minified the markup)
diff --git a/apps/web/src/pages/index.astro b/apps/web/src/pages/index.astro
@@ -1,10 +1,24 @@
+---
+// Homepage. Ported from the legacy static apps/web/public/index.html so it
+// participates in the Astro build pipeline. Inline CSS and JS are preserved
+// verbatim under `is:global is:inline` and `is:inline` respectively; the
+// explorer JS still fetches live data from api.docxcorp.us at runtime, same
+// as before.
+//
+// This page intentionally doesn't use the shared Layout.astro because its
+// header/footer chrome and SEO metadata (custom og:title brand tagline,
+// twitter:description with "The missing dataset" copy, full Dataset JSON-LD
+// with variableMeasured/inLanguage/measurementTechnique) differ from the
+// shared one. The other Astro pages still go through Layout.
+---
+
 <!DOCTYPE html>
 <html lang="en">
 
 <head>
   <!-- Google tag (gtag.js) -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-C9QG5MXVL5"></script>
-  <script>
+  <script is:inline>
     window.dataLayer = window.dataLayer || [];
     function gtag() { dataLayer.push(arguments); }
     gtag('js', new Date());
@@ -77,7 +91,7 @@
     as="style" onload="this.onload=null;this.rel='stylesheet'">
   <noscript><link rel="stylesheet"
     href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap"></noscript>
-  <style>
+  <style is:global is:inline>
     * {
       margin: 0;
       padding: 0;
@@ -1123,7 +1137,7 @@ <h1>The largest open DOCX dataset and document corpus. 736K classified Word docu
     </div>
   </div>
 
-  <script>
+  <script is:inline>
     (function () {
       // ---------- state (seed from URL params) ----------
       const _params = new URLSearchParams(window.location.search);
