{{ define "main" }}
  <nav>
    <ul><li><a href="/"><strong>{{ .Site.Title }}</strong></a></li></ul>
    <ul>
      <li><a href="/docs/">Docs</a></li>
      <li><a href="/examples/">Examples</a></li>
    </ul>
  </nav>

  <main>
    <article data-layout="prose">

      <header>
        <hgroup>
          <h1>{{ .Site.Title }}</h1>
          <p>{{ .Site.Params.description | default "An agent-first approach to web generation." }}</p>
        </hgroup>
      </header>

      <section>
        <h2>Recent</h2>
        {{ range first 10 .Site.RegularPages }}
        <article>
          <header>
            <h3><a href="{{ .Permalink }}">{{ .Title }}</a></h3>
            <p data-text="dim">
              <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "January 2006" }}</time>
              {{ with .Params.eyebrow }} · {{ . }}{{ end }}
            </p>
          </header>
          {{ with .Summary }}<p>{{ . }}</p>{{ end }}
        </article>
        {{ end }}
      </section>

    </article>
  </main>

  <footer>
    <small><a href="/">{{ .Site.Title }}</a> · {{ now.Format "2006" }}</small>
  </footer>
{{ end }}