{{ define "header" }}
  {{ partial "header.html" . }}
{{ end }}

{{ define "main" }}
<article class="post-single">
  <header>
    {{ partial "development/draft_tag.html" . }}
    <div class="post-title">
      <h1>{{ .Title }}</h1>
      <div class="post-date"><time>{{ .Date | time.Format "January 2, 2006" }}</time></div>
    </div>
  </header>
  <section class="post-content">
    {{ .Content }}
  </section>

  <!-- Post Tags -->
  {{ if .Params.tags }}
  <footer>
    <ul class="post-tags">
    {{ range .Params.tags }} {{ $href := print (absURL "tags/") (urlize .) }}
      <li><a href="{{ $href }}">{{ . }}</a></li>
    {{ end }}
    </ul>
  </footer>
  {{ end }}

  <!-- Post Nav -->
  {{ $pages := where site.RegularPages "Type" "in" site.Params.mainSections }}<!---->
  {{ if and (gt (len $pages) 1) (in $pages . ) }}
  <nav class="post-nav">
    {{ with $pages.Next . }}
    <a class="prev" href="{{ .Permalink }}"><span>←</span><span>{{ .Name }}</span></a>
    {{ end }} {{ with $pages.Prev . }}
    <a class="next" href="{{ .Permalink }}"><span>{{ .Name }}</span><span>→</span></a>
    {{ end }}
  </nav>
  {{ end }}
</article>
{{ end }}

{{ define "styles" }}
  {{ if .Page.Scratch.Get "includes_railroad_diagram" }}
  <link rel="preload stylesheet" as="style" href="{{ `styles/railroad.css` | absURL }}">
  {{ end }}
  <link rel="preload stylesheet" as="style" href="{{ `styles/monokai.css` | absURL }}">
{{ end }}

{{ define "scripts" }}
  {{ if and .IsPage (.Page.Scratch.Get "includes_railroad_diagram") }}
  <script defer type="module" src="{{ `scripts/railroad.js` | absURL }}"></script>
  <script defer type="module" src="{{ `scripts/railroad-utils.js` | absURL }}"></script>
  {{ end }}

  {{ if .Page.Scratch.Get "includes_p5_sketch" }}
  <script defer src="{{ `scripts/p5-1.4.1.min.js` | absURL }}"></script>
  <script defer src="{{ `scripts/sketch-utils.js` | absURL }}"></script>
  {{ end }}

  {{ range $script := .Resources.Match "*.js" }}
  {{ $isModule := default true $script.Params.is_module }}
  <script defer {{ if $isModule }}type="module"{{ end }} src="{{ $script.Permalink | relURL }}"></script>
  {{ end }}
{{ end }}

{{ define "footer" }}
  {{ partial "footer.html" . }}
{{ end }}