-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
237 lines (207 loc) · 8.42 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
<!DOCTYPE html>
<html lang="en">
<head>
<!--Chase Klotter 8/20/2023--><!--https://github.com/PDXPCs/DamSite.git-->
<meta name="keywords" content="Google, Bing, Yahoo, Dams, Salmon, Fish, Rivers, Water, Dam, Army Corps of Engineers, Snake River, Lower Snake River, Klamath River, Klamath,
California, Oregon, Washington, Elwha, Provo, Utah, Columbia River, Dams Removal, Habitat Restoration, River Restoration, Ecosystem Rehabilitation,
Environmental Conservation, Fish Passage, Wetland Restoration, Stream Restoration, Riparian Habitat, Watershed Restoration, Biodiversity Conservation,
Ecological Revitalization, Natural Resource Management, Sustainable Water Management, Wildlife Habitat Enhancement, Hydroelectric Dam Removal, Ecological
Renewal, Dam Decommissioning, Riverine Ecology, Aquatic Habitat Restoration, Dam Mitigation, Conservation Biology, Streambank Stabilization, Freshwater
Ecosystem Restoration, Native Planting, Water Quality Improvement, Dam Impact Assessment, Riparian Buffer Zones, Invasive Species Control, Community Engagement">
<meta charset="UTF-8">
<title>Dam-archy In The USA</title>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2002662229764507"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="main-style.css">
<style>
.elwha {
margin: 0;
padding: 0;
display: inline-block;
}
.header-h4 {
text-align: center;
}
.body-d {
background-color: indigo;
border: solid rgb(49, 0, 84);
}
figcaption {
font-size: 70%;
}
blockquote {
margin: 0;
padding: 0;
padding-top: 1%;
}
h2,
h3,
h4 {
margin: 0;
padding: 0;
}
table,
tr,
th,
td {
border: solid;
}
table {
background-color: indigo;
border-color: rgb(49, 0, 84);
border-width: 5px;
}
td {
border-width: 1px;
border-color: greenyellow;
}
table {
margin-top: 1%;
}
tfoot {
font-size: 80%;
}
.foot {
border: none;
}
/*regular css above!*/
/*grid layout below!*/
section#a {
grid-area: a;
margin: auto;
padding: 0;
background-color: indigo;
border: solid rgb(49, 0, 84);
}
section#b {
grid-area: b;
width: 100%;
}
section#c {
grid-area: c;
width: 100%;
}
section#d {
grid-area: d;
width: 100%;
}
section#e {
grid-area: e;
}
section#f {
grid-area: f;
}
.grid-container {
display: grid;
grid-template-areas:
"e a a f"
"e a a f"
"b c c d"
"b c c d";
gap: 3.5%;
width: fit-content;
justify-content: center;
text-align: center;
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column;
margin: auto;
}
</style>
</head>
<body title="European Space Agency image of the Ganges River Delta">
<nav>
<ul class="nav-ul">
<li class="nav-list"><a href="elwha.html">Elwha River Restoration Progress</a></li>
<li class="nav-list"><a href="oregon.html">Oregon Dam Removal Projects</a></li>
<li class="nav-list"><a href="experience.html">Personal Experience</a></li>
<li class="nav-list"><a href="history.html">Brief History</a></li>
</ul>
</nav>
<header>
<h1 class="header">"Dam-archy" in the USA</h1>
<h4 class="header-h4">For decades the U.S. dammed every river it could. Now, due to Tribes and environmental
pressures they are being removed. <br>Long live free rivers.</h4>
</header>
<hr>
<div class="grid-container">
<section id="a">
<h2>Elwha River Dam Removal and Restoration</h2>
<figure class="elwha">
<img class="elwha1-img" src="elwha-img1.jpg" alt="A painted crack on Glines Canyon Dam.">
<figcaption class="elwha1">The Glines Canyon Dam blocking sacred Salmon from natural habitats. A crack
painted on foreshadows the dams future. Photo:
Mikal Jakubal</figcaption>
</figure>
<div class="elwha-body">
<blockquote
cite="https://www.nps.gov/olym/learn/nature/elwha-ecosystem-restoration.htm#:~:text=Today%2C%20the%20Elwha%20River%20once,Strait%20of%20Juan%20de%20Fuca.">
"For over a century, the web of ecological and cultural connections in the Elwha Valley were broken
-then the river's story changed course. In 1992, Congress passed the Elwha River Ecosystem and
Fisheries
Restoration Act, authorizing dam removal to restore the altered ecosystem and the native anadromous
fisheries therein. After two decades of planning, the largest dam removal in U.S. history began on
September 17, 2011. Six months later the Elwha Dam was gone, followed by the Glines Canyon Dam in
2014. Today, the Elwha River once again flows freely from its headwaters in the Olympic Mountains to
the
Strait of Juan de Fuca."<br>-National Parks Service
</blockquote>
</div>
</section>
<section id="b">
<h3>Noable Dam Removal Projects in Oregon</h3>
<table>
<tr>
<th>Klamath River Restoration Project</th>
<th>Lower Snake River Dam Removals</th>
</tr>
<tr>
<td>J.C. Boyle Dam</td>
<td>Lower Granite Dam</td>
</tr>
<tr>
<td>Copco No.1 Dam</td>
<td>Little Goose Dam</td>
</tr>
<tr>
<td>Copco No. 2 Dam</td>
<td>Lower Monumental Dam</td>
</tr>
<tr>
<td>Iron Gate Dam</td>
<td>Ice Harbor Dam</td>
</tr>
<tfoot>
<tr>
<td class="foot">Dam removals are scheduled to be completed by the end of 2024.</td>
<td class="foot">This project is still in its planning stages as congress discusses what actions
are to be taken.</td>
</tr>
</tfoot>
</table>
</section>
<section id="c">
<h3>A brief history of America's relationship with dams.</h3>
<figure class="map-dams">
<img src="map-dams.png" alt="Map of all the dams in the U.S.">
<figcaption>A map of every dam in the US. Map: Caitlin Dempsey, Data: National Inventory of Dams, U.S.
Army Corps of Engineers.</figcaption>
</figure>
</section>
<section id="d">
<h3>My personal experiences with dams and restoration projects.</h3>
<p class="body-d">I have first hand experience working in watersheds and on rivers that have seen negative
effects of dams. The Provo River is an example of
restoration that can occur without the immediate removal of dams, while the San Juan and Colorado Rivers
show us the negative impacts of
damming one of the largest and most historic waterways in the west. A unique experience I had was
assisting with flood relief in Iowa along
the Missouri River, the particular area I was in had been inundated with water for three weeks because
of dams placed above and below them
on the river. <span><a href="experience.html">Click here</a></span> to learn more!</p>
</section>
</div>
<footer>
Website by Chase Klotter ©08-20-2023. All Rights Reserved.
</footer>
</body>
</html>