{{ define "title" }}{{ .Title | plainify }} | {{ .Site.Title }}{{ end }}

{{ define "head-description" }}{{ .Summary | plainify }}{{ end }}

{{ define "main-class" }}--single layouts-default-single{{ end }}

{{ define "header-scripts" }}
  {{ with .Params.locations }}
    {{ $mapJS := resources.Get "js/leaflet.js" | fingerprint }}
    <script id="Map-script" src="{{ $mapJS.Permalink }}" integrity="{{ $mapJS.Data.Integrity }}"></script>
  {{ end }}
{{ end }}

{{ define "header-styles" }}
  {{ with .Params.styles }}
    <link rel="stylesheet" type="text/css" href="{{ ( $.Page.Resources.GetMatch "style").RelPermalink }}">
  {{ end }}
  {{ with .Params.locations }}
    <link rel="stylesheet" href="/css/leaflet.css">
  {{ end }}
{{ end }}

{{ define "footer-scripts" }}
   {{ with .Params.locations }}
       <script>
          var map = L.map('map').setView([55, -3], 13);

          L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
              maxZoom: 19,
              attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
          }).addTo(map);

          var latLons = [];
          {{ range . }}
             {{ with ( index $.Site.Data.locations . ) }}
                L.marker([{{ .lat }}, {{ .lon }}]).addTo(map);
                latLons.push([{{ .lat }}, {{ .lon }}]);
             {{ else }}
               {{ warnf "Could not find lat-lon for %q (%q)" . $.File.Path }}
             {{ end }}
          {{ end }}
          map.fitBounds(latLons);
      </script>
   {{ end }}
   {{ with .Params.scripts }}
      {{ if in . "mathjax" }}
        <script src="/js/polyfill.js"></script>
        <script id="MathJax-script" async src="/js/mathjax/tex-chtml.js"></script>
        <script src="/js/mathjax/config.js"></script>
      {{ end }}
      {{ if in . "charts" }}     
        {{ $chartsCoreJS := resources.Get "js/chart.js" | fingerprint }}
        {{ $chartsConfigJS := $.Page.Resources.GetMatch "charts-init" }}
        <script id="Charts-script" src="{{ $chartsCoreJS.Permalink }}" integrity="{{ $chartsCoreJS.Data.Integrity }}"></script>
        <script id="Charts-config-script" src="{{ $chartsConfigJS.Permalink }}"></script>
      {{ end }}
   {{ end }}
{{ end }}

