Skip to content

Commit 28e1719

Browse files
rogier-barendregtrogier-barendregt
committed
➕ Info banner over actualiteiten
➕ Meer pagina met overzicht aankomende functionaliteiten
1 parent 3c26941 commit 28e1719

File tree

27 files changed

+567
-120
lines changed

27 files changed

+567
-120
lines changed

‎_includes/base.njk‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,8 @@
1919
{% include "header-rijksoverheid.njk" %}
2020
{% endif %}
2121

22+
{% include "moza-info-banner.njk" %}
23+
2224
<main>
2325
{{ content | safe }}
2426
</main>

‎_includes/moza-info-banner.njk‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<div class="feedback-page-banner" id="info-banner">
2+
<div class="feedback feedback-info">
3+
<svg
4+
xmlns="http://www.w3.org/2000/svg"
5+
xml:space="preserve"
6+
viewBox="0 0 24 24"
7+
>
8+
<path
9+
class="feedback-icon-color-background"
10+
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"
11+
/>
12+
<path
13+
class="feedback-icon-color-foreground"
14+
d="M10.71 6.93c0-.34.11-.63.33-.88.22-.25.54-.38.95-.38.41 0 .72.12.94.36.22.24.33.54.33.9 0 .32-.11.61-.33.86s-.54.37-.94.37c-.41 0-.72-.12-.95-.35-.22-.24-.33-.53-.33-.88zm2.4 2.39v8.96H10.9V9.41l2.21-.09z"
15+
/>
16+
</svg>
17+
<div>
18+
<p>
19+
MijnOverheid Zakelijk wordt continu uitgebreid met nieuwe mogelijkheden. <a href="{{ '/moza/meer/' | url }}">Bekijk welke functies eraan komen</a>.
20+
</p>
21+
</div>
22+
<button class="feedback-close icon-button" aria-label="Sluiten" onclick="this.closest('.feedback-page-banner').hidden = true; sessionStorage.setItem('info-banner-dismissed', 'true');">
23+
</button>
24+
</div>
25+
</div>
26+
<script>if (sessionStorage.getItem('info-banner-dismissed') === 'true') document.getElementById('info-banner').hidden = true;</script>

‎_site/assets/icons/icon-sluiten.svg‎

Lines changed: 3 additions & 0 deletions
Loading

‎_site/componenten/index.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,33 @@
2525

2626

2727

28+
<div class="feedback-page-banner" id="info-banner">
29+
<div class="feedback feedback-info">
30+
<svg
31+
xmlns="http://www.w3.org/2000/svg"
32+
xml:space="preserve"
33+
viewBox="0 0 24 24"
34+
>
35+
<path
36+
class="feedback-icon-color-background"
37+
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"
38+
/>
39+
<path
40+
class="feedback-icon-color-foreground"
41+
d="M10.71 6.93c0-.34.11-.63.33-.88.22-.25.54-.38.95-.38.41 0 .72.12.94.36.22.24.33.54.33.9 0 .32-.11.61-.33.86s-.54.37-.94.37c-.41 0-.72-.12-.95-.35-.22-.24-.33-.53-.33-.88zm2.4 2.39v8.96H10.9V9.41l2.21-.09z"
42+
/>
43+
</svg>
44+
<div>
45+
<p>
46+
MijnOverheid Zakelijk wordt continu uitgebreid met nieuwe mogelijkheden. <a href="/moza/meer/">Bekijk welke functies eraan komen</a>.
47+
</p>
48+
</div>
49+
<button class="feedback-close icon-button" aria-label="Sluiten" onclick="this.closest('.feedback-page-banner').hidden = true; sessionStorage.setItem('info-banner-dismissed', 'true');">
50+
</button>
51+
</div>
52+
</div>
53+
<script>if (sessionStorage.getItem('info-banner-dismissed') === 'true') document.getElementById('info-banner').hidden = true;</script>
54+
2855
<main>
2956

3057
<style>

‎_site/layout/index.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,33 @@
4141

4242

4343

