Updated garden with newly added species.

This commit is contained in:
Andrew Lalis 2024-04-09 20:40:03 -04:00
parent ede74b8c65
commit a2d751e5d1
10 changed files with 645 additions and 1 deletions

View File

@ -34,7 +34,7 @@ string speciesId(string scientificName) {
return scientificName
.replaceAll(ctRegex!(`\s+`), "-")
.replaceAll(ctRegex!(`ñ`), "n")
.replaceAll(ctRegex!(`["“”\.]`), "")
.replaceAll(ctRegex!(`["“”\.']`), "")
.toLower;
}

Binary file not shown.

View File

@ -86,6 +86,27 @@
Here's a detailed list of all the species I've got in my garden. For each species, I try to include its scientific name, place of origin, and a small description, usually taken from Wikipedia or other sources listed at the bottom of each species' info.
</p>
<!--__SPECIES_LIST_START__-->
<div class="species-card">
<section>
<h2>
<a href="garden/species/asclepias-perennis.html">
Aquatic Milkweed
</a>
</h2>
<p class="sci">
Asclepias perennis
</p>
<p>A species of milkweed found in the coastal plain from eastern Texas to southern South Carolina. It has white flowers, and is a known host plant of the Monarch butterfly.</p>
<footer>
<a target="_blank" href="https://en.wikipedia.org/wiki/Asclepias_perennis">
https://en.wikipedia.org/wiki/Asclepias_perennis
</a>
</footer>
</section>
<div class="pswp-gallery">
</div>
</div>
<div class="species-card">
<section>
<h2>
@ -158,6 +179,27 @@
</div>
</div>
<div class="species-card">
<section>
<h2>
<a href="garden/species/asclepias-tuberosa.html">
Butterfly Weed
</a>
</h2>
<p class="sci">
Asclepias tuberosa
</p>
<p>A species of milkweed native to the eastern and southwestern North America, with bright orange to yellow flowers and copious nectar production. It attracts a number of different butterfly species.</p>
<footer>
<a target="_blank" href="https://en.wikipedia.org/wiki/Asclepias_tuberosa">
https://en.wikipedia.org/wiki/Asclepias_tuberosa
</a>
</footer>
</section>
<div class="pswp-gallery">
</div>
</div>
<div class="species-card">
<section>
<h2>
@ -206,6 +248,27 @@
</div>
</div>
<div class="species-card">
<section>
<h2>
<a href="garden/species/lonicera-sempervirens.html">
Coral Honeysuckle
</a>
</h2>
<p class="sci">
Lonicera sempervirens
</p>
<p>A flowering species of honeysuckle vine native to the eastern United States, which produces coral-colored flowers that attract hummingbirds and butterflies.</p>
<footer>
<a target="_blank" href="https://en.wikipedia.org/wiki/Lonicera_sempervirens">
https://en.wikipedia.org/wiki/Lonicera_sempervirens
</a>
</footer>
</section>
<div class="pswp-gallery">
</div>
</div>
<div class="species-card">
<section>
<h2>
@ -278,6 +341,27 @@
</div>
</div>
<div class="species-card">
<section>
<h2>
<a href="garden/species/hamelia-patens.html">
Firebush
</a>
</h2>
<p class="sci">
Hamelia patens
</p>
<p>A large perennial shrub native to the American subtropics and tropics. It has bright red-orange tubular flowers that attract hummingbirds and butterflies for pollination.</p>
<footer>
<a target="_blank" href="https://en.wikipedia.org/wiki/Hamelia_patens">
https://en.wikipedia.org/wiki/Hamelia_patens
</a>
</footer>
</section>
<div class="pswp-gallery">
</div>
</div>
<div class="species-card">
<section>
<h2>
@ -326,6 +410,48 @@
</div>
</div>
<div class="species-card">
<section>
<h2>
<a href="garden/species/lantana-depressa-var-depressa.html">
Gold Lantana
</a>
</h2>
<p class="sci">
Lantana depressa var. depressa
</p>
<p>An endangered, Florida-native lantana subspecies that produces golden blooms year-round to attract butterflies.</p>
<footer>
<a target="_blank" href="https://www.floridanativeplants.com/shop/p/lantana-depressa-var-depressa">
https://www.floridanativeplants.com/shop/p/lantana-depressa-var-depressa
</a>
</footer>
</section>
<div class="pswp-gallery">
</div>
</div>
<div class="species-card">
<section>
<h2>
<a href="garden/species/ageratina-jucunda.html">
Hammock Snakeroot
</a>
</h2>
<p class="sci">
Ageratina jucunda
</p>
<p>A North American species from the Asteraceae family, found only in the states of Georgia and Florida. Its a perennial herb growing up to 1m tall, producing white flowers.</p>
<footer>
<a target="_blank" href="https://en.wikipedia.org/wiki/Ageratina_jucunda">
https://en.wikipedia.org/wiki/Ageratina_jucunda
</a>
</footer>
</section>
<div class="pswp-gallery">
</div>
</div>
<div class="species-card">
<section>
<h2>
@ -518,6 +644,27 @@
</div>
</div>
<div class="species-card">
<section>
<h2>
<a href="garden/species/asclepias-incarnata.html">
Swamp Milkweed
</a>
</h2>
<p class="sci">
Asclepias incarnata
</p>
<p>A species of milkweed that grows in damp and wet soils, native to North America. Its cultivated for its flowers that attract butterflies and other pollinators.</p>
<footer>
<a target="_blank" href="https://en.wikipedia.org/wiki/Asclepias_incarnata">
https://en.wikipedia.org/wiki/Asclepias_incarnata
</a>
</footer>
</section>
<div class="pswp-gallery">
</div>
</div>
<div class="species-card">
<section>
<h2>

