This repository has been archived by the owner on May 2, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 89
/
goodbye.html
250 lines (218 loc) · 9.1 KB
/
goodbye.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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<!DOCTYPE html>
<html lang="en">
<!-- Get our code here: https://github.com/BustByte/coronastatus -->
<head>
<meta charset="utf-8" />
<meta name="referrer" content="origin" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>coronastatus</title>
<meta
name="description"
content="Make your voluntary contribution to the health care system and register your health condition now. Together we can create an overview."
/>
<!-- Icons -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="/static/icons/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/static/icons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/static/icons/favicon-16x16.png"
/>
<link rel="manifest" href="/static/icons/site.webmanifest" />
<link
rel="mask-icon"
href="/static/icons/safari-pinned-tab.svg"
color="#5bbad5"
/>
<link rel="shortcut icon" href="/static/icons/favicon.ico" />
<meta name="msapplication-TileColor" content="#00aba9" />
<meta name="msapplication-config" content="/static/icons/browserconfig.xml" />
<meta name="theme-color" content="#ffffff" />
<!-- Open Graph -->
<meta
property="og:title"
content="Join us in the most important crowdsource!"
/>
<meta
property="og:description"
content="Make your voluntary contribution to the health care system and register your health condition now. Together we can create an overview."
/>
<meta
property="og:image"
content="https://coronastatus.no/static/no/social-media.png"
/>
<meta
property="og:site_name"
content="Join us in the most important crowdsource!"
/>
<meta property="og:type" content="website" />
<meta
property="og:url"
content="https://coronastatus.no"
/>
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content="Join us in the most important crowdsource!"
/>
<meta
name="twitter:description"
content="Make your voluntary contribution to the health care system and register your health condition now. Together we can create an overview."
/>
<meta
name="twitter:image"
content="https://coronastatus.no/static/no/social-media.png"
/>
<!-- End Twitter -->
<link
href="https://fonts.googleapis.com/css?family=Mada:400,400i,700"
rel="stylesheet"
/>
<link rel="shortcut icon" href="/static/favicon.png" type="image/x-icon" />
<link
rel="stylesheet"
href="https://cdn.coronastatus.eu/libraries/flatpickr-4.6.3.css"
integrity="sha384-kFOVy8VwOx8Hfs1KxGdQFnFfWoSiJ8lULYUkIEt+N/zfwYebtapxcZ+kHNSuajva"
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link
rel="stylesheet"
href="/static/tailwind.min.css?v=0652122820056035"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
href="/static/app.css?v=0652122820056035"
type="text/css"
media="all"
/>
<link
rel="stylesheet"
href="/static/flags/flag-icon.min.css?v=0652122820056035"
type="text/css"
media="all"
/>
<script>
NodeList.prototype.forEach = Array.prototype.forEach;
HTMLCollection.prototype.forEach = Array.prototype.forEach;
</script>
</head>
<body class="flex flex-col">
<div class="main-container flex flex-col flex-grow">
<section class="custom-section custom-hero p-4">
<div class="custom-section-content mx-auto">
<header class="py-2 flex justify-between items-center flex-wrap">
<div class="flex items-center">
<a class="flex flex-row" href="/">
<img src="/static/images/logo.svg" alt="icon" class="w-20 h-20 hidden sm:block" />
<div class="flex flex-row items-center" style="color: #F2CC20;">
<div
class="flex flex-row flex-no-wrap text-2xl sm:text-3xl font-bold whitespace-no-wrap"
>
<span style="color: #CAEAE9;" >corona</span>status
</div>
</div>
</a>
</header>
<div class="my-8 flex flex-row flex-wrap justify-between">
<div class="text-center mx-auto">
<h1
class="my-4 text-2xl md:text-3xl lg:text-4xl lg:mx-20 font-medium text-cvs-green-light leading-tight"
>
Coronastatus is now archived, <br/> but thank you for wanting to contribute!
</h1>
</div>
<section class="custom-section custom-section-about px-6 lg:px-0 py-12 lg:py-24 bg-white">
<div class="custom-section-content mx-auto">
<div class="section-about-header flex flex-row items-center mb-8">
<img class="section-about-header__img h-24 w-24"
src="/static/images/recovery-path.svg" alt="">
<h2 class="section-about-header__title ml-4 text-cvs-red text-2xl md:text-3xl lg:text-4xl font-bold">What was Coronastatus?</h2>
</div>
<p class="section-about-paragraph p-4 text-base lg:text-xl font-medium">
With the outbreak of COVID-19, many people have been tested for the virus, but due to lack of resources, the overwhelming majority have not been tested. It is therefore assumed that there we are underestimating the number of people who have caught the virus.
</p>
<p class="section-about-paragraph p-4 text-base lg:text-xl font-medium">
Using self-report, you can get a better picture of how many people have symptoms without exposing health workers to potential contamination hazards and without using up valuable infection control equipment that is already in short supply. BustByte and a bunch of volunteers all over the world created this tool in response to
<a class="text-cvs-red font-bold hover:underline"
href="https://medium.com/@tomaspueyo/coronavirus-act-today-or-people-will-die-f4d3d9cd99ca ">this article</a>
as an attempt to chart these numbers.
</p>
<p class="section-about-paragraph p-4 text-base lg:text-xl font-medium">
This was never an official tool of the authorities. For more information about the outbreak we refer to health authorities which always have updated information.
</p>
<hr>
<p style="font-weight: bold" class="section-about-paragraph p-4 text-base lg:text-xl font-medium">
We want to thank everyone who contributed their time and skills to this project. A special thanks goes out to <a class="text-cvs-red font-bold hover:underline" href="https://twitter.com/adriaanvrossum">Adriaan van Rossum</a> (<a class="text-cvs-red font-bold hover:underline" href="https://simpleanalytics.com/">Simple Analytics</a>) for donating domain names and analytics. We also want to thank <a class="text-cvs-red font-bold hover:underline" href="https://twitter.com/lseelenbinder?lang=en">Luke Seelenbinder</a> (<a class="text-cvs-red font-bold hover:underline" href="https://stadiamaps.com/">Stadia Maps</a>) for donating licenses to Stadia Maps. And finally, a huge thanks to <a class="text-cvs-red font-bold hover:underline" href="https://digitalocean.com">DigitalOcean</a> for sponsoring the infrastructure costs of all our servers via. their <a class="text-cvs-red font-bold hover:underline" href="https://www.digitalocean.com/community/pages/hub-for-good">Hub for Good</a> program.
</p>
<p style="font-weight: bold" class="section-about-paragraph p-4 text-base lg:text-xl font-medium">
Contact BustByte at <a href="mailto:kontakt@bustbyte.no">kontakt@bustbyte.no</a> if you want to explore the anonymized data that was collected.
</p>
<div class="hashtag-item-container flex flex-row justify-around" style="margin: 4rem 0 -14rem 0;">
<div class="hashtag-item text-center flex flex-col items-center w-1/2">
<div class="hashtag-item__title text-cvs-red font-medium text-lg md:text-3xl uppercase m-2">#wash<wbr/>your<wbr/>hands</div>
<img src="/static/images/washing-hands.svg" alt=""
class="hashtag-item__img h-48 w-48 lg:h-64 lg:w-64 m-2">
</div>
<div class="hashtag-item text-center flex flex-col items-center w-1/2">
<div class="hashtag-item__title text-cvs-red font-medium text-lg md:text-3xl uppercase m-2">#stay<wbr/>home</div>
<img src="/static/images/stay-home.svg" alt=""
class="hashtag-item__img h-48 w-48 lg:h-64 lg:w-64 m-2">
</div>
</div>
</div>
</section>
<footer class="custom-section custom-section-footer p-8 pt-32">
<div
class="custom-section-content mx-auto custom-section-footer-content flex flex-col items-center"
>
<a
href="https://github.com/BustByte/coronastatus"
target="_blank"
class="footer-logo-link m-6"
>
<img
src="/static/images/github.svg"
alt=""
class="footer-logo-link__img mt-12 h-12 w-12 lg:h-16 lg:w-16"
/>
</a>
<div
style="margin: 0 auto"
class="flex flex-row justify-between flex-wrap items-center self-stretch mt-8 text-base lg:text-xl text-center"
>
<span
class="text-cvs-green-dark font-medium text-center md:text-center md:whitespace-no-wrap"
>
Developed by
<a target="_blank" class="font-bold hover:text-cvs-red hover:underline" href="https://bustbyte.no"
>BustByte</a
>
and
<a class="font-bold hover:text-cvs-red hover:underline" href="https://github.com/busbyte/coronastatus">
volunteers
</a>
</span>
</div>
<div
class="flex items-center justify-center self-stretch mt-4 mb-8 text-sm lg:text-base text-center"
>
</div>
</div>
</footer>
</div> <!-- container -->
</body>
</html>