Ludovic Marie
c49a91a22c
The page now reads the design tokens generated from crates/horizon-theme (src/tokens.css, put before style.css by build.mjs), and follows the system's light or dark appearance, with a toggle that remembers the choice. The full-screen sunset hero is replaced by type: a headline, one paragraph, the download, and an index list of what the page holds. Every section is a mono label, a display heading and its content as numbered rows with one-pixel rules: the facts, the fourteen subsystems, the launcher's features, the community links. Rows fade a soft plate in under the pointer; content arrives with a short fade, rise and unblur. The footer ends on the giant faint wordmark. The 404 page and the social preview (og.html) follow. Instrument Serif, the hero images, the parallax, the statement fill and the magnetic buttons are gone; the icons come from Horizon's new mark (xtask icons). Touch targets are 44 px high. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
28 lines
1.3 KiB
HTML
28 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Not found · Horizon</title>
|
|
<meta name="robots" content="noindex">
|
|
<meta name="theme-color" content="#fafafc" media="(prefers-color-scheme: light)">
|
|
<meta name="theme-color" content="#0d0e13" media="(prefers-color-scheme: dark)">
|
|
<meta name="color-scheme" content="light dark">
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
<link rel="stylesheet" href="{{CSS}}">
|
|
<script>try { const t = localStorage.getItem("theme"); if (t === "light" || t === "dark") document.documentElement.dataset.theme = t } catch {}</script>
|
|
</head>
|
|
<body class="lost">
|
|
<main id="main" class="hero">
|
|
<div class="container">
|
|
<p class="kicker"><span>404</span>Not found</p>
|
|
<h1 class="display hero-title">Not here.</h1>
|
|
<p class="lede">This page doesn't exist. The rest of Horizon is one page away.</p>
|
|
<div class="hero-actions"><a class="button primary large" href="/">Back to Horizon</a></div>
|
|
<p class="disclaimer">Not an official Minecraft product. Not approved by or associated with Mojang or Microsoft.</p>
|
|
</div>
|
|
</main>
|
|
<p class="footer-word" aria-hidden="true">horizon</p>
|
|
</body>
|
|
</html>
|