{{ define "main"}}
{{ .Scratch.Set "customTitleHeaderSet" true }}
{{ .Scratch.Set "customTitleHeader" "Blog" }}
{{ .Scratch.Set "customTitleHeaderLink" "/blog/" }}
{{ partial "header.html" . }}
<main>
  <article class="h-entry">
    <h1 class='title p-name'>{{ .Title }}</h1>
    <a style="display: none" class="u-url" href="{{ .Permalink }}"></a>
    <div style="display: none;" rel="author" class="h-card p-author">
      {{ $profile_image := resources.Get (printf "img/%s" .Site.Params.avatar) }}
      {{ $profile_width := 75 }}
      {{ $profile_image := $profile_image.Resize (printf "%dx webp q75" $profile_width) }}
      <img class="u-photo" width="{{ $profile_width }}" height="{{ $profile_width }}" src="{{ $profile_image.RelPermalink }}"/>
      <span > {{ .Site.Params.Author }}</span>
    </div>
    {{ .Scratch.Set "beforeDateString" "Published on "}}
    {{ partial "date.html" . }}
    {{ partial "reading_time.html" . }}
    {{ partial "tags/page.html" . }}
    <!-- content -->
    <div class="e-content">
      {{ .Content }}
    </div>
  </article>
  <div style="margin-bottom: 2rem; display: flex; justify-content: center; flex-wrap: wrap; gap: 20px;">
    <a href='mailto:{{ .Site.Params.email }}?subject=Re: "{{ .Title }}"' class="reply-button">Reply via Email</a>
    <a href="/support" class="reply-button" style="margin-left:2rem;"><i class="fas fa-coffee" style="margin-right: 0.5rem;"></i>Buy me a Coffee</a>
  </div>

  {{ partial "sharepost.html" . }}
</main>
<!-- Metadata -->
<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "NewsArticle",
    "headline": "{{ .Title }}",
    "image": [
      "{{ .Site.BaseURL }}img/{{ .Site.Params.avatar }}"
     ],
    "datePublished": "{{ .Date.Format "2006-01-02" }}",
    "author": [{
        "@type": "Person",
        "name": "{{ .Site.Params.Author }}",
        "url": "{{ .Site.BaseURL }}",
        "email": "mailto://{{ .Site.Params.email }}",
        "image": "{{ .Site.BaseURL }}img/{{ .Site.Params.avatar }}"
      }]
  }
  </script>
{{ end }}