-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdwindleing_ecosystems.html
91 lines (88 loc) · 6.02 KB
/
dwindleing_ecosystems.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style_shared.css">
<link rel="stylesheet" href="./css/style_dwindleing_ecosystems.css">
<link rel="icon" href="./img/planet.png">
<title>EID - Dwindleing Ecosystems</title>
</head>
<body>
<!-- Header -->
<header>
<div id="header_center">
<div id="main_page">
<a href="./index.html">
<img src="./img/planet.png" alt="planet">
<h1>Main Page</h1>
</a>
</div>
<div id="header_hamburger">
<img src="./img/hamburger.png" alt="hamburger" onclick="on_hamburger_click()">
</div>
<div id="header_container">
<p><a href="./climate_change.html">Climate Change</a></p>
<p><a href="./pollution.html">Pollution</a></p>
<p><a href="./rising_sea_levels.html">Rising Sea Levels</a></p>
</div>
</div>
</header>
<!-- Secion -->
<section>
<h1>Dwindleing Ecosystems</h1>
<hr>
<div class="section_galery">
<div class="section_img_1"><img src="./img/Ecosystem/deforestation.webp" alt="deforestation"></div>
</div>
<div class="section_text section_background">
<h2>Ecosystems are in trouble, and it's our fault !</h2>
<p>Ecosystems worldwide are facing a perilous decline, marked by a rapid and alarming loss of biodiversity and habitat degradation. Human activities such as deforestation, urbanization, pollution, overexploitation of natural resources, and climate change are among the primary drivers behind the dwindling state of ecosystems across the globe. This decline jeopardizes the delicate balance of diverse flora and fauna, disrupts crucial ecological processes, and diminishes the resilience of ecosystems to adapt to environmental changes. The loss of habitats leads to the extinction of species at an unprecedented rate, disrupting intricate food webs and ecological relationships essential for the stability and functioning of ecosystems. As these ecosystems falter, critical services they provide, including clean air, water filtration, pollination, and carbon sequestration, are compromised, impacting human well-being and the planet's overall health. Urgent and concerted efforts are imperative to protect and restore these ecosystems, safeguarding biodiversity, preserving essential ecological functions, and ensuring a sustainable future for both nature and humanity.</p>
</div>
<div class="section_galery">
<div class="section_img_1"><img src="./img/Ecosystem/endengerd_animal.jpg" alt="endengerd animal"></div>
</div>
<div class="section_text section_background">
<h2>Anamals and their feautur.</h2>
<p>If the trend of ecosystem decline continues unchecked, the theoretical consequences would be catastrophic on a global scale. The loss of numerous ecosystems could trigger a domino effect, leading to a collapse in the interconnected web of life. As ecosystems die out, critical services they provide, such as regulation of climate, water purification, soil fertility, and natural pest control, would diminish or cease entirely. This would exacerbate the impacts of climate change, resulting in more extreme weather events, decreased agricultural productivity, and disruptions in water cycles, posing severe challenges to human survival. Moreover, the loss of biodiversity could limit potential scientific discoveries, impacting medicine, agriculture, and various industries that rely on diverse genetic resources. Societal upheaval, increased conflicts over dwindling resources, and exacerbated inequalities could ensue, as communities dependent on these ecosystems face livelihood challenges and displacement. Preserving and revitalizing ecosystems is not merely an environmental concern but an urgent necessity for the stability, resilience, and well-being of both nature and humanity.</p>
</div>
<div class="section_galery">
<div class="section_img_1"><img src="./img/Ecosystem/field.jpg" alt="field"></div>
</div>
<div class="section_text section_background section_special">
<h2>Hunting Season</h2>
<p>Don't let any endangered animal escape this page, you will be given a gun after you press START and the animals will be released one by one. But be careful each animal will get faster and faster</p>
<form action="javascript: void(0);">
<div class="section_special_input">
<div class="input_field">
<label for="input_name">Name</label>
<input id="input_name" type="text" name="input_name" placeholder="Name">
</div>
<div class="input_field">
<label for="input_email">Email</label>
<input id="input_email" type="email" name="input_email" placeholder="[email protected]">
</div>
<div class="input_field ">
<label id="input_terms_text" for="input_terms">You agree with out rerms and conditions</label>
<input id="input_terms" type="checkbox" name="input_terms">
</div>
</div>
<button onclick="on_start_button();" type="submit">START</button>
</form>
<div id="score_table"></div>
</div>
</section>
<!-- Footer -->
<footer>
<p id="footer_left">Created By: Erik Kováč</p>
<a href="mailto:[email protected]">Message The Dev</a>
<p id="footer_right">12-2023/24</p>
</footer>
<!-- Animals -->
<div id="animal_counter" onclick="on_score_button();"><h2></h2></div>
<div id="animal_spawner">
</div>
<script src="./js/hunting_season.js"></script>
<script src="./js/shared.js"></script>
</body>
</html>