blob: 203b9bd9d79fde5911ee82ea348e19ad2f7ddcb4 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<script type="text/javascript" src="js/garden.js"></script>
<link href="css/garden.css" rel="stylesheet">
</head>
<body>
<div id="container" class="container">
<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>
</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>
|
