-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
268 lines (243 loc) · 21.7 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
256
257
258
259
260
261
262
263
264
265
266
267
268
<!DOCTYPE html>
<html lang="en">
<head>
<title>Educatic</title>
<meta charset="UTF-8">
<meta name="keywords" content="Educatic">
<meta name="description" content="Educatic main page">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="index.css">
<style>
#myBtn {
display: none; /* Hidden by default */
position: fixed; /* Fixed/sticky position */
bottom: 20px; /* Place the button at the bottom of the page */
right: 30px; /* Place the button 30px from the right */
z-index: 99; /* Make sure it does not overlap */
border: none; /* Remove borders */
outline: none; /* Remove outline */
background-color: red; /* Set a background color */
color: white; /* Text color */
cursor: pointer; /* Add a mouse pointer on hover */
padding: 15px; /* Some padding */
border-radius: 10px; /* Rounded corners */
font-size: 18px; /* Increase font size */
}
#myBtn:hover {
background-color: #555; /* Add a dark-grey background on hover */
}
</style>
</head>
<body class="bg-light" id="body">
<header class="bg-info">
<div class="text-center pt-2">
<h1 class="display-3">This is Educatic</h1>
<p>Water activism campaign for Indigenous communities</p>
</div>
<nav class="navbar navbar-expand-sm navbar-light bg-light border-bottom">
<div class="container-fluid">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#aboutUs">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#socials">Social Media</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<div id="aboutUs">
<h2 class="text-left m-3">About Us</h2>
<p class="text-center">Educatic.site is a website that raises awareness to the lack of clean water in the Native American territories around Canada. We are a group of activists that are attempting to give as much attention to this problem as possible. We believe in the fact of having equal rights and equal access to basic necessities, no matter what gender, religion or financial background someone comes from.</p>
</div>
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="Images/BoilWaterAdv.png" class="d-block w-100 p-4" alt="Water Boil Advisery">
<div class="carousel-caption d-none d-md-block">
<h5>Water Boil Advisery</h5>
<p>This is one of the many water advisory panels in Indigenous communities</p>
</div>
</div>
<div class="carousel-item">
<img src="Images/Water_Activist_Post.png" class="d-block w-100 p-4" alt="Empty water jugs">
<div class="carousel-caption d-none d-md-block">
<h5>Protester</h5>
<p>Water protest poster</p>
</div>
</div>
<div class="carousel-item">
<img src="Images/WaterJugs.jpg" class="d-block w-100 p-4" alt="Man carrying jugs">
<div class="carousel-caption d-none d-md-block">
<h5>Man carrying jugs</h5>
<p>We can see a man carrying a few empty water jugs</p>
</div>
</div>
<div class="carousel-item">
<img src="Images/WaterProtest.jpg" class="d-block w-100 p-4" alt="Water protest">
<div class="carousel-caption d-none d-md-block">
<h5>Water protest</h5>
<p>Protest organized to increase awareness on water problems</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<hr>
<h2 class="text-center">Our Blogs</h2>
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Blog #1: Background infomation leading to this campaign
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p style="text-align: justify;">
Throughout history the native American people residing in Canada have faced various injustices. They have been subjugated to things such as residential schools and having their land taken away from them. Even now a handful of native American communities face an on going problem regarding contamination of their drinking water. As of now there are currently 29 drinking water advisories.
<br>
Since 1996, Canada has spent 2.5 billion dollars in indigenous communities building new or improving existing infrastructure and more than 50% has been spent since 2006. Even though the Canadian government is spending such a large amount of money on infrastructure there a still plenty of problems with the water supply systems of these native communities. You might be asking yourself that even with all this money being put to fight this injustice is it really going to make a difference, the answer would be yes. Since 2015, 85 indigenous communities have had their water advisories taken away. While this is a good thing the remaining 29 reservations must not be forgotten.
<br>
If you wish to help then there are various things that you could do. One thing is to tell you're friends or family about this crisis. You could also spread the news through social media which has been a great tool for fighting a plethora of other problems. Additionally Educatic Activism has a social media page on both Youtube and Instagram. There you will be able to find more information about the native American water crisis. Besides spreading information about the crisis there are various organizations whose mission is to aid the native communities. One great example is Water First. They have recently raised seven hundred thousand in order to fight for this cause. Spread the news and support organizations such as Water First and you will be able to make a difference.
</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Blog #2: Oneida Community
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p style="text-align: justify;">This blogpost focuses on the Oneida people, also called the Onyota'a:ka which means “The people of the standing stone”. They are from the Iroquois confederacy and are followers of the great law of peace which can be thought of as the Iroquois constitution. As of 2019, 18 years' worth of water tests were found to be contaminated, frequently showing dangerously high levels of pathogens like E. Coli. This water comes from the Thames River that flows through the Oneida community as well as many other indigenous communities. These First Nations share this river with the city of London, Ontario, who frequently dumps rainwater and raw sewage into the river, a measly 30 minutes upstream from their indigenous neighbours. This contamination combined with their inadequate water filtration system has caused Oneida's water supply to become a danger to its community. In tests done by independent engineering firms, Oneida's water system scored zeroes for the removal of waterborne parasites as well as viruses. Parasites causing gastrointestinal illnesses such as Cryptosporidium and Giardia are common in Oneida's water. Cryptosporidium especially is dangerous, as it can be deadly to those with weakened immune systems. Experts across the board concur that the presence of such contamination in the water supply proves that the chlorine treatment systems are not performing at anything near an acceptable level. The reports from the engineering firm Neegan Burnside only confirmed this: a calculated 94 minutes of contact between the unprocessed water and the chlorine was needed for this filtration plant to remove all pathogens from the water. As of the reports writing, Oneida's water was clocking in a measly 1.6 minutes of contact.
<br><br><br>
Keogn, Declan, et al. “Oneida Nation of the Thames Tap Water Different than Neighbouring Non-Indigenous Communities.” Global News, Global News, 26 Nov. 2019, <a href="https://globalnews.ca/news/6215303/oneida-london-safe-water/">https://globalnews.ca/news/6215303/oneida-london-safe-water/</a>.
</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Blog #3: Water First
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p style="text-align: justify;">WaterFirst is an organization that is devoted to helping spread awareness of indigenous communities' water issues as well as manage multiple campaigns to directly help indigenous communities. Their “Water First Internship Program” is their primary way of helping indigenous communities, especially in the long term. Aboriginal men and women who are accepted into the program are trained to become water treatment plant operators over the course of 15 months. Once they complete the program, they then have the opportunity to manage the water plants of their communities. WaterFirst's program is helping provide suitable drinking water for years to come as well as valuable employment opportunities.
Water First's program is dedicated to engaging young aboriginals and promoting them working to aid their communities. The graduates become part of a long-term boon for their communities, helping to sustainably reduce water issues.
Many of Water First's alumni often go on to pursue even more certifications, furthering their education and opening more doors.
Over the course of the 15 month program, the interns receive at least 2000 hours of experience and training in the classroom as well as at local water treatment facilities. The program also offers training for other skills such as resume writing and networking. To make the program more accessible, Water First offers additional aid like childcare services and transportation access.
<br><br><br>
“Water First Internship Program.” Water First Education & Training Inc., 2 Feb. 2022, <a href="https://waterfirst.ngo/what-we-do/drinking-water/water-first-internship-program/">https://waterfirst.ngo/what-we-do/drinking-water/water-first-internship-program/</a>".</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
Blog #4: Marten Falls
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p style="text-align: justify;">Marten Falls First Nation is an Anishinaabe First Nation in Northern Ontario, Canada. The band owns a single reserve, Marten Falls, located in the Kenora District, along the Albany River. As of March 2022, the band has a total registered population of 838 members. The nation is under water advisory since 2005 and hasn't had clean water evere since. They have been using bottled water for everything. Marten Falls is also known for the story of Chanie "Charlie" Wenjack who was an Ojibwe (Anishinaabe) First Nations kid who ran away from Cecilia Jeffrey Indian Residential School in Kenora, Ontario, Canada, where he boarded for three years while attending residential school. He died of starvation and exposure while attempting to travel 600 kilometres (370 miles) back to his home, Ogoki Post on the Marten Falls Reserve, in Farlane, Ontario. To help fix this water issue, a compagny by the name of "Colliers Project Leaders", is planning on releasing a project plan that will cost over $9.8M, to help fight injustices this reserve is still undergoing.
<br><br><br>
<a href="https://www.colliersprojectleaders.com/projects/marten-falls-first-nation-water-treatment-plant-upgrade#:~:text=The%20Marten%20Falls%20First%20Nation,the%20existing%20water%20treatment%20plant">https://www.colliersprojectleaders.com/projects/marten-falls-first-nation-water-treatment-plant-upgrade#:~:text=The%20Marten%20Falls%20First%20Nation,the%20existing%20water%20treatment%20plant</a>
<a href="http://www.martenfalls.ca/">http://www.martenfalls.ca/</a></p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
Blog #5: Canadian government
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p style="text-align: justify;">The issue of Native American's access to clean water inevitably leads back to the federal Canadian government. How come Canada, which holds an estimated 9% of the renewable fresh water supply of the world, cannot provide water to it's own citizens? It is frankly appalling, that so many Canadians must go years or even decades without clean water. As of 2012, government data showed that more 50% of the water filtration systems on reserves continued to pose a threat to their communities. This is despite the federal government investing billions of dollars into infrastructure for First Nations communities. This suggests a deeper-rooted issue, one stemming from the unique situation history between Canadian government and the Aboriginal communities. Unlike the rest of Canada, the Reserves fall directly under the jurisdiction of the federal government, instead of the provincial and municipal system we are familiar with. We must not allow these issues to be swept under the rug, we must keep the pressure on the governments to bring about the systemic changes required to help our fellow Canadians.
<br><br><br>
White, Jerry P., Laura Murphy, and Nicholas Spence. "Water and Indigenous Peoples: Canada's Paradox." International Indigenous Policy Journal, vol. 3, no. 3, 2012. ProQuest, <a href="https://www.proquest.com/scholarly-journals/water-indigenous-peoples-canadas-paradox/docview/1400224500/se-2">https://www.proquest.com/scholarly-journals/water-indigenous-peoples-canadas-paradox/docview/1400224500/se-2</a>.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingSix">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
Blog #6: Tyendinaga MOHAWKS OF THE BAY OF QUINTE
</button>
</h2>
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p style="text-align: justify;">
The Mohawks of the bay of quinte are a community of Indigenous people who have had no clean and safe water since around 2008. On June 6 an initial “Boil water advisory” has been set, exactly 1 year later in 2009 was this advisory considered to be a long term advisory.
<br>
“Built on and united by our language, culture, traditions, knowledge and history.” Is a quote taken directly found on their site linked bellow. Since 2009 the community has been using a water delivery service for people to receive clean water. Their water delivery service top priorities are water safety and ensuring that members get access to safe water. At every location their water is tested to “ensure health and safety”. This is possible via the Indigenous Service Canada which provides funding for the water delivery service. The indigenous service Canada “is one of two departments in the government of Canada with responsibility for policies relating to indigenous people.”
<br>
Currently there is construction underway for a better system however it is not right that it has taken more than a decade for them to reach this point. Nearby towns such Bellville have had priority over their clean water. Bellville is a town about 7-10 minutes away from the territory, while there have been water issues in the past it simply doesn’t make sense that they are able to get clean water faster than the people of Tyendinaga community.
<br><br><br>
Water Delivery Service | Mohawks of the Bay of Quinte (<a href="https://mbq-tmt.org/community-infrastructure/water-delivery/">mbq-tmt.org</a>)<br>
Map of long-term drinking water advisories on public systems on reserves (<a href="https://www.sac-isc.gc.ca/eng/1620925418298/1620925434679">sac-isc.gc.ca</a>)<br>
<a href="https://en.wikipedia.org/wiki/Indigenous_Services_Canada#:~:text=Indigenous%20Services%20Canada%20%28ISC%3B%20French%3A%20Services%20aux%20Autochtones,other%20being%20Crown%E2%80%93Indigenous%20Relations%20and%20Northern%20Affairs%20Canada%29.">Indigenous Services Canada</a>
</p>
</div>
</div>
</div>
</div>
<div class="text-center p-2" id="socials">
<a href="https://www.youtube.com/channel/UCyfxIkBVRrDhpqJ5ENRjVbA" class="fa fa-youtube"></a>
<a href="https://www.instagram.com/educaticactivism/" class="fa fa-instagram"></a>
</div>
<button onclick="topFunction()" id="myBtn" title="Go to top">Go to top</button>
</main>
<footer class="bg-info text-center">
<p>© 2022, Educatic</p>
</footer>
<script>
mybutton = document.getElementById("myBtn");
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
function topFunction() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
</script>
</body>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
</html>