{{ define "stylesheet" }}{{ $scss := resources.Get "scss/_default/single.scss" }}{{ $style := $scss | resources.ToCSS }}
    <link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" />
{{ end }}

{{ define "main" }}
<main>
  <div class="container">
    <section class="section-article">
      <article>
        <p class="meta">
          {{ if eq .Params.type "project" }}<span title="{{ .Date.Format "2 Jan 2006" }}">latest update: {{ .Date.Format "2. January 2006" }}</span>{{ end }}
          {{ if ne .Params.type "project" }}<span title="{{ .Date.Format "2 Jan 2006, 15:04 MST" }}">{{ .Date.Format "2. January 2006" }}</span>{{ end }}
          <span>{{ with .Params.author }}by {{ end }}{{ .Params.author }}</span>
        </p>
        <h1 class="title">{{ .Title }}</h1>
        {{ with .Params.featured_image }}
        <img src="{{ . | relURL }}">
        {{ end }}
        {{ .Content }}
        <aside class="meta">
        {{ with .Params.topics }}
          <ul class="topics">
            {{ range . }}
              <li><a href="{{ "topics" | relURL}}/{{ . | urlize }}">{{ . }}</a> </li>
            {{ end }}
          </ul>
          {{ end }}
          {{ with .Params.tags }}
          <ul class="tags">
            {{ range . }}
              <li> <a href="{{ "tags" | relURL }}/{{ . | urlize }}">{{ . }}</a> </li>
            {{ end }}
          </ul>
          {{ end }}
        </aside>
      </article>
    </section>
    <section class="section-articles">
      {{ with .PrevInSection }}
      <a href="{{ .Permalink }}">
        <article>
          <h1>{{ .Title }}</h1>
          <p class="meta" title="{{ .Date.Format "2 Jan 2006, 15:04 MST" }}"><span class="date">{{ .Date.Format "2 January 2006" }}</span> <span class="author">{{ with .Params.author }}by{{ end}} {{ .Params.author }}</span></p>
          {{ with .Description }}
          <p>{{ . }}</p>
          {{ end }}
          {{ with .Params.featured_image }}
          <img src="{{ . | relURL }}">
          {{ end }}
        </article>
      </a>
      {{ end }}
      {{ with .NextInSection }}
      <a href="{{ .Permalink }}">
        <article>
          <h1>{{ .Title }}</h1>
          <p class="meta" title="{{ .Date.Format "2 Jan 2006, 15:04 MST" }}"><span class="date">{{ .Date.Format "2 January 2006" }}</span> <span class="author">{{ with .Params.author }}by{{ end }} {{ .Params.author }}</span></p>
          {{ with .Description }}
          <p>{{ . }}</p>
          {{ end }}
          {{ with .Params.featured_image }}
          <img src="{{ . | relURL }}">
          {{ end }}
        </article>
      </a>
      {{ end }}
    </section>
  </div>
</main>
{{ end }}