summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorDavid Thompson <dthompson@vistahigherlearning.com>2022-01-22 18:11:06 -0500
committerDavid Thompson <dthompson@vistahigherlearning.com>2022-01-22 18:11:06 -0500
commitd445a346dc578d6078191931064fc915c1bad78b (patch)
tree4a5a1ade4abb99a60326eae248a7228c3096d5a2 /index.html
parente258aaa656e9dcc3b61341ddf00e1ba7815b23a7 (diff)
Make it so you can open/close sections of the page.
Diffstat (limited to 'index.html')
-rw-r--r--index.html125
1 files changed, 69 insertions, 56 deletions
diff --git a/index.html b/index.html
index c3aa1ae..203b9bd 100644
--- a/index.html
+++ b/index.html
@@ -7,63 +7,76 @@
</head>
<body>
<div id="container" class="container">
- <h1>Intensive Vegetable Garden Scheduler</h1>
- <p>
- This handy tool helps plan your intensively planted, organic,
- no-dig, home vegetable garden. Just select your first and
- last frost dates and a planting schedule will be generated for
- you. Click on a crop's name to view additional details about
- that crop.
- </p>
- <p>
- The algorithm works by using generalized information about
- different types of crops such as average weeks to maturity,
- whether direct sowing or transplanting is preferred, weeks
- between plantings for continuous harvests, when and how a fall
- crop should be planted (if applicable), etc. Such
- generalizations could never hope to capture the true
- complexity of growing vegetables, but it should serve as a
- useful reference point so that you don't get lost in the weeds
- during the growing season and forget to sow the next crop of
- bush beans.
- </p>
- <p>
- This planner works best for gardeners located in the nothern
- areas of the northern hemisphere (USDA zone 7 and below)
- where we need to start many summer crops indoors and cannot
- harvest during winter without season extension. All planting
- dates are made under the assumption that no season extension
- techniques are being applied.
- </p>
- <p>
- <a href="https://git.dthompson.us/intensive-garden-planner.git">Source
- code</a> is available under the GNU Affero General Public
- License version 3 or later. Perhaps you'd like to add a new
- crop or fix a bug?
- </p>
- <h2>Configuration</h2>
- <div>
- <label for="last-frost-date">Last frost date:</label>
- <input name="last-frost-date" type="date"></input>
- </div>
- <div>
- <label for="first-frost-date">First frost date:</label>
- <input name="first-frost-date" type="date"></input>
- </div>
- <h2>Schedule</h2>
- <div>
- <h3>Key</h3>
- <ul>
- <li><img src="images/start-indoors.svg" class="key"/>: start seeds indoors</li>
- <li><img src="images/direct-sow.svg" class="key"/>: direct sow outdoors</li>
- <li><img src="images/transplant.svg" class="key"/>: transplant outdoors</li>
- </ul>
- <div class="table-container">
- <table id="schedule"></table>
+ <h1>Intensive Vegetable Garden Planner</h1>
+ <section>
+ <h2>Introduction</h2>
+ <div class="section-container">
+ <p>
+ This handy tool helps plan your intensively planted,
+ organic, no-dig, home vegetable garden. Just select your
+ first and last frost dates and a planting schedule will be
+ generated for you. Click on a crop's name to view
+ additional details about that crop.
+ </p>
+ <p>
+ The algorithm works by using generalized information about
+ different types of crops such as average weeks to maturity,
+ whether direct sowing or transplanting is preferred, weeks
+ between plantings for continuous harvests, when and how a fall
+ crop should be planted (if applicable), etc. Such
+ generalizations could never hope to capture the true
+ complexity of growing vegetables, but it should serve as a
+ useful reference point so that you don't get lost in the
+ weeds during the growing season and forget to sow the next
+ crop of bush beans.
+ </p>
+ <p>
+ This planner works best for gardeners located in the nothern
+ areas of the northern hemisphere (USDA zone 7 and below)
+ where we need to start many summer crops indoors and cannot
+ harvest during winter without season extension. All planting
+ dates are made under the assumption that no season extension
+ techniques are being applied.
+ </p>
+ <p>
+ <a href="https://git.dthompson.us/intensive-garden-planner.git">Source
+ code</a> is available under the GNU Affero General Public
+ License version 3 or later. Perhaps you'd like to add a new
+ crop or fix a bug?
+ </p>
</div>
- </div>
- <h2>Week-by-week instructions</h2>
- <div id="instructions"></div>
+ </section>
+ <section>
+ <h2>Configuration</h2>
+ <div class="section-container">
+ <div>
+ <label for="last-frost-date">Last frost date:</label>
+ <input name="last-frost-date" type="date"></input>
+ </div>
+ <div>
+ <label for="first-frost-date">First frost date:</label>
+ <input name="first-frost-date" type="date"></input>
+ </div>
+ </div>
+ </section>
+ <section>
+ <h2>Schedule</h2>
+ <div class="section-container">
+ <h3>Key</h3>
+ <ul>
+ <li><img src="images/start-indoors.svg" class="key"/> start seeds indoors</li>
+ <li><img src="images/direct-sow.svg" class="key"/> direct sow outdoors</li>
+ <li><img src="images/transplant.svg" class="key"/> transplant outdoors</li>
+ </ul>
+ <div class="table-container">
+ <table id="schedule"></table>
+ </div>
+ </div>
+ </section>
+ <section>
+ <h2>Week-by-week instructions</h2>
+ <div id="instructions" class="section-container"></div>
+ </section>
</div>
</body>
</html>