add static download page for client and server builds

1 files changed, 213 insertions, 0 deletions

diff --git a/web/index.html b/web/index.html
new file mode 100644
index 0000000..c9ad8d5
--- /dev/null
+++ b/web/index.html
@@ -0,0 +1,213 @@
+<!doctype html>
+<!--
+  zagan.bet download page.
+
+  Pure HTML + CSS: no scripts, no external fonts, no trackers.
+
+  Drop the release builds next to this page under the document root:
+
+    /index.html                                  this file
+    /bin/client/zagan-bet-client-linux-i686
+    /bin/client/zagan-bet-client-linux-x86_64
+    /bin/client/zagan-bet-client-windows-x86_64.exe
+    /bin/server/zagan-bet-server-linux-x86_64
+
+  The links are root-absolute, so serve this directory as the document root.
+-->
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Download · zagan.bet</title>
+<meta name="description" content="Official zagan.bet client and server downloads.">
+<link rel="icon" href="data:,">
+<style>
+  :root {
+    --bg: #0b0e11;
+    --panel: #11171d;
+    --line: #222c35;
+    --text: #dde6ec;
+    --muted: #8b9aa6;
+    --accent: #5fd0e0;
+    --win: #6ee7a0;
+    --radius: 10px;
+  }
+
+  * { box-sizing: border-box; }
+
+  body {
+    margin: 0;
+    background: var(--bg);
+    color: var(--text);
+    font: 16px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+  }
+
+  code, pre, .mono {
+    font-family: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
+  }
+
+  .wrap {
+    max-width: 880px;
+    margin: 0 auto;
+    padding: 3rem 1.25rem 4rem;
+  }
+
+  header { margin-bottom: 2.5rem; }
+
+  h1 {
+    margin: 0 0 .35rem;
+    font: 700 2rem/1.1 ui-monospace, "SF Mono", Menlo, Consolas, monospace;
+    letter-spacing: -.02em;
+  }
+
+  h1 span { color: var(--accent); }
+
+  .tagline { margin: 0; color: var(--muted); }
+
+  section { margin-top: 2.5rem; }
+
+  h2 {
+    margin: 0 0 .9rem;
+    font-size: .8rem;
+    font-weight: 600;
+    letter-spacing: .12em;
+    text-transform: uppercase;
+    color: var(--muted);
+    border-bottom: 1px solid var(--line);
+    padding-bottom: .6rem;
+  }
+
+  .hint { margin: -.3rem 0 1rem; color: var(--muted); font-size: .9rem; }
+
+  .grid {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
+    gap: .9rem;
+  }
+
+  .card {
+    background: var(--panel);
+    border: 1px solid var(--line);
+    border-radius: var(--radius);
+    padding: 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: .35rem;
+  }
+
+  .card h3 { margin: 0; font-size: 1rem; }
+
+  .card .arch { margin: 0; color: var(--muted); font-size: .85rem; }
+
+  .card .btn { margin-top: .7rem; }
+
+  .btn {
+    display: block;
+    text-align: center;
+    text-decoration: none;
+    padding: .55rem .8rem;
+    border-radius: 7px;
+    background: var(--accent);
+    color: #06222a;
+    font-weight: 600;
+    font-size: .92rem;
+  }
+
+  .btn:hover { background: #86e2ee; }
+
+  .btn:focus-visible {
+    outline: 2px solid var(--win);
+    outline-offset: 2px;
+  }
+
+  pre {
+    margin: 0 0 1rem;
+    padding: .85rem 1rem;
+    overflow-x: auto;
+    background: var(--panel);
+    border: 1px solid var(--line);
+    border-radius: var(--radius);
+    font-size: .88rem;
+    line-height: 1.6;
+  }
+
+  pre .c { color: var(--muted); }
+
+  footer {
+    margin-top: 3rem;
+    padding-top: 1.5rem;
+    border-top: 1px solid var(--line);
+    color: var(--muted);
+    font-size: .88rem;
+  }
+
+  footer p { margin: .6rem 0 0; }
+
+  a { color: var(--accent); }
+</style>
+</head>
+<body>
+<div class="wrap">
+
+  <header>
+    <h1>zagan<span>.bet</span></h1>
+    <p class="tagline">Terminal betting. Slots, roulette, blackjack and crash.</p>
+  </header>
+
+  <main>
+    <section>
+      <h2>Client</h2>
+      <p class="hint">Needs a terminal of at least 80×24 cells.</p>
+      <ul class="grid">
+        <li class="card">
+          <h3>Linux</h3>
+          <p class="arch">x86_64 · 64-bit</p>
+          <a class="btn" href="/bin/client/zagan-bet-client-linux-x86_64" download>Download</a>
+        </li>
+        <li class="card">
+          <h3>Linux</h3>
+          <p class="arch">i686 · 32-bit</p>
+          <a class="btn" href="/bin/client/zagan-bet-client-linux-i686" download>Download</a>
+        </li>
+        <li class="card">
+          <h3>Windows</h3>
+          <p class="arch">x86_64 · 64-bit</p>
+          <a class="btn" href="/bin/client/zagan-bet-client-windows-x86_64.exe" download>Download</a>
+        </li>
+      </ul>
+    </section>
+
+    <section>
+      <h2>Server</h2>
+      <p class="hint">One build, Linux x86_64. Generates its own TLS identity on first run.</p>
+      <ul class="grid">
+        <li class="card">
+          <h3>Linux</h3>
+          <p class="arch">x86_64 · 64-bit</p>
+          <a class="btn" href="/bin/server/zagan-bet-server-linux-x86_64" download>Download</a>
+        </li>
+      </ul>
+    </section>
+  </main>
+
+  <footer>
+    <h2>Running it</h2>
+    <pre><code><span class="c"># client</span>
+chmod +x zagan-bet-client-linux-x86_64
+./zagan-bet-client-linux-x86_64</code></pre>
+
+    <pre><code><span class="c"># server: first run creates identity.p12, key.pem and cert.pem</span>
+chmod +x zagan-bet-server-linux-x86_64
+./zagan-bet-server-linux-x86_64 --init
+./zagan-bet-server-linux-x86_64 -i 0.0.0.0 -p 11525</code></pre>
+
+    <p>Windows: run the <code>.exe</code> from Windows Terminal or another real terminal.</p>
+    <p>Verify a download before running it: <code>sha256sum &lt;file&gt;</code> (Linux) or <code>Get-FileHash &lt;file&gt;</code> (Windows).</p>
+  </footer>
+
+</div>
+</body>
+</html>