Syndication icons

content/photos/lncsouqdekcc63jpx4wm6pcozi/index.md

@@ -10,6 +10,8 @@ tags:
 - nofilter
 - imported
 - from-instagram
+syndications:
+- https://www.instagram.com/p/CoscyoJvPtI9wJtAdE6fJJ1vY6AMB827jvAHUo0/
 ---
 Pão de Açucar was *beautiful*\!
 

layouts/partials/imgorvid.html

@@ -1,11 +1,11 @@
 <figure>
   {{ if hasSuffix .src ".mp4" }}
-      <video controls loop>
+      <video controls loop class="u-video">
           <source src="{{.src}}" type="video/mp4">
           <img {{ if .searchmeta | default true }}data-pagefind-meta="image[src]" {{end}}src="{{ .src }}.jpg" />
           (Your browser can't play videos. <a href="{{.src}}">Download instead</a>.)
       </video>
   {{ else }}
-      <img {{ if .searchmeta | default true }}data-pagefind-meta="image[src]" {{end}}src="{{ .src }}" />
+      <img {{ if .searchmeta | default true }}data-pagefind-meta="image[src]" {{end}}src="{{ .src }}" class="u-photo photo" />
   {{ end }}
 </figure>

layouts/partials/syndication.html

@@ -4,6 +4,12 @@
 {{ range .Params.syndications }}
   {{ if hasPrefix . "https://bsky.app/" }}
     {{ partial "syndication-ref.html" (dict "type" "bluesky" "link" .) }}
+  {{ else if hasPrefix . "https://pixelfed.social/" }}
+    {{ partial "syndication-ref.html" (dict "type" "pixelfed" "link" .) }}
+  {{ else if hasPrefix . "https://www.facebook.com/" }}
+    {{ partial "syndication-ref.html" (dict "type" "facebook" "link" .) }}
+  {{ else if hasPrefix . "https://www.instagram.com/" }}
+    {{ partial "syndication-ref.html" (dict "type" "instagram" "link" .) }}
   {{ else if hasPrefix . "https://hachyderm.io/" }}
     {{ partial "syndication-ref.html" (dict "type" "mastodon" "link" .) }}  
   {{ else if hasPrefix . "https://www.goodreads.com/" }}

layouts/photos/single.html

@@ -40,9 +40,14 @@
                 <date datetime="{{ dateFormat .Site.Params.dateformHTML .Date }}" data-pagefind-sort="date">
                 {{ dateFormat .Site.Params.dateformNumTime .Date }}
                 </date>
-              </p>
+            </p>
+        </div>
 
-            {{ partial "pagination-single.html" . }}
-  		</div>
+        <hr />
+        <div class="syndication">
+            {{ partial "syndication.html" . }}
+        </div>
+        {{ partial "pagination-single.html" . }}
+    
     </main>
 {{ end }}