WIP Redesign

assets/diary/diary-day.html

@@ -1,7 +1,9 @@
 {{if .Photos}}
-<div class="diary-photo-grid">
-  {{range .Photos}}
-  <a href="{{.URL}}" target="_blank"><img src="{{.URL}}" alt="{{.Name}}" loading="lazy"></a>
-  {{end}}
-</div>
+<section class="diary-section">
+  <div class="diary-photo-grid">
+    {{range .Photos}}
+    <a href="{{.URL}}" target="_blank"><img src="{{.URL}}" alt="{{.Name}}" loading="lazy"></a>
+    {{end}}
+  </div>
+</section>
 {{end}}

assets/diary/diary-month.html

@@ -1,9 +1,9 @@
 {{range .Days}}
-<div class="diary-section">
-  <h2>
-    {{if .URL}}<a href="{{.URL}}">{{.Heading}}</a>{{else}}{{.Heading}}{{end}}
-    {{if .EditURL}}<a href="{{.EditURL}}" class="btn btn-small">edit</a>{{end}}
-  </h2>
+<section class="diary-section">
+  <header class="diary-section-header">
+    <h2>{{if .URL}}<a href="{{.URL}}">{{.Heading}}</a>{{else}}{{.Heading}}{{end}}</h2>
+    {{if .EditURL}}<a href="{{.EditURL}}" role="button" class="secondary outline section-edit">edit</a>{{end}}
+  </header>
   {{if .Content}}<div class="content">{{.Content}}</div>{{end}}
   {{if .Photos}}
   <div class="diary-photo-grid">
@@ -12,5 +12,5 @@
     {{end}}
   </div>
   {{end}}
-</div>
+</section>
 {{end}}

assets/diary/diary-year.html

@@ -1,8 +1,8 @@
 {{range .Months}}
-<div class="diary-section">
-  <h2 class="diary-heading">
-    <a href="{{.URL}}">{{.Name}}</a>
-    {{if .PhotoCount}}<span class="diary-photo-count">({{.PhotoCount}} photos)</span>{{end}}
-  </h2>
-</div>
+<section class="diary-section">
+  <hgroup>
+    <h2><a href="{{.URL}}">{{.Name}}</a></h2>
+    {{if .PhotoCount}}<p>{{.PhotoCount}} photos</p>{{end}}
+  </hgroup>
+</section>
 {{end}}