Add photo post

assets/scss/_main.scss

@@ -198,7 +198,7 @@ img.profile {
   }
 }
 
-.instagram-media {
+.photo-media {
   figure {
     margin-left: auto;
     margin-right: auto;

content/photos/brain/index.md

@@ -0,0 +1,10 @@
+---
+media:
+- photo.webp
+date: 2023-09-07T10:05:00+01:00
+tags:
+- brain
+- hair
+---
+
+I haven't posted photos in a long while (since February!) so here's one of me showing off [my actual not-so-big brain](https://brain.byjp.me) that I took today, with my nearly year-long hair!

content/photos/iu7r3vfeielfpbkbo7yz774mjy/index.md

@@ -8,4 +8,4 @@ tags:
 - imported
 - from-instagram
 ---
-I pulled my brain out of my head and made it into a website. Cos this is the marvelous world we live in ☺️ Go see brain.byjp.me if you want to play.
+I pulled my brain out of my head and made it into a website. Cos this is the marvelous world we live in ☺️ Go see [brain.byjp.me](https://brain.byjp.me) if you want to play.

content/photos/lncsouqdekcc63jpx4wm6pcozi/index.md

@@ -8,6 +8,8 @@ date: "2023-02-15T19:19:24Z"
 draft: false
 tags:
 - nofilter
+- imported
+- from-instagram
 ---
 Pão de Açucar was *beautiful*\!
 

layouts/partials/pagination-single.html

@@ -12,7 +12,7 @@
             <span class="button previous">
                 <a href="{{ .NextInSection.Permalink }}">
                     <span class="button__icon">←</span>
-                    <span class="button__text">{{ if .NextInSection.Title }}{{ .NextInSection.Title }}{{ else }}<i>Untitled post</i>{{ end }}</span>
+                    <span class="button__text">{{ .NextInSection.Title | default (.NextInSection.Date.Format .Site.Params.dateform) }}</span>
                 </a>
             </span>
             {{ end }}
@@ -20,7 +20,7 @@
             {{ if .PrevInSection }}
             <span class="button next">
                 <a href="{{ .PrevInSection.Permalink }}">
-                    <span class="button__text">{{ if .PrevInSection.Title }}{{ .PrevInSection.Title }}{{ else }}<i>Untitled post</i>{{ end }}</span>
+                    <span class="button__text">{{ .PrevInSection.Title  | default (.PrevInSection.Date.Format .Site.Params.dateform)}}</span>
                     <span class="button__icon">→</span>
                 </a>
             </span>

layouts/photos/single.html

@@ -1,14 +1,14 @@
 {{ define "main" }}
     <main class="post instagram">
         <article>
-            <h1 class="post-title p-name hidden" aria-hidden="true">{{ .Title | markdownify }}</h1>
+            <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="instagram-media">
+                <div class="photo-media">
                     {{ range $i, $src := .Params.Media }}
                         {{ partial "imgorvid.html" (dict "src" (path.Join $.Page.RelPermalink $src | absURL) "searchmeta" (eq $i 0)) }}
                     {{ end }}
@@ -21,10 +21,12 @@
         <hr />
 
         <div class="post-info">
-            <p>
+            {{ if in .Params.tags "from-instagram" }}
-                <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"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.5" y2="6.5"></line></svg>
+                <p>
-                From <a href="../">instagram archive</a>
+                    <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"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.5" y2="6.5"></line></svg>
-            </p>
+                    From <a href="../">instagram archive</a>
+                </p>
+            {{ end }}
             {{ partial "tags.html" .Params.tags }}
             {{ partial "categories.html" . }}