aupdate link for dana

docs/cv.html

@@ -1034,7 +1034,7 @@ <h2 class="anchored" data-anchor-id="mentorship">Mentorship</h2>
 </div>
 <hr>
 <center>
-Last updated: Mar 2024
+Last updated: Apr 2024
 </center>
 
 

docs/cv_2pg.html

@@ -519,7 +519,7 @@ <h2 class="anchored" data-anchor-id="research-mentorship">Research Mentorship</h
 </div>
 </div>
 <center>
-Last updated: Mar 2024
+Last updated: Apr 2024
 </center>
 
 

docs/listings.json

@@ -2,6 +2,7 @@
   {
     "listing": "/blog.html",
     "items": [
+      "/posts/2024-03-30-xetthecum-storymapping/index.html",
       "/posts/2024-03-29-chatgpt-custom-instructions/index.html",
       "/posts/2024-01-11-bee-book/index.html",
       "/posts/2023-12-15-data-driven-cv/index.html",

docs/posts/2023-12-15-data-driven-cv/index.html

@@ -246,7 +246,7 @@ <h3 class="anchored" data-anchor-id="each-activity-entry-is-read-in-from-my-cv-s
 <p>The CV spreadsheet includes some checkboxes, so that each activity can be included or excluded from the different outputs I might want: my website homepage, my long form CV, my short form CV.</p>
 <div class="quarto-figure quarto-figure-center">
 <figure class="figure">
-<p><a href="preview.png" class="lightbox" data-glightbox="description: .lightbox-desc-1" data-gallery="quarto-lightbox-gallery-1" title="Screenshot of CV spreadsheet"><img src="preview.png" class="img-fluid figure-img" alt="Screenshot of CV spreadsheet"></a></p>
+<p><a href="preview.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1" data-glightbox="description: .lightbox-desc-1" title="Screenshot of CV spreadsheet"><img src="preview.png" class="img-fluid figure-img" alt="Screenshot of CV spreadsheet"></a></p>
 <figcaption>Screenshot of CV spreadsheet</figcaption>
 </figure>
 </div>
@@ -279,23 +279,23 @@ <h3 class="anchored" data-anchor-id="quirks">Quirks</h3>
 <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><a href="print_bad.png" class="lightbox" data-glightbox="description: .lightbox-desc-2" data-gallery="quirks" title="Awkward pagebreak"><img src="print_bad.png" class="img-fluid figure-img" alt="Awkward pagebreak"></a></p>
+<p><a href="print_bad.png" class="lightbox" data-gallery="quirks" data-glightbox="description: .lightbox-desc-2" title="Awkward pagebreak"><img src="print_bad.png" class="img-fluid figure-img" alt="Awkward pagebreak"></a></p>
 <figcaption>Awkward pagebreak</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><a href="edit_html.png" class="lightbox" data-glightbox="description: .lightbox-desc-3" data-gallery="quirks" title="Edit html to add loads of breaks"><img src="edit_html.png" class="img-fluid figure-img" alt="Edit html to add loads of breaks"></a></p>
+<p><a href="edit_html.png" class="lightbox" data-gallery="quirks" data-glightbox="description: .lightbox-desc-3" title="Edit html to add loads of breaks"><img src="edit_html.png" class="img-fluid figure-img" alt="Edit html to add loads of breaks"></a></p>
 <figcaption>Edit html to add loads of breaks</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><a href="new_space.png" class="lightbox" data-glightbox="description: .lightbox-desc-4" data-gallery="quirks" title="New spacing in PDF"><img src="new_space.png" class="img-fluid figure-img" alt="New spacing in PDF"></a></p>
+<p><a href="new_space.png" class="lightbox" data-gallery="quirks" data-glightbox="description: .lightbox-desc-4" title="New spacing in PDF"><img src="new_space.png" class="img-fluid figure-img" alt="New spacing in PDF"></a></p>
 <figcaption>New spacing in PDF</figcaption>
 </figure>
 </div>
@@ -852,7 +852,7 @@ <h2 class="anchored" data-anchor-id="conclusions">Conclusions</h2>
 });
 </script>
 </div> <!-- /content -->
