i have flu

blog/templates/landing.html

@@ -0,0 +1,70 @@
+{{define "landing-content"}}
+      <div class="landing-grid">
+      <section class="hero">
+        <h2 class="hero-title">Forging systems from controlled chaos.</h2>
+        <p class="hero-sub">
+          Engineering, music, and experiments connected under one namespace.
+          This site is the central entry point to everything running on <strong>chaosmith.systems</strong>.
+        </p>
+
+        <div class="hero-grid">
+          <div class="pill">
+            <span>Engineering</span>
+            Modular input devices, VR / XR tooling, custom infra.
+          </div>
+          <div class="pill">
+            <span>Audio</span>
+            Cinematic strings, deathstep textures, dreadful vibes.
+          </div>
+          <div class="pill">
+            <span>Labs</span>
+            Prototypes, agents, data stacks, weird side projects.
+          </div>
+        </div>
+
+        <div class="hero-footer">
+          <a class="btn-primary" href="/blog/" hx-get="/blog/" hx-target="main" hx-push-url="true">View blog</a>
+          <p class="subnote">
+            This is an evolving node. Expect broken links, work-in-progress bs,
+            and the occasional cursed experiment.
+          </p>
+        </div>
+      </section>
+
+      <aside class="side">
+        <div class="card">
+          <h2>Currently in focus</h2>
+          <ul class="list">
+            <li>
+              <span class="list-label">ARCHON GRID</span>
+              <span class="list-tag">symbolic engine</span>
+            </li>
+            <li>
+              <span class="list-label">Modular VR / XR input</span>
+              <span class="list-tag">hardware</span>
+            </li>
+            <li>
+              <span class="list-label">Star Citizen tools</span>
+              <span class="list-tag">analytics</span>
+            </li>
+            <li>
+              <span class="list-label">Dreadscore / deathstep</span>
+              <span class="list-tag">music</span>
+            </li>
+          </ul>
+        </div>
+
+        <div class="card">
+          <h2>Links & contact</h2>
+          <p>Later this block can link to projects, docs, and public repos hosted on subdomains.</p>
+          <div class="links">
+            <div class="chip"><a href="https://git.chaosmith.systems">Git repos</a></div>
+            <div class="chip"><a href="https://t.me/CyrnikBeerz">Telegram meme channel</a></div>
+            <div class="chip"><a href="matrix:u/@pierre:chaosmith.systems">Matrix: @pierre:chaosmith.systems</a></div>
+            <div class="chip"><a href="mailto:pierre@chaosmith.systems">Email: pierre@chaosmith.systems</a></div>
+          </div>
+        </div>
+      </aside>
+      <img src="ABSTRACTS.png" style="box-shadow: 0 4px 24px rgba(0,0,0,0.6); border-radius: 6px;" />
+      </div>
+{{end}}