From 4fe6ced2f0e1657969ab87966baf740f2fea2fc7 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sun, 19 Jun 2022 13:41:22 +0200
Subject: Improved lightbox

---
 templates/layouts/exhibit.html | 36 +++++++++++++++++-------------------
 templates/layouts/page.html    |  6 +++---
 2 files changed, 20 insertions(+), 22 deletions(-)

(limited to 'templates')

diff --git a/templates/layouts/exhibit.html b/templates/layouts/exhibit.html
index 1e0f19c..7e45298 100644
--- a/templates/layouts/exhibit.html
+++ b/templates/layouts/exhibit.html
@@ -5,26 +5,24 @@
     itemtype="https://schema.org/$schema_type$"
     itemid="$url.full$"
 >
-    <section class="c-exhibit js-lightbox js-lightbox--standalone">
-        <div class="c-exhibit__content o-lightbox">
-            <img class="o-lightbox__img" />
-        
-            <button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round">
-                <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
-                    <use href="/icons.svg#chevron-left"></use>
-                </svg>
-            </button>
-        
-            <button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round">
-                <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
-                    <use href="/icons.svg#chevron-right"></use>
-                </svg>
-            </button>
-        
-            <footer class="o-lightbox__footer"></footer>
-        </div>            
+    <section class="c-exhibit o-lightbox js-lightbox js-lightbox--standalone">
+        <img class="o-lightbox__img" />
+    
+        <button class="o-lightbox__nav-btn o-lightbox__nav-btn--prev o-action-button o-action-button--quiet o-action-button--round">
+            <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
+                <use href="/icons.svg#chevron-left"></use>
+            </svg>
+        </button>
+    
+        <button class="o-lightbox__nav-btn o-lightbox__nav-btn--next o-action-button o-action-button--quiet o-action-button--round">
+            <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
+                <use href="/icons.svg#chevron-right"></use>
+            </svg>
+        </button>
+    
+        <div class="o-lightbox__thumbnails"></div>         
 
-        <footer class="c-exhibit__footer">
+        <footer class="o-lightbox__footer">
             <div class="l-container l-container--pad-x l-container--narrow-125">
                 <div class="l-media l-media--200 u-pl-0 u-pr-0">
                     <div class="l-media__block l-media__block--main">
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index 3721510..e40bf4c 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -46,19 +46,19 @@ $body$
         
             <img class="o-lightbox__img" />
         
-            <button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round">
+            <button class="o-lightbox__nav-btn o-lightbox__nav-btn--prev o-action-button o-action-button--quiet o-action-button--round">
                 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
                     <use href="/icons.svg#chevron-left"></use>
                 </svg>
             </button>
         
-            <button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round">
+            <button class="o-lightbox__nav-btn o-lightbox__nav-btn--next o-action-button o-action-button--quiet o-action-button--round">
                 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
                     <use href="/icons.svg#chevron-right"></use>
                 </svg>
             </button>
         
-            <footer class="o-lightbox__footer"></footer>
+            <div class="o-lightbox__thumbnails"></div>
         </div>        
     </div>
 </main>
-- 
cgit v1.2.3-54-g00ecf