blog/layouts/_default/single.html

{{ define "main" }}
<article class="post">
  <header class="post-header">
    <h1 class="post-title">{{ .Title }}</h1>
    <div class="post-meta">
      <div>
        {{ partial "icon.html" (dict "ctx" $ "name" "calendar") }} {{
        .PublishDate.Format "Jan 2, 2006" }}
      </div>
      <div>
        {{ partial "icon.html" (dict "ctx" $ "name" "clock") }} {{ .ReadingTime
        }} min read
      </div>
      {{- with .Params.tags -}}
      <div>
        {{ partial "icon.html" (dict "ctx" $ "name" "tag") }} {{ range . -}} {{-
        with $.Site.GetPage (printf "/%s/%s" "tags" . ) -}}
        <a class="tag" href="{{ .Permalink }}">{{ .Title }}</a>
        {{- end -}} {{- end -}}
      </div>
      {{- end -}}
    </div>
  </header>
  <div class="post-content">{{ .Content }}</div>
  <div class="post-footer">
    <div id="remark42"></div>
  </div>
</article>
<script>
  var remark_config = {
    host: "https://remark.phundrak.com",
    site_id: "blog",
    theme: "dark",
  };
</script>
<script>
  !(function (e, n) {
    for (var o = 0; o < e.length; o++) {
      var r = n.createElement("script"),
        c = ".js",
        d = n.head || n.body;
      "noModule" in r ? ((r.type = "module"), (c = ".mjs")) : (r.async = !0),
        (r.defer = !0),
        (r.src = remark_config.host + "/web/" + e[o] + c),
        d.appendChild(r);
    }
  })(remark_config.components || ["embed"], document);
</script>
{{ end }}