Removed custom fonts, added garden page.

This commit is contained in:
Andrew Lalis 2024-03-10 13:00:13 -04:00
parent 0db5d9c4ca
commit a7f2df00ee
64 changed files with 378 additions and 101 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

307
garden.html Normal file
View File

@ -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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 645 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 587 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 385 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 373 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 458 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 466 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 458 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 355 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 514 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 513 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 552 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 347 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 584 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 202 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 388 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 640 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 328 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 655 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 508 KiB

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

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

View File

@ -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;
}

37
styles/garden.css Normal file
View File

@ -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;
}

View File

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

View File

@ -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;
}

View File

@ -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>