-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (63 loc) · 2.98 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
<!doctype html>
<html lang="nl" dir="ltr" class="utrecht-theme utrecht-root">
<head>
<meta charset="utf-8" />
<title>Open Formulieren web component</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1" />
<script type="importmap">
{
"imports": {
"csv-parse/": "https://cdn.jsdelivr.net/npm/csv-parse/",
"lodash-es/": "https://cdn.jsdelivr.net/npm/",
"@utrecht/": "https://cdn.jsdelivr.net/npm/@utrecht/",
"@nl-design-system/": "https://cdn.jsdelivr.net/npm/@nl-design-system/",
"@nl-design-system-community/": "https://cdn.jsdelivr.net/npm/@nl-design-system-community/"
}
}
</script>
</head>
<body class="utrecht-body">
<div class="utrecht-page-layout utrecht-document">
<div class="utrecht-page-body">
<main
class="utrecht-page-body__content--nlds-grid nlds-text-content utrecht-html"
style="max-inline-size: 40em; margin-inline: auto"
>
<h1>Open Formulieren met web componenten</h1>
<p>
Deze pagina is gemaakt project
<span class="utrecht-data-badge utrecht-data-badge--groen utrecht-badge-data utrecht-badge-data--groen"
>Olling blij 😃</span
>
</p>
<open-formulieren src="data/formDefinitions.json"></open-formulieren>
<noscript id="generated">
<p>
De pagina wordt met JavaScript getoond. Je moet eerst JavaScript aan zetten om deze pagina te bekijken.
</p>
</noscript>
</main>
</div>
<div class="utrecht-page-footer">
<footer class="utrecht-page-footer__content">
<p>
Deze pagina is gemaakt door Frameless in samenwerking met gemeente Utrecht voor project codenaam
<span class="utrecht-data-badge utrecht-data-badge--groen utrecht-badge-data utrecht-badge-data--groen"
>Olling blij 😃</span
>
</p>
</footer>
</div>
</div>
<script src="index.mjs" type="module" async></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@utrecht/design-tokens/dist/theme.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@utrecht/root-css/dist/index.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@utrecht/body-css/dist/index.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@utrecht/page-layout-css/dist/index.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@utrecht/page-body-css/dist/index.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@utrecht/page-footer-css/dist/index.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@utrecht/component-library-css/dist/index.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@utrecht/component-library-css/dist/html.css" />
<link rel="stylesheet" href="style.css" />
</body>
</html>