Removed custom fonts, added garden page.

articles.html

@@ -7,7 +7,6 @@
     <meta name="description" content="Articles written by Andrew Lalis.">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     
-    <link rel="stylesheet" href="styles/font.css" type="text/css">
     <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">
@@ -23,6 +22,7 @@
                 <a class="page-header-selected" href="articles.html">Articles</a>
                 <a href="projects.html">Projects</a>
                 <a href="training.html">Training</a>
+                <a href="garden.html">Garden</a>
                 <a href="contact.html">Contact</a>
                 <a href="logbook.html">Logbook</a>
             </div>

articles/api-with-handy-httpd.html

@@ -7,7 +7,6 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<meta name="description" content="A short guide for using handy-httpd to create an API."/>
 
-	<link rel="stylesheet" href="../styles/font.css" type="text/css">
     <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">
@@ -26,6 +25,7 @@
 			<a class="page-header-selected" href="../articles.html">Articles</a>
 			<a href="../projects.html">Projects</a>
 			<a href="../training.html">Training</a>
+			<a href="../garden.html">Garden</a>
 			<a href="../contact.html">Contact</a>
 			<a href="../logbook.html">Logbook</a>
 		</div>
@@ -158,7 +158,9 @@
 			In Handy-Httpd, we've provided a convenient method of adding middleware to the HTTP request handling flow with the <code>HttpRequestFilter</code>, <code>FilterChain</code>, and the <code>FilteredRequestHandler</code>.
 		</p>
 		<figure>
-			<img src="images/handy-httpd-filter-diagram.webp" style="max-width: 512px;" alt="Handy-Httpd request filter diagram">
+			<div class="img-center">
+				<img src="images/handy-httpd-filter-diagram.webp" alt="Handy-Httpd request filter diagram">
+			</div>
 			<figcaption>An illustration of how an HTTP request is processed by a FilteredRequestHandler: first it goes through all pre-request filters, then the underlying handler, and finally any post-request filters.</figcaption>
 		</figure>
 		<p>

articles/beginner-guide-to-apache-lucene.html

@@ -7,7 +7,6 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<meta name="description" content="A simple, easy-to-follow guide that walks you through creating your first index, and searching through it with queries."/>
 	
-	<link rel="stylesheet" href="../styles/font.css" type="text/css">
     <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">
@@ -26,6 +25,7 @@
 			<a class="page-header-selected" href="../articles.html">Articles</a>
 			<a href="../projects.html">Projects</a>
 			<a href="../training.html">Training</a>
+			<a href="../garden.html">Garden</a>
 			<a href="../contact.html">Contact</a>
 			<a href="../logbook.html">Logbook</a>
 		</div>

articles/d-prospects-for-future.html

@@ -7,7 +7,6 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<meta name="description" content="Discussion around the D programming language and its potential and future as a general language."/>
 	
-	<link rel="stylesheet" href="../styles/font.css" type="text/css">
     <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">
@@ -26,6 +25,7 @@
 			<a class="page-header-selected" href="../articles.html">Articles</a>
 			<a href="../projects.html">Projects</a>
 			<a href="../training.html">Training</a>
+			<a href="../garden.html">Garden</a>
 			<a href="../contact.html">Contact</a>
 			<a href="../logbook.html">Logbook</a>
 		</div>

articles/dsh-easier-scripting-in-d.html

@@ -7,7 +7,6 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<meta name="description" content="DSH is a library I developed to make it easier to write scripts in the D programming language."/>
 	
-	<link rel="stylesheet" href="../styles/font.css" type="text/css">
     <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">
@@ -25,6 +24,7 @@
 			<a class="page-header-selected" href="../articles.html">Articles</a>
 			<a href="../projects.html">Projects</a>
 			<a href="../training.html">Training</a>
+			<a href="../garden.html">Garden</a>
 			<a href="../contact.html">Contact</a>
 			<a href="../logbook.html">Logbook</a>
 		</div>