{{ define "main-header" }}
  <header class="site-content__header">
      <div class="article-header__featured-image"
        {{ if .Params.featured_image }}
          {{ if .Resources.GetMatch .Params.featured_image }}
            style="background-image: url({{ ( .Resources.GetMatch .Params.featured_image ).RelPermalink }})"
          {{ else }}
            style="background-image: url({{ .Params.featured_image }})"
          {{ end }}
        {{ end }}>
        <div class="article-header__title-wrapper">
           <h2 class="article-header__title{{ if gt ( len ( .Title | plainify ) ) 40 }} article-header__title--long{{ end }}">
              <span role="text" itemprop="name">{{ .Title | safeHTML }}</span>
            </h2>
            {{ with .Params.subtitle }}
              <p class="article-header__subtitle">{{ . | safeHTML }}</p>
            {{ end }}
        </div>
        {{ with .Resources.GetMatch .Params.featured_image }}
          <p class="attr">
             {{ if .Params.attrlink }}<a href="{{ .Params.attrlink }}" target="_blank" rel="noopener">{{ end }}
             {{- .Params.Attr | safeHTML -}}
             {{ if .Params.attrlink }}</a>{{ end }}
             {{ if .Params.attrlicence }} ({{ .Params.attrlicence }}){{ end }}
          <p>
        {{ end }}
      </div>
      
      <p class="article-header__word-count">~<span itemprop="wordCount">{{ .FuzzyWordCount | lang.NumFmt 0 }}</span> words</p>
      <p class="article-header__publish-date">Published: <span itemprop="datePublished" datetime="{{ .PublishDate }}">{{ .PublishDate.Format "January 2" }}<sup>{{ if in (slice 1 21 31) .PublishDate.Day}}st{{ else if in (slice 2 22) .PublishDate.Day}}nd{{ else if in (slice 3 23) .PublishDate.Day}}rd{{ else }}th{{ end }}</sup>, 1{{ .PublishDate.Format "2006" | lang.NumFmt 0 }}&nbsp;<abbr style="text-transform: small-caps; font-size: 0.8em;" title="Holocene Era">HE</abbr></span></p>
      <p class="article-header__modified-date">Last modified: <span itemprop="dateModified" datetime="{{ .Lastmod }}">{{ .Lastmod.Format "January 2" }}<sup>{{ if in (slice 1 21 31) .Lastmod.Day}}st{{ else if in (slice 2 22) .Lastmod.Day}}nd{{ else if in (slice 3 23) .Lastmod.Day}}rd{{ else }}th{{ end }}</sup>, 1{{ .Lastmod.Format "2006" | lang.NumFmt 0 }}&nbsp;<abbr style="text-transform: small-caps; font-size: 0.8em;" title="Holocene Era">HE</abbr></span></p>
        
        {{ $post_age_in_years := math.Round ( div ( div ( now.Sub .PublishDate ).Hours 24 ) 365 ) }}
        {{ if ( or .Params.site .Params.controversial ( gt $post_age_in_years 2 ) ) }}
            <aside class="article-header__warnings">
               <ul>
               {{ if ( gt $post_age_in_years  2 ) }}<li>This piece was written <strong>over {{ $post_age_in_years }} years ago</strong>. It may no longer accurately reflect my views now, or may be factually outdated.</li>{{ end }}
               {{ if .Params.controversial }}<li>This piece has been marked as potentially <strong>controversial</strong>, whether due to the topic addressed, the content of the article, or both. Don't say you weren't warned.</li>{{ end }}
               {{ if .Params.site }}<li>This piece was originally written for an older version of this site. As such, it may not have transferred over properly and some images and links might be broken.</li>{{ end }}
               </ul>
            </aside>
       {{ end }}
       
       {{ if .Params.notes }}
            <aside class="article-header__notes">
               <ul>
               {{ range .Params.notes }}
                  <li>{{ . | safeHTML }}</li>
               {{ end }}
               </ul>
            </aside>
       {{ end }}
       
      {{ if and ( .TableOfContents ) ( ne .TableOfContents "<nav id=\"TableOfContents\"></nav>" ) }}
         <nav class="article-header__table-of-contents">
           <h3 class="article-header__subtitle">Table of Contents</h3>
           {{ .TableOfContents }}
         </nav>
      {{ end }}
  </header>
{{ end }}

{{ define "main-body" }}
  <section class="site-content__body">
    {{- if ( or .Params.internal_links .Params.external_links ) -}}
      <section class="article__links">
        {{- with .Params.internal_links -}}
        <h3>Internal Links</h3>
        <ul>
        {{- range . -}}
          {{ if eq ( printf "%T" . ) "map[string]interface {}" }}
          <li><a href="{{ .link }}">{{ .title | safeHTML }}</a></li>
          {{ else }}
          <li><a href="{{ . }}">Link</a></li>
          {{ end }}
        {{- end -}}
        </ul>
        {{- end -}}
    
        {{- with .Params.external_links -}}
        <h3>External Links</h3>
        <ul>
        {{- range . -}}
          {{ if eq ( printf "%T" . ) "map[string]interface {}" }}
          <li><a href="{{ .link }}" rel="noopener noreferrer" target="_blank">{{ .title | safeHTML }}</a></li>
          {{ else }}
          <li><a href="{{ . }}" rel="noopener noreferrer" target="_blank">Link</a></li>
          {{ end }}
        {{- end -}}
        </ul>
        {{- end -}}
      </section>
    {{- end -}}
  
    {{ .Content }}
  </section>
{{ end }}

{{ define "main-footer" }}
{{ partial "post-meta.html" . }}
{{ end }}