-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
127 lines (118 loc) · 7.74 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
<!DOCTYPE html>
<html>
<!-- metatags & information -->
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="fff_logo.ico" type="image/x-icon" />
<title>Fridays for Future</title>
<!-- Stylesheets -->
<link rel="stylesheet" type="text/css" href="styles/style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>
<!-- Body & Content -->
<body>
<nav class="nav-top">
<div class="wrapper">
<a class="nav-part home" onclick="ScrollTo('landing')">fridaysforfuture</a>
<div class="nav-part join">join</div>
<div class="nav-part list">list</div>
<div class="nav-part about">about</div>
</div>
</nav>
<div class="content">
<div id="landing" class="full-body">
<div class="logo-center">
<img src="fff_logo.png" />
<br />
<a href="https://www.fridaysforfuture.org/events/map">
<button class="cta">find a strike near you</button>
</a>
</div>
<div class="full-body-read-more" onclick="ScrollTo('press')">
Read More
<br />
<i class="fas fa-angle-down fa-2x"></i>
</div>
</div>
<div class="main wrapper">
<div class="main-content" id="press">
<h2>Press release Fridaysforfuture 21 March 2019</h2>
During the week of March 15, there were at least 1.6 million strikers on all 7 continents, in more thn 125 countries and in well over 2000 places.<br>
The 1.6million strikers is data gathered by FFF for 40% of countries. <br>
<a href="https://www.fridaysforfuture.org/events/list">Country information</a><br>
Over 1million has been confirmed by the 30% of cities, which have reported. <br>
<a href="https://www.fridaysforfuture.org/events/list?show_details=1">City information</a>
<br>
<button class="cta">report a strike</button>
<h2>Here are some general guidelines:</h2>
1. Fridaysforfuture want you to only strike in a way, that you feel safe with.
<br>
2. Many Fridaysforfuture strikers have a police approval for their strike.
<br>
3. It is common for these approvals to only allow for a quiet, sitting protest.
<br>
4. Fridaysforfuture are unlikely to be able to provive legal support if there are problems, so FFF advises strikers to liase with local NGOs. These NGOs usually know local lawyers, who are well versed in protest situations.
<br>
5. We are a peaceful and quiet striking organisation, but unfortunately we have already seen examples in some countries, where some individuals or organisations try to join a strike for the purpose of causing trouble. Please take care and prioritise your own safety.
<br><br>
<em>Please let us know if we can help with further questions.</em>
<br>
<h2>March 15 - School Strikers: "Dear adults, use your power"!</h2>
<div class="videoWrapper">
<iframe width="560" height="315" src="https://www.youtube.com/embed/RaD4htZbx_k" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
<div class="videoWrapper">
<iframe src="https://player.vimeo.com/video/321767252" width="640" height="360" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
<p><a href="https://vimeo.com/321767252">"Seven"</a> from <a href="https://vimeo.com/annalisedavis">Annalise Davis</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
</div>
<div class="videoWrapper">
<iframe width="560" height="315" src="https://www.youtube.com/embed/fhE6YAIqCuk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
<div class="videoWrapper">
<iframe width="560" height="315" src="https://www.youtube.com/embed/XGgBtHoIO4g" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
<h1>FridaysForFuture</h1>
<h2>What is Fridays For Future?</h2>
#FridaysforFuture is a peoples movement following the call from @GretaThunberg to school strike.
<h2>Why are kids striking?</h2>
School children are required to attend school. But with the worsening Climate Destruction this goal of going to school begins to be pointless. <br>
- Why study for a future, which may not be there?<br>
- Why spend a lot of effort to become educated, when our governments are not listening to the educated?
<h2>The basics on how/when/where to strike</h2>
Greta requests that people strike infront of their closest town hall, every friday. With a sign, take a picture and post it with the hashtags
<br>
#Fridaysforfuture
<br>
#Climatestrike
<h2>How supporters can support</h2>
<!-- (sounding the climate alarm, wearing green ribbons and green clothes)
-->
Many people do not think they can strike, i.e. they are worried about their school grades. The Belgium schools all used clocks which then 'struck' and then took a picture and this was there method to strike on November 30. Other groups have other ways to find a way to strike, even churches have their bells strike! Some empathy strike. All support is welcome.
<br><br>
If you post your work with the hashtag #FridaysForFuture and #ClimateStrike we will be able to find and share your excellent work.
<br>
</div>
</div>
</div>
<footer class="footer">
<div class="footer-wrapper">
<div class="footer-content">
<h3>Follow us on Social Media</h3>
<div class="footer-social-container">
<a href="https://www.facebook.com/Fridaysforfuture.org/" class="footer-social social-facebook">
<i class="fab fa-facebook fa-2x"></i>
</a>
<a href="https://twitter.com/Fridays4future" class="footer-social social-twitter">
<i class="fab fa-twitter fa-2x"></i>
</a>
<a href="https://www.instagram.com/fridaysforfuture" class="footer-social">
<i class="fab fa-instagram fa-2x social-instagram"></i>
</a>
</div>
<small>Copyright (c) FridaysForFuture</small>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>