articles/java-swing-2d-game.html

@@ -7,7 +7,6 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<meta name="description" content="Important information for programmers who want to make simple 2D games with Java using the Swing framework."/>
 
-	<link rel="stylesheet" href="../styles/font.css" type="text/css">
     <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">
@@ -26,6 +25,7 @@
 			<a class="page-header-selected" href="../articles.html">Articles</a>
 			<a href="../projects.html">Projects</a>
 			<a href="../training.html">Training</a>
+			<a href="../garden.html">Garden</a>
 			<a href="../contact.html">Contact</a>
 			<a href="../logbook.html">Logbook</a>
 		</div>

articles/spring-osiv-transactions.html

@@ -7,7 +7,6 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<meta name="description" content="Some explanation about Spring Boot's open-session-in-view setting and how to get around it."/>
 	
-	<link rel="stylesheet" href="../styles/font.css" type="text/css">
     <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">
@@ -25,6 +24,7 @@
 			<a class="page-header-selected" href="../articles.html">Articles</a>
 			<a href="../projects.html">Projects</a>
 			<a href="../training.html">Training</a>
+			<a href="../garden.html">Garden</a>
 			<a href="../contact.html">Contact</a>
 			<a href="../logbook.html">Logbook</a>
 		</div>

articles/template.html

@@ -7,7 +7,6 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<meta name="description" content="{{TEMPLATE_DESCRIPTION}}"/>
 
-	<link rel="stylesheet" href="../styles/font.css" type="text/css">
     <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">
@@ -26,6 +25,7 @@
 			<a class="page-header-selected" href="../articles.html">Articles</a>
 			<a href="../projects.html">Projects</a>
 			<a href="../training.html">Training</a>
+			<a href="../garden.html">Garden</a>
 			<a href="../contact.html">Contact</a>
 			<a href="../logbook.html">Logbook</a>
 		</div>

articles/winter-2023-training-plan.html

@@ -7,7 +7,6 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<meta name="description" content="My plan for the 2023 winter season, training long-distance running and heavy lifting."/>
 
-	<link rel="stylesheet" href="../styles/font.css" type="text/css">
     <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">
@@ -26,6 +25,7 @@
 			<a class="page-header-selected" href="../articles.html">Articles</a>
 			<a href="../projects.html">Projects</a>
 			<a href="../training.html">Training</a>
+			<a href="../garden.html">Garden</a>
 			<a href="../contact.html">Contact</a>
 			<a href="../logbook.html">Logbook</a>
 		</div>

contact.html

@@ -7,7 +7,6 @@
     <meta name="description" content="Contact information for Andrew Lalis.">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     
-    <link rel="stylesheet" href="styles/font.css" type="text/css">
     <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">
@@ -23,6 +22,7 @@
                 <a href="articles.html">Articles</a>
                 <a href="projects.html">Projects</a>
                 <a href="training.html">Training</a>
+                <a href="garden.html">Garden</a>
                 <a class="page-header-selected" href="contact.html">Contact</a>
                 <a href="logbook.html">Logbook</a>
             </div>

garden.html

