Cataloguer/layouts/_default/single.html

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

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

{{ define "main-class" }}--single{{ 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">
           <h1 class="article-header__title{{ if gt ( len ( .Title | plainify ) ) 40 }} article-header__title--long{{ end }}">
              <span role="text" itemprop="name">{{ .Title | safeHTML }}</span>
            </h1>
              {{ 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.FormatNumberCustom 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.FormatNumberCustom 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.FormatNumberCustom 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">
           <h2 class="article-header__subtitle">Table of Contents</h2>
           {{ .TableOfContents }}
         </nav>
      {{ end }}
  </header>
{{ end }}

{{ define "main-body" }}
  <article class="site-content__body">
    {{ .Content }}
  </article>
{{ end }}

{{ define "main-footer" }}
{{ end }}