-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
255 lines (197 loc) · 14.1 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
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<!DOCTYPE html>
<html>
<head>
<title>Forestlife</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- import the webpage's stylesheets -->
<link rel="stylesheet" href="style.css" />
<!-- link the webpage's JavaScript file -->
<script src="script.js" defer></script>
</head>
<body>
<nav>
</nav>
<header>
<h1>Forestlife</h1>
<p id ="header-description">Walk through the four stages of a Californian Riparian forest after a forest fire. Advance through the stages by answering trivia questions. As you go through each stage, you learn more about the fundamental stages of each forest: Stand Initiation, Stem Exclusion, Understory Reinitiation, and Old Growth.</p>
</header>
<main>
<!--//STAGE 1-->
<h2>1) Stand Initiation</h2>
<p>The <mark>Stand Initiation Stage</mark> is the first stage after a major disturbance, and in this case, a forest fire. Within this stage, there is regeneration of open space from seed sprouts. Also known as the bushy stage, Stand Initiation is characterized by shrubs and tree sprouts. This invasion of shrubs and tree sprouts continues until all growing space is occupied.</p>
<img src="https://github.com/kyraoe/Forestlife/blob/main/Fresh%20Forestry%20Practices%20App%20Front%20Page%20(6).png?raw=true">
<!--//STAGE 1: SECTION 1-->
<h3>Restoration of Riparian Forests</h3>
<!--// Image-->
<div>
<p>The goal of Riparian restoration is to reach the Fully Functional developmental stage of riparian forests. This is a traditionally slow process that can take up to 400 years. </p>
<br></br>
<img src="https://besjournals.onlinelibrary.wiley.com/cms/asset/7fc733ab-91c3-41b3-8367-a04858029506/jpe13280-fig-0001-m.jpg">
<br></br>
<p>Optimal Riparian forest functioning requires three primary characteristics: <b>large conifer trees, a complex stand structure, and diverse species composition.</b> In Riparian forests, long-living tree species provide stability and support stream banks, channels, and floodplains. </p>
<p>Large trees are <u>essential</u> for effective restoration as they provide critical structure and prevent erosion of soil and water-banks.</p>
</div>
<br>
<div id="stage1-question1" class="question-box"></div>
<button id="stage1-question1-submit">Submit</button>
<br></br>
<div id="stage1-question1-result" class="result"></div>
<br></br>
<!--//STAGE 1: SECTION 2-->
<h3>The Biggest Threats to Riparian Zones at Sierra Nevada</h3>
<!--// Image-->
<div>
<p><b>Climate Change</b>: Climate change is bringing warmer temperatures and drier conditions, as well as potential shifts in the amount and timing of precipitation. Warmer and drier conditions also stress native riparian plant communities while giving a competitive advantage to some invasive plants.</p>
<p><b>Non-Native Invase Plants</b>: The invasion of non-native plants is one of the <mark>largest stressors of riparian zones.</mark></p>
<br></br>
<img src="https://forests.berkeley.edu/sites/forests.berkeley.edu/files/do.png">
<figcaption>Caption goes here</figcaption>
<br></br>
</div>
<br></br>
<div id="stage1-question2" class="question-box"></div>
<button id="stage1-question2-submit">Submit</button>
<br></br>
<div id="stage1-question2-result" class="result"></div>
<br></br>
<!--STAGE 1: SECTION 3-->
<h3>The Importance of Riparian Zones in California</h3>
<!--// Image-->
<div>
<p>Riparian zones are well known for influencing many ecological processes at local to landscape scales, and fire can have an important ecosystem-scale influence on them.</p>
<p>Furthermore, Riparian zones can act as a buffer against fire and therefore as a refuge for fire-sensitive species. </p>
</div>
<br></br>
<div id="stage1-question3" class="question-box"></div>
<button id="stage1-question3-submit">Submit</button>
<br></br>
<div id="stage1-question3-result" class="result"></div>
<br></br>
<!--//STAGE 2-->
<h2>2) Stem Exclusion</h2>
<p>This stage occurs as soon as all growing space is occupied and new plants are excluded from regenerating. At first, the different trees occupy a single layer, or stratum—a condition referred to as the “Brushy Stage." Within Stem Exclusion, the canopy is too dense to allow new saplings to grow in the canopy, and the canopy continues to have one cohort. Competition is intense and density-dependent. The Stem Exclusion Stage is characterized by growth, competition, and mortality produced spatial adjustments.</p>
<img src="https://github.com/kyraoe/Forestlife/blob/main/Fresh%20Forestry%20Practices%20App%20Front%20Page%20(8).png?raw=true">
<!--//STAGE 2: SECTION 1-->
<h3>The Area of the World's Forests</h3>
<!--// Image-->
<div>
<p>According to <a href="https://ourworldindata.org/forest-area#:~:text=10%25%20of%20the%20world%20is,%25)%20of%20habitable%20land%20area.">Our World in Data</a>, 10% of the world is covered by glaciers, and a further 19% is barren land – deserts, dry salt flats, beaches, sand dunes, and exposed rocks, and forests account for a little over one-third (38%) of habitable land area.</p>
</div>
<br></br>
<div id="stage2-question1" class="question-box"></div>
<button id="stage2-question1-submit">Submit</button>
<br></br>
<div id="stage2-question1-result" class="result"></div>
<br></br>
<!--//STAGE 2: SECTION 2-->
<h3>Automobile Carbon Dioxide Emissions</h3>
<!--// Image-->
<div>
<p>According to the <a href="https://www.epa.gov/greenvehicles/greenhouse-gas-emissions-typical-passenger-vehicle#:~:text=typical%20passenger%20vehicle%3F-,A%20typical%20passenger%20vehicle%20emits%20about%204.6%20metric%20tons%20of,8%2C887%20grams%20of%20CO2.">EPA</a>, a typical passenger vehicle emits about 4.6 metric tons of carbon dioxide per year, assuming the average gasoline vehicle on the road today has a fuel economy of about 22.0 miles per gallon and drives around 11,500 miles per year, and every gallon of gasoline burned creates about 8,887 grams of CO2</p>
</div>
<br></br>
<div id="stage2-question2" class="question-box"></div>
<button id="stage2-question2-submit">Submit</button>
<br></br>
<div id="stage2-question2-result" class="result"></div>
<br></br>
<!--//STAGE 2: SECTION 3-->
<h3>Carbon Sequestration</h3>
<!--// Image-->
<div>
<p>According to the <a href="https://www.nps.gov/articles/000/uerla-trees-carbon-storage.htm#:~:text=Trees%20reduce%20the%20amount%20of,and%20health%20of%20the%20trees.">U.S. National Park Service</a>, trees reduce the amount of carbon in the atmosphere by sequestering carbon in new growth every year. As a tree grows, it stores more carbon by holding it in its accumulated tissue. </p>
</div>
<br></br>
<div id="stage2-question3" class="question-box"></div>
<button id="stage2-question3-submit">Submit</button>
<br></br>
<div id="stage2-question3-result" class="result"></div>
<br></br>
<!--//STAGE 3-->
<h2>3) Understory Reinitiation</h2>
<p>This stage occurs as soon as all growing space is occupied and new plants are excluded from regenerating. At first, the different trees occupy a single layer, or stratum—a condition referred to as the <mark>Brushy Stage</mark>. Within Stem Exclusion, the canopy is <u>too dense to allow new saplings to grow in the canopy</u>, and the canopy continues to have one cohort. Competition is intense and <u>density-dependent</u>. The <mark>Stem Exclusion Stage</mark> is characterized by growth, competition, and mortality produced spatial adjustments.</p>
<img src="https://github.com/kyraoe/Forestlife/blob/main/Fresh%20Forestry%20Practices%20App%20Front%20Page%20(9).png?raw=true">
<!--//STAGE 3: SECTION 1-->
<h3>Wood Fuel & Renewable Energy</h3>
<!--// Image-->
<div>
<p>According to the <a href="https://www.fao.org/forestry/energy/en/">Food and Agriculture Organization</a>, wood is considered humankind's very first source of energy. Today it is still the most important single source of renewable energy providing about 6 percent of the global total primary energy supply.</p>
</div>
<br></br>
<div id="stage3-question1" class="question-box"></div>
<button id="stage3-question1-submit">Submit</button>
<br></br>
<div id="stage3-question1-result" class="result"></div>
<br></br>
<!--//STAGE 3: SECTION 2-->
<h3>Polyester & Greenhouse Gases</h3>
<!--// Image-->
<div>
<p>According to <a href="https://www.bloomberg.com/graphics/2022-fashion-industry-environmental-impact/#:~:text=The%20Environmental%20Impact,dioxide%2C%20triple%20that%20of%20cotton.">Bloomberg</a>, For one, polyester requires a large amount of energy to produce. In 2015, polyester production for clothing emitted 282 billion tons of carbon dioxide, triple that of cotton.</p>
</div>
<br></br>
<div id="stage3-question2" class="question-box"></div>
<button id="stage3-question2-submit">Submit</button>
<br></br>
<div id="stage3-question2-result" class="result"></div>
<br></br>
<!--//STAGE 3: SECTION 3-->
<h3>Paper Products</h3>
<!--// Image-->
<div>
<p>According to World Wildlife, irresponsible harvesting from natural forests, and establishment of pulp plantations on converted natural forests, can threaten fragile ecosystems and species, and cause soil erosion.</p>
</div>
<br></br>
<div id="stage3-question3" class="question-box"></div>
<button id="stage3-question3-submit">Submit</button>
<br></br>
<div id="stage3-question3-result" class="result"></div>
<br></br>
<!--//STAGE 4-->
<h2>4) Old Growth</h2>
<p>This stage occurs as soon as all growing space is occupied and new plants are excluded from regenerating. At first, the different trees occupy a single layer, or stratum—a condition referred to as the “Brushy Stage." Within Stem Exclusion, the canopy is too dense to allow new saplings to grow in the canopy, and the canopy continues to have one cohort. Competition is intense and density-dependent. The Stem Exclusion Stage is characterized by growth, competition, and mortality produced spatial adjustments.</p>
<img src="https://github.com/kyraoe/Forestlife/blob/main/Fresh%20Forestry%20Practices%20App%20Front%20Page%20(10).png?raw=true">
<!--//STAGE 4: SECTION 1-->
<h3>Climate Change & The Effects on Forestry</h3>
<!--// Image-->
<div>
<p>According to CT.gov, Forest productivity is changing as a result of our warming climate. With warmer temperatures lasting longer, our plants have a longer growing season and more time to photosynthesize.</p>
</div>
<br></br>
<div id="stage4-question1" class="question-box"></div>
<button id="stage4-question1-submit">Submit</button>
<br></br>
<div id="stage4-question1-result" class="result"></div>
<br></br>
<!--//STAGE 4: SECTION 2-->
<h3>Deforestation</h3>
<!--// Image-->
<div>
<p>Deforestation is the purposeful clearing of forested land.</p>
</div>
<br></br>
<div id="stage4-question2" class="question-box"></div>
<button id="stage4-question2-submit">Submit</button>
<br></br>
<div id="stage4-question2-result" class="result"></div>
<br></br>
<!--//STAGE 4: SECTION 3-->
<h3>Greenhouse Gas Emissions</h3>
<!--// Image-->
<div>
<p>Greenhouse gases act like a blanket around Earth, trapping energy in the atmosphere and causing it to warm.</p>
<p>The majority of greenhouse gases come from burning fossil fuels, so cutting down on fossil fuel usage would significantly reduce the adverse effects of climate change. Fortunately, renewable energy is on the rise, providing a way to produce energy without releasing greenhouse gases.</p>
</div>
<br></br>
<div id="stage4-question3" class="question-box"></div>
<button id="stage4-question3-submit">Submit</button>
<br></br>
<div id="stage4-question3-result" class="result"></div>
<br></br>
</main>
<footer>
</footer>
</body>
</html>