44+
<div class="feedback-page-banner" id="info-banner">
45+
<div class="feedback feedback-info">
46+
<svg
47+
xmlns="http://www.w3.org/2000/svg"
48+
xml:space="preserve"
49+
viewBox="0 0 24 24"
50+
>
51+
<path
52+
class="feedback-icon-color-background"
53+
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"
54+
/>
55+
<path
56+
class="feedback-icon-color-foreground"
57+
d="M10.71 6.93c0-.34.11-.63.33-.88.22-.25.54-.38.95-.38.41 0 .72.12.94.36.22.24.33.54.33.9 0 .32-.11.61-.33.86s-.54.37-.94.37c-.41 0-.72-.12-.95-.35-.22-.24-.33-.53-.33-.88zm2.4 2.39v8.96H10.9V9.41l2.21-.09z"
58+
/>
59+
</svg>
60+
<div>
61+
<p>
62+
MijnOverheid Zakelijk wordt continu uitgebreid met nieuwe mogelijkheden. <a href="/moza/meer/">Bekijk welke functies eraan komen</a>.
63+
</p>
64+
</div>
65+
<button class="feedback-close icon-button" aria-label="Sluiten" onclick="this.closest('.feedback-page-banner').hidden = true; sessionStorage.setItem('info-banner-dismissed', 'true');">
66+
</button>
67+
</div>
68+
</div>
69+
<script>if (sessionStorage.getItem('info-banner-dismissed') === 'true') document.getElementById('info-banner').hidden = true;</script>
70+
4471
<main>
4572

4673
<aside>

‎_site/moza/actueel/index.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,33 @@
5252

5353

5454

55+
<div class="feedback-page-banner" id="info-banner">
56+
<div class="feedback feedback-info">
57+
<svg
58+
xmlns="http://www.w3.org/2000/svg"
59+
xml:space="preserve"
60+
viewBox="0 0 24 24"
61+
>
62+
<path
63+
class="feedback-icon-color-background"
64+
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"
65+
/>
66+
<path
67+
class="feedback-icon-color-foreground"
68+
d="M10.71 6.93c0-.34.11-.63.33-.88.22-.25.54-.38.95-.38.41 0 .72.12.94.36.22.24.33.54.33.9 0 .32-.11.61-.33.86s-.54.37-.94.37c-.41 0-.72-.12-.95-.35-.22-.24-.33-.53-.33-.88zm2.4 2.39v8.96H10.9V9.41l2.21-.09z"
69+
/>
70+
</svg>
71+
<div>
72+
<p>
73+
MijnOverheid Zakelijk wordt continu uitgebreid met nieuwe mogelijkheden. <a href="/moza/meer/">Bekijk welke functies eraan komen</a>.
74+
</p>
75+
</div>
76+
<button class="feedback-close icon-button" aria-label="Sluiten" onclick="this.closest('.feedback-page-banner').hidden = true; sessionStorage.setItem('info-banner-dismissed', 'true');">
77+
</button>
78+
</div>
79+
</div>
80+
<script>if (sessionStorage.getItem('info-banner-dismissed') === 'true') document.getElementById('info-banner').hidden = true;</script>
81+
5582
<main>
5683

5784
<aside>

‎_site/moza/bedrijfsgegevens/index.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,33 @@
5252

5353

5454

55+
<div class="feedback-page-banner" id="info-banner">
56+
<div class="feedback feedback-info">
57+
<svg
58+
xmlns="http://www.w3.org/2000/svg"
59+
xml:space="preserve"
60+
viewBox="0 0 24 24"
61+
>
62+
<path
63+
class="feedback-icon-color-background"
64+
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"
65+
/>
66+
<path
67+
class="feedback-icon-color-foreground"
68+
d="M10.71 6.93c0-.34.11-.63.33-.88.22-.25.54-.38.95-.38.41 0 .72.12.94.36.22.24.33.54.33.9 0 .32-.11.61-.33.86s-.54.37-.94.37c-.41 0-.72-.12-.95-.35-.22-.24-.33-.53-.33-.88zm2.4 2.39v8.96H10.9V9.41l2.21-.09z"
69+
/>
70+
</svg>
71+
<div>
72+
<p>
73+
MijnOverheid Zakelijk wordt continu uitgebreid met nieuwe mogelijkheden. <a href="/moza/meer/">Bekijk welke functies eraan komen</a>.
74+
</p>
75+
</div>
76+
<button class="feedback-close icon-button" aria-label="Sluiten" onclick="this.closest('.feedback-page-banner').hidden = true; sessionStorage.setItem('info-banner-dismissed', 'true');">
77+
</button>
78+
</div>
79+
</div>
80+
<script>if (sessionStorage.getItem('info-banner-dismissed') === 'true') document.getElementById('info-banner').hidden = true;</script>
81+
5582
<main>
5683

5784
<aside>

‎_site/moza/belastingen/index.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,33 @@
5252

5353

5454

