Added new images, turned species images into photoswipe galleries, etc.

garden-data-gen/source/content_gen.d

@@ -47,12 +47,9 @@ private void renderSpeciesCards(PlantData data) {
         ]);
         ImageFilePair[] imagePairs = getSpeciesImages(s.id);
         if (imagePairs.length > 0) {
-            string imageFile = imagePairs[0].filename;
+            card = replaceFirst(card, "!IMAGES!", generatePhotoSwipeElement(imagePairs[0], false));
-            string thumbnailFile = imagePairs[0].thumbnailFilename;
-            string imgTag = "<img src=\"" ~ (thumbnailFile is null ? imageFile : thumbnailFile) ~ "\"/>";
-            card = replaceFirst(card, "!IMAGE!", imgTag);
         } else {
-            card = replaceFirst(card, "!IMAGE!", "");
+            card = replaceFirst(card, "!IMAGES!", "");
         }
         htmlApp ~= "\n" ~ card;
     }
@@ -105,7 +102,7 @@ private void renderSpeciesPages(PlantData data) {
     }
 }
 
-private string generatePhotoSwipeElement(ImageFilePair imagePair) {
+private string generatePhotoSwipeElement(ImageFilePair imagePair, bool addCaption = true) {
     import std.format;
     import std.datetime;
     import std.typecons;
@@ -119,7 +116,7 @@ private string generatePhotoSwipeElement(ImageFilePair imagePair) {
     app ~= "\n    ";
     app ~= thumbnailTag;
     Nullable!DateTime imageTimestamp = getImageTimestamp(imagePair.filename);
-    if (!imageTimestamp.isNull) {
+    if (addCaption && !imageTimestamp.isNull) {
         DateTime dt = imageTimestamp.get;
         app ~= "\n    ";
         app ~= format!(captionFormat)(dt.year, dt.month, dt.day, dt.date.toSimpleString);

garden-data-gen/source/plant_data.d

@@ -106,9 +106,11 @@ PlantData parsePlantData(string filename) {
     
     auto plantAppender = appender(&result.plants);
     foreach (row; plantRows) {
+        import std.string : strip;
         if (row.children.length < 4) continue;
         Plant plant;
         plant.speciesScientificName = readTableCellText(row.children[0]);
+        if (plant.speciesScientificName.strip.length == 0) continue;
         plant.identifier = readTableCellText(row.children[1]);
         string fGenStr = readTableCellText(row.children[2]);
         import std.conv : to;

garden-data-gen/templates/species-card.html

@@ -15,5 +15,7 @@
             </a>
         </footer>
     </section>
-    !IMAGE!
+    <div class="pswp-gallery">
+        !IMAGES!
+    </div>
 </div>

garden.html

@@ -17,7 +17,7 @@
         import PhotoSwipeLightbox from "./vendor/photoswipe/photoswipe-lightbox.esm.min.js";
         import PhotoSwipe from "./vendor/photoswipe/photoswipe.esm.min.js";
         const lightbox = new PhotoSwipeLightbox({
-            gallery: "#main-garden-gallery",
+            gallery: ".pswp-gallery",
             children: "a",
             pswpModule: PhotoSwipe
         });
@@ -55,7 +55,7 @@
             <p>
                 My garden is just a small patch of land outside the condo my wife and I call home. It's located in <a href="https://planthardiness.ars.usda.gov/">USDA hardiness zone 10a</a> (actually, right on the border of 9b and 10a) in Florida, USA, and I've been trying to beautify the space with a mixture of native and non-invasive ornamental shrubs, herbs, and other plants. While currently there are quite a few non-native species, I'm trying to slowly migrate to entirely native plants and non-invasive food crops, especially those that can help rebuild the soil quality; it's pretty much just sandy clay here.
             </p>
-            <div id="main-garden-gallery" class="pswp-gallery">
+            <div class="pswp-gallery">
                 <a href="images/garden/garden-front_20240310_084331.jpg"
                     data-pswp-width="2540"
                     data-pswp-height="1492"
@@ -103,7 +103,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/capsicum-annuum-var-glabriusculum/Capsicum_annuum-FWF.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/capsicum-annuum-var-glabriusculum/Capsicum_annuum-FWF.jpg" data-pswp-width="1048" data-pswp-height="786" target="_blank">
+    <img src="../../images/garden/species/capsicum-annuum-var-glabriusculum/Capsicum_annuum-FWF.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -122,7 +127,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/juniperus-conferta/Juniperus_conferta_blue_pacific--Javier-Alejandro--CC-BY-NC-ND.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/juniperus-conferta/Juniperus_conferta_blue_pacific--Javier-Alejandro--CC-BY-NC-ND.jpg" data-pswp-width="600" data-pswp-height="450" target="_blank">
+    <img src="../../images/garden/species/juniperus-conferta/Juniperus_conferta_blue_pacific--Javier-Alejandro--CC-BY-NC-ND.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -141,7 +151,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/clinopodium-brownei/clinopodium_brownei-keim2-1-e1602619542587.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/clinopodium-brownei/clinopodium_brownei-keim2-1-e1602619542587.jpg" data-pswp-width="1048" data-pswp-height="748" target="_blank">
+    <img src="../../images/garden/species/clinopodium-brownei/clinopodium_brownei-keim2-1-e1602619542587.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -160,7 +175,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/nepeta-cataria/catnip-test.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/nepeta-cataria/catnip-test.jpg" data-pswp-width="1280" data-pswp-height="1707" target="_blank">
+    <img src="../../images/garden/species/nepeta-cataria/catnip-test.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -179,7 +199,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/coriandrum-sativum/Coriandrum_sativum--Forest-and-Kim-Starr--CC-BY.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/coriandrum-sativum/Coriandrum_sativum--Forest-and-Kim-Starr--CC-BY.jpg" data-pswp-width="600" data-pswp-height="450" target="_blank">
+    <img src="../../images/garden/species/coriandrum-sativum/Coriandrum_sativum--Forest-and-Kim-Starr--CC-BY.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -198,7 +223,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/salvia-misella/salvia-misella.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/salvia-misella/salvia-misella.jpg" data-pswp-width="600" data-pswp-height="450" target="_blank">
+    <img src="../../images/garden/species/salvia-misella/salvia-misella.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -217,7 +247,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/psychotria-nervosa/Psychotria_nervosa-JennyEvans_CCBY-NC2.0.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/psychotria-nervosa/Psychotria_nervosa-JennyEvans_CCBY-NC2.0.jpg" data-pswp-width="1048" data-pswp-height="786" target="_blank">
+    <img src="../../images/garden/species/psychotria-nervosa/Psychotria_nervosa-JennyEvans_CCBY-NC2.0.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -236,7 +271,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/thymus-vulgaris/Thymus-vulgaris--CT-Arzneimittel-GmbH--CC-BY-ND.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/thymus-vulgaris/Thymus-vulgaris--CT-Arzneimittel-GmbH--CC-BY-ND.jpg" data-pswp-width="400" data-pswp-height="493" target="_blank">
+    <img src="../../images/garden/species/thymus-vulgaris/Thymus-vulgaris--CT-Arzneimittel-GmbH--CC-BY-ND.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -255,7 +295,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/asparagus-aethiopicus/foxtail_fern_asparagus_meyeri.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/asparagus-aethiopicus/foxtail_fern_asparagus_meyeri.jpg" data-pswp-width="500" data-pswp-height="500" target="_blank">
+    <img src="../../images/garden/species/asparagus-aethiopicus/foxtail_fern_asparagus_meyeri.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -274,7 +319,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/allium-tuberosum/Allium_tuberosum-ingarden1.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/allium-tuberosum/Allium_tuberosum-ingarden1.jpg" data-pswp-width="250" data-pswp-height="375" target="_blank">
+    <img src="../../images/garden/species/allium-tuberosum/Allium_tuberosum-ingarden1.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -293,7 +343,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/trandescantia-zebrina/Tradescantia-zebrina_AdobeStock_492957504_1200px.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/trandescantia-zebrina/Tradescantia-zebrina_AdobeStock_492957504_1200px.jpg" data-pswp-width="1200" data-pswp-height="800" target="_blank">
+    <img src="../../images/garden/species/trandescantia-zebrina/Tradescantia-zebrina_AdobeStock_492957504_1200px.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -312,7 +367,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/capsicum-annuum-var-jalapeno/jalapeno.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/capsicum-annuum-var-jalapeno/jalapeno.jpg" data-pswp-width="1600" data-pswp-height="1200" target="_blank">
+    <img src="../../images/garden/species/capsicum-annuum-var-jalapeno/jalapeno.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -331,7 +391,36 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/nephrolepis-obliterata/nephrolepis-obliterata.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/nephrolepis-obliterata/nephrolepis-obliterata.jpg" data-pswp-width="700" data-pswp-height="525" target="_blank">
+    <img src="../../images/garden/species/nephrolepis-obliterata/nephrolepis-obliterata.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
+</div>
+<div class="species-card">
+    <section>
+        <h2>
+            <a href="garden/species/coreopsis-lanceolata.html">
+                Lanceleaf Coreopsis
+            </a>
+        </h2>
+        <p class="sci">
+            Coreopsis lanceolata
+        </p>
+        <p>A perennial flowering plant native to North America, which produces many yellow flowers that attract native pollinators.</p>
+        <footer>
+            <a target="_blank" href="https://en.wikipedia.org/wiki/Coreopsis_lanceolata">
+                https://en.wikipedia.org/wiki/Coreopsis_lanceolata
+            </a>
+        </footer>
+    </section>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/coreopsis-lanceolata/Coreopsis_lanceolata_Sterntaler.jpg" data-pswp-width="1280" data-pswp-height="960" target="_blank">
+    <img src="../../images/garden/species/coreopsis-lanceolata/Coreopsis_lanceolata_Sterntaler.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -350,7 +439,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/tagetes-erecta/tagetes-erecta.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/tagetes-erecta/tagetes-erecta.jpg" data-pswp-width="1000" data-pswp-height="1000" target="_blank">
+    <img src="../../images/garden/species/tagetes-erecta/tagetes-erecta.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -369,7 +463,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/plectranthus-mona-lavender/plectranthus-0773400934.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/plectranthus-mona-lavender/plectranthus-0773400934.jpg" data-pswp-width="600" data-pswp-height="548" target="_blank">
+    <img src="../../images/garden/species/plectranthus-mona-lavender/plectranthus-0773400934.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -388,7 +487,60 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/ruellia-caroliniensis/Ruellia-carolinensis-Carolina-Wild-Petunia-by-Marti-Webster-e1525962513541.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/ruellia-caroliniensis/Ruellia-carolinensis-Carolina-Wild-Petunia-by-Marti-Webster-e1525962513541.jpg" data-pswp-width="960" data-pswp-height="720" target="_blank">
+    <img src="../../images/garden/species/ruellia-caroliniensis/Ruellia-carolinensis-Carolina-Wild-Petunia-by-Marti-Webster-e1525962513541.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
+</div>
+<div class="species-card">
+    <section>
+        <h2>
+            <a href="garden/species/salvia-officinalis.html">
+                Sage
+            </a>
+        </h2>
+        <p class="sci">
+            Salvia officinalis
+        </p>
+        <p>A perennial, evergreen shrub originally from the mediterranean region, used in cooking and medicine.</p>
+        <footer>
+            <a target="_blank" href="https://en.wikipedia.org/wiki/Salvia_officinalis">
+                https://en.wikipedia.org/wiki/Salvia_officinalis
+            </a>
+        </footer>
+    </section>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/salvia-officinalis/Salvia_officinalis0.jpg" data-pswp-width="640" data-pswp-height="480" target="_blank">
+    <img src="../../images/garden/species/salvia-officinalis/Salvia_officinalis0.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
+</div>
+<div class="species-card">
+    <section>
+        <h2>
+            <a href="garden/species/lobularia-maritima.html">
+                Sweet Alyssum
+            </a>
+        </h2>
+        <p class="sci">
+            Lobularia maritima
+        </p>
+        <p>A low-growing flowering plant from the Brassica family, which produces small bunches of delicate white flowers.</p>
+        <footer>
+            <a target="_blank" href="https://en.wikipedia.org/wiki/Lobularia_maritima">
+                https://en.wikipedia.org/wiki/Lobularia_maritima
+            </a>
+        </footer>
+    </section>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/lobularia-maritima/Sweet_alyssum.jpg" data-pswp-width="1024" data-pswp-height="768" target="_blank">
+    <img src="../../images/garden/species/lobularia-maritima/Sweet_alyssum.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -407,7 +559,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/asclepias-curassavica/Asclepias_curassavica-Thekkady-2016-12-03-001.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/asclepias-curassavica/Asclepias_curassavica-Thekkady-2016-12-03-001.jpg" data-pswp-width="3000" data-pswp-height="2000" target="_blank">
+    <img src="../../images/garden/species/asclepias-curassavica/Asclepias_curassavica-Thekkady-2016-12-03-001.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div>
 <div class="species-card">
     <section>
@@ -426,7 +583,12 @@
             </a>
         </footer>
     </section>
-    <img src="images/garden/species/teucrium-canadense/teucrium-canadense-perennials-20a__49095.thumb.jpg"/>
+    <div class="pswp-gallery">
+        <a href="../../images/garden/species/teucrium-canadense/teucrium-canadense-perennials-20a__49095.jpg" data-pswp-width="1280" data-pswp-height="1280" target="_blank">
+    <img src="../../images/garden/species/teucrium-canadense/teucrium-canadense-perennials-20a__49095.thumb.jpg" alt="" style="display: block;"/>
+</a>
+
+    </div>
 </div><!--__SPECIES_LIST_END__-->
         </article>
 

garden/species/allium-tuberosum.html

@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/garlic-chives-001/chives_20240310_113216.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/garlic-chives-001/20240316_192237.jpg" data-pswp-width="1836" data-pswp-height="2294" target="_blank">
+    <img src="../../images/garden/plants/garlic-chives-001/20240316_192237.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/asclepias-curassavica.html

@@ -69,7 +69,7 @@
     <section>
         <h2>tropical-milkweed-001</h2>
         <p class="gen">Generation F1</p>
-        <p></p>
+        <p>The tropical milkweed plant that’s to the right, planted just above the Browne’s Savory.</p>
         <p>Transplanted in February, 2024.</p>
     </section>
     <section>
@@ -78,6 +78,26 @@
     <img src="../../images/garden/plants/tropical-milkweed-001/tropical-milkweed_20240310_113353.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/tropical-milkweed-001/20240316_192456.jpg" data-pswp-width="1836" data-pswp-height="2282" target="_blank">
+    <img src="../../images/garden/plants/tropical-milkweed-001/20240316_192456.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
+
+        </div>
+    </section>
+</div><div class="plant-card">
+    <section>
+        <h2>tropical-milkweed-002</h2>
+        <p class="gen">Generation F1</p>
+        <p>The left-most tropical milkweed, which is more in the shade.</p>
+        <p>Transplanted in February, 2024.</p>
+    </section>
+    <section>
+        <div class="pswp-gallery">
+            <a href="../../images/garden/plants/tropical-milkweed-002/20240316_192453.jpg" data-pswp-width="1836" data-pswp-height="2376" target="_blank">
+    <img src="../../images/garden/plants/tropical-milkweed-002/20240316_192453.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/asparagus-aethiopicus.html

@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/foxtail-fern-001/foxtail-fern_20240310_113229.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/foxtail-fern-001/20240316_192307.jpg" data-pswp-width="1836" data-pswp-height="2120" target="_blank">
+    <img src="../../images/garden/plants/foxtail-fern-001/20240316_192307.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>
@@ -90,6 +94,10 @@
     </section>
     <section>
         <div class="pswp-gallery">
+            <a href="../../images/garden/plants/foxtail-fern-002/20240316_192352.jpg" data-pswp-width="1836" data-pswp-height="1721" target="_blank">
+    <img src="../../images/garden/plants/foxtail-fern-002/20240316_192352.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/capsicum-annuum-var-glabriusculum.html

@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/bird-pepper-001/bird-pepper_20240310_113310.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/bird-pepper-001/20240316_192356.jpg" data-pswp-width="1836" data-pswp-height="2488" target="_blank">
+    <img src="../../images/garden/plants/bird-pepper-001/20240316_192356.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/capsicum-annuum-var-jalapeno.html

@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/jalapeno-001/jalapeno_20240310_113329.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/jalapeno-001/20240316_192414.jpg" data-pswp-width="1836" data-pswp-height="2040" target="_blank">
+    <img src="../../images/garden/plants/jalapeno-001/20240316_192414.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/clinopodium-brownei.html

@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/brownes-savory-001/browns-savory_20240310_113313.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/brownes-savory-001/20240316_192403.jpg" data-pswp-width="1836" data-pswp-height="2206" target="_blank">
+    <img src="../../images/garden/plants/brownes-savory-001/20240316_192403.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/coreopsis-lanceolata.html

@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>Andrew's Garden: Lanceleaf Coreopsis</title>
+    <meta charset="utf-8">
+    <meta name="description" content="Information about Andrew's Garden">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    
+    <script src="../../scripts/themes.min.js"></script>
+    <noscript><style>.jsonly{display: none !important;}</style></noscript>
+    <link rel="stylesheet" href="../../styles/style.css" type="text/css">
+    <link rel="stylesheet" href="../../styles/garden.css" type="text/css">
+    <script src="../../scripts/sitestat.js?remote-url=sitestat.andrewlalis.com" async></script>
+
+    <script type="module">
+        import PhotoSwipeLightbox from "../../vendor/photoswipe/photoswipe-lightbox.esm.min.js";
+        import PhotoSwipe from "../../vendor/photoswipe/photoswipe.esm.min.js";
+        const lightbox = new PhotoSwipeLightbox({
+            gallery: ".pswp-gallery",
+            children: "a",
+            pswpModule: PhotoSwipe
+        });
+        lightbox.init();
+    </script>
+    <link rel="stylesheet" href="../../vendor/photoswipe/photoswipe.css" type="text/css">
+</head>
+
+<body>
+    <header class="page-header">
+        <h1>Andrew's Garden</h1>
+        <h2 style="font-style: italic">Coreopsis lanceolata</h2>
+        <nav>
+            <div>
+                <a href="../../index.html">Home</a>
+                <a href="../../articles.html">Articles</a>
+                <a href="../../projects.html">Projects</a>
+                <a href="../../training.html">Training</a>
+                <a class="page-header-selected" href="../../garden.html">Garden</a>
+                <a href="../../contact.html">Contact</a>
+                <a href="../../logbook.html">Logbook</a>
+            </div>
+            <div>
+                <a href="https://github.com/andrewlalis">GitHub</a>
+                <a href="https://www.linkedin.com/in/andrew-lalis/">LinkedIn</a>
+                <a href="https://www.youtube.com/channel/UC9X4mx6-ObPUB6-ud2IGAFQ">YouTube</a>
+            </div>
+        </nav>
+        <button id="themeToggleButton" class="jsonly">Change Color Theme</button>
+        <hr>
+    </header>
+
+    <main>
+        <article>
+            <h2>About Lanceleaf Coreopsis</h2>
+            <p>A perennial flowering plant native to North America, which produces many yellow flowers that attract native pollinators.</p>
+            <p>
+                <a href="https://en.wikipedia.org/wiki/Coreopsis_lanceolata">
+                    https://en.wikipedia.org/wiki/Coreopsis_lanceolata
+                </a>
+            </p>
+        </article>
+        <article>
+            <h2 id="plants">Plants</h2>
+            <p>
+                Here's a detailed list of all plants I have of this species.
+            </p>
+            <div class="plant-card">
+    <section>
+        <h2>coreopsis-001</h2>
+        <p class="gen">Generation F1</p>
+        <p></p>
+        <p>Planted from a discount plant bought from Lowe’s, on the 16th of March.</p>
+    </section>
+    <section>
+        <div class="pswp-gallery">
+            <a href="../../images/garden/plants/coreopsis-001/20240316_192446.jpg" data-pswp-width="1660" data-pswp-height="1940" target="_blank">
+    <img src="../../images/garden/plants/coreopsis-001/20240316_192446.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
+
+        </div>
+    </section>
+</div>
+        </article>
+    </main>
+</body>

garden/species/coriandrum-sativum.html

@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/coriander-001/cilantro_20240310_113220.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/coriander-001/20240316_192249.jpg" data-pswp-width="1836" data-pswp-height="2216" target="_blank">
+    <img src="../../images/garden/plants/coriander-001/20240316_192249.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/juniperus-conferta.html

@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/blue-juniper-001/blue-juniper_20240310_113334.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/blue-juniper-001/20240316_192406.jpg" data-pswp-width="1836" data-pswp-height="2712" target="_blank">
+    <img src="../../images/garden/plants/blue-juniper-001/20240316_192406.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/lobularia-maritima.html

@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>Andrew's Garden: Sweet Alyssum</title>
+    <meta charset="utf-8">
+    <meta name="description" content="Information about Andrew's Garden">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    
+    <script src="../../scripts/themes.min.js"></script>
+    <noscript><style>.jsonly{display: none !important;}</style></noscript>
+    <link rel="stylesheet" href="../../styles/style.css" type="text/css">
+    <link rel="stylesheet" href="../../styles/garden.css" type="text/css">
+    <script src="../../scripts/sitestat.js?remote-url=sitestat.andrewlalis.com" async></script>
+
+    <script type="module">
+        import PhotoSwipeLightbox from "../../vendor/photoswipe/photoswipe-lightbox.esm.min.js";
+        import PhotoSwipe from "../../vendor/photoswipe/photoswipe.esm.min.js";
+        const lightbox = new PhotoSwipeLightbox({
+            gallery: ".pswp-gallery",
+            children: "a",
+            pswpModule: PhotoSwipe
+        });
+        lightbox.init();
+    </script>
+    <link rel="stylesheet" href="../../vendor/photoswipe/photoswipe.css" type="text/css">
+</head>
+
+<body>
+    <header class="page-header">
+        <h1>Andrew's Garden</h1>
+        <h2 style="font-style: italic">Lobularia maritima</h2>
+        <nav>
+            <div>
+                <a href="../../index.html">Home</a>
+                <a href="../../articles.html">Articles</a>
+                <a href="../../projects.html">Projects</a>
+                <a href="../../training.html">Training</a>
+                <a class="page-header-selected" href="../../garden.html">Garden</a>
+                <a href="../../contact.html">Contact</a>
+                <a href="../../logbook.html">Logbook</a>
+            </div>
+            <div>
+                <a href="https://github.com/andrewlalis">GitHub</a>
+                <a href="https://www.linkedin.com/in/andrew-lalis/">LinkedIn</a>
+                <a href="https://www.youtube.com/channel/UC9X4mx6-ObPUB6-ud2IGAFQ">YouTube</a>
+            </div>
+        </nav>
+        <button id="themeToggleButton" class="jsonly">Change Color Theme</button>
+        <hr>
+    </header>
+
+    <main>
+        <article>
+            <h2>About Sweet Alyssum</h2>
+            <p>A low-growing flowering plant from the Brassica family, which produces small bunches of delicate white flowers.</p>
+            <p>
+                <a href="https://en.wikipedia.org/wiki/Lobularia_maritima">
+                    https://en.wikipedia.org/wiki/Lobularia_maritima
+                </a>
+            </p>
+        </article>
+        <article>
+            <h2 id="plants">Plants</h2>
+            <p>
+                Here's a detailed list of all plants I have of this species.
+            </p>
+            <div class="plant-card">
+    <section>
+        <h2>white-alyssum-001</h2>
+        <p class="gen">Generation F1</p>
+        <p></p>
+        <p>Planted from seed on the 2nd of March, 2024.</p>
+    </section>
+    <section>
+        <div class="pswp-gallery">
+            <a href="../../images/garden/plants/white-alyssum-001/20240316_192421.jpg" data-pswp-width="1836" data-pswp-height="4080" target="_blank">
+    <img src="../../images/garden/plants/white-alyssum-001/20240316_192421.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
+
+        </div>
+    </section>
+</div>
+        </article>
+    </main>
+</body>

garden/species/nepeta-cataria.html

@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/catnip-001/catnip_20240310_113153.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/catnip-001/20240316_192312.jpg" data-pswp-width="1836" data-pswp-height="2101" target="_blank">
+    <img src="../../images/garden/plants/catnip-001/20240316_192312.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/nephrolepis-obliterata.html

@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/kimberley-fern-001/fern_20240310_113359.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/kimberley-fern-001/20240316_192342.jpg" data-pswp-width="1836" data-pswp-height="3060" target="_blank">
+    <img src="../../images/garden/plants/kimberley-fern-001/20240316_192342.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/plectranthus-mona-lavender.html

@@ -66,6 +66,18 @@
                 Here's a detailed list of all plants I have of this species.
             </p>
             <div class="plant-card">
+    <section>
+        <h2>Mona-lavender-002</h2>
+        <p class="gen">Generation F1</p>
+        <p>The mona lavender that’s to the left of the tree, closer to the front door, and in a shadier part of the garden.</p>
+        <p>Transplanted in February, 2024.</p>
+    </section>
+    <section>
+        <div class="pswp-gallery">
+            
+        </div>
+    </section>
+</div><div class="plant-card">
     <section>
         <h2>mona-lavender-001</h2>
         <p class="gen">Generation F1</p>
@@ -78,6 +90,10 @@
     <img src="../../images/garden/plants/mona-lavender-001/plectranthus_20240310_113255.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/mona-lavender-001/20240316_192331.jpg" data-pswp-width="1836" data-pswp-height="1788" target="_blank">
+    <img src="../../images/garden/plants/mona-lavender-001/20240316_192331.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/psychotria-nervosa.html

@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/dwarf-coffee-001/dwarf-coffee_20240310_113259.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/dwarf-coffee-001/20240316_192334.jpg" data-pswp-width="1836" data-pswp-height="1941" target="_blank">
+    <img src="../../images/garden/plants/dwarf-coffee-001/20240316_192334.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/ruellia-caroliniensis.html

@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/carolina-petunia-001/perennial-petunia_20240310_113346.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/carolina-petunia-001/20240316_192448.jpg" data-pswp-width="1660" data-pswp-height="1940" target="_blank">
+    <img src="../../images/garden/plants/carolina-petunia-001/20240316_192448.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/salvia-misella.html

@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/creeping-sage-001/creeping-sage_20240310_113303.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/creeping-sage-001/20240316_192338.jpg" data-pswp-width="1836" data-pswp-height="2206" target="_blank">
+    <img src="../../images/garden/plants/creeping-sage-001/20240316_192338.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/salvia-officinalis.html

@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>Andrew's Garden: Sage</title>
+    <meta charset="utf-8">
+    <meta name="description" content="Information about Andrew's Garden">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    
+    <script src="../../scripts/themes.min.js"></script>
+    <noscript><style>.jsonly{display: none !important;}</style></noscript>
+    <link rel="stylesheet" href="../../styles/style.css" type="text/css">
+    <link rel="stylesheet" href="../../styles/garden.css" type="text/css">
+    <script src="../../scripts/sitestat.js?remote-url=sitestat.andrewlalis.com" async></script>
+
+    <script type="module">
+        import PhotoSwipeLightbox from "../../vendor/photoswipe/photoswipe-lightbox.esm.min.js";
+        import PhotoSwipe from "../../vendor/photoswipe/photoswipe.esm.min.js";
+        const lightbox = new PhotoSwipeLightbox({
+            gallery: ".pswp-gallery",
+            children: "a",
+            pswpModule: PhotoSwipe
+        });
+        lightbox.init();
+    </script>
+    <link rel="stylesheet" href="../../vendor/photoswipe/photoswipe.css" type="text/css">
+</head>
+
+<body>
+    <header class="page-header">
+        <h1>Andrew's Garden</h1>
+        <h2 style="font-style: italic">Salvia officinalis</h2>
+        <nav>
+            <div>
+                <a href="../../index.html">Home</a>
+                <a href="../../articles.html">Articles</a>
+                <a href="../../projects.html">Projects</a>
+                <a href="../../training.html">Training</a>
+                <a class="page-header-selected" href="../../garden.html">Garden</a>
+                <a href="../../contact.html">Contact</a>
+                <a href="../../logbook.html">Logbook</a>
+            </div>
+            <div>
+                <a href="https://github.com/andrewlalis">GitHub</a>
+                <a href="https://www.linkedin.com/in/andrew-lalis/">LinkedIn</a>
+                <a href="https://www.youtube.com/channel/UC9X4mx6-ObPUB6-ud2IGAFQ">YouTube</a>
+            </div>
+        </nav>
+        <button id="themeToggleButton" class="jsonly">Change Color Theme</button>
+        <hr>
+    </header>
+
+    <main>
+        <article>
+            <h2>About Sage</h2>
+            <p>A perennial, evergreen shrub originally from the mediterranean region, used in cooking and medicine.</p>
+            <p>
+                <a href="https://en.wikipedia.org/wiki/Salvia_officinalis">
+                    https://en.wikipedia.org/wiki/Salvia_officinalis
+                </a>
+            </p>
+        </article>
+        <article>
+            <h2 id="plants">Plants</h2>
+            <p>
+                Here's a detailed list of all plants I have of this species.
+            </p>
+            <div class="plant-card">
+    <section>
+        <h2>sage-001</h2>
+        <p class="gen">Generation F1</p>
+        <p>A small patch of sage herbs in the corner of the garden.</p>
+        <p>Planted from seed on the 2nd of March, 2024.</p>
+    </section>
+    <section>
+        <div class="pswp-gallery">
+            <a href="../../images/garden/plants/sage-001/20240316_192418.jpg" data-pswp-width="1387" data-pswp-height="1634" target="_blank">
+    <img src="../../images/garden/plants/sage-001/20240316_192418.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
+
+        </div>
+    </section>
+</div>
+        </article>
+    </main>
+</body>

garden/species/tagetes-erecta.html

@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/marigold-001/marigold_20240310_113234.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/marigold-001/20240316_192324.jpg" data-pswp-width="1325" data-pswp-height="1270" target="_blank">
+    <img src="../../images/garden/plants/marigold-001/20240316_192324.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/teucrium-canadense.html

@@ -69,7 +69,7 @@
     <section>
         <h2>wood-sage-001</h2>
         <p class="gen">Generation F1</p>
-        <p></p>
+        <p>A bushy sage planted right on the corner of the house, near the water downflow spout.</p>
         <p>Transplanted on the 9th of March, 2024.</p>
     </section>
     <section>
@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/wood-sage-001/woody-sage_20240310_113339.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/wood-sage-001/20240316_192433.jpg" data-pswp-width="1836" data-pswp-height="3014" target="_blank">
+    <img src="../../images/garden/plants/wood-sage-001/20240316_192433.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/thymus-vulgaris.html

@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/thyme-001/thyme_20240310_113210.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/thyme-001/20240316_192240.jpg" data-pswp-width="1836" data-pswp-height="2344" target="_blank">
+    <img src="../../images/garden/plants/thyme-001/20240316_192240.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

garden/species/trandescantia-zebrina.html

@@ -78,6 +78,10 @@
     <img src="../../images/garden/plants/inchplant-001/inchplant_20240310_113409.thumb.jpg" alt="" style="display: block;"/>
     <time datetime="2024-03-10">2024-Mar-10</time>
 </a>
+<a href="../../images/garden/plants/inchplant-001/20240316_192347.jpg" data-pswp-width="1692" data-pswp-height="1308" target="_blank">
+    <img src="../../images/garden/plants/inchplant-001/20240316_192347.thumb.jpg" alt="" style="display: block;"/>
+    <time datetime="2024-03-16">2024-Mar-16</time>
+</a>
 
         </div>
     </section>

styles/garden.css

@@ -30,12 +30,16 @@
     margin: 0.5em 0;
 }
 
-.species-card > img {
+.species-card > .pswp-gallery {
     max-width: 49.5%;
-    object-fit: scale-down;
     flex-grow: 0;
 }
 
+.species-card > .pswp-gallery > a > img {
+    max-width: 100%;
+    object-fit: scale-down;
+}
+
 
 
 .plant-card {