<!DOCTYPE html>
<html lang="en">

<head>
    <title>Andrew's Garden: !HEAD_TITLE!</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">!PAGE_TITLE!</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_TITLE!</h2>
            <p>!ABOUT_TEXT!</p>
            <p>
                <a href="!REF_LINK!">
                    !REF_LINK_TEXT!
                </a>
            </p>
        </article>
        <article>
            <h2 id="plants">Plants</h2>
            <p>
                Here's a detailed list of all plants I have of this species.
            </p>
            !PLANTS_DIVS!
        </article>
    </main>
</body>
