Deploying to gh-pages from @ 5580c38 🚀

Author: rdhyee

about.html

@@ -43,6 +43,9 @@
 <script src="site_libs/bootstrap/bootstrap.min.js"></script>
 <link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
 <link href="site_libs/bootstrap/bootstrap-84244d6014897f94eda7509784684fcb.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
+<script src="site_libs/quarto-contrib/glightbox/glightbox.min.js"></script>
+<link href="site_libs/quarto-contrib/glightbox/glightbox.min.css" rel="stylesheet">
+<link href="site_libs/quarto-contrib/glightbox/lightbox.css" rel="stylesheet">
 <script id="quarto-search-options" type="application/json">{
   "location": "navbar",
   "copy-button": false,
@@ -335,7 +338,7 @@ <h2 class="unnumbered" data-anchor-id="objectives">Objectives</h2>
 <p><strong>Current data access</strong>: The project now uses <strong>geoparquet files + DuckDB-WASM</strong> for efficient, browser-based data access and analysis. See the <a href="./tutorials/progressive_globe.html">Interactive Explorer</a> for a live demo.</p>
 <div class="quarto-figure quarto-figure-center">
 <figure class="figure">
-<p><img src="assets/iSamplesArchitecture.png" class="img-fluid figure-img"></p>
+<p><a href="assets/iSamplesArchitecture.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1" title="iSamples Architecture"><img src="assets/iSamplesArchitecture.png" class="img-fluid figure-img" alt="iSamples Architecture"></a></p>
 <figcaption>iSamples Architecture</figcaption>
 </figure>
 </div>
@@ -410,23 +413,23 @@ <h2 class="unnumbered" data-anchor-id="photo-gallery">Photo Gallery</h2>
 <div class="quarto-layout-cell" style="flex-basis: 33.3%;justify-content: flex-start;">
 <div class="quarto-figure quarto-figure-center">
 <figure class="figure">
-<p><img src="assets/RCN_workshop_NYU.jpg" class="img-fluid figure-img" data-group="gallery"></p>
+<p><a href="assets/RCN_workshop_NYU.jpg" class="lightbox" data-gallery="gallery" title="RCN Workshop, NYU"><img src="assets/RCN_workshop_NYU.jpg" class="img-fluid figure-img" alt="RCN Workshop, NYU"></a></p>
 <figcaption>RCN Workshop, NYU</figcaption>
 </figure>
 </div>
 </div>
 <div class="quarto-layout-cell" style="flex-basis: 33.3%;justify-content: flex-start;">
 <div class="quarto-figure quarto-figure-center">
 <figure class="figure">
-<p><img src="assets/workshop_Tucson.jpg" class="img-fluid figure-img" data-group="gallery"></p>
+<p><a href="assets/workshop_Tucson.jpg" class="lightbox" data-gallery="gallery" title="Workshop, Tucson"><img src="assets/workshop_Tucson.jpg" class="img-fluid figure-img" alt="Workshop, Tucson"></a></p>
 <figcaption>Workshop, Tucson</figcaption>
 </figure>
 </div>
 </div>
 <div class="quarto-layout-cell" style="flex-basis: 33.3%;justify-content: flex-start;">
 <div class="quarto-figure quarto-figure-center">
 <figure class="figure">
-<p><img src="assets/workshop_SI.jpg" class="img-fluid figure-img" data-group="gallery"></p>
+<p><a href="assets/workshop_SI.jpg" class="lightbox" data-gallery="gallery" title="Workshop, Smithsonian"><img src="assets/workshop_SI.jpg" class="img-fluid figure-img" alt="Workshop, Smithsonian"></a></p>
 <figcaption>Workshop, Smithsonian</figcaption>
 </figure>
 </div>
@@ -436,23 +439,23 @@ <h2 class="unnumbered" data-anchor-id="photo-gallery">Photo Gallery</h2>
 <div class="quarto-layout-cell" style="flex-basis: 33.3%;justify-content: flex-start;">
 <div class="quarto-figure quarto-figure-center">
 <figure class="figure">
-<p><img src="assets/outside_SI_MSC.jpg" class="img-fluid figure-img" data-group="gallery"></p>
+<p><a href="assets/outside_SI_MSC.jpg" class="lightbox" data-gallery="gallery" title="Outside Smithsonian MSC"><img src="assets/outside_SI_MSC.jpg" class="img-fluid figure-img" alt="Outside Smithsonian MSC"></a></p>
 <figcaption>Outside Smithsonian MSC</figcaption>
 </figure>
 </div>
 </div>
 <div class="quarto-layout-cell" style="flex-basis: 33.3%;justify-content: flex-start;">
 <div class="quarto-figure quarto-figure-center">
 <figure class="figure">
-<p><img src="assets/tour_SI_MSC.jpg" class="img-fluid figure-img" data-group="gallery"></p>
+<p><a href="assets/tour_SI_MSC.jpg" class="lightbox" data-gallery="gallery" title="Tour, Smithsonian MSC"><img src="assets/tour_SI_MSC.jpg" class="img-fluid figure-img" alt="Tour, Smithsonian MSC"></a></p>
 <figcaption>Tour, Smithsonian MSC</figcaption>
 </figure>
 </div>
 </div>
 <div class="quarto-layout-cell" style="flex-basis: 33.3%;justify-content: flex-start;">
 <div class="quarto-figure quarto-figure-center">
 <figure class="figure">
-<p><img src="assets/workshop_Moorea.jpg" class="img-fluid figure-img" data-group="gallery"></p>
+<p><a href="assets/workshop_Moorea.jpg" class="lightbox" data-gallery="gallery" title="Workshop, Moorea"><img src="assets/workshop_Moorea.jpg" class="img-fluid figure-img" alt="Workshop, Moorea"></a></p>
 <figcaption>Workshop, Moorea</figcaption>
 </figure>
 </div>
@@ -884,6 +887,38 @@ <h2 class="unnumbered" data-anchor-id="background-history">Background &amp; Hist
 </div>
   </div>
 </footer>
+<script>var lightboxQuarto = GLightbox({"closeEffect":"zoom","descPosition":"bottom","loop":false,"openEffect":"zoom","selector":".lightbox"});
+(function() {
+  let previousOnload = window.onload;
+  window.onload = () => {
+    if (previousOnload) {
+      previousOnload();
+    }
+    lightboxQuarto.on('slide_before_load', (data) => {
+      const { slideIndex, slideNode, slideConfig, player, trigger } = data;
+      const href = trigger.getAttribute('href');
+      if (href !== null) {
+        const imgEl = window.document.querySelector(`a[href="${href}"] img`);
+        if (imgEl !== null) {
+          const srcAttr = imgEl.getAttribute("src");
+          if (srcAttr && srcAttr.startsWith("data:")) {
+            slideConfig.href = srcAttr;
+          }
+        }
+      } 
+    });
+  
+    lightboxQuarto.on('slide_after_load', (data) => {
+      const { slideIndex, slideNode, slideConfig, player, trigger } = data;
+      if (window.Quarto?.typesetMath) {
+        window.Quarto.typesetMath(slideNode);
+      }
+    });
+  
+  };
+  
+})();
+          </script>
 
 
 

assets/isamples_globe.webp

@@ -43,6 +43,9 @@
 <script src="site_libs/bootstrap/bootstrap.min.js"></script>
 <link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
 <link href="site_libs/bootstrap/bootstrap-84244d6014897f94eda7509784684fcb.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
+<script src="site_libs/quarto-contrib/glightbox/glightbox.min.js"></script>
+<link href="site_libs/quarto-contrib/glightbox/glightbox.min.css" rel="stylesheet">
+<link href="site_libs/quarto-contrib/glightbox/lightbox.css" rel="stylesheet">
 <script id="quarto-search-options" type="application/json">{
   "location": "navbar",
   "copy-button": false,
@@ -246,7 +249,7 @@ <h1 class="title">Internet of Samples: iSamples</h1>
 <div class="page-columns page-full">
 <div class="quarto-figure quarto-figure-center page-columns page-full">
 <figure class="figure page-columns page-full">
-<p class="page-columns page-full"><a href="./tutorials/progressive_globe.html" title="Explore the interactive globe" class="page-columns page-full"><img src="assets/isamples_globe.webp" class="img-fluid figure-img column-page" style="width:100.0%" alt="Animated rotating globe showing iSamples data points from 4 scientific repositories"></a></p>
+<p class="page-columns page-full"><img src="assets/isamples_globe.webp" class="img-fluid figure-img column-page" style="width:100.0%" alt="Animated rotating globe showing iSamples data points from 4 scientific repositories"></p>
 <figcaption>Explore 6.7 million samples on an interactive globe</figcaption>
 </figure>
 </div>
@@ -760,6 +763,38 @@ <h2 class="unnumbered" data-anchor-id="showcase-real-samples-from-the-collection
 </div>
   </div>
 </footer>
+<script>var lightboxQuarto = GLightbox({"closeEffect":"zoom","descPosition":"bottom","loop":false,"openEffect":"zoom","selector":".lightbox"});
+(function() {
+  let previousOnload = window.onload;
+  window.onload = () => {
+    if (previousOnload) {
+      previousOnload();
+    }
+    lightboxQuarto.on('slide_before_load', (data) => {
+      const { slideIndex, slideNode, slideConfig, player, trigger } = data;
+      const href = trigger.getAttribute('href');
+      if (href !== null) {
+        const imgEl = window.document.querySelector(`a[href="${href}"] img`);
+        if (imgEl !== null) {
+          const srcAttr = imgEl.getAttribute("src");
+          if (srcAttr && srcAttr.startsWith("data:")) {
+            slideConfig.href = srcAttr;
+          }
+        }
+      } 
+    });
+  
+    lightboxQuarto.on('slide_after_load', (data) => {
+      const { slideIndex, slideNode, slideConfig, player, trigger } = data;
+      if (window.Quarto?.typesetMath) {
+        window.Quarto.typesetMath(slideNode);
+      }
+    });
+  
+  };
+  
+})();
+          </script>