Skip to content

Commit 8c5cce8

Browse files
rogier-barendregtrogier-barendregt
committed
✏️ Tijdelijke menu-items zijn nu standaard verborgen, te tonen met link rechtsboven
1 parent 2abc1bf commit 8c5cce8

File tree

26 files changed

+4482
-4438
lines changed

26 files changed

+4482
-4438
lines changed

‎_includes/header-overheid.njk‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -26,9 +26,10 @@
2626
</div>
2727

2828
<!-- Proof of concept banner -->
29-
<a class="temp-moza-poc-banner" href="https://www.mijnoverheidzakelijk.nl/">Proof of Concept</a>
29+
<!-- <a class="temp-moza-poc-banner" href="https://www.mijnoverheidzakelijk.nl/">Proof of Concept</a> -->
30+
<a class="temp-moza-poc-banner">Proof of Concept</a>
3031

31-
<a href="#" class="side-nav-secret-toggle" aria-label="Toggle navigatie" onclick="event.preventDefault(); const hidden = sessionStorage.getItem('subnav-preview') === 'hidden' ? '' : 'hidden'; sessionStorage.setItem('subnav-preview', hidden); document.querySelectorAll('.temp-moza-subnav-preview').forEach(el => el.classList.toggle('hidden', !!hidden));"></a>
32-
<script>document.addEventListener('DOMContentLoaded', function() { if (sessionStorage.getItem('subnav-preview') === 'hidden') document.querySelectorAll('.temp-moza-subnav-preview').forEach(el => el.classList.add('hidden')); });</script>
32+
<a href="#" class="side-nav-secret-toggle" aria-label="Toggle navigatie" onclick="event.preventDefault(); const visible = sessionStorage.getItem('subnav-preview') === 'visible' ? '' : 'visible'; sessionStorage.setItem('subnav-preview', visible); document.querySelectorAll('.temp-moza-subnav-preview').forEach(el => el.classList.toggle('hidden', !visible));"></a>
33+
<script>document.addEventListener('DOMContentLoaded', function() { if (sessionStorage.getItem('subnav-preview') !== 'visible') document.querySelectorAll('.temp-moza-subnav-preview').forEach(el => el.classList.add('hidden')); });</script>
3334

3435
</header>

‎_site/componenten/index.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,11 @@
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>MOx design systeem: Componenten</title>
7-
<link rel="stylesheet" href="/poc-moza/style/style.css">
7+
<link rel="stylesheet" href="/style/style.css">
88
<meta name="description" content="MijnOverheid Zakelijk">
9-
<link rel="shortcut icon" href="/poc-moza/assets/favicon/favicon.ico" type="image/x-icon">
10-
<link rel="icon" sizes="192x192" href="/poc-moza/assets/favicon/touch-icon.png">
11-
<link rel="apple-touch-icon" href="/poc-moza/assets/favicon/apple-touch-icon.png">
9+
<link rel="shortcut icon" href="/assets/favicon/favicon.ico" type="image/x-icon">
10+
<link rel="icon" sizes="192x192" href="/assets/favicon/touch-icon.png">
11+
<link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
1212

1313
</head>
1414
<body>
@@ -17,7 +17,7 @@
1717
<header>
1818
<figure class="logo">
1919
<a href="/">
20-
<img src="/poc-moza/assets/images/beeldmerk-rijksoverheid.svg" alt="Naar de homepage van MijnOverheid Zakelijk">
20+
<img src="/assets/images/beeldmerk-rijksoverheid.svg" alt="Naar de homepage van MijnOverheid Zakelijk">
2121
</a>
2222
</figure>
2323