@@ -0,0 +1,307 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>Andrew's Garden</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>
+</head>
+
+<body>
+    <header class="page-header">
+        <h1>Andrew's Garden</h1>
+        <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</h2>
+            <p>
+                On this page, you'll find an overview of what I'm growing in my garden, periodic updates when changes are made, or other details.
+            </p>
+            <p>
+                If you'd like to leave feedback about the garden, or to request seeds, cuttings, please do contact me via the info on my <a href="contact.html">contact page</a>. I generally try to keep a supply of seeds for as many of my plants as possible, but as always, it depends.
+            </p>
+        </article>
+
+        <article>
+            <h2>Plants</h2>
+            <p>
+                Here's a detailed list of all the plants I've got in my garden. For each plant, 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 plant's info.
+            </p>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Bird Pepper</h2>
+                    <p class="sci">Capsicum annuum var. glabriusculum</p>
+                    <p>A small chili pepper variety native to southern North America and northern South America. It's the only pepper species native to the Floridian peninsula.</p>
+                    <p>Transplanted from a 1 gallon pot, on February 10th, 2024.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Capsicum_annuum_var._glabriusculum">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/bird-pepper_20240310_113310.jpg" alt="Bird Pepper plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Blue Pacific Juniper</h2>
+                    <p class="sci">Juniperus conferta</p>
+                    <p>A species of Juniper native to Japan, that grows on sand dunes and other acidic/alkaline soils with good drainage. It forms a groundcover if left unattended.</p>
+                    <p>Transplanted on the 2nd of March, 2024.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Juniperus_conferta">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/blue-juniper_20240310_113334.jpg" alt="Blue Pacific Juniper plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Browne's Savory</h2>
+                    <p class="sci">Clinopodium brownei</p>
+                    <p>A sprawling perennial herb found natively in the coastal plains and marshes of the southeastern United States.</p>
+                    <p>Transplanted on the 10th of February, 2024.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Clinopodium_brownei">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/browns-savory_20240310_113313.jpg" alt="Browne's Savory plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Catnip</h2>
+                    <p class="sci">Nepeta cataria</p>
+                    <p>Species of mint that about 2/3rds of cats are attracted to.</p>
+                    <p>Native to southern and eastern Europe, the Middle East, Central Asia, and parts of China.</p>
+                    <p>Transplanted from a small pot bought at a pet store, sometime in October, 2023.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Catnip">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/catnip_20240310_113153.jpg" alt="Catnip plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Garlic Chives</h2>
+                    <p class="sci">Allium tuberosum</p>
+                    <p>A clump-forming perennial herb native to the Chinese province of Shanxi, but now found pretty much worldwide.</p>
+                    <p>Planted from seed on the 2nd of March, 2024.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Allium_tuberosum">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/chives_20240310_113216.jpg" alt="Chives plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Cilantro</h2>
+                    <p class="sci">Coriandrum sativum</p>
+                    <p>Also known as Coriander, this is an annual herb that most people enjoy has having a tart, lemon/lime taste. It's native to the mediterranean basin, but is grown worldwide.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Coriander">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/cilantro_20240310_113220.jpg" alt="Cilantro plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Creeping Sage</h2>
+                    <p class="sci">Salvia misella</p>
+                    <p>Also known as tropical sage, it is an annual herb growing throughout the tropical Americas.</p>
+                    <p>Transplanted on the 9th of March, 2024.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Salvia_misella">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/creeping-sage_20240310_113303.jpg" alt="Creeping Sage plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Dwarf Shiny-Leaf Coffee</h2>
+                    <p class="sci">Psychotria nervosa</p>
+                    <p>A small shrub with shiny evergreen leaves that produces beans similar to coffee, but without any caffeine. Native to the southeastern United States.</p>
+                    <p>Transplanted on the 10th of February, 2024.</p>
+                    <footer>
+                        <a href="https://gardeningsolutions.ifas.ufl.edu/plants/trees-and-shrubs/shrubs/wild-coffee.html">University of Florida</a>
+                    </footer>
+                </section>
+                <img src="images/garden/dwarf-coffee_20240310_113259.jpg" alt="Dwarf Coffee plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Kimberley Queen Fern</h2>
+                    <p class="sci">Nephrolepis obliterata</p>
+                    <p>A species of fern originating from Australia, but grown worldwide.</p>
+                    <p>Transplanted on the 2nd of March, 2024.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Nephrolepis_obliterata">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/fern_20240310_113359.jpg" alt="Fern plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Foxtail Fern</h2>
+                    <p class="sci">Asparagus aethiopicus</p>
+                    <p>A plant native to South Africa that's grown ornamentally in many places. Its roots form water-storage tubers.</p>
+                    <p>Transplanted in February, 2024.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Asparagus_aethiopicus">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/foxtail-fern_20240310_113229.jpg" alt="Foxtail Fern plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Inchplant</h2>
+                    <p class="sci">Tradescantia zebrina</p>
+                    <p>A species of creeping vine plant that forms a dense groundcover in shaded areas. It's native to Mexico, Central America, and Colombia.</p>
+                    <p>Transplanted on the 8th of March, 2024.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Tradescantia_zebrina">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/inchplant_20240310_113409.jpg" alt="Inchplant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Jalapeño</h2>
+                    <p class="sci">Capsicum annuum var. jalapeño</p>
+                    <p>A medium-sized chili pepper species with relatively mild pungency. It's commonly picked and consumed while still green, and were originally cultivated by the Aztecs.</p>
+                    <p>Transplanted on the 2nd of March, 2024.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Jalape%C3%B1o">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/jalapeno_20240310_113329.jpg" alt="Jalapeño plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Marigold</h2>
+                    <p class="sci">Tagetes erecta</p>
+                    <p>A species of flowering plant native to the Americas that is widely used as an ornamental flower, and was originally called by its Nahuatl name, cempoalxóchitl.</p>
+                    <p>Planted from seed in February, 2024.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Tagetes_erecta">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/marigold_20240310_113234.jpg" alt="Marigold plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Perennial Petunia</h2>
+                    <p class="sci">Ruellia caroliniensis</p>
+                    <p>A wild petunia with blue or violet flowers that's native to the southeastern United States.</p>
+                    <p>Transplanted on the 10th of February, 2024.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Ruellia_caroliniensis">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/perennial-petunia_20240310_113346.jpg" alt="Petunia plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Mona Lavender</h2>
+                    <p class="sci">Plectranthus "Mona Lavender"</p>
+                    <p>A hybrid of <em>Plectranthus saccatus</em> and <em>Plectranthus hilliardiae</em>, this is a broadleaf evergreen shrub in the mint family, which produces many small purple flowers.</p>
+                    <p>Transplanted in February, 2024.</p>
+                    <footer>
+                        <a href="https://plants.ces.ncsu.edu/plants/plectranthus-mona-lavender/">North Carolina State University</a>
+                    </footer>
+                </section>
+                <img src="images/garden/plectranthus_20240310_113255.jpg" alt="Plectranthus plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>English Thyme</h2>
+                    <p class="sci">Thymus vulgaris</p>
+                    <p>A flowering plant in the mint family, native to southern Europe, that's commonly used as an herb.</p>
+                    <p>Planted from seed in March, 2024.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Thymus_vulgaris">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/thyme_20240310_113210.jpg" alt="Thyme plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>English Thyme</h2>
+                    <p class="sci">Thymus vulgaris</p>
+                    <p>A flowering plant in the mint family, native to southern Europe, that's commonly used as an herb.</p>
+                    <p>Planted from seed in March, 2024.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Thymus_vulgaris">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/thyme_20240310_113210.jpg" alt="Thyme plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Tropical Milkweed</h2>
+                    <p class="sci">Asclepias curassavica</p>
+                    <p>A flowering milkweed species native to the American tropics which is a food source for Monarch butterflies.</p>
+                    <p>Note: Research suggests that this plant may disrupt migratory patterns in butterflies when planted in northern United States habitats. I'm working on replacing it with native milkweed variants.</p>
+                    <p>Transplanted in February, 2024.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Asclepias_curassavica">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/tropical-milkweed_20240310_113353.jpg" alt="Tropical Milkweed plant"/>
+            </div>
+
+            <div class="plant-card">
+                <section>
+                    <h2>Wood Sage</h2>
+                    <p class="sci">Teucrium canadense</p>
+                    <p>A perennial herb native to North America, growing in moist grasslands, forest edges, marshes, and on roadsides.</p>
+                    <p>Transplanted on the 9th of March, 2024.</p>
+                    <footer>
+                        <a href="https://en.wikipedia.org/wiki/Teucrium_canadense">Wikipedia</a>
+                    </footer>
+                </section>
+                <img src="images/garden/woody-sage_20240310_113339.jpg" alt="Wood Sage plant"/>
+            </div>
+
+        </article>
+    </main>
+</body>

