-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
261 lines (241 loc) · 13.4 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
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
251
252
253
254
255
256
257
258
259
260
261
<!DOCTYPE html>
<html lang="en-EN">
<head>
<title></title>
<link rel="stylesheet" href="https://nl-design-system.gitlab.io/nl-design-system/uno/core/uno.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<style>
.image-background {
background-image: url("./header-background.svg");
background-repeat: no-repeat;
background-position: 105% 30%;
background-size: 55%;
}
.header-logo a::before {
background: url('./logo.svg') no-repeat bottom;
}
.header-logo a::after {
background: none;
}
</style>
</head>
<body>
<header class="header" role="banner">
<div class="header-logo">
<a href="/" title="Logo Ministerie van Volksgezondheid, Welzijn en Sport">
<span class="screenreader-only">Ministerie van Volksgezondheid, Welzijn en Sport</span>
</a>
</div>
</header>
<nav class="top-nav top-nav--geel image-background">
<div class="container">
<div class="content-background" style="background: none; margin-bottom: 10rem;">
<div class="content">
<header class="content__header">
<h1 class="content__header-title">Community Covid-19</h1>
<p class="content__header-paragraph">Overzicht voor iedereen die betrokken is of dat wil
zijn.</p>
</header>
</div>
</div>
</div>
<div class="container">
<ul class="nav">
<li class="nav__item">
<a class="nav__link nav__link--active" href="#">Community</a></li>
<li class="nav__item">
<a class="nav__link" href="#" rel="external">Status</a></li>
</ul>
</div>
</nav>
<main class="skiplink-target main" id="content" tabindex="-1">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="content-background">
<div class="content-background">
<div class="content">
<header class="content__header">
<h1 class="content__header-title">Praat mee</h1>
<p class="content__header-paragraph">Voer discussies met het team en anderen
geintereseerden op de CodeForNL Slack community</p>
</header>
<p>Code for NL is de Nederlandse community van
developers en designers die samenwerken aan een
open, eerlijke, en inclusieve digitale overheid
en samenleving.</p>
<p>De community is al sinds het begin van de
corona-crisis actief in nadenken over slimme
oplossingen die ons kunnen helpen tijdens deze
crisis. Discussies over de notificatie-app worden hier ook actief gevoerd.</p>
<p>Het Covid-19 notificatie-app project is te
gast bij de CodeForNL Slack community en
CodeForNL is niet direct aan het project
verbonden.</p>
<ul class="list list--subjects columns">
<li class="list__item">
<a href="#" class="list__link">#notificatie-app</a><br>
<p>Algemene discussies en vragen over het project</p>
</li>
<li class="list__item">
<a href="#" class="list__link">#notificatie-app-design</a><br>
<p>Discussies over ontwerp, user experience en accessibility.
</p>
</li>
<li class="list__item">
<a href="#" class="list__link">#notificatie-app-architectuur</a><br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus
cursus.
</p>
</li>
<li class="list__item">
<a href="#" class="list__link">#notificatie-app-android</a><br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus
cursus.
</p>
</li>
<li class="list__item">
<a href="#" class="list__link">#notificatie-app-ios</a><br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus
cursus.
</p>
</li>
</ul>
<a class="btn" href="#" rel="external">Naar de Slack <img
style="margin-left: 1rem; width: 24px;" src="./Slack_Mark_Monochrome_White.svg"
alt="GitHub" /></a>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="content-background">
<div class="content">
<header class="content__header">
<h1 class="content__header-title">Ontwikkel mee</h1>
<p class="content__header-paragraph">De app is open source en je kunt de ontwikkeling
volgen op Github. Ook kun je meewerken aan de designs en gebruikersonderzoeken.</p>
</header>
<ul class="list list--subjects columns">
<li class="list__item">
<a href="#" class="list__link">Coordination</a><br>
<p>Hier vind je de requirements en architectuurdocumenten</p>
</li>
<li class="list__item">
<a href="#" class="list__link">Design</a><br>
<p>Hier vind je de laatste designs, job stories en gebruikersonderzoeken.
</p>
</li>
<li class="list__item">
<a href="#" class="list__link">Backend</a><br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus cursus.
</p>
</li>
<li class="list__item">
<a href="#" class="list__link">iOS App</a><br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus cursus.
</p>
</li>
<li class="list__item">
<a href="#" class="list__link">Android App</a><br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus cursus.
</p>
</li>
</ul>
<a class="btn" href="https://github.com/minvws" rel="external">Naar de Github <img
style="margin-left: 1rem; width: 24px;" src="./GitHub-Mark-Light-32px.png"
alt="GitHub" /></a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="content-background">
<div class="content">
<header class="content__header">
<h1 class="content__header-title">Kijk mee</h1>
<p class="content__header-paragraph">Overzicht van alle communityactiviteiten</p>
</header>
<p>Op Trello vind je een overzicht van hulpvragen
van de community managers naar de community en de
status van deze hulpvragen. Denk hierbij aan
meehelpen met discussies of helpen met het
opzetten van een website zoals deze.</p>
<a class="btn" href="#" rel="external">Naar de Trello<img
style="margin-left: 1rem; width:24px;" src="./trello-mark-white.svg"
alt="Trello" /></a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="content-background">
<div class="content">
<header class="content__header">
<h1 class="content__header-title">Wie is wie</h1>
<p class="content__header-paragraph">Overzicht van aanjagers en community managers</p>
</header>
<p>TODO hier een stukje over wie de contactpersonen zijn</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="content-background">
<div class="content">
<header class="content__header">
<h1 class="content__header-title">Omgangsregels</h1>
<p class="content__header-paragraph">Voor een prettige samenwerking stellen we een paar
basisprincipes</p>
</header>
<p>We hopen een voor iedereen een welkome en
inclusieve sfeer te bouwen. Hier voor stellen we
een aantal beloftes en standaarden in onze code
of conduct.</p>
<a class="btn" href="https://github.com/minvws/.github/blob/master/CODE_OF_CONDUCT.md"
rel="external">Naar de Code of Conduct</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="content-background">
<div class="content">
<header class="content__header">
<h1 class="content__header-title">Beveiligingsproblemen melden</h1>
<p class="content__header-paragraph">Een beveiligingsprobleem gevonden? We gaan hier
secuur mee om.</p>
</header>
<p>Veiligheid van de app is een topprioriteit.
Als je een beveiligingsprobleem ontdekt, willen
we hier graag van horen zodat we stappen kunnen
ondernemen om het op te lossen.</p>
<p>Er is een responsible disclosure beleid waarin
uitgelegd wordt hoe je je bevindingen aan ons kan
melden</p>
<a class="btn"
href="https://github.com/minvws/nl-covid19-notification-app-coordination/security/policy"
rel="external">Naar Responsible Disclosure-beleid</a>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="footer__content background--donkerblauw">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-10 col-md-offset-1">
<span class="footer__header footer__header--title">Alleen samen krijgen we Corona onder
controle</span>
</div>
<div class="col-xs-12 col-md-11 col-md-offset-1">
Gemaakt met liefde door <a href="https://github.com/arianvp">Arian van Putten</a>
</div>
</div>
</div>
</footer>
</body>
</html>