summaryrefslogtreecommitdiff
path: root/index.html
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>