-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
207 lines (174 loc) · 13 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Krishack - onlinehackathon med fokus på rådande Corona-situationen.</title>
<link rel="stylesheet" href="design.css">
<meta property="og:title" content="Krishack - onlinehackathon med fokus på rådande Corona-situationen." />
<meta property="og:description" content="Upptäck vilka utmaningar som är viktigast just nu och hur du kan hjälpa till. Bygg helt nya lösningar, eller bidra till att befintliga lösningar når ut till fler... Det finns mycket att göra, och de flesta kan göra _något_."/>
<!-- Expire - because we'll update content regurarly, and the page loads quickly anyway -->
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<!-- Adjust content for narrow/mobile screens automatically -->
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header>
<a href="https://klimathack.se">klimathack</a>
</header>
<main>
<h1>Krishack</h1>
<p>Hackathon med fokus på Corona-krisen.</p>
<p>Pågår nu och fortsätter tills krisen är över.</p>
<div id="join">
<h2>Kom igång</h2>
<p>Läs igenom <a href="#solidariskt">förslag</a> på hur du kan agera solidariskt med din omgivning i praktiken.</p>
<h3>Anslut till hacket</h3>
<form action="/registration" method="POST" id="anslut">
<div class="input">
<input type="text" name="participant_name" placeholder="Förnamn Efternamn">
<svg class="svg-inline--fa fa-user fa-w-14" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"></path></svg>
</div>
<div class="input">
<input type="email" name="participant_email" placeholder="[email protected]">
<svg class="svg-inline--fa fa-envelope fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg>
</div>
<div class="input">
<input type="phone" name="participant_phone" placeholder="+46722535106">
<svg class="svg-inline--fa fa-phone fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="phone" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z"></path></svg>
</div>
<button>Gå med</button>
<p id="gdpr">Hanteras av <a href="https://46elks.com">46elks AB</a> och används endast för Krishack.</p>
</form>
</div>
</main>
<div class="more-info">
<h2>Viktiga utmaningar just nu</h2>
<!--<p>Se <a href="#topp-10-listan">topp-10 konkreta behov</a></b> just nu. Listan ändras löpande.-->
<p><b>Värna vården</b>: Hjälp vården mer, snabbare. Inspiration: Facebookgruppen "Sjukvårdshjälpen". <b>Mer utrustning till vården</b> behövs omgående. Vad det innebär i praktiken.. hur kan en hjälpa till med detta?</p>
<p><b>Information & kommunikation</b>: krisinformation.se är den självklara källan för oss alla att gå till, men om du inte kan svenska, vad gör du då? Kan vi skapa visualiseringar som hjälper fler förstå hur illa det kan bli om vi inte alla gör en insats?
Lösningar för bättre kommunikation. Hur kan befintliga samordningsinsatser nå ut till de som har tid och möjlighet att hjäla till?<br style="margin-bottom: 4px;">
Du kan ansluta till befintliga initiativ som organiserar volontärer och andra insatser. Ex. <a href="https://www.facebook.com/groups/494650038080423/">Sjukvårdshjälpen som organiserar sig på fb</a> och <a href="https://wefightcovid.org">wefightcovid.org</a> och lokala grupper där du kan hjälpa äldre grannar med inköp.</p>
<p>
Inspiration:<br>
<img src="covid-19-transmission-graphic.gif" alt="covid spridning" style="max-width: 700px;">
</p>
<p><b>Riskgrupper</b>: Hur kan vi bättre hjälpa de personer som ingår i riskgrupper, som kan dö om de blir smittade?</p>
<p><b>Jobben</b>: Många mister sina jobb nu. Hur kan vi hjälpa dessa personer hitta andra jobb/utbildningar/möjligheter till försörjning?</p>
<p><b>Småföretagare</b>: Småföretagare Hur kan vi koppla samman småföretagare och konsumenter så att de som är friska och har sina jobb kan upptäcka och stödja lokala verksamheter?</p>
</div>
<details class="more-info">
<summary>
<h2>Samordningsinsatser</h2>
</summary>
<h3>Sjukvårdshjäpen</h3>
<p>Samlar in material till sjukvården. Om du t.ex. har något att donera, vänd dig till <a href="https://www.facebook.com/groups/494650038080423/">sjukvårdshjälpen</a> på facebook. Där finns individer som arbetar inom vården och har kontakt med de som är ansvariga för att ta emot material på sjukhusen och hos andra vårdinstanser.</p>
<h3>We fight covid</h3>
<p style="margin-bottom: 0"><a href="https://wefightcovid.org/">wefightcovid.org</a> har flera initiativ.</p>
<ul>
<li>Samordna transporter av sjukvårdspersonal.</li>
<li>Koordinera volontärer.</li>
<li>Matleveranser till sjukvårdspersonal.</li>
<li>Övervakning: Utveckla metoder för att långsiktigt och frivilligt kontrollera smittspridning</li>
</ul>
<h3>Din lokala röda-korset grupp</h3>
<p><a href="https://www.msb.se/sv/aktuellt/nyheter/2020/mars/starkt-frivilligstod-till-kommuner-med-corona-isolerade/">MSB samordnar volontärinsatser</a> i samarbete med flera olika volontärorganisationer, bl.a. röda korset.</p>
<p>Röda korset <a href="https://www.rodakorset.se/engagera-dig/bli-spontanfrivillig">listar vad du kan hjälpa till med just nu</a>på sin <a href="https://www.rodakorset.se/engagera-dig/bli-spontanfrivillig/"></a>.</p>
<h3>Hack the Crisis</h3>
<p><a href="https://www.digg.se/">DIGG</a> anordnar ett online-hackathon tillsammans med <a href="https://www.openhack.io">openhack</a>.</p>
<p><a href="https://www.hackthecrisis.se?krishack=washere">hackthecrisis.se</a></p>
<h3>Action against corona</h3>
<p><a href="https://volunteer.actionagainstcorona.org">volunteer.actionagainstcorona.org</a></p>
</details>
<details class="more-info">
<summary>
<h2>Engagera dig i krishack</h2>
</summary>
<h3>Har ni resurser som kan hjälpa deltagarna?</h3>
<p>Hör av dig till <a href="mailto:[email protected]">Niina</a>.</p>
<h3>Har du tid och möjlighet att hjälpa till med det organisatoriska?</h3>
<p>Hör av dig till <a href="mailto:[email protected]">Niina</a> om du vill engagera dig i hacket.</p>
<h3>Förbättra hemsidan</h3>
<p>Designer?<br>Kan du hjälpa oss lyfta fram behov och projekt så att de får den uppmärksamhet de förtjänar? Kan du göra den här hemsidan mer lättläst? <br>Maila <a href="mailto:[email protected]">Victoria</a> om du vill engagera dig i Krishack som designer.</p>
<p>Webbutvecklare? Den här hemsidan finns <a href="https://github.com/46elks/krishack">uppe på github</a>, du kan hjälpa till och göra den här hemsidan bättre.</p>
</details>
<details class="more-info">
<summary>
<h2>10 viktiga behov just nu</h2>
</summary>
<p>Vilka viktiga behov har vården, myndigheter, individer och småföretagare just nu som vi skulle kunna göra något åt?</p>
<p>Du kan också engagera dig i att plocka fram detta! Kom med i slacken och synka med andra som redan kommit igång med att höra av sig till myndigheter bl.a.</p>
<ol>
<li>"IT-hjälp" önskas hos flera myndigheter. Det är ännu oklart vad som menas med det.</li>
<li>Transport och leverans av matvaror till provatpersoner som håller sig hemma i karantän. <br>
Många har över en veckans väntetid om de väljer att beställa hem matleverans för att kunna stanna hemma och frivilligt isolera sig när en känner sig förkyld.</li>
</ol>
</details>
<div id="solidariskt" class="more-info">
<h2>Agera solidariskt? Hur då?</h2>
<h3>Ring och prata med äldre och andra personer som ingår i riskgruppen.</h3>
<p>De ska hålla sig hemma, och att få prata med en vänlig själ kan motverka känslan av att vara ensam.</p>
<p>Om du känner dig frisk, eller i varje fall inte alls förkyld, då kan du:</p>
<h3>Köp takeaway mat hos lokala restaurangen om du har råd.</h3>
<p>Restauranger drabbas hårt och det är en tuff branch att vara i även utan kris. Matvaror går till spillo och höga hyran för en lokal som du ofta har ett flerårskontrakt på ska betalas ... <br>
<h3>Erbjuda dig att hjälpa äldre och andra i ditt närområde att leverera matvaror till deras dörr om de känner sig sjuka eller oroliga.</h3>
<h3>Har du fler förslag på hur en kan agera solidariskt?</h3>
<p>Maila gärna <a href="mailto:[email protected]">Niina</a> eller kom med en <a href="https://github.com/46elks/krishack">PR på github</a>.</p>
</div>
<div id="projekt" class="more-info">
<h2>Projekt</h2>
<h3>VABomaten</h3>
<p>Anmälan VAB till Försäkringskassan och jobbet på en och samma gång med ett mail, ett sms, ett telefonsamtal eller ett meddelande till en slackbot.<br>
<b>#project-vabomaten</b> på slack.</p>
<h3>Insamling av behov hos olika myndigheter</h3>
<p><b>#general</b> på slack.<br>
</div>
<div id="resurser" class="more-info">
<h2>Resurser</h2>
<h3>Gratis videochatt</h3>
<p>Glesys sponsrar med gratis videochatt. Läs mer på <a href="https://glesys.se/meet">glesys.se/meet</a></p>
<h3>VPS</h3>
<p><a href="https://glesys.se">Glesys</a> sponsrar med VPS till krishack-projekt. Hör av dig till Niina ([email protected]) för att få tillgång till VPS till ert projekt.</p>
<h3>SMS & telefonsamtal</h3>
<p><a href="https://46elks.se/krishack">46elks</a> sponsrar krishack-deltagare med SMS, telefonnummer och telefonsamtal.</p>
<h3>Mail in a box</h3>
<p><a href="https://mailinabox.email/">Mail in a box</a> - en komplett mailserver, som du enkelt kan ladda ner och installera på valfri VPS.</p>
<h3>Slacken</h3>
<p><a href="https://app.slack.com/client/T010GDG4DGT/C010TS1FCH3">krishack-slacken</a></p>
<h3>Corona-relaterade APIer</h3>
<p>Postman har listat <a href="https://covid-19-apis.postman.com/">APIer</a> som är relevanta för mer information om Corona och rådande läget.</p>
</div>
<script type="text/javascript">
(function(){
// Genom att anropa med XHR får vi litet CORS-policy gratis.
const klar_skylt = '<div id="klar"><h3>Intresseanmälan mottagen</h3><p>Inbjudan till slacken kommer snart.</p></div>',
join_div = document.getElementById('join'),
anslut_form = document.getElementById('anslut'),
anslut_resp = function(e){
if(e.target.readyState === 4 &&
e.target.status === 200) {
join_div.innerHTML = klar_skylt;
}
},
anslut_sand = function(e){
// Enklast tänkbara "validering"
// Nekar vid tomt namnfält och då båda kontaktfälten är tomma
let valid = (anslut_form.elements.participant_name.value.trim().length > 0 &&
(anslut_form.elements.participant_email.value +
anslut_form.elements.participant_phone.value).trim().length > 0);
if (valid){
let data = new FormData(anslut_form),
rq = new XMLHttpRequest();
rq.onload = anslut_resp;
rq.open('POST', '/registration');
rq.send(data);
} else {
// todo? Spegla felaktiga uppgifter i formuläret.
}
e.preventDefault();
};
anslut_form.addEventListener('submit', anslut_sand);})();
</script>
</body>
</html>