Photos WIP

layouts/photos/list.html

@@ -5,11 +5,9 @@
 {{ 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>
+    {{- $pages = .Paginate (first 50 .Pages.ByDate) -}}
+    {{- range $pages.ByDate -}}
+      {{- .Render "li_thumbnail_in_grid" -}}
     {{- end -}}
   </ul>
 </section>

layouts/photos/single.html

@@ -1,3 +1,7 @@
+{{ define "header" }}
+  {{ partial "header.html" . }}
+{{ end }}
+
 {{ define "main" }}
 <article class="post-single">
 <nav class="post-nav">
@@ -5,13 +9,13 @@
 </nav>
 
 {{ if .Title }}
-    <header>
-        {{ partial "development/draft_tag.html" . }}
-        <div class="post-title">
-            <h1>{{ .Title }}</h1>
-            <div class="post-date"><time>{{ .Date | time.Format "January 2, 2006" }}</time></div>
-        </div>
-    </header>
+<header>
+  {{ partial "development/draft_tag.html" . }}
+  <div class="post-title">
+    <h1>{{ .Title }}</h1>
+    <div class="post-date"><time>{{ .Date | time.Format "January 2, 2006" }}</time></div>
+  </div>
+</header>
 {{ end }}
 
 {{ $photos := .Resources.ByType "image" }}
@@ -21,26 +25,30 @@
 
 {{ if eq (len $photos) 1 }}
 {{ $img := index $photos 0 }}
-    <figure>
-        <img src="{{ $img.RelPermalink }}">
-    </figure>
+<figure>
+  <img src="{{ $img.RelPermalink }}">
+</figure>
 
-    {{ .Content }}
+{{ .Content }}
 
-    {{ partial "photo_exif_table.html" $img.Exif }}
+{{ partial "photo_exif_table.html" $img.Exif }}
 
-    {{ if in ($.Site.BaseURL | string) "localhost" }}
-    {{ partial "development/photo_exif_table.html" $img.Exif }}
-    {{ end }}
+{{ if in ($.Site.BaseURL | string) "localhost" }}
+{{ partial "development/photo_exif_table.html" $img.Exif }}
+{{ end }}
 {{ else }}
-    <figure>
-        <ul class="carousel">
-            {{ range $photos }}
-            <li>{{ . }}</li>
-            {{ end }}
-        </ul>
-    </figure>
+<figure>
+  <ul class="carousel">
+    {{ range $photos }}
+    <li>{{ . }}</li>
+    {{ end }}
+  </ul>
+</figure>
 {{ end }}
 
 </article>
 {{ end }}
+
+{{ define "footer" }}
+  {{ partial "footer.html" . }}
+{{ end }}