-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
221 lines (220 loc) · 13.2 KB
/
index.html
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; CHARSET=utf-8"/>
<title>Adopt-a-Tree</title>
<link href="bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic' rel='stylesheet' type='text/css'/>
<link href="style.css?v=2" rel="stylesheet" type="text/css"/>
</head>
<body class="greenovate-green">
<div class="container">
<div class="row-fluid">
<div class="span8">
<div class="hero-unit greenovate-yellow">
<img src="Tree_Drawing.png" style="float:right;margin:5px;width:100px;"/>
<h1>Adopt-a-Tree</h1>
<p>Help a young street tree get established</p>
</div>
</div>
<div class="span4 centered">
<img class="logo" alt="Greenovate Boston" title="Greenovate Boston" src="http://greenovateboston.org/wp-content/themes/greenovateboston/img/logo_big.png"/>
</div>
</div>
<div class="row-fluid">
<div class="span8">
<em id="alert">We'll be updating this website frequently going forward - stay tuned!</em>
<h3>The Urban Forest</h3>
<p>Increasing Boston's urban forest will benefit city residents through environmental and aesthetic improvements. City trees enrich the lives of all residents by providing
<a href="http://www.actrees.org/files/Research/benefits_of_trees.pdf" target="_blank">many benefits</a>,
including: beautification of city streets, providing a respite on hot summer days, improved air and water quality, and offsetting our carbon emissions.</p>
<p>Boston currently has 29% tree canopy coverage across the city's many neighborhoods.
<a href="http://greenovateboston.org/" target="_blank">Greenovate Boston</a> and the
<a href="http://www.growbostongreener.org/gbg/" target="_blank">Grow Boston Greener</a> campaign aim to increase Boston's tree canopy to 35% by 2030.</p>
<p>The City is planting a lot of new trees each year, but newly planted trees have a difficult time getting established in a tough urban environment. With your help, the City of Boston's young street trees have a better chance of survival.</p>
<p>In order to help the young street trees reach a mature state, the City needs help from individuals, businesses, and organizations. Continue reading to learn how <strong>you can help Boston's urban forest grow!</strong></p>
<h3>Tree Care Tips</h3>
<p>By helping to water and care for a young street tree, you can help build a healthy tree canopy on your street. Some quick tips are listed below, but be sure to download the tree care guide for more detailed advice.</p>
<p><em>Water Weekly</em><br/>
Newly planted trees should be watered from May to October. They need 10 gallons once a week and twice as much in hot months like July and August. As a young tree, your adopted tree should have a "gator bag" around it - a green bag around the trunk of the tree. Fill it to the brim! Water the tree all at once during the week, instead of in bits.</p>
<p><em>Tend to the Tree Pit</em><br/>
Four tips:
<ol>
<li>Tree pits need to be cleared of trash and animal waste. Dog urine is especially bad for the tree because it leads to a chemical imbalance in the soil!</li>
<li>The top three inches of soil should be loosened. But don't go below three inches, which might damage the tree roots!</li>
<li>A thin layer of mulch will help keep the tree roots moist, and protect the tree from the elements. Mulch out, not up, in a donut shape around the tree.</li>
<li>In the spring, sweep away mulch that hasn't decomposed to get rid of the winter salt that can get stuck in the soil. Rinse the tree trunk with water.</li>
</ol>
</p>
<p><em>Protect</em><br/>
<ul>
<li>Placing a protective barrier around the tree pit will help to contain mulch and keep people and pets from walking across the tree pit.</li>
<li>Keep an eye out for invasive insects like the <a href="http://en.wikipedia.org/wiki/Asian_long-horned_beetle">Asian Long-horned Beetle</a> and the <a href="http://en.wikipedia.org/wiki/Emerald_ash_borer">Emerald Ash Borer</a></li>
</ul>
</p>
<p><em>Helpful Tools</em><br/>
Some helpful tools include: a shovel, soil cultivator, gardening gloves, hose or watering can.</p>
<p><em>Workshops</em><br/>
Tree care workshops will be offered in the spring and fall through the <a href="http://www.bostonnatural.org/trees_and_orchards.htm" target="_blank">Boston Natural Areas Network</a>.</p>
<br/>
<a href="TreeCareGuide.pdf" class="btn btn-success greenovate-green">Download Tree Care Guide</a>
</div>
<div class="span4">
<div class="well">
<h4>Get Connected:</h4>
<p>The organizations listed below have a common goal of Growing Boston Greener. Connect with organizations in your community to learn more about other ways to help green your neighborhood. Those marked with a * are Adopt-a-Tree pilot communites/pilot organizations for Fall of 2013.</p>
<strong>Citywide</strong><br/>
<ul>
<li><a href="http://www.bostonnatural.org/index.htm" target="_blank">Boston Natural Areas Network* (Mattapan City Natives site)</a></li>
<li><a href="http://www.healthytreeshealthycities.org/cities/boston" target="_blank">The Nature Conservancy</a></li>
<li><a href="http://www.growbostongreener.org/gbg/" target="_blank">Grow Boston Greener</a></li>
</ul>
<strong>Back Bay</strong><br/>
<ul>
<li><a href="http://www.gardenclubbackbay.org/" target="_blank">Garden Club of the Back Bay</a></li>
</ul>
<strong>Jamaica Plain</strong><br/>
<ul>
<li><a href="http://gatewaytothearborway.blogspot.com/" target="_blank">Arborway Coalition</a></li>
</ul>
<strong>Roslindale*</strong><br/>
<ul>
<li><a href="http://www.greeningrozzie.org/" target="_blank">GreeningRozzie*</a></li>
<li><a href="http://www.roslindalegreenandclean.org/" target="_blank">Roslindale Green and Clean*</a></li>
</ul>
<strong>Roxbury</strong><br/>
<ul>
<li><a href="http://franklinparkcoalition.org" target="_blank">Franklin Park Coalition</a></li>
</ul>
<strong>South Boston*</strong><br/>
<ul>
<li><a href="http://southietrees.techboston.com/" target="_blank">Southie Trees*</a></li>
</ul>
<p>To become an ambassador organization email <a href="mailto:info@greenovateboston.org">info@greenovateboston.org</a></p>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<h3>Adopt a Tree</h3>
<p>Are you ready to help a newly planted street tree get established in your neighborhood? Use the map to help you locate a young street tree near you! Then click the Adopt Your Tree button below to make a commitment to care for your tree by watering it weekly and tending to the tree pit. Can't find your tree? Click Add a New Tree at the bottom. Our three pilot neighborhoods are South Boston, Mattapan, and Roslindale, where adopters will be supported by our neighborhood partners: Boston Natural Areas Network, Roslindale Green and Clean and Greening Rozzie, and Southie Trees. Be sure that it's a street/sidewalk tree planted by the City of Boston and a young tree that needs your help!</p>
<div id="map">
</div>
<br/>
<i>This map includes City of Boston tree plantings from 2008-present.</i>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="tinybox2.js"></script>
<script type="text/javascript" src="app.js?v=8"></script>
<br/>
<button id="adoptme" class="btn btn-success greenovate-green disabled" onclick="alert('Select a tree on the map first!')">Adopt Your Tree!</button>
<button class="btn btn-success greenovate-green" onclick="addTreeMarker()">Add New Tree</button>
<br/>
<p><em>Request a Tree!</em> Check that the location meets the
<a href="http://www.cityofboston.gov/Parks/StreetTrees/seasonal.asp" target="_blank">street tree requirements</a>
then request a tree planting by calling the Park Line at (617) 635-PARK.
</p>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<h3>Share That You Care</h3>
<p>Show others how you are helping Boston's urban forest grow!</p>
<h4>Send in Your Pictures</h4>
<p>Send in a picture of you and your tree. Make sure the picture shows the beautifully maintained tree pit and your watering method of choice. Inspire others with your creativity. Email your pictures to <a href="mailto:info@greenovateboston.org">info@greenovateboston.org</a></p>
<ul class="thumbnails">
<li>
<a href="#" class="thumbnail">
<img src="http://distilleryimage3.s3.amazonaws.com/27a0d4b6bc2511e294a422000a1f9874_5.jpg"/>
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://distilleryimage3.s3.amazonaws.com/27a0d4b6bc2511e294a422000a1f9874_5.jpg"/>
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://distilleryimage3.s3.amazonaws.com/27a0d4b6bc2511e294a422000a1f9874_5.jpg"/>
</a>
</li>
<li>
<a href="#" class="thumbnail">
<img src="http://distilleryimage3.s3.amazonaws.com/27a0d4b6bc2511e294a422000a1f9874_5.jpg"/>
</a>
</li>
</ul>
</div>
</div>
</div>
<div id="adoptformtemp">
<div class="form-container">
<h4>Adopt a Tree - <span class="treetype"></span> @ <span class="treeaddress capitalized"></span></h4>
<p>Thank you for your interest in caring for a young street tree. With your help this young tree will thrive in its new urban environment.</p>
<form class="form-horizontal" action="http://adoptatree.herokuapp.com/add.php" method="POST">
<h4>Your Information</h3>
<div class="control-group">
<label class="control-label">Name</label>
<div class="controls">
<input name="yourname" type="text" value=""/>
</div>
</div>
<div class="control-group">
<label class="control-label">Name on Website</label>
<div class="controls">
<input name="signname" type="text" value=""/>
</div>
</div>
<div class="control-group">
<label class="control-label">Email Address</label>
<div class="controls">
<input name="email" type="text" value=""/>
</div>
</div>
<div class="control-group">
<label class="control-label">Address</label>
<div class="controls">
<input name="address" type="text" value=""/>
</div>
</div>
<div style="display:none;">
<h4>Tree Information</h3>
<div class="control-group">
<input type="hidden" class="newtree" name="newtree" value=""/>
<input type="hidden" class="treeaddress" name="treeaddress" value=""/>
<span class="treeaddress input uneditable-input"></span>
<br/>
<input type="hidden" class="treetype" name="treetype" value=""/>
<span class="treetype input uneditable-input"></span>
<br/>
<input type="hidden" class="latin" name="latin" value=""/>
<span class="latin input uneditable-input hide"></span>
<br/>
<input type="hidden" class="bday" name="bday" value=""/>
<span class="bday input uneditable-input hide"></span>
</div>
</div>
<h4>Commitment</h3>
<p>By adopting this tree, I am making a commitment to:
<ul>
<li>Water weekly</li>
<li>Tend to the tree pit</li>
</ul>
I may also choose to plant small flowers in the tree pit and provide a tree guard for protection.
<br/>
I understand that this tree and the tree pit remain the property of the City of Boston.
</p>
<label><input type="checkbox" class="commit"/> I accept</label>
<!--
<h4>Disclaimer</h3>
<p>The City of Boston retains the right to...</p>
<input type="checkbox" class="disclaimer"/>
-->
</form>
<hr/>
<button class="btn btn-primary pull-right" onclick="makeAdopt()">Adopt</button>
<button class="btn pull-right" onclick="cancelWindow()">Cancel</button>
<div style="clear:both;"></div>
</div>
</div>
</body>
</html>