{{ define "main" }}

  <div id="page-header">
    <h1>{{ .Title }}</h1>
    {{ if .Params.subtitle }}
      <span class="subtitle">{{ .Params.subtitle }}</span>
    {{ end }}
    {{ with .Params.links }}
    <!-- <section id="quick-links"> -->
      <!-- <h2>Quick Links</h2> -->
      <div id="link-list">
        <ul>
          {{ range . }}
            <li><a href="{{ .url }}" target="_blank" rel="noopener">{{ if .icon }}<i class="{{ .icon }}"></i>&nbsp;&nbsp;{{ end }}{{ .title }}</a></li>
          {{ end }}
        </ul>
      </div>
    <!-- </section> -->
    {{ end }}
  </div>

  <section>
  {{ .Content }}
  </section>

  <div class="time" style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">
  <div class="footer-links" style="text-align: left;">
    Help improve this page!<br/>
    Submit an 
    <a href="https://gitmoss.fyi/fmtools/content/issues/new?&title=[FIX]%20{{ .Title | urlquery }}" target="_blank">issue</a> or 
    <a href="https://gitmoss.fyi/fmtools/content/fork" target="_blank">pull request</a>.
  </div>
  {{ if .Date }}
  <div class="footer-date" style="text-align: right;">
    {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
    {{ $dateHuman := .Date | time.Format "2 January 2006" }}
    Updated <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
  </div>
  {{ end }}
</div>

{{ end }}