From 39bfc25014974f599dbae69ae0428874affec7b0 Mon Sep 17 00:00:00 2001
From: Timm Friebe <thekid@thekid.de>
Date: Sun, 5 Jan 2025 11:18:33 +0100
Subject: [PATCH] Only load lightbox on content and journey pages

---
 src/main/handlebars/content.handlebars        |  2 ++
 src/main/handlebars/journey.handlebars        |  2 ++
 src/main/handlebars/layout.handlebars         | 26 -------------------
 .../handlebars/partials/lightbox.handlebars   | 23 ++++++++++++++++
 4 files changed, 27 insertions(+), 26 deletions(-)
 create mode 100755 src/main/handlebars/partials/lightbox.handlebars

diff --git a/src/main/handlebars/content.handlebars b/src/main/handlebars/content.handlebars
index 8a555e9..f1aafdc 100755
--- a/src/main/handlebars/content.handlebars
+++ b/src/main/handlebars/content.handlebars
@@ -37,6 +37,8 @@ parent: feed
 
       {{> partials/images in=item style='all'}}
     </section>
+
+    {{> partials/lightbox}}
   {{/inline}}
   {{#*inline "scripts"}}
     <script src="/assets/{{asset 'mapping.js'}}" defer></script>
diff --git a/src/main/handlebars/journey.handlebars b/src/main/handlebars/journey.handlebars
index 7ecb891..31ed362 100755
--- a/src/main/handlebars/journey.handlebars
+++ b/src/main/handlebars/journey.handlebars
@@ -79,6 +79,8 @@ parent: feed
         <p>(Coming soon)</p>
       </section>
     {{/with}}
+
+    {{> partials/lightbox}}
   {{/inline}}
   {{#*inline "scripts"}}
     <script src="/assets/{{asset 'mapping.js'}}" defer></script>
diff --git a/src/main/handlebars/layout.handlebars b/src/main/handlebars/layout.handlebars
index bb70a9d..bb77bc7 100755
--- a/src/main/handlebars/layout.handlebars
+++ b/src/main/handlebars/layout.handlebars
@@ -881,37 +881,11 @@
       {{> main}}
     </div>
   </main>
-
-  <dialog id="lightbox">
-    <div class="image">
-      <div class="imageset">
-        <img class="prev" alt="Lightbox (previous)" width="100%">
-        <img class="next" alt="Lightbox (next)" width="100%">
-        <img class="display" alt="Lightbox" width="100%">
-      </div>
-      <div class="meta">
-        <div><output name="datetime"></output></div>
-        <div><output name="make"></output></div>
-        <div><output name="model"></output></div>
-        <div><output name="lensmodel"></output></div>
-        <div>ISO <output name="isospeedratings"></output></div>
-        <div><output name="focallength"></output> mm</div>
-        <div><output name="aperturefnumber"></output></div>
-        <div><output name="exposuretime"></output> s</div>
-      </div>
-    </div>
-  </dialog>
-
   <footer class="footer">
     With ❤️ by Timm Friebe 2005-{{date null format="Y"}}
   </footer>
 
   <script src="/assets/{{asset 'vendor.js'}}" defer></script>
   {{> scripts}}
-
-  <script type="module">
-    {{&use 'lightbox'}}
-    new Lightbox().attach(document.querySelectorAll('a[data-lightbox]'), document.querySelector('#lightbox'));
-  </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main/handlebars/partials/lightbox.handlebars b/src/main/handlebars/partials/lightbox.handlebars
new file mode 100755
index 0000000..6e416fc
--- /dev/null
+++ b/src/main/handlebars/partials/lightbox.handlebars
@@ -0,0 +1,23 @@
+<dialog id="lightbox">
+  <div class="image">
+    <div class="imageset">
+      <img class="prev" alt="Lightbox (previous)" width="100%">
+      <img class="next" alt="Lightbox (next)" width="100%">
+      <img class="display" alt="Lightbox" width="100%">
+    </div>
+    <div class="meta">
+      <div><output name="datetime"></output></div>
+      <div><output name="make"></output></div>
+      <div><output name="model"></output></div>
+      <div><output name="lensmodel"></output></div>
+      <div>ISO <output name="isospeedratings"></output></div>
+      <div><output name="focallength"></output> mm</div>
+      <div><output name="aperturefnumber"></output></div>
+      <div><output name="exposuretime"></output> s</div>
+    </div>
+  </div>
+</dialog>
+<script type="module">
+  {{&use 'lightbox'}}
+  new Lightbox().attach(document.querySelectorAll('a[data-lightbox]'), document.querySelector('#lightbox'));
+</script>