Split the photo nav so Back sits alone on the left

Move the Newer and Older links to a right-aligned group joined by a slash so they stop crowding the Back link, and drop the aqua accent so every link in the row shares the muted serif tone.
2026-07-03 23:11:11 +02:00
parent 3639bd5577
commit 70d115e11c
2 changed files with 13 additions and 18 deletions
@@ -14,9 +14,12 @@
 <body>
  <div class="photo-page">
    <nav class="photo-nav">
-      {{if .Newer}}<a href="/photo/{{.Newer.Slug}}/" data-nav="newer">← Newer</a>{{else}}<span></span>{{end}}
      <a href="/" class="back-btn">← Back</a>
-      {{if .Older}}<a href="/photo/{{.Older.Slug}}/" data-nav="older">Older →</a>{{else}}<span></span>{{end}}
+      <span class="photo-nav-neighbours">
+        {{if .Newer}}<a href="/photo/{{.Newer.Slug}}/" data-nav="newer">← Newer</a>{{end}}
+        {{if and .Newer .Older}} / {{end}}
+        {{if .Older}}<a href="/photo/{{.Older.Slug}}/" data-nav="older">Older →</a>{{end}}
+      </span>
    </nav>
    <div class="dlayout">
      <div class="dimg-wrap">