55+
<div class="feedback-page-banner" id="info-banner">
56+
<div class="feedback feedback-info">
57+
<svg
58+
xmlns="http://www.w3.org/2000/svg"
59+
xml:space="preserve"
60+
viewBox="0 0 24 24"
61+
>
62+
<path
63+
class="feedback-icon-color-background"
64+
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"
65+
/>
66+
<path
67+
class="feedback-icon-color-foreground"
68+
d="M10.71 6.93c0-.34.11-.63.33-.88.22-.25.54-.38.95-.38.41 0 .72.12.94.36.22.24.33.54.33.9 0 .32-.11.61-.33.86s-.54.37-.94.37c-.41 0-.72-.12-.95-.35-.22-.24-.33-.53-.33-.88zm2.4 2.39v8.96H10.9V9.41l2.21-.09z"
69+
/>
70+
</svg>
71+
<div>
72+
<p>
73+
MijnOverheid Zakelijk wordt continu uitgebreid met nieuwe mogelijkheden. <a href="/moza/meer/">Bekijk welke functies eraan komen</a>.
74+
</p>
75+
</div>
76+
<button class="feedback-close icon-button" aria-label="Sluiten" onclick="this.closest('.feedback-page-banner').hidden = true; sessionStorage.setItem('info-banner-dismissed', 'true');">
77+
</button>
78+
</div>
79+
</div>
80+
<script>if (sessionStorage.getItem('info-banner-dismissed') === 'true') document.getElementById('info-banner').hidden = true;</script>
81+
5582
<main>
5683

5784
<aside>

‎_site/moza/berichtenbox/index.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,33 @@
5252

5353

5454

55+
<div class="feedback-page-banner" id="info-banner">
56+
<div class="feedback feedback-info">
57+
<svg
58+
xmlns="http://www.w3.org/2000/svg"
59+
xml:space="preserve"
60+
viewBox="0 0 24 24"
61+
>
62+
<path
63+
class="feedback-icon-color-background"
64+
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"
65+
/>
66+
<path
67+
class="feedback-icon-color-foreground"
68+
d="M10.71 6.93c0-.34.11-.63.33-.88.22-.25.54-.38.95-.38.41 0 .72.12.94.36.22.24.33.54.33.9 0 .32-.11.61-.33.86s-.54.37-.94.37c-.41 0-.72-.12-.95-.35-.22-.24-.33-.53-.33-.88zm2.4 2.39v8.96H10.9V9.41l2.21-.09z"
69+
/>
70+
</svg>
71+
<div>
72+
<p>
73+
MijnOverheid Zakelijk wordt continu uitgebreid met nieuwe mogelijkheden. <a href="/moza/meer/">Bekijk welke functies eraan komen</a>.
74+
</p>
75+
</div>
76+
<button class="feedback-close icon-button" aria-label="Sluiten" onclick="this.closest('.feedback-page-banner').hidden = true; sessionStorage.setItem('info-banner-dismissed', 'true');">
77+
</button>
78+
</div>
79+
</div>
80+
<script>if (sessionStorage.getItem('info-banner-dismissed') === 'true') document.getElementById('info-banner').hidden = true;</script>
81+
5582
<main>
5683

5784
<aside>

‎_site/moza/berichtgevingen-wijzigen/index.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,33 @@
5252

5353

5454

55+
<div class="feedback-page-banner" id="info-banner">
56+
<div class="feedback feedback-info">
57+
<svg
58+
xmlns="http://www.w3.org/2000/svg"
59+
xml:space="preserve"
60+
viewBox="0 0 24 24"
61+
>
62+
<path
63+
class="feedback-icon-color-background"
64+
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"
65+
/>
66+
<path
67+
class="feedback-icon-color-foreground"
68+
d="M10.71 6.93c0-.34.11-.63.33-.88.22-.25.54-.38.95-.38.41 0 .72.12.94.36.22.24.33.54.33.9 0 .32-.11.61-.33.86s-.54.37-.94.37c-.41 0-.72-.12-.95-.35-.22-.24-.33-.53-.33-.88zm2.4 2.39v8.96H10.9V9.41l2.21-.09z"
69+
/>
70+
</svg>
71+
<div>
72+
<p>
73+
MijnOverheid Zakelijk wordt continu uitgebreid met nieuwe mogelijkheden. <a href="/moza/meer/">Bekijk welke functies eraan komen</a>.
74+
</p>
75+
</div>
76+
<button class="feedback-close icon-button" aria-label="Sluiten" onclick="this.closest('.feedback-page-banner').hidden = true; sessionStorage.setItem('info-banner-dismissed', 'true');">
77+
</button>
78+
</div>
79+
</div>
80+
<script>if (sessionStorage.getItem('info-banner-dismissed') === 'true') document.getElementById('info-banner').hidden = true;</script>
81+
5582
<main>
5683

5784
<aside>

0 commit comments

Comments
 (0)