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

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

    <p class="tags">
      {{ range .Params.tags }}
        <span class="tag">{{ . }}</span>
      {{ end }}
    </p>

    <div class="project-links">
      {{ with .Params.code }}<a href="{{ . }}">[Code]</a>{{ end }}
      {{ with .Params.demo }}<a href="{{ . }}">[Live Demo]</a>{{ end }}
    </div>

    <article class="project-body">
      {{ .Content }}
    </article>

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