{{template "base/head" .}}
<div role="main" aria-label="{{.Title}}" class="page-content home flexhub-home">
  <div class="flexhub-text-wordmark" aria-hidden="true"><span class="fh-flex">Flex</span></div>
  <p class="tagline">Where I flex my projects, code, and stuff.</p>
  <p class="subtagline">A place to flex.</p>

  <div class="agent-grid">
    <div class="agent-card">
      <span class="marker"><span>A</span></span>
      <h3>Hosted, hard, unfiltered</h3>
      <p>Code on my own metal. No upstream daddy, no rate limits, no policy drift.</p>
    </div>
    <div class="agent-card">
      <span class="marker"><span>B</span></span>
      <h3>Off-platform</h3>
      <p>No GitHub, no GitLab, no shared landlord. Just metal in my house and a domain I own.</p>
    </div>
    <div class="agent-card">
      <span class="marker"><span>C</span></span>
      <h3>Your repo, your rules</h3>
      <p>Push private. Push experimental. Push that thing you'd never put on a public profile.</p>
    </div>
    <div class="agent-card">
      <span class="marker"><span>D</span></span>
      <h3>Drop the repo</h3>
      <p>If you built it, it lives here. No filter, no algorithm, no cold-storage policy.</p>
    </div>
  </div>
</div>
{{template "base/footer" .}}