index.html

@@ -7,7 +7,6 @@
     <meta name="description" content="The Homepage of Andrew Lalis.">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <link rel="stylesheet" href="styles/font.css" type="text/css">
     <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">
@@ -23,6 +22,7 @@
                 <a href="articles.html">Articles</a>
                 <a href="projects.html">Projects</a>
                 <a href="training.html">Training</a>
+                <a href="garden.html">Garden</a>
                 <a href="contact.html">Contact</a>
                 <a href="logbook.html">Logbook</a>
             </div>

logbook.html

@@ -7,7 +7,6 @@
     <meta name="description" content="The logbook for andrewlalis.com">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <link rel="stylesheet" href="styles/font.css" type="text/css">
     <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">
@@ -25,6 +24,7 @@
                 <a href="articles.html">Articles</a>
                 <a href="projects.html">Projects</a>
                 <a href="training.html">Training</a>
+                <a href="garden.html">Garden</a>
                 <a href="contact.html">Contact</a>
                 <a class="page-header-selected" href="logbook.html">Logbook</a>
             </div>

projects.html

@@ -7,7 +7,6 @@
     <meta name="description" content="The Homepage of Andrew Lalis.">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     
-    <link rel="stylesheet" href="styles/font.css" type="text/css">
     <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">
@@ -27,6 +26,7 @@
                 <a href="articles.html">Articles</a>
                 <a class="page-header-selected" href="projects.html">Projects</a>
                 <a href="training.html">Training</a>
