-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathact.html
84 lines (72 loc) · 4.43 KB
/
act.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign the Petition</title>
<link rel="stylesheet" href="act.css">
</head>
<body>
<nav class="navbar">
<div class="logo">
<img src="images/greaur.png" alt="">
</div>
<ul class="nav-links">
<li><a href="#stories">Stories</a></li>
<li><a href="#explore">Explore</a></li>
<li><a href="#donate" class="donate-button">Donate</a></li>
</ul>
</nav>
<div class="main-content">
<div class="box-container">
<!-- Large Box -->
<div class="box large-box">
<h1>Make Big Oil Pay into a Climate Recovery Fund</h1>
<h4>Fueling extreme weather has a cost.</h4>
</div>
<!-- Two Smaller Boxes -->
<div class="box-row">
<!-- Left Box: Placeholder (now on left side) -->
<div class="box small-box placeholder-box">
<p>2023 was the hottest year ever recorded on Earth. [1] Wildfires, floods, and heatwaves destroyed lives and livelihoods from coast to coast. </p>
<p>Despite driving this climate chaos, the fossil fuel industry continues to reap record profits and expand oil production. [2] Later is too late–communities are burning, and it is time to make fossil fuel polluters pay for the climate disasters they’re fuelling. </p>
<p>By exploiting coal, oil and gas, fossil fuel companies are inflaming extreme weather, making climate disasters more frequent and more severe. </p>
<p>Year after year, people are forced to evacuate with some losing their homes, due to the increase and severity of destructive wildfires. Toxic wildfire smoke pollutes regions and communities living thousands of kilometers away, creating public health dangers with disproportionate impacts on populations with preexisting health conditions, outdoor workers, people experiencing homelessness, and marginalized communities. [5] [6]</p>
<p>Climate-related impacts are already costing Canadian households an average of $720 per year–and this could soar up to $2,000 per year by 2050. [7] Since fossil fuel companies are shamelessly reaping billions in profits year after year [8], they should be footing the bill for these damages.</p>
<p>Join us in calling on the Canadian federal government to hold Big Oil accountable by making them pay into a new Climate Recovery Fund that would go directly to communities and local governments facing the brunt of the climate crisis and in need of financial support to repair, rebuild, and adapt to future climate change impacts. </p>
<p>We can’t afford any more ‘wake-up calls’, the climate crisis is here and now. Tell Finance Minister Freeland and Environment and Climate Change Minister Guilbeault to create a Climate Recovery Fund for fossil fuel companies to pay into. </p>
</div>
<!-- Right Box: Form (now on right side) -->
<div class="box small-box form-box">
<div style="font-size: 1.4rem; margin-bottom: -20px;"><h3>Sign This Petition</h3></div>
<div class="user-count">
<p id="userCount">People already signed: 0</p> <!-- This will dynamically update -->
</div>
<!--<div id="messageBox" style="margin-bottom: 10px; font-size: 0.9em;"></div>-->
<form id="petitionForm">
<label for="email">Email*:</label>
<input type="email" id="email" required />
<label for="firstName">First Name*:</label>
<input type="text" id="firstName" required />
<label for="lastName">Last Name*:</label>
<input type="text" id="lastName" required />
<label for="country">Country:</label>
<input type="text" id="country" required />
<label for="postalCode">Postal Code:</label>
<input type="text" id="postalCode" required />
<p class="terms">
Greenauror will respect your privacy and keep you up to date on our campaigns. You can unsubscribe at any time.
</p>
<button type="submit">Add Your Name</button>
</form>
</div>
</div>
</div>
</div>
<footer>
<p>© 2024 Greenauror</p>
</footer>
<!-- Include JavaScript -->
<script src="act.js"></script>
</body>
</html>