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

    {{- define "main" -}}
    <section class="section header">
      <div class="container">
        <header>
          <h2>{{ .Params.heading }}</h2>
          <span class="subtitle">{{.Params.subheading}}</span>
        </header>
        <section class="section contact">
          <table class="table contact">
          {{- range sort .Params.contact "weight" "asc" }}
            <tr>
              <td>{{ .name }}</td>
              <td>
              {{- with .url }}<a href="{{ . }}">{{ end -}}
                {{ .handle }}
              {{- with .url }}</a>{{ end }} {{ with .hint }}<a href="{{ .url }}">{{ .name }}</a>{{ end -}}
              </td>
            </tr>
          {{- end }}
          </table>
        </section>
      </div>
    </section>

    <main>
      <div class="container">
        <section class="section projects">
          <span class="latest">
            latest <a href="{{ "/projects" | relURL }}">projects</a>
          </span>
          <div class="section projects inner">
          {{- range first 4 (where .Site.RegularPages "Type" "project") }}
            <a href="{{ .Permalink }}">
              <article>
                <h2>{{ .Title }}</h2>
                <p class="meta">
                  {{ with .Params.activetime }}<span class="date">{{ . }}</span><br />{{ end }}
                  {{ with .Params.status }}<span class="status">{{ . }}</span>{{ end }}
                </p>
              </article>
            </a>
          {{- end }}
          </div>
        </section>
        <hr>
        <section class="section posts">
          <span class="latest">
            latest <a href="{{ "/blog" | relURL }}">posts</a>
          </span>
          <div class="section posts inner">
            {{- range first 4 (where .Site.RegularPages "Type" "post") }}
            <a href="{{ .Permalink }}">
              <article>
                <h2><span>{{ .Title }}</span></h2>
                {{ with .Description }}<p class="description">{{ . }}</p>{{ end }}
                <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>
              </article>
            </a>
            {{- end }}
          </div>
        </section>
      </div>
    </main>
    {{- end }}