Astrologue-Website/index.html

<!doctype html>
<html lang="en-nz">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Astrologue — an operating system for change</title>
  <meta name="description" content="Astrologue is an operating system for change: self sufficiency, resilience, and software freedom as core philosophies, putting the power of general purpose computers back into the hands of regular people.">
  <meta name="color-scheme" content="light dark">
  <meta name="theme-color" content="#f2ebda" media="(prefers-color-scheme: light)">
  <meta name="theme-color" content="#0a0a12" 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='%23003078'/%3E%3C/svg%3E">
  <meta property="og:title" content="Astrologue — an operating system for change">
  <meta property="og:description" content="Self sufficiency, resilience, and software freedom as core philosophies.">
  <meta property="og:type" content="website">
  <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="./">
        <img class="brand__logo brand__logo--light" src="assets/img/astrologue-light.png" width="392" height="89" alt="Astrologue">
        <img class="brand__logo brand__logo--dark" src="assets/img/astrologue-dark.png" width="392" height="89" alt="Astrologue">
      </a>
      <nav class="site-nav" aria-label="Primary">
        <ul class="site-nav__list">
          <li><a href="./" aria-current="page">Home</a></li>
          <li><a href="#news">News</a></li>
          <li><a href="#download">Download</a></li>
          <li><a href="developer/">Developer</a></li>
          <li><a class="nav-cta" href="#download">Get Astrologue</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 free operating system</span></p>
          <h1 class="hero__title">
            An operating system for change.
            <span class="hero__accent">Self sufficiency, resilience, and software freedom.</span>
          </h1>
          <p class="lede dropcap">Astrologue aims to prove paradigm-shifting concepts in personal computing and put the power of general purpose computers back into the hands of regular people — an exciting project for anyone wanting to reduce their reliance on big tech.</p>
          <div class="hero__actions">
            <a class="btn btn--primary" href="#download">Download Astrologue</a>
            <a class="btn btn--ghost" href="developer/">Explore the technology</a>
          </div>
          <p class="hero__note">Free software · GPL-3.0-or-later · developed in the open</p>
        </div>

        <figure class="folio">
          <img src="assets/img/milky-way-4526277.jpg" width="1920" height="1131" alt="Photograph of the Milky Way arching over a dark night sky.">
          <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 Milky Way — the night sky this almanac is kept by</figcaption>
        </figure>
      </div>
    </section>

    <section class="band band--plain" id="pillars">
      <div class="container">
        <header class="section-head">
          <p class="kicker"><span>Fixed stars</span></p>
          <h2>What Astrologue holds</h2>
        </header>
        <div class="grid-pillars">
          <article class="pillar">
            <div class="pillar__media">
              <img src="assets/img/people-4817872_1920.jpg" width="1600" height="1068" alt="People working together around a table." loading="lazy">
            </div>
            <div class="pillar__body">
              <p class="pillar__num">I.</p>
              <h3>Infrastructure Optional</h3>
              <p>In an increasingly connected world, technology becomes ever more dependent on the cloud and its central points of failure. Astrologue aims to push the bounds of what can be done in situations where infrastructure might be lacking.</p>
            </div>
          </article>
          <article class="pillar">
            <div class="pillar__media">
              <img src="assets/img/stars-2630050_1280.jpg" width="1280" height="853" alt="A field of stars above a dark horizon." loading="lazy">
            </div>
            <div class="pillar__body">
              <p class="pillar__num">II.</p>
              <h3>Peer to Peer</h3>
              <p>Astrologue carries new peer-to-peer software that opens access to apps and updates in situations where traditional operating systems fall short — a paradigm shift away from energy-hungry data centres.</p>
            </div>
          </article>
          <article class="pillar">
            <div class="pillar__body">
              <p class="pillar__num">III.</p>
              <h3>Software Freedom</h3>
              <p>Astrologue believes you should be able to do what you want with hardware you own: run the software for any purpose, share it with others, and modify it to do what needs done.</p>
              <div class="pillar__sigil" aria-hidden="true">
                <svg class="sigil" width="44" height="44" viewBox="0 0 64 64" 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>
              </div>
            </div>
          </article>
        </div>
      </div>
    </section>

    <section class="band band--sky" id="news">
      <div class="container container--prose">
        <header class="section-head">
          <p class="kicker"><span>News from the almanac</span></p>
          <h2>News</h2>
        </header>
        <div class="news-empty">
          <svg class="sigil" width="44" height="44" 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>
          <h3>No news yet</h3>
          <p>When there is something to report, it will be published here — and an RSS feed will live at <code>news.xml</code>.</p>
        </div>
      </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>Downloads</span></p>
          <h2>Download Astrologue</h2>
          <p class="cta-band__lede">Astrologue has not published a release yet. When it does, every image will appear here with its size, SHA-256 checksum, and a Minisign signature — no mirrors to trust blindly, no artifacts without a name.</p>
          <div class="hero__actions">
            <a class="btn btn--ghost" href="developer/">Explore the technology</a>
          </div>
          <!-- Template: when a release ships, replace the row below with one row
               per artifact, linking the real filename and its .minisign file.
               Do NOT publish a row without its real checksum and signature.
          <tbody>
            <tr>
              <td><a href="astrologue-YYYY.MM-x86_64.iso">astrologue-YYYY.MM-x86_64.iso</a></td>
              <td>1.4 GB</td>
              <td><code>sha256:…</code></td>
              <td><a href="astrologue-YYYY.MM-x86_64.iso.minisign">minisign</a></td>
            </tr>
          </tbody>
          -->
          <table class="release-table">
            <caption>Releases will be listed here as they are published.</caption>
            <thead>
              <tr>
                <th scope="col">File</th>
                <th scope="col">Size</th>
                <th scope="col">SHA-256</th>
                <th scope="col">Minisign</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td colspan="4">Nothing published yet.</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </section>

  </main>

  <footer class="site-footer">
    <div class="container">
      <div class="footer-grid">
        <div class="foot-brand">
          <img class="brand__logo brand__logo--dark" src="assets/img/astrologue-dark.png" width="392" height="89" alt="Astrologue">
          <p>An operating system for change — kept for self sufficiency, resilience, and software freedom, so regular people can hold the power of general purpose computers in their own hands.</p>
        </div>
        <nav aria-label="The four freedoms">
          <p class="foot-title">The Four Freedoms</p>
          <ol class="freedoms">
            <li><strong>Run</strong> the software as you wish, for any purpose.</li>
            <li><strong>Study</strong> the source and change it to do your computing as you wish.</li>
            <li><strong>Share</strong> copies so you can help others.</li>
            <li><strong>Modify</strong> and publish your versions so everyone benefits.</li>
          </ol>
        </nav>
        <nav aria-label="Site">
          <p class="foot-title">Site</p>
          <ul class="foot-list">
            <li><a href="./">Home</a></li>
            <li><a href="#news">News</a></li>
            <li><a href="#download">Download</a></li>
            <li><a href="developer/">Developer</a></li>
          </ul>
        </nav>
      </div>
      <p class="colophon">Set in Cinzel and EB Garamond (SIL Open Font License). Astrologue is free software, licensed GPL-3.0-or-later: take it, tend it, pass it on. The libraries are LGPL-3.0-or-later, so they remain free to link.</p>
    </div>
  </footer>
</body>
</html>