-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
172 lines (140 loc) · 5.63 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
<html>
<head>
<title>#Blackout21</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="#Blackout21 #SaveYourInternet">
<meta name="theme-color" content="#000">
<meta itemprop="name" content="#Blackout21">
<meta itemprop="description" content="#Blackout21">
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content='#Blackout21' />
<meta name="twitter:description" content="#Blackout21" />
<link href="https://savetheinternet.info/blackout/blackout.css" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css?family=Raleway');
body {
background-color: #000;
}
div {
text-align: center;
position: absolute;
width: 300px;
top: 150px;
left: 50%;
margin: -50px 0 0 -150px;
}
h1 {
color: #FFF;
font-family: 'Raleway', sans-serif;
letter-spacing: 10px;
animation: text-flicker 30s linear infinite;
}
p {
color: #FFF;
font-family: 'Raleway', sans-serif;
}
.offset {
animation: letter-flicker 20s linear infinite;
}
@keyframes text-flicker {
0% {
opacity: 0.1;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1);
}
2% {
opacity: 1;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1);
}
8% {
opacity: 0.1;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1);
}
9% {
opacity: 1;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1);
}
12% {
opacity: 0.1;
text-shadow: 0px 0px rgba(255, 255, 255, 1);
}
20% {
opacity: 1;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1)
}
25% {
opacity: 0.3;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1)
}
30% {
opacity: 1;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1)
}
70% {
opacity: 0.7;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1)
}
72% {
opacity: 0.2;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1)
}
77% {
opacity: .9;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1)
}
100% {
opacity: .9;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1)
}
}
@keyframes letter-flicker {
0% {
opacity: 0.1;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1);
}
2% {
opacity: 0.1;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1);
}
4% {
opacity: 1;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1);
}
19% {
opacity: 1;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1);
}
21% {
opacity: 0.1;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1);
}
23% {
opacity: 1;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1);
}
80% {
opacity: 1;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1);
}
83% {
opacity: 0.4;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1);
}
87% {
opacity: 1;
text-shadow: 0px 0px 29px rgba(255, 255, 255, 1);
}
}
</style>
</head>
<body class="bg-black text-white">
<img src="https://savetheinternet.info/blackout/blackout.gif" alt="blackout-banner" class="block mx-auto mt-12 md:mt-32">
<h1 class="text-center text-xl md:text-3xl mt-16">W<span class="offset">ha</span>t hap<span class="offset">pen</span>ed?</h1>
<p class="p-4 w-full md:p-0 md:w-2/3 mx-auto text-center mt-4">Today this site is not available — in protest against Article 13 (uploadfilters) and Article 11 (link tax) of the currently much discussed copyright directive. We have the opinion that the planned directive will massively restrict freedom of expression, free access to knowledge and diversity of information on the internet — without real improvements for all creative people (artists, journalists, authors, ...) who deserve a proper copyright reform with real improvements! That's why today we want to set an example and show how the internet of tomorrow could be like, without most of the free services (e.g. the German Wikipedia). Our appeal to all MEP's: Please listen to the millions of voices who signed the petition, listen to the demonstrations, listen to the open letters! These are the people voting for you! The people who have to live and work with your decisions. Please do not ignore them!</p>
<p class="text-center mt-8 font-bold">
<a class="text-xl mx-auto text-white no-underline italic" rel="noopener" href="https://savetheinternet.info/blackout">
More infos
</a></p>
<img src="https://savetheinternet.info/blackout/logo.png" alt="blackout-logo" class="block mx-auto mt-16 mb-16 md:mb-0 w-32">
</body>
</html>