‎_site/index.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<html lang="nl">
44
<head>
55
<meta charset="utf-8" />
6-
<!-- <meta http-equiv="refresh" content="0; url=/poc-moza/moza/" /> -->
6+
<!-- <meta http-equiv="refresh" content="0; url=/moza/" /> -->
77
<title>Ondernemersplein | Alles van de overheid op één plek</title>
88
<style>
99
body {
@@ -43,9 +43,9 @@
4343
<body>
4444
<!-- <p>
4545
U wordt doorgestuurd naar
46-
<a href="/poc-moza/moza/">MijnOverheid Zakelijk</a>.
46+
<a href="/moza/">MijnOverheid Zakelijk</a>.
4747
</p> -->
48-
<a class="mozres-link-1" href="/poc-moza/gebruikersonderzoek/inloggen.html" aria-label="Inloggen bij MijnOverheid Zakelijk"></a>
49-
<a class="mozres-link-2" href="/poc-moza/gebruikersonderzoek/inloggen.html" aria-label="Inloggen"></a>
48+
<a class="mozres-link-1" href="/gebruikersonderzoek/inloggen.html" aria-label="Inloggen bij MijnOverheid Zakelijk"></a>
49+
<a class="mozres-link-2" href="/gebruikersonderzoek/inloggen.html" aria-label="Inloggen"></a>
5050
</body>
5151
</html>

‎_site/layout/index.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,11 @@
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>MOx design systeem: Layout</title>
7-
<link rel="stylesheet" href="/poc-moza/style/style.css">
7+
<link rel="stylesheet" href="/style/style.css">
88
<meta name="description" content="MijnOverheid Zakelijk">
9-
<link rel="shortcut icon" href="/poc-moza/assets/favicon/favicon.ico" type="image/x-icon">
10-
<link rel="icon" sizes="192x192" href="/poc-moza/assets/favicon/touch-icon.png">
11-
<link rel="apple-touch-icon" href="/poc-moza/assets/favicon/apple-touch-icon.png">
9+
<link rel="shortcut icon" href="/assets/favicon/favicon.ico" type="image/x-icon">
10+
<link rel="icon" sizes="192x192" href="/assets/favicon/touch-icon.png">
11+
<link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
1212

1313
</head>
1414
<body>
@@ -17,7 +17,7 @@
1717
<header>
1818
<figure class="logo">
1919
<a href="/">
20-
<img src="/poc-moza/assets/images/beeldmerk-rijksoverheid.svg" alt="Naar de homepage van MijnOverheid Zakelijk">
20+
<img src="/assets/images/beeldmerk-rijksoverheid.svg" alt="Naar de homepage van MijnOverheid Zakelijk">
2121
</a>
2222
</figure>
2323

‎_site/moza/actueel/index.html‎

Lines changed: 21 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,11 @@
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>MijnOverheid Zakelijk: Actualiteiten</title>
7-
<link rel="stylesheet" href="/poc-moza/style/style.css">
7+
<link rel="stylesheet" href="/style/style.css">
88
<meta name="description" content="MijnOverheid Zakelijk">
9-
<link rel="shortcut icon" href="/poc-moza/assets/favicon/favicon.ico" type="image/x-icon">
10-
<link rel="icon" sizes="192x192" href="/poc-moza/assets/favicon/touch-icon.png">
11-
<link rel="apple-touch-icon" href="/poc-moza/assets/favicon/apple-touch-icon.png">
9+
<link rel="shortcut icon" href="/assets/favicon/favicon.ico" type="image/x-icon">
10+
<link rel="icon" sizes="192x192" href="/assets/favicon/touch-icon.png">
11+
<link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
1212

1313
</head>
1414
<body class="moza">
@@ -17,7 +17,7 @@
1717
<header>
1818
<figure class="logo">
1919
<a href="/poc-moza/">
20-
<img src="/poc-moza/assets/images/beeldmerk-rijksoverheid.svg" alt="Naar de homepage van MijnOverheid Zakelijk">
20+
<img src="/assets/images/beeldmerk-rijksoverheid.svg" alt="Naar de homepage van MijnOverheid Zakelijk">
2121
</a>
2222
</figure>
2323
<div class="page-head">
@@ -42,10 +42,11 @@
4242
</div>
4343

4444
<!-- Proof of concept banner -->
45-
<a class="temp-moza-poc-banner" href="https://www.mijnoverheidzakelijk.nl/">Proof of Concept</a>
45+
<!-- <a class="temp-moza-poc-banner" href="https://www.mijnoverheidzakelijk.nl/">Proof of Concept</a> -->
46+
<a class="temp-moza-poc-banner">Proof of Concept</a>
4647

47-
<a href="#" class="side-nav-secret-toggle" aria-label="Toggle navigatie" onclick="event.preventDefault(); const hidden = sessionStorage.getItem('subnav-preview') === 'hidden' ? '' : 'hidden'; sessionStorage.setItem('subnav-preview', hidden); document.querySelectorAll('.temp-moza-subnav-preview').forEach(el => el.classList.toggle('hidden', !!hidden));"></a>
48-
<script>document.addEventListener('DOMContentLoaded', function() { if (sessionStorage.getItem('subnav-preview') === 'hidden') document.querySelectorAll('.temp-moza-subnav-preview').forEach(el => el.classList.add('hidden')); });</script>
48+
<a href="#" class="side-nav-secret-toggle" aria-label="Toggle navigatie" onclick="event.preventDefault(); const visible = sessionStorage.getItem('subnav-preview') === 'visible' ? '' : 'visible'; sessionStorage.setItem('subnav-preview', visible); document.querySelectorAll('.temp-moza-subnav-preview').forEach(el => el.classList.toggle('hidden', !visible));"></a>
49+
<script>document.addEventListener('DOMContentLoaded', function() { if (sessionStorage.getItem('subnav-preview') !== 'visible') document.querySelectorAll('.temp-moza-subnav-preview').forEach(el => el.classList.add('hidden')); });</script>
4950

5051
</header>
5152

@@ -59,7 +60,7 @@
5960
<ul id="side-nav-menu">
6061

6162
<li>
62-
<a href="/poc-moza/moza/">
63+
<a href="/moza/">
6364
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
6465
<path fill="none" d="M0 0h24v24H0z" />
6566
<path fill="currentColor" d="m22.6 11.6-9.5-9.5c-.6-.6-1.5-.6-2.1 0l-9.5 9.5c-.3.3-.4.6-.4 1-.1.8.5 1.4 1.3 1.4H3v8h7v-7h4v7h7v-8h.6c.8 0 1.4-.6 1.4-1.4 0-.4-.1-.7-.4-1z" />
@@ -71,7 +72,7 @@
7172
<!-- tijdelijk, voor de preview van functionaliteit tijdens gebruikers onderzoeken -->
7273

7374
<li>
74-
<a href="/poc-moza/moza/actueel/" aria-current="page">
75+
<a href="/moza/actueel/" aria-current="page">
7576
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
7677
<path fill="none" d="M0 0h24v24H0z" />
7778
<path fill="currentColor" d="M23 2H6c-.6 0-1 .4-1 1v5H1.8c-.2 0-.5.1-.7.3-.2.3-.3.5-.3.8l1 7.3C2.3 20.2 4.3 21 6 21h12c3.3 0 6-2.7 6-6V3c0-.6-.4-1-1-1zm-1 13c0 2.2-1.8 4-4 4H5.6c.7-.8 1.4-2.1 1.4-4V4h15v11z" />
@@ -84,7 +85,7 @@
8485
<!-- tijdelijk, voor de preview van functionaliteit tijdens gebruikers onderzoeken -->
8586

8687
<li>
87-
<a href="/poc-moza/moza/bedrijfsgegevens/">
88+
<a href="/moza/bedrijfsgegevens/">
8889
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
8990
<path fill="currentColor" d="M58 15H29v-2c0-1.1-.9-2-2-2H12c-1.1 0-2 .9-2 2v4.69c7.13.47 40.09 2.62 40.59 2.75.28.07.38.21.4.34 0 .04.02.23-.01.23H4.53c-1.29 0-2.24 1.2-1.95 2.46l7.06 30c.27 1.16 1.18 1.54 2.36 1.54h46a2 2 0 0 0 2-2V17c0-1.1-.9-2-2-2" />
9091
</svg>
@@ -94,7 +95,7 @@
9495
</li>
9596
<li class="temp-moza-subnav-preview temp-moza-subnav-preview-heading">Binnenkort beschikbaar</li>
9697
<li class="temp-moza-subnav-preview">
97-
<a href="/poc-moza/moza/berichtenbox/">
98+
<a href="/moza/berichtenbox/">
9899
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
99100
<path fill="none" d="M0 0h24v24H0z" />
100101
<path fill="currentColor" d="M1 4v2.1l9.4 5.7c1 .6 2.2.6 3.1 0L23 6.1V4H1z" />
@@ -104,7 +105,7 @@
104105
</a>
105106
</li>
106107
<li class="temp-moza-subnav-preview">
107-
<a href="/poc-moza/moza/lopende-zaken/">
108+
<a href="/moza/lopende-zaken/">
108109
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
109110
<path fill="currentColor"
110111
d="M4.076 13.55c.22.01.419.08.613.17 1.601.749 3.208 1.489 4.805 2.245.354.168.67.166 1.02.004 1.602-.746 3.214-1.476 4.814-2.225.49-.23.942-.26 1.422.016.335.19.702.334 1.05.505.257.125.263.228.019.367-.168.096-.35.17-.527.25-2.29 1.03-4.583 2.057-6.87 3.096-.353.16-.667.165-1.02 0-2.38-1.106-4.767-2.201-7.15-3.301-.112-.051-.254-.091-.252-.232.002-.131.142-.162.245-.206.47-.205.943-.406 1.414-.608.133-.057.273-.08.417-.081Zm.007-4.36c.19-.009.372.056.551.14 1.604.745 3.215 1.48 4.81 2.242.404.193.749.181 1.14-.003 1.587-.742 3.182-1.467 4.77-2.208.46-.215.895-.239 1.352.008.349.188.72.341 1.077.514.282.137.294.253.007.392-.589.285-1.188.55-1.786.82-1.84.828-3.683 1.65-5.517 2.49-.398.181-.746.186-1.146 0-2.276-1.063-4.56-2.109-6.842-3.16-.081-.037-.163-.072-.24-.112-.109-.056-.254-.092-.258-.23-.004-.148.15-.175.258-.223.447-.195.897-.383 1.343-.576a1.05 1.05 0 0 1 .481-.095Zm5.83.18c.178.018.34-.058.5-.131l2.276-1.024c1.638-.737 3.277-1.473 4.912-2.213.172-.078.408-.136.399-.36-.008-.203-.25-.217-.401-.286-1.814-.84-3.631-1.671-5.448-2.503-.563-.257-1.13-.51-1.695-.762a.891.891 0 0 0-.774-.004c-2.476 1.136-4.954 2.267-7.43 3.402-.108.049-.26.08-.252.228.008.139.152.175.262.226l7.18 3.31c.146.067.293.129.472.117" />
@@ -113,15 +114,15 @@
113114
</a>
114115
</li>
115116
<li class="temp-moza-subnav-preview">
116-
<a href="/poc-moza/moza/belastingen/">
117+
<a href="/moza/belastingen/">
117118
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
118119
<path fill="currentColor" d="M3.991 9.482V7.781H5.42c.378-1.54 1.077-2.705 2.1-3.496 1.022-.792 2.274-1.187 3.758-1.187.42 0 .809.017 1.166.053.357.035.76.101 1.207.199v2.373a24.79 24.79 0 0 0-1.291-.21 9.148 9.148 0 0 0-1.144-.063c-.757 0-1.372.2-1.848.598-.477.4-.826.977-1.05 1.733h3.696v1.701h-3.99a8.29 8.29 0 0 0-.032 1.218c.007.112.017.217.032.315h3.99v1.659H8.296c.224.784.587 1.351 1.091 1.701a2.95 2.95 0 0 0 1.723.525 9.5 9.5 0 0 0 1.291-.074c.357-.049.808-.129 1.355-.241v2.247c-.589.14-1.064.231-1.428.273-.365.042-.833.063-1.408.063-1.47 0-2.698-.371-3.685-1.113-.987-.742-1.634-1.869-1.942-3.381H3.991v-1.659h1.133v-.42a15.902 15.902 0 0 1 .043-1.113H3.99z" />
119120
</svg>
120121
Belastingen <span class="badge">januari 2028</span>
121122
</a>
122123
</li>
123124
<li class="temp-moza-subnav-preview">
124-
<a href="/poc-moza/moza/zakelijk-vervoer/">
125+
<a href="/moza/zakelijk-vervoer/">
125126
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
126127
<path
127128
fill="currentColor"
@@ -132,15 +133,15 @@
132133
</a>
133134
</li>
134135
<li class="temp-moza-subnav-preview">
135-
<a href="/poc-moza/moza/ziekte-verlof/">
136+
<a href="/moza/ziekte-verlof/">
136137
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
137138
<path fill="currentColor" d="m13.586 7.726-3.372 5.212a.527.527 0 0 1-.443.233H9.77a.528.528 0 0 1-.442-.235L7.12 9.496a.462.462 0 0 1 .111-.62.547.547 0 0 1 .672.006l1.822 1.474 3.033-3.203a.544.544 0 0 1 .694-.066.463.463 0 0 1 .134.639m2.107-4.305C11.87 1.834 10 5.247 10 5.247S8.13 1.834 4.307 3.42C.535 4.987.787 12.753 9.626 17.077a.866.866 0 0 0 .747 0c8.84-4.324 9.092-12.09 5.32-13.656" />
138139
</svg>
139140
Ziekte en verlof <span class="badge">medio 2029</span>
140141
</a>
141142
</li>
142143
<li class="temp-moza-subnav-preview">
143-
<a href="/poc-moza/moza/meer/">
144+
<a href="/moza/meer/">
144145
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
145146
<path fill="none" d="M0 0h24v24H0z" />
146147
<path fill="currentColor" d="M22.04 3.78c-.16-.95-.88-1.67-1.83-1.83-2.73-.45-7.3-.45-8.21-.45-.91 0-5.48 0-8.22.46-.94.15-1.67.88-1.82 1.82C1.5 6.52 1.5 11.09 1.5 12s0 5.48.46 8.22c.16.95.88 1.67 1.83 1.83 2.74.46 7.3.46 8.22.46.91 0 5.48 0 8.22-.46.95-.16 1.67-.88 1.83-1.83.46-2.74.46-7.3.46-8.22-.02-2.74-.02-5.48-.48-8.22z" />
@@ -151,7 +152,7 @@
151152
</li> <!-- tijdelijk, voor de preview van functionaliteit tijdens gebruikers onderzoeken -->
152153

153154
<li>
154-
<a href="/poc-moza/moza/contactvoorkeuren/">
155+
<a href="/moza/contactvoorkeuren/">
155156
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
156157
<path fill="currentColor" fill-rule="evenodd" d="M10 7.438A2.568 2.568 0 0 0 7.434 10 2.57 2.57 0 0 0 10 12.564 2.567 2.567 0 0 0 12.565 10 2.565 2.565 0 0 0 10 7.438zm8 2.978a.71.71 0 0 1-.382.596l-1.427.66a1.13 1.13 0 0 0-.548.545l-.08.195c-.089.216-.081.565.017.776l.564 1.431a.688.688 0 0 1-.137.69l-.648.648a.706.706 0 0 1-.688.148l-1.471-.543a1.142 1.142 0 0 0-.77-.007l-.207.086a1.093 1.093 0 0 0-.53.558l-.615 1.411a.685.685 0 0 1-.58.39h-.923a.704.704 0 0 1-.589-.386l-.656-1.412a1.142 1.142 0 0 0-.541-.554l-.208-.086a1.094 1.094 0 0 0-.764.017l-1.441.569a.685.685 0 0 1-.684-.139l-.65-.649a.712.712 0 0 1-.146-.693l.538-1.463c.093-.214.096-.565.007-.78l-.08-.193a1.09 1.09 0 0 0-.554-.535l-1.422-.619A.687.687 0 0 1 2 10.49v-.907a.71.71 0 0 1 .38-.596l1.425-.657c.215-.083.461-.329.55-.544l.08-.196c.09-.216.081-.565-.016-.776l-.563-1.431a.688.688 0 0 1 .136-.689l.648-.648a.705.705 0 0 1 .689-.149l1.475.541c.21.092.557.095.77.006l.203-.084c.21-.088.45-.339.53-.558l.615-1.411A.686.686 0 0 1 9.502 2h.923c.228 0 .494.174.589.386l.655 1.414c.085.217.329.466.541.554l.208.085c.211.088.555.08.763-.017l1.443-.568a.685.685 0 0 1 .684.139l.648.647a.71.71 0 0 1 .146.693l-.536 1.463a1.15 1.15 0 0 0-.007.781l.08.197c.09.215.337.455.554.533l1.421.618a.687.687 0 0 1 .386.586v.905z" />
157158
</svg>
@@ -175,7 +176,7 @@
175176
<article>
176177
<nav class="breadcrumb">
177178
<ol>
178-
<li><a href="/poc-moza/moza/">Home</a></li>
179+
<li><a href="/moza/">Home</a></li>
179180
<li aria-current="page">Actualiteiten</li>
180181
</ol>
181182
</nav>
@@ -285,7 +286,7 @@ <h4>Kan ik meldingen ontvangen bij nieuwe actualiteiten?</h4>
285286
<section>
286287
<p>
287288
Ja, via uw contactvoorkeuren kunt u aangeven dat u per e-mail op de hoogte gehouden wilt worden van nieuwe berichten, subsidies en regelgeving die relevant zijn voor uw organisatie. Ga naar
288-
<a href="/poc-moza/moza/contactvoorkeuren/">Contactvoorkeuren</a>
289+
<a href="/moza/contactvoorkeuren/">Contactvoorkeuren</a>
289290
om dit in te stellen.
290291
</p>
291292
</section>

0 commit comments

Comments
 (0)