{{define "landing-content"}}
<div class="landing-grid">
  <section class="hero">
    <h2 class="hero-title">A Technophile, 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 devices, XR, custom infra.
      </div>
      <div class="pill">
        <span>Audio</span>
        Cinematic strings, deathstep, dread.
      </div>
      <div class="pill">
        <span>Labs</span>
        Prototypes, agents, weirder 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 node is evolving. Expect broken links, work-in-progress bs,
        and occasional weirdness.
      </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">Void Drifter</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.webp" style="box-shadow: 0 4px 24px rgba(0,0,0,0.6); border-radius: 6px;" />
</div>
{{end}}
