redesign website to black and bone, add user contact

web/index.html

@@ -13,16 +13,28 @@
 <nav class="top" data-nav></nav>
 
 <header class="hero">
-    <span class="kicker"><span class="dot"></span> independent · source-only · linux</span>
-    <h1>You don't install a system.<br>You <span class="grad">craft</span> one.</h1>
-    <p class="sub">Keru is an anti-opinionated Linux distribution. Choose your init, libc, filesystem, kernel, and tools at install time — and it builds exactly what you chose from source. Nothing forced, nothing you didn't ask for.</p>
-    <div class="cta-row">
-        <a class="btn btn-primary" href="install.html">↓ Download 0.1</a>
+    <span class="kicker reveal"><span class="dot"></span> independent · source-only · linux</span>
+    <span class="seal reveal d1">ける</span>
+    <h1 class="reveal d1">You don't install a system.<br>You <span class="grad">craft</span> one.</h1>
+    <p class="sub reveal d2">Keru is an anti-opinionated Linux distribution. Choose your init, libc, filesystem, kernel, and tools at install time — and it builds exactly what you chose from source. Nothing forced, nothing you didn't ask for.</p>
+    <div class="cta-row reveal d3">
+        <a class="btn btn-primary" href="install.html">↓ Install 0.1</a>
         <a class="btn btn-ghost" href="philosophy.html">Read the philosophy</a>
         <a class="btn btn-ghost" href="swappables.html">See what's swappable</a>
     </div>
 </header>
 
+<div class="dossier reveal d4">
+    <div class="row"><span class="lbl">Name</span><span class="val">Keru OS ける</span></div>
+    <div class="row"><span class="lbl">Status</span><span class="val a">UNDER CONSTRUCTION</span></div>
+    <div class="row"><span class="lbl">Distribution</span><span class="val">source-only linux</span></div>
+    <div class="row"><span class="lbl">Package manager</span><span class="val">kama · ~225 lines</span></div>
+    <div class="row"><span class="lbl">Defining trait</span><span class="val">anti-opinionated</span></div>
+    <div class="row"><span class="lbl">Opinions forced</span><span class="val a">0</span></div>
+    <div class="row"><span class="lbl">Base packages</span><span class="val">0 (everything is swappable)</span></div>
+    <div class="row"><span class="lbl">Model</span><span class="val">boot ISO → choose → built from source</span></div>
+</div>
+
 <div class="ticker">
     <div class="ticker-inner">
         <span><b>runit</b> · <b>s6</b> · <b>openrc</b> · <b>systemd</b> · <b>busybox-init</b> · <b>sysvinit</b> · <b>dinit</b> · <b>shepherd</b></span>
@@ -30,7 +42,7 @@
         <span><b>ext4</b> · <b>btrfs</b> · <b>xfs</b> · <b>zfs</b> · <b>f2fs</b> · <b>jfs</b> · <b>reiserfs</b></span>
         <span><b>linux</b> · <b>linux-lts</b> · <b>linux-hardened</b> · <b>linux-cachyos</b> · <b>linux-zen</b></span>
         <span><b>doas</b> · <b>sudo</b> · <b>opendoas</b> · <b>su</b></span>
-        <span>ける・けいとうてき — craft your system</span>
+        <span class="a">ける・けいとうてき <b>— craft your system</b></span>
     </div>
 </div>
 
@@ -52,22 +64,22 @@
     </div>
 </section>
 
-<section style="background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)">
+<section style="background:var(--paper-2);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)">
     <div class="wrap">
-        <p class="section-title" style="text-align:center">live demo</p>
+        <p class="section-title" style="text-align:center">live boot</p>
         <h2 class="head" style="text-align:center">Boot. Choose. Built from source.</h2>
-        <p class="lead" style="text-align:center">The ISO carries only the installer. Boot it, it starts the installer automatically, you make your picks — and it builds your entire system from source.</p>
+        <p class="lead" style="text-align:center">The ISO carries only the installer. Boot it, it starts the installer automatically, you make your picks — and it builds your entire system from source, live.</p>
         <div class="terminal reveal">
             <div class="tbar"><span class="dot r"></span><span class="dot y"></span><span class="dot g"></span><span class="t">keru@live:~$</span></div>
             <pre><span class="c">[ keru ]</span> <span class="k">Keru OS — craft your system</span>
 Select the components, press enter for defaults.
 
-== Init system ==       [runit]
-== C library ==         [glibc]
-== Filesystem ==        [ext4]
-== Kernel ==            [linux]
+== Init system ==        [runit]
+== C library ==          [glibc]
+== Filesystem ==         [ext4]
+== Kernel ==             [linux]
 == Privilege elevation == [doas]
-== Network tools ==     [nmtui]
+== Network tools ==      [nmtui]
 
 Selecting: <span class="c">btrfs</span>  ← you choose, Keru builds it
 <span class="p">...fetching source...</span>
@@ -99,8 +111,8 @@ Selecting: <span class="c">btrfs</span>  ← you choose, Keru builds it
     </div>
 </section>
 
-<section style="text-align:center;background:var(--bg-2);border-top:1px solid var(--border)">
-    <div class="wrap">
+<section style="background:var(--paper-2);border-top:1px solid var(--hair)">
+    <div class="wrap" style="text-align:center">
         <h2 class="head">Ready when it's ready.</h2>
         <p class="lead" style="margin:0 auto 24px">Keru 0.1 will ship as a bootable ISO. No source builds, no manual tooling — boot, choose, then watch it craft your system.</p>
         <div class="cta-row">