From 40fbc2c881acd0d08d9c18abbeaaae67fb071a60 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Sat, 15 Oct 2022 10:02:01 -0700
Subject: [PATCH] Fix up the CSS and photos list templates

---
 content/photos/photos.css |  3 +--
 layouts/photos/list.html  | 24 ++++++++++++++++--------
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/content/photos/photos.css b/content/photos/photos.css
index 9966fa6..0cb7d73 100644
--- a/content/photos/photos.css
+++ b/content/photos/photos.css
@@ -2,7 +2,6 @@
     --photo-params-background: #ddd;
     --photo-params-border-color: #aaa;
 }
-
 @media (prefers-color-scheme: dark) {
     :root {
         --photo-params-background: #444;
@@ -21,7 +20,7 @@ ul.grid {
     padding: 0;
 }
 
-.grid li {
+.photos .grid li {
     display: block;
     height: 210px;
     list-style: none;
diff --git a/layouts/photos/list.html b/layouts/photos/list.html
index ec43345..5ef8c33 100644
--- a/layouts/photos/list.html
+++ b/layouts/photos/list.html
@@ -1,12 +1,20 @@
+{{ define "header" }}
+  {{ partial "header.html" . }}
+{{ end }}
+
 {{ define "main" }}
 <section class="photos">
-    <ul class="grid">
-        {{ range .Pages }}
-        {{ $thumbnailResource := (index (.Resources.ByType "image") 0) }}
-        {{ $thumbnail := $thumbnailResource.Fit "600x600" }}
-        {{ $thumbnail := $thumbnail.Crop "600x600" }}
-        <li><a href="{{ .RelPermalink }}" title="{{ .Title }}"><img src="{{ $thumbnail.RelPermalink }}"></a></li>
-        {{ end }}
-    </ul>
+  <ul class="grid">
+    {{- range .Pages -}}
+      {{- $thumbnailResource := (index (.Resources.ByType "image") 0) -}}
+      {{- $thumbnail := $thumbnailResource.Fit "600x600" -}}
+      {{- $thumbnail := $thumbnail.Crop "600x600" -}}
+      <li><a href="{{ .RelPermalink }}" title="{{ .Title }}"><img src="{{ $thumbnail.RelPermalink }}"></a></li>
+    {{- end -}}
+  </ul>
 </section>
 {{ end }}
+
+{{ define "footer" }}
+  {{ partial "footer.html" . }}
+{{ end }}