From eeb82a9a3ae4bea91baa9417549706b7548788e3 Mon Sep 17 00:00:00 2001
From: Karl <karl@k-world.me.uk>
Date: Mon, 30 Jun 2025 13:16:45 +0100
Subject: [PATCH] switch title based on the page

---
 templates/gallery.html | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/templates/gallery.html b/templates/gallery.html
index 145ffe3..1ec1829 100644
--- a/templates/gallery.html
+++ b/templates/gallery.html
@@ -198,7 +198,7 @@
     <a href="/" class="button-link home-button">Home</a>
     <button class="button-link favourites-button" id="favourites-button" onclick="toggleFavouritesView()">Show Favourites</button>
 
-    <h1>Image Archive</h1>
+    <h1 id="page-title">Image Archive</h1>
 
     <!-- Empty gallery container; images will be loaded incrementally -->
     <div class="gallery" id="gallery"></div>
@@ -215,11 +215,11 @@
 
     <!-- Pass image filenames from Flask to JS -->
     <script>
-        let allImages = [
+        let allImages = JSON.parse(`[
             {% for image in images %}
-                { filename: "{{ image.filename }}", favourited: {{ 'true' if image.favourited else 'false' }} },
+                { "filename": "{{ image.filename }}", "favourited": {{ 'true' if image.favourited else 'false' }} }{% if not loop.last %},{% endif %}
             {% endfor %}
-        ];
+        ]`);
     </script>
 
     <script>
@@ -263,12 +263,15 @@
         function toggleFavouritesView() {
             showingFavourites = !showingFavourites;
             const button = document.getElementById('favourites-button');
+            const pageTitle = document.getElementById('page-title');
             if (showingFavourites) {
                 filteredImages = allImages.filter(img => img.favourited);
                 button.textContent = 'Show All';
+                pageTitle.textContent = 'Favourites';
             } else {
                 filteredImages = allImages;
                 button.textContent = 'Show Favourites';
+                pageTitle.textContent = 'Image Archive';
             }
             renderGallery();
         }