-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathintro.ejs
130 lines (119 loc) · 7.41 KB
/
intro.ejs
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>#decarbnow - Data Empowered Climate Collectives</title>
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="https://libmap.org/@decarbnow"><i class="fas fa-map-marked-alt mr-2"></i> Enter the map</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">Mission</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#mission">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="https://github.com/decarbnow/">GitHub</a>
</li>
<li class="nav-item">
</li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="masthead">
<div class="container d-flex h-100 align-items-center">
<div class="mx-auto text-center">
<h1 class="mx-auto my-0">#decarbnow</h1>
<h2 class="text-white-50 mx-auto mt-2 mb-5">Data Empowered Climate Collectives</h2>
<a href="https://libmap.org/@decarbnow" class="btn btn-primary js-scroll-trigger"><i class="fas fa-map-marked-alt mr-2"></i>Enter the map</a>
</div>
</div>
</header>
<!-- About Section -->
<section id="about" class="about-section text-center">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-white mb-4">A map that combines climate activism and satellite data</h2>
<p class="text-white-50">The #decarbnow map brings climate activism and satellite data together. We use <a href="https://libmap.org" target="_blank">libmap</a> for this. libmap is a web application designed for open online journalism, enabling us to tag and visualize social media messages based on their location. On this map, other digital climate activists can register and pinpoint polluters. This can be done with the use of Mastodon (instance: <a href ="https://mastodon.social/" target="_blank">mastodon.social</a>).</p>
</div>
</div>
<iframe src="https://www.youtube.com/embed/sW0oeGE_3WU" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="50%" height="300" frameborder="0"></iframe>
</div>
</section>
<section id="mission" class="mission-section bg-light">
<div class="container">
<div class="row justify-content-center no-gutters">
<div class="col-lg-6">
<img class="img-fluid" src="static/pollution.jpg" alt="">
</div>
<div class="col-lg-6 order-lg-first">
<div class="bg-black text-center h-100 mission">
<div class="d-flex h-100">
<div class="mission-text w-100 my-auto text-center text-lg-right">
<h4 class="text-white"><div class="bubble pollution"><i class="nf nf-mdi-periodic_table_co2"></i></div> Pinpointing Pollution</h4>
<p class="mb-0 text-white-50">Pollutant emissions need to be reduced drastically. We offer a map where digital climate activists can directly engage in pollution-tracking. <a href="https://libmap.org/~decarbnow" target="_blank">#decarbnow</a> builds a community-driven platform that pinpoints emission hotspots.</p>
<hr class="d-none d-lg-block mb-0 mr-0"/>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center no-gutters">
<div class="col-lg-6">
<img class="img-fluid" src="static/action.jpg" alt="">
</div>
<div class="col-lg-6">
<div class="bg-black text-center h-100 mission">
<div class="d-flex h-100">
<div class="mission-text w-100 my-auto text-center text-lg-left">
<h4 class="text-white"><div class="bubble action"><i class="fa fa-bullhorn"></i></div> Empowering Action</h4>
<p class="mb-0 text-white-50">Climate-initatives should be powered by democratic technology and trustworthy data. Our map visualizes pollution hotspots based on data from several sources like <a href="https://www.nasa.gov/" target="_blank">NASA</a>, <a href="http://www.esa.int/" target="_blank">ESA</a>, <a href="https://www.wri.org/" target="_blank">WRI</a>, and <a href="https://www.eea.europa.eu/" target="_blank">EEA</a>. <a href="https://libmap.org/~decarbnow" target="_blank">#decarbnow</a> empowers both climate-science and climate-action in one interactive map. </p>
<hr class="d-none d-lg-block mb-0 ml-0"/>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center no-gutters">
<div class="col-lg-6">
<img class="img-fluid" src="static/transition.jpg" alt="">
</div>
<div class="col-lg-6 order-lg-first">
<div class="bg-black text-center h-100 mission">
<div class="d-flex h-100">
<div class="mission-text w-100 my-auto text-center text-lg-right">
<h4 class="text-white"><div class="bubble transition"><i class="nf nf-mdi-lightbulb_on"></i></div>
Accelerating Transition</h4>
<p class="mb-0 text-white-50">For a sustainable society we need to accelerate collective transition. By making climate initiatives visible, we strive for public participation in systemic change. <a href="https://libmap.org/~decarbnow" target="_blank">#decarbnow</a> promotes discussions on the necessary economic and social reform towards a green future. </p>
<hr class="d-none d-lg-block mb-0 mr-0"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-black small text-center text-white-50">
<div class="container">
© #decarbnow 2024
</div>
</footer>
</body>
</html>