www.byjp.me/layouts/photos/single.html

{{ define "main" }}
    <main class="post instagram">
        <article>
            <h1 class="post-title p-name hidden" aria-hidden="true">{{ if gt (len .Params.Media) 1 }}Photos{{ else }}A photo{{ end }} from JP</h1>

            {{ with .Summary }}
                <div class="post-summary p-summary" aria-hidden="true">{{ . }}</div>
            {{ end }}
            
            <div class="post-content" data-pagefind-body data-pagefind-filter="type:Photos">
                <div class="photo-media">
                    {{ range $i, $deets := .Params.Media }}
                        {{ partial "imgorvid.html" (dict "src" $deets.url "alt" ($deets.alt) "searchmeta" (eq $i 0)) }}
                    {{ end }}
                </div>

                {{ .Content }}
            </div>
        </article>

        <hr />

        <div class="post-info">
            {{ if in .Params.tags "from-instagram" }}
          <p>
            {{ partial "svg.html" (dict "name" "instagram") }}
            From <a href="/posts/archiving-instagram-posts/">instagram archive</a>
          </p>
        {{ end }}
            {{ partial "tags.html" .Params.tags }}
            {{ partial "categories.html" . }}

            <p>
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar">
                  <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
                  <line x1="16" y1="2" x2="16" y2="6"></line>
                  <line x1="8" y1="2" x2="8" y2="6"></line>
                  <line x1="3" y1="10" x2="21" y2="10"></line>
                </svg>
                <date datetime="{{ dateFormat .Site.Params.dateformHTML .Date }}" data-pagefind-sort="date">
                {{ dateFormat .Site.Params.dateformNumTime .Date }}
                </date>
            </p>

            {{ partial "interactions.html" . }}
        </div>

        <hr />
        <div class="syndication">
            {{ partial "syndication.html" . }}
        </div>
        {{ partial "pagination-single.html" . }}
    
    </main>
{{ end }}