diff options
Diffstat (limited to 'public/blog/native-plant-garden')
| -rw-r--r-- | public/blog/native-plant-garden/index.html | 256 |
1 files changed, 127 insertions, 129 deletions
diff --git a/public/blog/native-plant-garden/index.html b/public/blog/native-plant-garden/index.html index d578e40..8663b12 100644 --- a/public/blog/native-plant-garden/index.html +++ b/public/blog/native-plant-garden/index.html @@ -1,126 +1,128 @@ <!DOCTYPE html> <html lang="en"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="robots" content="index, follow"> - - <link rel="alternate" type="application/rss+xml" title="RSS" href="https://urbanecologycollective.org/rss.xml"> - - <title>ecoblog | Designing a Native Plant Garden</title> - - <link rel="preload" href="https://urbanecologycollective.org/css/style.css" as="style"> - <link rel="stylesheet" href="https://urbanecologycollective.org/css/reset.css"> - <link rel="stylesheet" href="https://urbanecologycollective.org/css/suCSS.css"> - <link rel="stylesheet" href="https://urbanecologycollective.org/css/style.css"> - <link rel="stylesheet" href="https://urbanecologycollective.org/css/custom.css"> +<head> +<meta charset="UTF-8" /> +<meta http-equiv="X-UA-Compatible" content="IE=edge"> +<meta name="viewport" content="width=device-width, initial-scale=1.0" /> +<meta name="description" content="a collective" /> - <!-- Add favicon with appropriate sizes --> - <link rel="icon" href="https://urbanecologycollective.org/favicon.ico"> - - </head> - <body> - - - - - <nav id="nav-bar"> - - <a href="/" class=""> - - home - </a> - - <a href="https://urbanecologycollective.org/wiki" class=""> - - wiki - </a> - - </nav> +<link rel="canonical" href="https://urbanecologycollective.org/blog/native-plant-garden/" /> - <main> - -<article class="post"> - <header class="post-header"> - - <time datetime="2025-09-23">Published on: - <span class="accent-data">2025-09-23</span> - </time> - +<title>Designing a Native Plant Garden | Urban Ecology Collective</title> +<meta property="og:site_name" content="Urban Ecology Collective"/> +<meta property="og:title" content="Designing a Native Plant Garden | Urban Ecology Collective"/> +<meta property="og:type" content="website"/> +<meta property="og:url" content="https://urbanecologycollective.org/blog/native-plant-garden/"/> +<meta property="og:description" content="a collective"/> - - <address rel="author">By - <span class="accent-data">surya</span> - </address> - +<meta name="twitter:card" content="summary_large_image"/> +<meta name="twitter:title" content="Designing a Native Plant Garden"/> +<meta name="twitter:description" content="a collective"/> +<link rel="alternate" type="application/atom+xml" title="Urban Ecology Collective" href="https://urbanecologycollective.org/atom.xml"> + + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap"> + <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap" rel="stylesheet" media="print" onload="this.media='all'"> + <noscript><link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap" rel="stylesheet"></noscript> + <style> +html{font-family:"Source Serif 4",Georgia,serif;font-size:1rem;line-height:1.7;margin:auto;max-width:70ch;padding:1.5rem 1em 3em} +img{max-width:100%}img:not([src$=".svg"]),article>div,blockquote,pre{border-radius:.4rem}img[src$="#pixelate"]{image-rendering:pixelated} +h1,h2,h3,h4,h5,h6{font-family:"Source Serif 4",Georgia,serif;font-weight:600;letter-spacing:-0.01em;margin:1.5rem 0 .75rem} +h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem} +p{text-align:justify}p,ul,ol,article>footer,article>header{margin:0 0 1.5rem} +pre,blockquote{padding:1.5rem;margin:0 0 1.5rem}pre{overflow-x:auto;font-size:.875rem;line-height:1.5}pre code{background:0!important;padding:0;font-size:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em;padding:.15em .4em;border-radius:.25rem}blockquote>*:last-child{margin-bottom:0} +article>img,article>p>img,article>div{display:block;margin-bottom:1.5rem;width:100%} +.yt{aspect-ratio:16/9;width:100%;overflow:hidden}.yt iframe{width:100%;height:100%;border:0} +.s{font-size:.85rem} +.theme{display:inline-block;width:1.125rem;height:1.125rem;vertical-align:middle;margin-bottom:.15rem}.theme img,.theme svg{width:100%;height:100%} +html.light .theme img:first-child,html.light .theme svg:first-child,html.dark .theme img:last-child,html.dark .theme svg:last-child{display:none} +header strong{font-family:"Source Serif 4",Georgia,serif;font-weight:600;color:var(--accent)}.site-icon{width:2.25rem;height:2.25rem;vertical-align:middle;margin-right:1rem;color:var(--accent)}.header-brand{display:flex;align-items:center}.custom-icon{height:auto;max-height:3rem;width:auto;margin-right:1rem}body>footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem} +body>footer img,body>footer svg{width:1em;height:1em;vertical-align:-0.125em} +.tags{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem 1rem}.tags li{display:inline} +nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-bottom:1.5rem}nav a{font-weight:500}nav img,nav svg{display:none} +.p{list-style:none;padding:0;margin:0 0 1.5rem}.p li{display:flex;gap:1.5rem;margin-bottom:.75rem;align-items:baseline}.p li:last-child{margin-bottom:0}.p time{opacity:.7;flex-shrink:0} +.profile-pic{width:8rem;height:8rem;border-radius:50%;object-fit:cover;display:block;margin:0 auto 1.5rem} +.projects .project{margin-bottom:1.5rem}.project header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.75rem}.project header h2{margin:0;font-size:1.375rem}.project-emoji{font-size:1.5rem}.project-image{max-width:200px;aspect-ratio:1;object-fit:cover;float:right;margin:0 0 1.5rem 1.5rem;border-radius:.4rem}.project p{margin-bottom:.75rem}.project .tags{margin:0} +.lb{position:fixed;inset:0;background:#000d;display:flex;align-items:center;justify-content:center;z-index:999;cursor:pointer}.lb img{max-width:95vw;max-height:95vh} +@media(max-width:30em){header .desc{display:none}} + </style> - <h1>Designing a Native Plant Garden</h1> + + + + + + + + + + + + + + + + <style> + /* Light theme */ + html.light{background:#FAF7F2;--tc:#FAF7F2;--accent:#B85450;--accent-hover:#7A3533;color:#1a1a1a} + html.light a{color:var(--accent);text-decoration:underline} + html.light a:visited{color:var(--accent)} + html.light a:hover{color:var(--accent-hover)} + html.light header>div>span>a{text-decoration:none}html.light header>div>span>a:hover{text-decoration:underline} + html.light p,html.light ul,html.light ol,html.light .desc{color:#3a3a3a} + html.light h1,html.light h2,html.light h3,html.light h4,html.light h5,html.light h6{color:#1a1a1a} + html.light strong{color:#1a1a1a}html.light header strong{color:var(--accent)} + html.light blockquote{border-left:3px solid var(--accent);color:#555} + html.light pre,html.light article>img,html.light article>p>img{background:#f0ebe3} + html.light code{background:#f0ebe3;color:#1a1a1a} + html.light hr{border-color:#e0d9ce} + /* Light syntax highlighting */ + html.light .z-comment{color:#6a737d;font-style:italic}html.light .z-keyword{color:#d73a49}html.light .z-string{color:#22863a}html.light .z-number{color:#005cc5}html.light .z-function{color:#6f42c1}html.light .z-type{color:#005cc5}html.light .z-constant{color:#005cc5}html.light .z-variable{color:#e36209}html.light .z-attribute{color:#6f42c1}html.light .z-tag{color:#22863a}html.light .z-operator{color:#d73a49}html.light .z-punctuation{color:#24292e}html.light .z-builtin{color:#6f42c1}html.light .z-label{color:#005cc5}html.light .z-namespace{color:#e36209} + /* Dark theme */ + html.dark{background:#141413;--tc:#141413;--accent:#E07A5F;--accent-hover:#F4A594;color:#e8e8e8} + html.dark a{color:var(--accent);text-decoration:underline} + html.dark a:visited{color:var(--accent)} + html.dark a:hover{color:var(--accent-hover)} + html.dark header>div>span>a{text-decoration:none}html.dark header>div>span>a:hover{text-decoration:underline} + html.dark p,html.dark ul,html.dark ol,html.dark .desc{color:#a0a0a0} + html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5,html.dark h6{color:#fff} + html.dark strong{color:#fff}html.dark header strong{color:var(--accent)} + html.dark blockquote{border-left:3px solid var(--accent);color:#a0a0a0} + html.dark img[src$=".svg"],html.dark nav svg,html.dark .theme svg,html.dark footer svg{filter:invert(1)} + html.dark pre,html.dark article>img,html.dark article>p>img{background:#1e1e1d} + html.dark code{background:#1e1e1d;color:#e8e8e8} + html.dark hr{border-color:#2a2a29} + /* Dark syntax highlighting */ + html.dark .z-comment{color:#8b949e;font-style:italic}html.dark .z-keyword{color:#ff7b72}html.dark .z-string{color:#a5d6ff}html.dark .z-number{color:#79c0ff}html.dark .z-function{color:#d2a8ff}html.dark .z-type{color:#79c0ff}html.dark .z-constant{color:#79c0ff}html.dark .z-variable{color:#ffa657}html.dark .z-attribute{color:#d2a8ff}html.dark .z-tag{color:#7ee787}html.dark .z-operator{color:#ff7b72}html.dark .z-punctuation{color:#c9d1d9}html.dark .z-builtin{color:#d2a8ff}html.dark .z-label{color:#79c0ff}html.dark .z-namespace{color:#ffa657} + /* Shared styles */ + a.active{color:var(--accent)} + a:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px} + hr{border:0;border-top:1px solid;clear:both;margin:1.5rem 0} + blockquote{border-left:3px solid var(--accent);padding-left:1.25rem;font-style:italic} + .skip-link{position:absolute;top:-100%;left:0;padding:.5rem 1rem;background:var(--accent);color:#fff;z-index:1000}.skip-link:focus{top:0} + </style> + <meta name="theme-color" id="tc"><script>(function(){var m=matchMedia('(prefers-color-scheme:dark)'),t=localStorage.theme||(m.matches?'dark':'light'),h=document.documentElement,c=document.getElementById('tc');h.className=t;function u(){c.content=getComputedStyle(h).getPropertyValue('--tc')}u();window.T=function(){t=t==='dark'?'light':'dark';localStorage.theme=t;h.className=t;u()}})()</script> + +</head> +<body> + <a href="#main" class="skip-link">Skip to content</a> + + <header> + <div style="display:flex;justify-content:space-between;align-items:center"> + <span class="header-brand"><a href="https://urbanecologycollective.org"><strong>Urban Ecology Collective</strong></a></span> + <a href="#" onclick="T();return false" class="theme" aria-label="Toggle theme" title="Toggle theme"><img src="/icons/light.svg" alt="Light mode"><img src="/icons/asleep.svg" alt="Dark mode"></a> + </div> + <hr> + <nav> + <a href="https://urbanecologycollective.org/">home</a> + <a href="https://urbanecologycollective.org/wiki/">wiki</a> + </nav> </header> - - -<div class="toc-container"> - <h2>Table of contents</h2> - <ul> - - <li> - <a href="https://urbanecologycollective.org/blog/native-plant-garden/#learning">Learning</a> - - <ul> - - <li><a href="https://urbanecologycollective.org/blog/native-plant-garden/#reading">Reading</a></li> - - <li><a href="https://urbanecologycollective.org/blog/native-plant-garden/#observing">Observing</a></li> - - <li><a href="https://urbanecologycollective.org/blog/native-plant-garden/#designed-plant-communities">Designed plant communities</a></li> - - </ul> - - </li> - - <li> - <a href="https://urbanecologycollective.org/blog/native-plant-garden/#community-gardens">Community gardens</a> - - <ul> - - <li><a href="https://urbanecologycollective.org/blog/native-plant-garden/#the-nature-of-community-gardens">The nature of community gardens</a></li> - - <li><a href="https://urbanecologycollective.org/blog/native-plant-garden/#our-garden">Our garden</a></li> - - </ul> - - </li> - - <li> - <a href="https://urbanecologycollective.org/blog/native-plant-garden/#planning-and-planting">Planning and planting</a> - - <ul> - - <li><a href="https://urbanecologycollective.org/blog/native-plant-garden/#site-selection">Site selection</a></li> - - <li><a href="https://urbanecologycollective.org/blog/native-plant-garden/#soil-testing">Soil testing</a></li> - - <li><a href="https://urbanecologycollective.org/blog/native-plant-garden/#plant-selection">Plant selection</a></li> - - <li><a href="https://urbanecologycollective.org/blog/native-plant-garden/#plant-layout">Plant layout</a></li> - - <li><a href="https://urbanecologycollective.org/blog/native-plant-garden/#site-preparation">Site preparation</a></li> - - <li><a href="https://urbanecologycollective.org/blog/native-plant-garden/#buying-the-plants">Buying the plants</a></li> - - <li><a href="https://urbanecologycollective.org/blog/native-plant-garden/#site-installation">Site installation</a></li> - - <li><a href="https://urbanecologycollective.org/blog/native-plant-garden/#post-installation">Post-installation</a></li> - - </ul> - - </li> - - </ul> -</div> - - - <div class="post-content"> - <p>When I first joined Green Oasis Community Garden in 2024, I had essentially zero knowledge of gardening. More than that, I didn’t really understand what the <em>purpose</em> of a public garden was. Was it supposed to be an artistic expression of the gardeners? Provide beauty for the community? Or perhaps offer a refuge from the concrete jungle? How do we choose what sort of plants to plant?</p> + <hr> + <main id="main"> + <h1>Designing a Native Plant Garden</h1> +<p>When I first joined Green Oasis Community Garden in 2024, I had essentially zero knowledge of gardening. More than that, I didn’t really understand what the <em>purpose</em> of a public garden was. Was it supposed to be an artistic expression of the gardeners? Provide beauty for the community? Or perhaps offer a refuge from the concrete jungle? How do we choose what sort of plants to plant?</p> <p>Over the last two years, through a great deal of reading, conversation, and visits to other gardens, the concepts of “community” and “garden” started to merge. A “community” began to include not just the human garden members, but also the plants, insects, birds, other wildlife, and even the microbes in the soil. At the same time, the “garden” began to include the human gardeners themselves, not as external imposers of will, but as just another part of the ecosystem. The focus was no longer only on <em>which</em> plants and animals and humans are in the garden, but on how they <em>relate</em> to each other spatially, temporally, ecologically, and communally.</p> <p>In order to provide food and shelter for wildlife, as well as beauty and education for humans, we decided to create a new native plant garden at Green Oasis. Native plants are those plants that are indigenous to the area, which have co-evolved with the local fauna for millions of years.</p> <p><img src="https://urbanecologycollective.org/blog/native-plant-garden/pond.webp" alt="Garden" /></p> @@ -233,19 +235,15 @@ One great benefit of planting in the fall is that we don’t have to water that <p>Our most important task for the next year is regular and thorough weeding, at least every few weeks. Other than that, we can think about higher level concerns. Are the groundcovers filling in nicely, or do they need to be supplemented? Are the flowers providing continuous bloom throughout the year or does the composition need to be amended? In a few years, we can consider whether we need to do a cutback in spring to preserve visual legibility (however, we’ll try to leave it alone if possible in order to preserve wildlife habitat). We will be sure to observe our visiting bees, butterflies, birds, and other pollinators and wildlife, as well as create more educational material to share our work and learnings with the community.</p> <p>Any questions or comments can be emailed to surya at modalduality dot org. If you’re ever in the New York area, come visit us at Green Oasis Community Garden in the East Village! We’re open weekends and have many <a rel="external" href="https://www.greenoasisnyc.org/events">exciting events</a> including theatre, concerts, and volunteer workdays.</p> - </div> - +</main> + <hr> + <footer class="s"> + + <span>Feeds: <a href="https://urbanecologycollective.org/atom.xml">Atom</a> · <a href="https://urbanecologycollective.org/rss.xml">RSS</a></span> + </footer> -</article> - - </main> - - <footer> - <!-- <hr> --> -<!-- <div id="footer-container"> --> -<!-- <p>Made using <a target="_blank" rel="noopener noreferrer" href="https://github.com/Speyll/anemone">anemone</a> Zola theme</p> --> -<!-- </div> --> - - </footer> + + + <script>document.querySelectorAll('article img[srcset]').forEach(i=>{if(i.closest('a'))return;i.style.cursor='pointer';i.onclick=()=>{let d=document.createElement('div'),s=i.srcset.split(',').pop().trim().split(' ')[0];d.className='lb';d.innerHTML='<img src="'+s+'">';document.body.style.overflow='hidden';d.onclick=()=>{d.remove();document.body.style.overflow=''};document.body.appendChild(d)}})</script> </body> </html> |