View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Andrew's Garden: Hammock Snakeroot</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">Ageratina jucunda</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://git.andrewlalis.com">Git</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 Hammock Snakeroot</h2>
<p>A North American species from the Asteraceae family, found only in the states of Georgia and Florida. Its a perennial herb growing up to 1m tall, producing white flowers.</p>
<p>
<a href="https://en.wikipedia.org/wiki/Ageratina_jucunda">
https://en.wikipedia.org/wiki/Ageratina_jucunda
</a>
</p>
</article>
<article>
<h2 id="plants">Plants</h2>
<p>
Here's a detailed list of all plants I have of this species.
</p>
</article>
</main>
</body>

View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Andrew's Garden: Swamp Milkweed</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">Asclepias incarnata</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://git.andrewlalis.com">Git</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 Swamp Milkweed</h2>
<p>A species of milkweed that grows in damp and wet soils, native to North America. Its cultivated for its flowers that attract butterflies and other pollinators.</p>
<p>
<a href="https://en.wikipedia.org/wiki/Asclepias_incarnata">
https://en.wikipedia.org/wiki/Asclepias_incarnata
</a>
</p>
</article>
<article>
<h2 id="plants">Plants</h2>
<p>
Here's a detailed list of all plants I have of this species.
</p>
</article>
</main>
</body>

View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Andrew's Garden: Aquatic Milkweed</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">Asclepias perennis</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://git.andrewlalis.com">Git</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 Aquatic Milkweed</h2>
<p>A species of milkweed found in the coastal plain from eastern Texas to southern South Carolina. It has white flowers, and is a known host plant of the Monarch butterfly.</p>
<p>
<a href="https://en.wikipedia.org/wiki/Asclepias_perennis">
https://en.wikipedia.org/wiki/Asclepias_perennis
</a>
</p>
</article>
<article>
<h2 id="plants">Plants</h2>
<p>
Here's a detailed list of all plants I have of this species.
</p>
</article>
</main>
</body>

View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Andrew's Garden: Butterfly Weed</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">Asclepias tuberosa</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://git.andrewlalis.com">Git</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 Butterfly Weed</h2>
<p>A species of milkweed native to the eastern and southwestern North America, with bright orange to yellow flowers and copious nectar production. It attracts a number of different butterfly species.</p>
<p>
<a href="https://en.wikipedia.org/wiki/Asclepias_tuberosa">
https://en.wikipedia.org/wiki/Asclepias_tuberosa
</a>
</p>
</article>
<article>
<h2 id="plants">Plants</h2>
<p>
Here's a detailed list of all plants I have of this species.
</p>
</article>
</main>
</body>

View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Andrew's Garden: Firebush</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">Hamelia patens</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://git.andrewlalis.com">Git</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 Firebush</h2>
<p>A large perennial shrub native to the American subtropics and tropics. It has bright red-orange tubular flowers that attract hummingbirds and butterflies for pollination.</p>
<p>
<a href="https://en.wikipedia.org/wiki/Hamelia_patens">
https://en.wikipedia.org/wiki/Hamelia_patens
</a>
</p>
</article>
<article>
<h2 id="plants">Plants</h2>
<p>
Here's a detailed list of all plants I have of this species.
</p>
</article>
</main>
</body>

View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Andrew's Garden: Gold Lantana</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">Lantana depressa var. depressa</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://git.andrewlalis.com">Git</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 Gold Lantana</h2>
<p>An endangered, Florida-native lantana subspecies that produces golden blooms year-round to attract butterflies.</p>
<p>
<a href="https://www.floridanativeplants.com/shop/p/lantana-depressa-var-depressa">
https://www.floridanativeplants.com/shop/p/lantana-depressa-var-depressa
</a>
</p>
</article>
<article>
<h2 id="plants">Plants</h2>
<p>
Here's a detailed list of all plants I have of this species.
</p>
</article>
</main>
</body>

View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Andrew's Garden: Coral Honeysuckle</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">Lonicera sempervirens</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://git.andrewlalis.com">Git</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 Coral Honeysuckle</h2>
<p>A flowering species of honeysuckle vine native to the eastern United States, which produces coral-colored flowers that attract hummingbirds and butterflies.</p>
<p>
<a href="https://en.wikipedia.org/wiki/Lonicera_sempervirens">
https://en.wikipedia.org/wiki/Lonicera_sempervirens
</a>
</p>
</article>
<article>
<h2 id="plants">Plants</h2>
<p>
Here's a detailed list of all plants I have of this species.
</p>
</article>
</main>
</body>