{{ define "title" }}
  {{ .Title }} · {{ .Site.Title }}
{{ end }}
{{ define "content" }}
<section class="container list">
  <header>
    <h1 class="title">
      <a class="title-link" href="{{ .Permalink | safeURL }}">
        {{ .Title }}
      </a>
    </h1>
  </header>

  {{ .Content }}

  {{ range .Pages.ByDate.Reverse }}
  <div class="project-card">
    {{ if .Params.period }}
    <p class="project-period">{{ .Params.period }}</p>
    {{ end }}
    <h2 class="project-name">
      <a class="title-link" href="{{ .RelPermalink }}">{{ .Title }}</a>
    </h2>
    {{ if .Params.description }}
    <p class="project-desc">{{ .Params.description }}</p>
    {{ end }}
    {{ if .Params.tags }}
    <p class="project-tags">
      {{ range .Params.tags }}
      <span class="pill">{{ . }}</span>
      {{ end }}
    </p>
    {{ end }}
  </div>
  {{ end }}
</section>
{{ end }}