-<script>var lightboxQuarto = GLightbox({"loop":false,"openEffect":"zoom","selector":".lightbox","closeEffect":"zoom","descPosition":"bottom"});
+<script>var lightboxQuarto = GLightbox({"selector":".lightbox","descPosition":"bottom","loop":false,"closeEffect":"zoom","openEffect":"zoom"});
 window.onload = () => {
   lightboxQuarto.on('slide_before_load', (data) => {
     const { slideIndex, slideNode, slideConfig, player, trigger } = data;

docs/posts/2024-03-29-chatgpt-custom-instructions/index.html

@@ -44,6 +44,9 @@
 <link href="../../site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
 <link href="../../site_libs/bootstrap/bootstrap.min.css" rel="stylesheet" class="quarto-color-scheme" id="quarto-bootstrap" data-mode="light">
 <link href="../../site_libs/bootstrap/bootstrap-dark.min.css" rel="prefetch" class="quarto-color-scheme quarto-color-alternate" id="quarto-bootstrap" data-mode="dark">
+<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,
@@ -184,7 +187,7 @@ <h1 class="title">ChatGPT custom instructions</h1>
 <p>So, I have tried changing the customization instructions to better suit my usage.</p>
 <div class="quarto-figure quarto-figure-center">
 <figure class="figure">
-<p><img src="customization_window.png" class="img-fluid figure-img"></p>
+<p><a href="customization_window.png" class="lightbox" data-gallery="quarto-lightbox-gallery-1" data-glightbox="description: .lightbox-desc-1" title="Response customization dialogue box"><img src="customization_window.png" class="img-fluid figure-img" alt="Response customization dialogue box"></a></p>
 <figcaption>Response customization dialogue box</figcaption>
 </figure>
 </div>
@@ -224,7 +227,7 @@ <h2 class="anchored" data-anchor-id="results">Results</h2>
 <p>Which seems to be quite useful, but I feel a bit like I stifled ChatGPTs creativity in expression. Any guilt I feel about this can be quickly be resolved, because the custom instruction looses its effect after a few interactions. Poems created as the first response respect the 20 word rule, but after a few back and forth chats, I can get a much longer result.</p>
 <div class="quarto-figure quarto-figure-center">
 <figure class="figure">
-<p><img src="poem.png" class="img-fluid figure-img"></p>
+<p><a href="poem.png" class="lightbox" data-gallery="quarto-lightbox-gallery-2" data-glightbox="description: .lightbox-desc-2" title="Lovely poem, thanks ChatGPT"><img src="poem.png" class="img-fluid figure-img" style="width:30.0%" alt="Lovely poem, thanks ChatGPT"></a></p>
 <figcaption>Lovely poem, thanks ChatGPT</figcaption>
 </figure>
 </div>
@@ -243,6 +246,10 @@ <h2 class="anchored" data-anchor-id="conclusions">Conclusions</h2>
 </ul>
 
 
+<div class="hidden" aria-hidden="true">
+<span class="glightbox-desc lightbox-desc-1">Response customization dialogue box</span>
+<span class="glightbox-desc lightbox-desc-2">Lovely poem, thanks ChatGPT</span>
+</div>
 </section>
 
 </main> <!-- /main -->
@@ -778,6 +785,31 @@ <h2 class="anchored" data-anchor-id="conclusions">Conclusions</h2>
 });
 </script>
 </div> <!-- /content -->
+<script>var lightboxQuarto = GLightbox({"openEffect":"zoom","closeEffect":"zoom","loop":false,"descPosition":"bottom","selector":".lightbox"});
+window.onload = () => {
+  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>
 
 
 

docs/posts/2024-02-03-xetthecum-storymapping/index.html → docs/posts/2024-03-30-xetthecum-storymapping/index.html

@@ -7,7 +7,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
 <meta name="author" content="Cait Harrigan">
-<meta name="dcterms.date" content="2022-12-04">
+<meta name="dcterms.date" content="2024-03-30">
 
 <title>Cait Harrigan - Xetthecum</title>
 <style>
@@ -160,7 +160,7 @@ <h1 class="title">Xetthecum</h1>
       <div>
       <div class="quarto-title-meta-heading">Published</div>
       <div class="quarto-title-meta-contents">
-        <p class="date">December 4, 2022</p>
+        <p class="date">March 30, 2024</p>
       </div>
     </div>
 
@@ -180,14 +180,12 @@ <h1 class="title">Xetthecum</h1>
 
 
 <p>I built a website for the <a href="https://floeproject.org/ecocultural-mapping-project/">IMERSS ecocultural mapping project</a> of Retreat Cove on Galiano, BC.</p>
-<p>Retreat Cove (Xetthecum in the Hul’qumi’num language) has a special place in my heart because growing up I spent summers in the area. There’s loads of interesting marine life that lives around the cove, and when it’s warm the water glows at night with bioluminesence.</p>
-<p>Through this project, I got to learn about indigenous cultural values connected to the area. On the technical side, I played around with Quarto and got cozy with some accessible web principles, thanks to Dana at the <a href="https://idrc.ocadu.ca/">OCAD Inclusive Design Research Center</a></p>
-<p>To put together the landing page, I used:</p>
-<ul>
-<li><a href="https://quarto.org/">quarto</a></li>
-<li><a href="https://github.com/mccarthy-m-g/embedr"><code>embedr</code></a> for embedding Hul’qumi’num audio</li>
-<li>Modal dialogue box <a href="https://jimjam-slam.github.io/quarto-experiments/modal-dialog/">from jimjamslam</a></li>
-</ul>
+<p>Retreat Cove (Xetthecum in the Hul’qumi’num language) has a special place in my heart because growing up I spent many summers in the area. There’s loads of interesting marine life that lives around the cove, and when it’s warm the water glows at night with bioluminesence.</p>
+<p>The Xettheccum ecocultural mapping team has done a really impressive job of putting together storytelling, ecological data, and elder’s knowledge of the area so it was an honour for me to collaborate with them and create the landing page for all their work to be displayed.</p>
+<p>On the technical side, I played around with Quarto and learned more about accessible web principles, thanks to <a href="https://imerss.org/our-team/">Dana</a> at the OCAD Inclusive Design Research Center.</p>
+<center>
+<a href="https://imerss.github.io/xetthecum-storymap/"><button type="button" class="btn btn-secondary">See the project <i class="fa-solid fa-arrow-up-right-from-square"></i></button></a>
+</center>