Add image attribution from unsplash

layouts/_default/single.html

@@ -3,6 +3,13 @@
   <div class="container">
     {{ partial "content.html" . }}
   </div>
+
+  {{ with .Scratch.Get "unsplash_data" }}
+    <div class="container text-center my-4">
+      <small><a href="#header">Header</a> photo by <a href="{{ .user.links.html }}">{{ .user.name }}</a> on <a href="{{ .links.html }}">Unsplash</a>.</small>
+    </div>
+  {{ end }}
+
   {{ partial "share.html" . }}
   {{ partial "related-content.html" . }}
 </div>

layouts/partials/content.html

@@ -8,9 +8,10 @@
     {{ $query := querify "client_id" (getenv "UNSPLASH_ACCESS_KEY") }}
     {{ $unsplash_data := (getJSON "https://api.unsplash.com/photos/" $unsplash_id "?" $query )}}
     {{ .Scratch.Set "image" $unsplash_data.urls.regular }}
+    {{ .Scratch.Set "unsplash_data" $unsplash_data }}
   {{ end }}
 
-  <img class="mb-3 header-image" src='{{ .Scratch.Get "image" }}' alt="" decoding="async" referrerpolicy="no-referrer" />
+  <img class="mb-3 header-image" id="header" src='{{ .Scratch.Get "image" }}' alt="" decoding="async" referrerpolicy="no-referrer" />
 {{ end }}
 
 {{ partial "breadcrumbs/index.html" . }}

layouts/partials/share.html

@@ -1,5 +1,5 @@
 {{ if .Section }}
-    <div class="container mt-5 text-center">
+    <div class="container text-center">
         <small>Share this page</small>
         <div class="shareon" data-title="{{ .Title }}" data-url="{{ .Permalink }}">
             <a class="facebook" title="Share on Facebook"></a>