Astrologue-Website/Proposed/index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Astrologue — a Linux distribution for every season</title>
  <meta name="description" content="Astrologue is a resilient Linux distribution that ships its complete source code and can reproduce itself, build for build, in any season.">
  <meta name="color-scheme" content="light dark">
  <meta name="theme-color" content="#f2ebda" media="(prefers-color-scheme: light)">
  <meta name="theme-color" content="#111426" media="(prefers-color-scheme: dark)">
  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='27' fill='none' stroke='%23a8801f' stroke-width='4'/%3E%3Cpath d='M32 8l6 18 18 6-18 6-6 18-6-18-18-6 18-6z' fill='%23a8801f'/%3E%3Ccircle cx='32' cy='32' r='4' fill='%232c4a9e'/%3E%3C/svg%3E">
  <meta property="og:title" content="Astrologue — a Linux distribution for every season">
  <meta property="og:description" content="Resilient, reproducible, and shipped with every seed of its own making.">
  <meta property="og:type" content="website">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400..700&amp;family=EB+Garamond:ital,wght@0,400..800;1,400..800&amp;family=UnifrakturMaguntia&amp;display=swap">
  <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
  <a class="skip-link" href="#main">Skip to content</a>

  <header class="masthead">
    <div class="container masthead__inner">
      <a class="brand" href="#overview">
        <svg class="sigil" width="42" height="42" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
          <circle class="sigil__ring" cx="32" cy="32" r="27" fill="none" stroke-width="3"/>
          <path class="sigil__star" d="M32 8l6 18 18 6-18 6-6 18-6-18-18-6 18-6z"/>
          <circle class="sigil__core" cx="32" cy="32" r="4"/>
        </svg>
        <span class="brand__text">
          <span class="brand__name">Astrologue</span>
          <span class="brand__tagline">a Linux distribution, kept by the seasons</span>
        </span>
      </a>
      <nav class="site-nav" aria-label="Primary">
        <ul class="site-nav__list">
          <li><a href="#overview">Overview</a></li>
          <li><a href="#pillars">Pillars</a></li>
          <li><a href="#labours">Labours</a></li>
          <li><a href="#chronicle">Chronicle</a></li>
          <li><a class="nav-cta" href="#download">Download</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <main id="main">

    <section class="hero" id="overview">
      <div class="container hero__grid">
        <div class="hero__copy">
          <p class="kicker"><span>A Linux distribution · kept by the guild</span></p>
          <h1 class="hero__title">
            Every month, a labour.
            <span class="hero__accent">Every build, a harvest.</span>
          </h1>
          <p class="lede dropcap">Astrologue is a Linux distribution built for resilience. It ships its entire source, signs every artifact, and can reproduce itself from scratch — the same seed, the same crop, on any machine, in any season.</p>
          <div class="hero__actions">
            <a class="btn btn--primary" href="#download">Download 2026.09 “Harvest”</a>
            <a class="btn btn--ghost" href="#pillars">Verify &amp; build from source</a>
          </div>
          <p class="hero__note">x86-64 · 1.4 GB · SHA-256 &amp; Minisign signatures · full build manifest</p>
        </div>

        <figure class="folio">
          <!-- Template note: replace this placeholder with a public-domain illumination from the Labours of the Months, e.g. the Très Riches Heures du Duc de Berry (c. 1412–1416). -->
          <img src="https://picsum.photos/seed/astrologue-folio/720/900.jpg" width="720" height="900" alt="Placeholder artwork standing in for a Labours of the Months illumination">
          <span class="corner corner--tl" aria-hidden="true"></span>
          <span class="corner corner--tr" aria-hidden="true"></span>
          <span class="corner corner--bl" aria-hidden="true"></span>
          <span class="corner corner--br" aria-hidden="true"></span>
          <figcaption>The Labours of the Months, fol. 11 — placeholder art</figcaption>
        </figure>
      </div>
    </section>

    <section class="band band--plain" id="pillars">
      <div class="container">
        <header class="section-head">
          <p class="kicker"><span>What we hold</span></p>
          <h2>The Four Pillars of the Craft</h2>
        </header>
        <div class="grid-pillars">
          <article class="pillar">
            <p class="pillar__num">I.</p>
            <h3>Built to weather</h3>
            <p>Signed updates, offline-first tools, and no single point of failure. Astrologue is composed to keep working when the wider world does not.</p>
          </article>
          <article class="pillar">
            <p class="pillar__num">II.</p>
            <h3>Nothing hidden under the cloak</h3>
            <p>Every package, patch, and byte of the image ships with its complete build recipe. Read it, fork it, learn from it, mend it.</p>
          </article>
          <article class="pillar">
            <p class="pillar__num">III.</p>
            <h3>The same harvest, twice</h3>
            <p>Deterministic builds make any machine the same machine. Verify our image bit for bit — then reproduce it yourself, seed to crop.</p>
          </article>
          <article class="pillar">
            <p class="pillar__num">IV.</p>
            <h3>Kept by the guild</h3>
            <p>Maintainers, mirrors, and mentors tend the distribution like an orchard: slowly, openly, and for everyone.</p>
          </article>
        </div>
      </div>
    </section>

    <section class="band band--sky" id="labours">
      <div class="container">
        <header class="section-head">
          <p class="kicker"><span>The turning wheel</span></p>
          <h2>The Labours of the Months</h2>
          <p class="section-head__intro">Medieval almanacs gave every month its proper labour — sowing, reaping, threshing, feasting. Astrologue keeps the same calendar for its own craft: every season of the project has its work, and every work has its season.</p>
        </header>
        <ol class="labours">
          <li class="month">
            <img src="https://picsum.photos/seed/labour-01/280/280.jpg" width="280" height="280" alt="Placeholder medallion for the labour of January" loading="lazy">
            <h3>January</h3>
            <p class="labour-name">The Feast</p>
            <p>The release is signed, sealed, and sent to the mirrors.</p>
          </li>
          <li class="month">
            <img src="https://picsum.photos/seed/labour-02/280/280.jpg" width="280" height="280" alt="Placeholder medallion for the labour of February" loading="lazy">
            <h3>February</h3>
            <p class="labour-name">The Fireside</p>
            <p>Quiet weeks: documentation mended, errata kept warm.</p>
          </li>
          <li class="month">
            <img src="https://picsum.photos/seed/labour-03/280/280.jpg" width="280" height="280" alt="Placeholder medallion for the labour of March" loading="lazy">
            <h3>March</h3>
            <p class="labour-name">Pruning</p>
            <p>Dead code and stale dependencies cut away for new growth.</p>
          </li>
          <li class="month">
            <img src="https://picsum.photos/seed/labour-04/280/280.jpg" width="280" height="280" alt="Placeholder medallion for the labour of April" loading="lazy">
            <h3>April</h3>
            <p class="labour-name">The Garden</p>
            <p>New contributors take to the rows; features are sown.</p>
          </li>
          <li class="month">
            <img src="https://picsum.photos/seed/labour-05/280/280.jpg" width="280" height="280" alt="Placeholder medallion for the labour of May" loading="lazy">
            <h3>May</h3>
            <p class="labour-name">Hawking</p>
            <p>The falcon flies the whole estate: audits and bug hunts.</p>
          </li>
          <li class="month">
            <img src="https://picsum.photos/seed/labour-06/280/280.jpg" width="280" height="280" alt="Placeholder medallion for the labour of June" loading="lazy">
            <h3>June</h3>
            <p class="labour-name">Haymaking</p>
            <p>The first patches come in and are left to dry in review.</p>
          </li>
          <li class="month">
            <img src="https://picsum.photos/seed/labour-07/280/280.jpg" width="280" height="280" alt="Placeholder medallion for the labour of July" loading="lazy">
            <h3>July</h3>
            <p class="labour-name">Reaping</p>
            <p>The heavy merges; the mainline stands tall and gold.</p>
          </li>
          <li class="month">
            <img src="https://picsum.photos/seed/labour-08/280/280.jpg" width="280" height="280" alt="Placeholder medallion for the labour of August" loading="lazy">
            <h3>August</h3>
            <p class="labour-name">Threshing</p>
            <p>Grain from chaff: tests separate what is kept.</p>
          </li>
          <li class="month">
            <img src="https://picsum.photos/seed/labour-09/280/280.jpg" width="280" height="280" alt="Placeholder medallion for the labour of September" loading="lazy">
            <h3>September</h3>
            <p class="labour-name">The Vintage</p>
            <p>Point releases pressed, bottled, and laid down in the cellar.</p>
          </li>
          <li class="month">
            <img src="https://picsum.photos/seed/labour-10/280/280.jpg" width="280" height="280" alt="Placeholder medallion for the labour of October" loading="lazy">
            <h3>October</h3>
            <p class="labour-name">Sowing</p>
            <p>Next year’s toolchain is seeded in the cold field.</p>
          </li>
          <li class="month">
            <img src="https://picsum.photos/seed/labour-11/280/280.jpg" width="280" height="280" alt="Placeholder medallion for the labour of November" loading="lazy">
            <h3>November</h3>
            <p class="labour-name">Acorn Gathering</p>
            <p>Archives weighed and stored; mirrors fattened for winter.</p>
          </li>
          <li class="month">
            <img src="https://picsum.photos/seed/labour-12/280/280.jpg" width="280" height="280" alt="Placeholder medallion for the labour of December" loading="lazy">
            <h3>December</h3>
            <p class="labour-name">The Culling</p>
            <p>Legacy is slaughtered; the final image baked for the feast.</p>
          </li>
        </ol>
      </div>
    </section>

    <section class="band band--plain" id="chronicle">
      <div class="container container--prose">
        <header class="section-head">
          <p class="kicker"><span>News from the estate</span></p>
          <h2>The Chronicle</h2>
        </header>
        <article class="entry">
          <p class="entry__time"><time datetime="2026-08-12">12 August 2026</time></p>
          <div class="entry__body">
            <h3>The threshing is complete</h3>
            <p>Astrologue 2026.08 closes forty-one issues and strips two legacy init scripts. Bit-for-bit reproduction confirmed on three independent machines.</p>
          </div>
        </article>
        <article class="entry">
          <p class="entry__time"><time datetime="2026-06-02">2 June 2026</time></p>
          <div class="entry__body">
            <h3>A new mirror in the south</h3>
            <p>The guild welcomes a southern-hemisphere mirror; downloads now circle the globe, and no storm takes the whole network down.</p>
          </div>
        </article>
        <article class="entry">
          <p class="entry__time"><time datetime="2026-03-21">21 March 2026</time></p>
          <div class="entry__body">
            <h3>The pruning report</h3>
            <p>One hundred and thirty stale packages removed this season. The image sheds 212 MB and gains, as always, its agility.</p>
          </div>
        </article>
      </div>
    </section>

    <hr class="divider" aria-hidden="true">

    <section class="band band--plain" id="download">
      <div class="container">
        <div class="cta-band">
          <p class="kicker"><span>The harvest is in</span></p>
          <h2>Take up the labour</h2>
          <p class="cta-band__lede">Carry Astrologue with you, or grow it yourself from seed. Both paths begin at the same gate.</p>
          <div class="hero__actions">
            <a class="btn btn--primary" href="#download">Download Astrologue 2026.09</a>
            <a class="btn btn--ghost" href="#pillars">Verify &amp; build from source</a>
          </div>
          <p class="hero__note">x86-64 · 1.4 GB · SHA-256 &amp; Minisign signatures · full build manifest</p>
        </div>
      </div>
    </section>

  </main>

  <footer class="site-footer">
    <div class="container">
      <div class="footer-grid">
        <div class="foot-brand">
          <svg class="sigil" width="42" height="42" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
            <circle class="sigil__ring" cx="32" cy="32" r="27" fill="none" stroke-width="3"/>
            <path class="sigil__star" d="M32 8l6 18 18 6-18 6-6 18-6-18-18-6 18-6z"/>
            <circle class="sigil__core" cx="32" cy="32" r="4"/>
          </svg>
          <p>A Linux distribution kept by the seasons — resilient, reproducible, and shipped with every seed of its own making.</p>
        </div>
        <nav aria-label="The estate">
          <p class="foot-title">The Estate</p>
          <ul class="foot-list">
            <li><a href="#download">Download</a></li>
            <li><a href="#download">Mirrors</a></li>
            <li><a href="#pillars">Verify an image</a></li>
            <li><a href="#chronicle">Release notes</a></li>
          </ul>
        </nav>
        <nav aria-label="The guild hall">
          <p class="foot-title">The Guild Hall</p>
          <ul class="foot-list">
            <li><a href="#pillars">Contribute</a></li>
            <li><a href="#pillars">Source</a></li>
            <li><a href="#pillars">Code of conduct</a></li>
            <li><a href="#chronicle">The post</a></li>
          </ul>
        </nav>
        <nav aria-label="The almanac">
          <p class="foot-title">The Almanac</p>
          <ul class="foot-list">
            <li><a href="#pillars">Handbook</a></li>
            <li><a href="#pillars">FAQ</a></li>
            <li><a href="#chronicle">Roadmap</a></li>
            <li><a href="#chronicle">Feeds</a></li>
          </ul>
        </nav>
      </div>
      <p class="colophon">Set in Cinzel and EB Garamond, rubricated in vermilion and illuminated in gold. Astrologue is free software, licensed GPL-3.0-or-later: take it, tend it, pass it on.</p>
    </div>
  </footer>
</body>
</html>