Added lightbox

1 files changed, 26 insertions, 1 deletions

diff --git a/templates/base.html b/templates/base.html
index 22ff913..0690ee1 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -81,7 +81,32 @@ ${layouts/page()}
         </div>
     </footer>
 
-    <script src="/script.js"></script>
+    <div class="c-lightbox">
+        <div class="c-lightbox__bg"></div>
+
+        <button class="c-lightbox__close">
+            <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
+                <use href="/symbols.svg#icon-x"></use>
+            </svg>
+        </button>
+
+        <button class="c-lightbox__prev">
+            <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
+                <use href="/symbols.svg#icon-chevron-left"></use>
+            </svg>
+        </button>
+
+        <button class="c-lightbox__next">
+            <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
+                <use href="/symbols.svg#icon-chevron-right"></use>
+            </svg>
+        </button>
+
+        <img class="c-lightbox__img" />
+    </div>
+
+    <script src="/lightbox.js"></script>
+    <script src="/snow.js"></script>
 </body>
 
 </html>