{{ partial "header" . }}

{{ partial "bigimg" . }}

{{ partial "single-header" . }}
<main class="single">
    <br>
    <article>
      <!-- thanks https://www.godo.dev/tutorials/hugo-image-figure-wrap/ -->
      {{ $reAltIn := "<p><img src=\"([^\"]+)\" alt=\"([^\"]*)\" /></p>" }}
      {{ $reAltOut := "<figure><a href=\"$1\" class=\"lbox\"><img src=\"$1\" alt=\"$2\"></a></figure>" }}
      {{ $altContent := .Content | replaceRE $reAltIn $reAltOut | safeHTML }}

      {{ $reAltTitleIn := "<p><img src=\"([^\"]+)\" alt=\"([^\"]*)\" title=\"([^\"]+)\" /></p>" }}
      {{ $reAltTitleOut := "<figure><a href=\"$1\" class=\"lbox\"><img src=\"$1\" alt=\"$3\" title=\"$3\"></a><figcaption>$3</figcaption></figure>" }}
      {{ $finalContent := $altContent | replaceRE $reAltTitleIn $reAltTitleOut | safeHTML }}

      {{ $finalContent }}
    </article>

    {{ partial "single-related" . }}
    {{ partial "single-comments" . }}

    <footer>
      <svg class='icon icon-text'><use xlink:href='#up'></use></svg><a href="#top">Top</a> 
    </footer>
</main>

{{ partial "footer.html" . }}