Merge pull request #35 from acep-uaf/nicole/image-links

Nicole/image links

assets/js/lightbox.js

@@ -35,6 +35,13 @@ const aboutLightbox = new PhotoSwipeLightbox({
   pswpModule: PhotoSwipe,
 });
 
+const activitiesLightbox = new PhotoSwipeLightbox({
+  gallery: '#gallery__activities',
+  children: '.pswp-gallery__item',
+  pswpModule: PhotoSwipe,
+});
+
 // Initialize Lightboxes
 homeLightbox.init();
 aboutLightbox.init();
+activitiesLightbox.init();

layouts/partials/extend_activities.html

@@ -1,4 +1,6 @@
-<div class="container">
+<div class="container" id="gallery__activities">
   <p>{{ .Content }}</p>
-  <img style="width: 100%;" src="{{ .Params.FAdiagram | relURL }}" alt="ARCTIC Foundational Activities Diagram"/>
+  <a class="pswp-gallery__item" href="{{ .Params.FAdiagram | relURL }}">
+    <img src="{{ .Params.FAdiagram | relURL }}" alt="ARCTIC Foundational Activities Diagram"/>
+  </a>
 </div>

layouts/partials/footer.html

@@ -5,7 +5,7 @@
     <!-- ARCTIC Program Logo and Contact -->
     <div class="footer-section">
       <img
-        src="{{ .Site.Params.Assets.FooterLogo | relURL }}"
+        src="{{ .Site.Params.Assets.FooterLogo | absURL }}"
         alt="ARCTIC Program Logo"
       />
       <div class="card">