{{ define "main" }}
  {{- partial "background.html" . -}}

  <main class="page-content">
    <h1>{{ .Title }}</h1>

    <div class="project-grid">
      {{ range .Pages.ByDate.Reverse }}
        <a href="{{ .RelPermalink }}" class="project-card">
          {{ with .Params.image }}
            <img src="{{ . }}" alt="{{ $.Title }}" />
          {{ end }}
          <h2>{{ .Title }}</h2>
          <p class="tags">
            {{ range .Params.tags }}
              <span class="tag">{{ . }}</span>
            {{ end }}
          </p>
          <p>{{ .Params.summary }}</p>
        </a>
      {{ end }}
    </div>

    <div class="back-link">
      <a href="/">← back</a>
    </div>
  </main>
{{ end }}