current stage of CSS tests, but we'll switch drastically again

layouts/shortcodes/snap-gallery.html

@@ -1,6 +1,6 @@
 {{/*  TODO: Ensure CSS/JS is only loaded once  */}}
-{{- with resources.Get "css/snap-gallery.scss" | toCSS | fingerprint }}
-<link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
+{{- with resources.Get "scss/snap-gallery.scss" | toCSS }}
+<link rel="stylesheet" href="{{ .RelPermalink }}" crossorigin="anonymous">
 {{- end }}
 <script src="/js/snap-gallery.js"></script>
 
@@ -22,21 +22,21 @@
 {{ end }}
 
 {{/*  Visible images  */}}
-<div class="row">
+<div class="snap-wrapper">
 {{ range $i, $img := $imgs }}
-  <div class="column">
+  <div class="snap-image">
     <img src="{{ $img }}" onclick="openModal();currentSlide({{ add $i 1 }});" class="hover-shadow">
   </div>
 {{ end }}
 </div>
 
 {{/*  The Modal/Lightbox  */}}
-<div id="myModal" class="modal">
+<div id="snap-modal" class="modal">
   <span class="close cursor" onclick="closeModal()">&times;</span>
   <div class="modal-content">
 
     {{ range $i, $img := $imgs }}
-    <div class="mySlides">
+    <div class="snap-slide">
       <div class="numbertext">{{ add $i 1 }} / {{ len $imgs }}</div>
       <img src="{{ $img }}" style="width:100%">
     </div>
@@ -52,10 +52,10 @@
     </div>
 
     <!-- Thumbnail image controls -->
-    {{ range $i, $img := $imgs }}
-    <div class="column">
-      <img class="demo" src="{{ $img }}" onclick="currentSlide({{ add $i 1 }})" alt="Nature">
+    {{/*  {{ range $i, $img := $imgs }}
+    <div class="snap-image">
+      <img class="img-thumb" src="{{ $img }}" onclick="currentSlide({{ add $i 1 }})" alt="Nature">
     </div>
-    {{ end }}
+    {{ end }}  */}}
   </div>
 </div>