{{ define "main" }}
<div class="index-content">

  {{/* ── Hero / intro ───────────────────────────────────────────────────── */}}
  <div class="index-hero">
    <p class="index-intro">
      Backend engineer based in Tokyo. I build distributed systems,
      operate Kubernetes infrastructure, and occasionally write about it.
    </p>
    <ul class="index-nav">
      {{ range .Site.Params.menu }}
      <li>
        <span class="prompt">{{ $.Site.Params.terminalPrompt }}</span>
        <a href="{{ .url }}">cd {{ .name }}</a>
      </li>
      {{ end }}
    </ul>
  </div>

  {{/* ── Recent posts ────────────────────────────────────────────────────── */}}
  {{ $posts := where .Site.RegularPages "Type" .Site.Params.contentTypeName }}
  {{ if $posts }}
  <section class="index-posts">
    <h2>Recent Posts</h2>
    {{ range first 5 $posts }}
    <article class="post-preview">
      <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "2006-01-02" }}</time>
      <a href="{{ .Permalink }}">{{ .Title }}</a>
    </article>
    {{ end }}
    {{ if gt (len $posts) 5 }}
    <p class="index-all-posts"><a href="/posts">All posts →</a></p>
    {{ end }}
  </section>
  {{ end }}

</div>
{{ end }}