+                <a href="garden.html">Garden</a>
                 <a href="contact.html">Contact</a>
                 <a href="logbook.html">Logbook</a>
             </div>

styles/article.css

@@ -19,3 +19,12 @@ figure {
 code {
     color: var(--code-color);
 }
+
+img {
+    max-width: 100%;
+    max-height: 100%;
+}
+
+.img-center {
+    text-align: center;
+}

styles/font.css

@@ -1,78 +0,0 @@
-@font-face {
-    font-family: "IBM Plex Sans";
-    src: url(../fonts/IBMPlexSans/IBMPlexSans-Regular.woff2);
-}
-
-@font-face {
-    font-family: "IBM Plex Sans";
-    src: url(../fonts/IBMPlexSans/IBMPlexSans-Italic.woff2);
-    font-style: italic;
-}
-
-@font-face {
-    font-family: "IBM Plex Sans";
-    src: url(../fonts/IBMPlexSans/IBMPlexSans-Bold.woff2);
-    font-weight: bold;
-}
-
-@font-face {
-    font-family: "IBM Plex Sans";
-    src: url(../fonts/IBMPlexSans/IBMPlexSans-BoldItalic.woff2);
-    font-weight: bold;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: "IBM Plex Sans";
-    src: url(../fonts/IBMPlexSans/IBMPlexSans-Light.woff2);
-    font-weight: 300;
-}
-
-@font-face {
-    font-family: "IBM Plex Sans";
-    src: url(../fonts/IBMPlexSans/IBMPlexSans-LightItalic.woff2);
-    font-weight: 300;
-    font-style: italic;
-}
-
-/* Monospace variant(s) */
-@font-face {
-    font-family: "IBM Plex Mono";
-    src: url(../fonts/IBMPlexMono/IBMPlexMono-Regular.ttf);
-}
-
-/* serif font */
-@font-face {
-    font-family: "Cormorant Garamond";
-    src: url(../fonts/CormorantGaramond/CormorantGaramond-Regular.ttf);
-}
-
-@font-face {
-    font-family: "Cormorant Garamond";
-    src: url(../fonts/CormorantGaramond/CormorantGaramond-Bold.ttf);
-    font-weight: bold;
-}
-
-@font-face {
-    font-family: "Cormorant Garamond";
-    src: url(../fonts/CormorantGaramond/CormorantGaramond-Italic.ttf);
-    font-style: italic;
-}
-
-@font-face {
-    font-family: "Cormorant Garamond";
-    src: url(../fonts/CormorantGaramond/CormorantGaramond-Light.ttf);
-    font-weight: 300;
-}
-
-@font-face {
-    font-family: "Cormorant Garamond";
-    src: url(../fonts/CormorantGaramond/CormorantGaramond-Medium.ttf);
-    font-weight: 500;
-}
-
-@font-face {
-    font-family: "Cormorant Garamond";
-    src: url(../fonts/CormorantGaramond/CormorantGaramond-SemiBold.ttf);
-    font-weight: 600;
-}

styles/garden.css

@@ -0,0 +1,37 @@
+.plant-card {
+    background-color: var(--background-color-2);
+    padding: 0.5em;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1%;
+}
+
+.plant-card + .plant-card {
+    margin-top: 1em;
+}
+
+.plant-card > section {
+    flex-grow: 1;
+    max-width: 49.5%;
+}
+
+.plant-card > section > h2 {
+    margin: 0;
+}
+
+.plant-card > section > .sci {
+    margin: 0;
+    font-style: italic;
+    font-family: serif;
+    font-size: smaller;
+}
+
+.plant-card > section > p {
+    margin: 0.5em 0;
+}
+
+.plant-card > img {
+    max-width: 49.5%;
+    object-fit: scale-down;
+    flex-grow: 0;
+}

styles/project.css

@@ -1,7 +1,7 @@
 .project-card {
     background-color: var(--background-color-2);
     padding: 0.5em;
-    display: inline-block;
+    display: block;
 }
 
 .project-card + .project-card {

styles/style.css

@@ -21,7 +21,7 @@
 body {
     background-color: var(--background-color);
     color: var(--text-color);
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: sans-serif;
     max-width: 50ch;
     margin: 0 auto;
     padding: 0 0.5em;
@@ -29,7 +29,7 @@ body {
 }
 
 h1, h2, h3, h4, h5, h6 {
-    font-family: "Cormorant Garamond";
+    font-family: serif;
     font-weight: 700;
 }
 
@@ -43,7 +43,7 @@ hr {
 }
 
 code {
-    font-family: "IBM Plex Mono", monospace;
+    font-family: monospace;
 }
 
 .stats-table {
@@ -59,7 +59,7 @@ code {
 }
 
 .stats-table td {
-    font-family: "IBM Plex Mono";
+    font-family: monospace;
     text-align: end;
     border: 1px solid var(--background-color-3);
     padding: 0.5em;
@@ -98,7 +98,7 @@ code {
 }
 
 .basic-table td {
-    font-family: "IBM Plex Sans";
+    font-family: sans-serif;
     text-align: start;
     border: 1px solid var(--background-color-3);
     padding: 0.25em;
@@ -118,7 +118,7 @@ code {
 }
 
 .article-card h3 {
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: sans-serif;
     font-size: larger;
     margin: 0;
 }

training.html

@@ -7,7 +7,6 @@
     <meta name="description" content="An overview of Andrew's lifting, endurance, and other athletic achievements.">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     
-    <link rel="stylesheet" href="styles/font.css" type="text/css">
     <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">
@@ -23,6 +22,7 @@
                 <a href="articles.html">Articles</a>
                 <a href="projects.html">Projects</a>
                 <a class="page-header-selected" href="training.html">Training</a>
+                <a href="garden.html">Garden</a>
                 <a href="contact.html">Contact</a>
                 <a href="logbook.html">Logbook</a>
             </div>
@@ -104,7 +104,7 @@
                 <table class="stats-table">
                     <thead>
                         <tr>
-                            <th style="min-width: 300px;">Race</th>
+                            <th style="min-width: 200px;">Race</th>
                             <th>Date</th>
                             <th>Distance</th>
                             <th>Time</th>