vliz-be-theme 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +50 -0
  4. data/_config.yml +4 -0
  5. data/_data/articles.yml +43 -0
  6. data/_data/bg_with_block.yml +5 -0
  7. data/_data/carrousel.yml +28 -0
  8. data/_data/carrousel_two.yml +33 -0
  9. data/_data/main_banner.yml +24 -0
  10. data/_data/simple_questions.yml +16 -0
  11. data/_includes/banner/banner.html +50 -0
  12. data/_includes/banner/main.html +35 -0
  13. data/_includes/banner/topic.html +20 -0
  14. data/_includes/block_gallery_cards/card.html +36 -0
  15. data/_includes/block_gallery_cards/first_card.html +50 -0
  16. data/_includes/block_gallery_cards/main.html +40 -0
  17. data/_includes/carrousel_block/item.html +21 -0
  18. data/_includes/carrousel_block/main.html +22 -0
  19. data/_includes/carrousel_w_waves/item.html +27 -0
  20. data/_includes/carrousel_w_waves/main.html +39 -0
  21. data/_includes/footer/main.html +312 -0
  22. data/_includes/image_bg_white_card/main.html +26 -0
  23. data/_includes/image_w_descr_curly/main.html +48 -0
  24. data/_includes/light_bg_block/item.html +12 -0
  25. data/_includes/light_bg_block/main.html +19 -0
  26. data/_includes/mobile-overlay/main.html +419 -0
  27. data/_includes/navigation/main.html +515 -0
  28. data/_includes/navigation/search-overlay.html +49 -0
  29. data/_includes/no_bg_cards/item.html +24 -0
  30. data/_includes/no_bg_cards/main.html +21 -0
  31. data/_includes/no_bg_colored_blocks/item.html +19 -0
  32. data/_includes/no_bg_colored_blocks/main.html +34 -0
  33. data/_includes/simple_color_boxes/item.html +11 -0
  34. data/_includes/simple_color_boxes/main.html +29 -0
  35. data/_layouts/default.html +150 -0
  36. data/_layouts/page.html +5 -0
  37. data/_layouts/post.html +5 -0
  38. data/assets/core/misc/Vlaanderen_verbeelding werkt.png +0 -0
  39. data/assets/core/misc/bib_publications_bg.jpg +0 -0
  40. data/assets/core/misc/calendar.svg +1 -0
  41. data/assets/core/misc/check.svg +1 -0
  42. data/assets/core/misc/close.png +0 -0
  43. data/assets/core/misc/error.svg +1 -0
  44. data/assets/core/misc/gradient.png +0 -0
  45. data/assets/core/misc/loading-small.gif +0 -0
  46. data/assets/core/misc/move.svg +1 -0
  47. data/assets/core/misc/person.svg +1 -0
  48. data/assets/core/misc/privacyshield.png +0 -0
  49. data/assets/core/misc/share-Facebook.png +0 -0
  50. data/assets/core/misc/share-Fave.png +0 -0
  51. data/assets/core/misc/share-LinkedIn.png +0 -0
  52. data/assets/core/misc/share-Mailto.png +0 -0
  53. data/assets/core/misc/share-Print.png +0 -0
  54. data/assets/core/misc/share-RSS.png +0 -0
  55. data/assets/core/misc/share-Twitter.png +0 -0
  56. data/assets/core/misc/swoosh.svg +3 -0
  57. data/assets/core/misc/swoosh_bg.svg +11 -0
  58. data/assets/core/misc/throbber-active.gif +0 -0
  59. data/assets/core/misc/throbber-inactive.png +0 -0
  60. data/assets/core/misc/tree-bottom.png +0 -0
  61. data/assets/core/misc/tree.png +0 -0
  62. data/assets/core/misc/twistie-down.svg +1 -0
  63. data/assets/core/misc/twistie-up.svg +1 -0
  64. data/assets/core/misc/warning.svg +1 -0
  65. data/assets/core/misc/west_vlaanderen_logo.png +0 -0
  66. data/assets/css/custom_style.css +5 -0
  67. data/assets/css/stylesheet_one.css +2461 -0
  68. data/assets/css/stylesheet_two.css +9753 -0
  69. data/assets/css/tablesaw-base.css +601 -0
  70. data/assets/css/tablesaw-responsive.css +189 -0
  71. data/assets/js/brands.js +3448 -0
  72. data/assets/js/fontawesome-icons.js +6 -0
  73. data/assets/js/fontawesome.js +2355 -0
  74. data/assets/js/regular.js +1354 -0
  75. data/assets/js/script_one.js +3361 -0
  76. data/assets/js/script_three.js +1160 -0
  77. data/assets/js/script_two.js +3913 -0
  78. data/assets/js/solid.js +9921 -0
  79. data/assets/js/tablesaw-init.js +18 -0
  80. data/assets/js/tablesaw.min.js +1408 -0
  81. data/assets/media/img/SquidRNA.webp +0 -0
  82. data/assets/media/img/graph_concept_art.jpg +0 -0
  83. data/assets/media/img/placeholder.png +0 -0
  84. data/assets/media/video/Homepage_website_SimonStevin.mp4 +0 -0
  85. metadata +140 -0
@@ -0,0 +1,515 @@
1
+ <header role="banner">
2
+ <div class="header-wrapper">
3
+ <div class="header-main">
4
+ <button class="hamburger hamburger--elastic" type="button" aria-label="Mobile Menu"
5
+ aria-controls="navigation">
6
+ <span class="hamburger-box">
7
+ <span class="hamburger-inner"></span>
8
+ </span>
9
+ </button>
10
+ <div class="region region-header-branding">
11
+ <div id="block-vlizbase-site-branding" class="block block-system block-system-branding-block">
12
+ <a href="/nl" rel="home" title="">
13
+ <svg xmlns="http://www.w3.org/2000/svg" width="187.046" height="118.179" class="logo"
14
+ viewBox="0 0 187.046 118.179">
15
+ <path
16
+ d="M159.1 105.113h24.877v13.066H133.2l28.105-46.29h-23.382V58.823h49.123zM110.365 58.823h15.43v59.356h-15.43zM83.915 58.823v46.29h18.5v13.066h-33.93V58.823ZM16.768 58.823l14.326 36.135 14.4-36.135h16.773l-25.033 59.356H24.955L0 58.823Z" />
17
+ <path
18
+ d="M51.116 8c6.916.337 13.725 2.257 21.5 5.119 6.394 2.359 13.4 5.3 21.35 8.934 5.251 2.081 10.321 4.543 15.65 6.154a44.665 44.665 0 0 0 12.123 2.042 58.78 58.78 0 0 0 25.082-6.027 98.345 98.345 0 0 0 13.667-8.055 1.943 1.943 0 0 0-1.944-3.346 108.553 108.553 0 0 1-14.067 5.261c-7.385 2.159-14.829 3.214-22.058 2.208a37.771 37.771 0 0 1-9.222-2.53c-4.953-1.9-9.7-4.381-14.595-6.609a232.639 232.639 0 0 0-22.752-8.1C66.788.566 58.766-.489 50.946.214a56.424 56.424 0 0 0-23.558 7.752 91.835 91.835 0 0 0-6.218 3.922 2.072 2.072 0 0 0 1.92 3.644C32.609 11.7 44.356 7.678 51.116 8"
19
+ class="swoosh" />
20
+ <path
21
+ d="M116.539 39.04c-3.81-.518-9.6-1.475-13.1-2.843a113.882 113.882 0 0 1-13.995-7.023c-3.136-1.758-6.252-3.541-9.456-5.148a66.763 66.763 0 0 0-6.755-2.994 52.928 52.928 0 0 0-11.1-2.755 55.785 55.785 0 0 0-16.632.8 96.753 96.753 0 0 0-20.124 7.048.356.356 0 0 0 .2.679c4.127-.694 12.035-1.949 16.7-2.208a78.475 78.475 0 0 1 9.467.056 53.908 53.908 0 0 1 9.085 1.319 62.082 62.082 0 0 1 9.447 2.984c2.125.8 4.259 1.612 6.394 2.462 3.287 1.309 6.579 2.638 9.9 3.9a90.849 90.849 0 0 0 15.767 4.757c4.3.791 10.961.254 14.859-.181 2.115-.44-.65-.86-.655-.86z"
22
+ class="swoosh" />
23
+ </svg>
24
+ </a>
25
+ </div>
26
+ </div>
27
+ <div class="header-content">
28
+ <div class="header-content-inner">
29
+ <div class="region region-header-navigation-top">
30
+ <nav role="navigation" aria-labelledby="block-servicenavigation-menu" id="block-servicenavigation">
31
+ <h2 class="visually-hidden" id="block-servicenavigation-menu">
32
+ Service navigation</h2>
33
+ <ul class="menu">
34
+ <li class="menu-item">
35
+ <a href="/nl/contact" data-drupal-link-system-path="node/12127">Contact</a>
36
+ </li>
37
+ <li class="menu-item">
38
+ <a href="/nl/events" data-drupal-link-system-path="events">Events</a>
39
+ </li>
40
+ <li class="menu-item">
41
+ <a href="/nl/faq" data-drupal-link-system-path="faq">FAQ</a>
42
+ </li>
43
+ <li class="menu-item">
44
+ <a href="/nl/jobs" data-drupal-link-system-path="node/12023">Vacatures</a>
45
+ </li>
46
+ </ul>
47
+ </nav>
48
+ <div id="block-vlizsearchtriggericon" class="block block-vliz-helpers block-vliz-search-trigger">
49
+
50
+
51
+ <a href="#" class="vliz-search-trigger"><i class="fa-solid fa-magnifying-glass"></i></a>
52
+ </div>
53
+ <div class="language-switcher-language-url block block-language block-language-blocklanguage-interface"
54
+ id="block-languageswitcher" role="navigation">
55
+
56
+
57
+ <nav class="language-links" role="navigation" aria-label="Taalkeuze">
58
+ <ul class="links">
59
+ <li hreflang="nl" data-drupal-link-system-path="node/9293" class="is-active"><a
60
+ href="/nl/homepage" class="language-link is-active" title="Dutch" hreflang="nl"
61
+ data-drupal-link-system-path="node/9293">NL</a>
62
+ </li>
63
+ <li hreflang="en" data-drupal-link-system-path="node/9293"><a href="/en/homepage"
64
+ class="language-link" title="English" hreflang="en"
65
+ data-drupal-link-system-path="node/9293">EN</a>
66
+ </li>
67
+ </ul>
68
+ </nav>
69
+ </div>
70
+
71
+ </div>
72
+
73
+ <div class="region region-header-navigation">
74
+ <nav role="navigation" aria-labelledby="block-mainnavigation-menu" id="block-mainnavigation">
75
+
76
+ <h2 class="visually-hidden" id="block-mainnavigation-menu">Main
77
+ navigation</h2>
78
+
79
+
80
+
81
+ <ul class="menu">
82
+ <li class="menu-item menu-item--collapsed">
83
+ <span data-doormat-target="doormat-block-hoofdnavigatie">Wie
84
+ we zijn</span>
85
+ </li>
86
+ <li class="menu-item menu-item--collapsed">
87
+ <span data-doormat-target="doormat-block-hoofdnavigatie-2">Wat
88
+ we doen</span>
89
+ </li>
90
+ <li class="menu-item menu-item--collapsed">
91
+ <span data-doormat-target="doormat-block-hoofdnavigatie-3">Samenwerkingen</span>
92
+ </li>
93
+ <li class="menu-item">
94
+ <a href="/nl/news" data-drupal-link-system-path="news">Nieuws</a>
95
+ </li>
96
+ <li class="menu-item menu-item--collapsed">
97
+ <span data-doormat-target="doormat-block-hoofdnavigatie-4">Publicaties</span>
98
+ </li>
99
+ <li class="menu-item menu-item--collapsed">
100
+ <span class="highlight" data-doormat-target="doormat-block-hoofdnavigatie-6">Steun
101
+ ons</span>
102
+ </li>
103
+ </ul>
104
+
105
+
106
+
107
+ </nav>
108
+
109
+ </div>
110
+
111
+ </div>
112
+ </div>
113
+ </div>
114
+ </div>
115
+ <div class="region region-header-doormat">
116
+ <div id="block-hoofdnavigatie" class="block block-menu-block block-menu-blockmain block-doormat"
117
+ data-doormat-id="doormat-block-hoofdnavigatie">
118
+ <div class="doormat-inner">
119
+
120
+
121
+
122
+ <ul class="menu">
123
+ <li class="menu-item menu-item--expanded">
124
+ <a href="/nl/wie-we-zijn/over-vliz" data-drupal-link-system-path="node/13821">Over VLIZ</a>
125
+ <ul class="menu">
126
+ <li class="menu-item">
127
+ <a href="/nl/wie-we-zijn/over-vliz/missie-visie" data-drupal-link-system-path="node/13275">Missie
128
+ &amp;
129
+ Visie</a>
130
+ </li>
131
+ <li class="menu-item">
132
+ <a href="/nl/wie-we-zijn/over-vliz/onze-werking" data-drupal-link-system-path="node/13276">Onze
133
+ werking</a>
134
+ </li>
135
+ <li class="menu-item">
136
+ <a href="/nl/staff" data-drupal-link-system-path="staff">Onze mensen</a>
137
+ </li>
138
+ <li class="menu-item">
139
+ <a href="/nl/ethiek-en-waarden" data-drupal-link-system-path="node/13280">Ethiek en
140
+ waarden</a>
141
+ </li>
142
+ </ul>
143
+
144
+ </li>
145
+ <li class="menu-item menu-item--expanded">
146
+ <a href="https://www.vliz.be/nl/voor-wie">Voor wie</a>
147
+ <ul class="menu">
148
+ <li class="menu-item">
149
+ <a href="/nl/onderzoekers" data-drupal-link-system-path="node/13282">Onderzoekers</a>
150
+ </li>
151
+ <li class="menu-item">
152
+ <a href="/nl/wie-we-zijn/voor-wie/bedrijven" data-drupal-link-system-path="node/13283">Bedrijven</a>
153
+ </li>
154
+ <li class="menu-item">
155
+ <a href="/nl/wat-we-doen/kennisvalorisatie/kennisvalorisatie-naar-beleid"
156
+ data-drupal-link-system-path="node/13271">Beleid</a>
157
+ </li>
158
+ <li class="menu-item">
159
+ <a href="/nl/wie-we-zijn/voor-wie/burgers-en-scholieren"
160
+ data-drupal-link-system-path="node/13285">Burgers en
161
+ scholieren</a>
162
+ </li>
163
+ </ul>
164
+
165
+ </li>
166
+ <li class="menu-item menu-item--expanded">
167
+ <a href="/nl/wie-we-zijn/hoe-ons-bereiken" data-drupal-link-system-path="node/13286">Waar vind je
168
+ VLIZ?</a>
169
+ <ul class="menu">
170
+ <li class="menu-item">
171
+ <a href="/nl/wie-we-zijn/hoe-ons-bereiken" data-drupal-link-system-path="node/13286">Hoe ons
172
+ bereiken?</a>
173
+ </li>
174
+ <li class="menu-item">
175
+ <a href="/nl/contact" data-drupal-link-system-path="node/12127">Contact</a>
176
+ </li>
177
+ </ul>
178
+
179
+ </li>
180
+ <li class="menu-item menu-item--expanded">
181
+ <a href="/nl/wie-we-zijn/werken-bij-vliz" data-drupal-link-system-path="node/15691">Werken bij VLIZ</a>
182
+ <ul class="menu">
183
+ <li class="menu-item">
184
+ <a href="/nl/wie-we-zijn/werken-bij-vliz/werken-bij-vliz"
185
+ data-drupal-link-system-path="node/13287">Wat betekent
186
+ werken bij VLIZ</a>
187
+ </li>
188
+ <li class="menu-item">
189
+ <a href="/nl/jobs" data-drupal-link-system-path="node/12023">Onze
190
+ vacatures</a>
191
+ </li>
192
+ <li class="menu-item">
193
+ <a href="/nl/wie-we-zijn/werken-bij-vliz/stages"
194
+ data-drupal-link-system-path="node/13288">Stages</a>
195
+ </li>
196
+ <li class="menu-item">
197
+ <a href="/nl/wie-we-zijn/werken-bij-vliz/thesisbegeleiding"
198
+ data-drupal-link-system-path="node/13289">Thesisbegeleiding</a>
199
+ </li>
200
+ <li class="menu-item">
201
+ <a href="/nl/wie-we-zijn/werken-bij-vliz/jobstudenten"
202
+ data-drupal-link-system-path="node/13290">Jobstudenten</a>
203
+ </li>
204
+ </ul>
205
+
206
+ </li>
207
+ </ul>
208
+
209
+
210
+
211
+ </div>
212
+ </div>
213
+ <div id="block-hoofdnavigatie-2" class="block block-menu-block block-menu-blockmain block-doormat"
214
+ data-doormat-id="doormat-block-hoofdnavigatie-2">
215
+ <div class="doormat-inner">
216
+
217
+
218
+
219
+ <ul class="menu">
220
+ <li class="menu-item menu-item--expanded">
221
+ <a href="/nl/onderzoek" data-drupal-link-system-path="node/15149">Onderzoek</a>
222
+ <ul class="menu">
223
+ <li class="menu-item">
224
+ <a href="/nl/wat-we-doen/onderzoek/onderzoeksvisie"
225
+ data-drupal-link-system-path="node/13296">Onderzoeksvisie</a>
226
+ </li>
227
+ <li class="menu-item">
228
+ <a href="/nl/wat-we-doen/onderzoek/ocean-health-and-human-health"
229
+ data-drupal-link-system-path="node/13297">Ocean Health
230
+ and human health</a>
231
+ </li>
232
+ <li class="menu-item">
233
+ <a href="/nl/wat-we-doen/onderzoek/coastal-climate-change"
234
+ data-drupal-link-system-path="node/13302">Coastal
235
+ Climate Change</a>
236
+ </li>
237
+ <li class="menu-item">
238
+ <a href="/nl/wat-we-doen/onderzoek/marine-observation-centre"
239
+ data-drupal-link-system-path="node/13306">Marine
240
+ Observation Centre</a>
241
+ </li>
242
+ <li class="menu-item">
243
+ <a href="/nl/wetenschapsprijzen" data-drupal-link-system-path="node/13273">Wetenschapsprijzen</a>
244
+ </li>
245
+ </ul>
246
+
247
+ </li>
248
+ <li class="menu-item menu-item--expanded">
249
+ <a href="/nl/data-informatie" data-drupal-link-system-path="node/13262">Data &amp;
250
+ informatie</a>
251
+ <ul class="menu">
252
+ <li class="menu-item">
253
+ <a href="/nl/wat-we-doen/data-informatie/vliz-bibliotheek"
254
+ data-drupal-link-system-path="node/13264">Bibliotheek</a>
255
+ </li>
256
+ <li class="menu-item">
257
+ <a href="/nl/wat-we-doen/data-informatie/data" data-drupal-link-system-path="node/13263">Data</a>
258
+ </li>
259
+ <li class="menu-item">
260
+ <a href="/nl/wat-we-doen/data-informatie/it" data-drupal-link-system-path="node/13265">IT</a>
261
+ </li>
262
+ </ul>
263
+
264
+ </li>
265
+ <li class="menu-item menu-item--expanded">
266
+ <a href="/nl/wat-we-doen/aanbod-infrastructuur" data-drupal-link-system-path="node/13314">Aanbod
267
+ infrastructuur</a>
268
+ <ul class="menu">
269
+ <li class="menu-item">
270
+ <a href="/nl/apparatuur" data-drupal-link-system-path="node/13319">Apparatuur</a>
271
+ </li>
272
+ <li class="menu-item">
273
+ <a href="/nl/wat-we-doen/aanbod-infrastructuur/onderzoeksvaartuigen"
274
+ data-drupal-link-system-path="node/13315">Onderzoeksvaartuigen</a>
275
+ </li>
276
+ <li class="menu-item">
277
+ <a href="/nl/wat-we-doen/aanbod-infrastructuur/robotica"
278
+ data-drupal-link-system-path="node/13316">Robotica</a>
279
+ </li>
280
+ <li class="menu-item">
281
+ <a href="/nl/wat-we-doen/aanbod-infrastructuur/onderzoeksruimtes"
282
+ data-drupal-link-system-path="node/13317">Onderzoeksruimtes</a>
283
+ </li>
284
+ <li class="menu-item">
285
+ <a href="/nl/wat-we-doen/aanbod-infrastructuur/wetenschappelijk-duiken"
286
+ data-drupal-link-system-path="node/13318">Wetenschappelijk
287
+ duiken</a>
288
+ </li>
289
+ </ul>
290
+
291
+ </li>
292
+ <li class="menu-item menu-item--expanded">
293
+ <a href="/nl/oceaangeletterdheid" data-drupal-link-system-path="node/13266">Oceaangeletterdheid</a>
294
+ <ul class="menu">
295
+ <li class="menu-item">
296
+ <a href="/nl/wat-we-doen/oceaangeletterdheid/educatie"
297
+ data-drupal-link-system-path="node/13267">Educatie</a>
298
+ </li>
299
+ <li class="menu-item">
300
+ <a href="/nl/wat-we-doen/oceaangeletterdheid/publiek-informeren"
301
+ data-drupal-link-system-path="node/13268">Publiek
302
+ informeren</a>
303
+ </li>
304
+ <li class="menu-item">
305
+ <a href="/nl/wat-we-doen/oceaangeletterdheid/burgerwetenschap"
306
+ data-drupal-link-system-path="node/13269">Burgerwetenschap</a>
307
+ </li>
308
+ </ul>
309
+
310
+ </li>
311
+ <li class="menu-item menu-item--expanded">
312
+ <a href="/nl/kennisvalorisatie" data-drupal-link-system-path="node/13270">Kennisvalorisatie</a>
313
+ <ul class="menu">
314
+ <li class="menu-item">
315
+ <a href="/nl/wat-we-doen/kennisvalorisatie/kennisvalorisatie-naar-beleid"
316
+ data-drupal-link-system-path="node/13271">Kennisvalorisatie
317
+ naar beleid</a>
318
+ </li>
319
+ <li class="menu-item">
320
+ <a href="/nl/kennisvalorisatie-naar-de-blauwe-economie"
321
+ data-drupal-link-system-path="node/13272">Kennisvalorisatie
322
+ naar de Blauwe economie</a>
323
+ </li>
324
+ </ul>
325
+
326
+ </li>
327
+ </ul>
328
+
329
+
330
+
331
+ </div>
332
+ </div>
333
+ <div id="block-hoofdnavigatie-3" class="block block-menu-block block-menu-blockmain block-doormat"
334
+ data-doormat-id="doormat-block-hoofdnavigatie-3">
335
+ <div class="doormat-inner">
336
+
337
+
338
+
339
+ <ul class="menu">
340
+ <li class="menu-item">
341
+ <a href="/nl/samenwerkingen/onze-partners" data-drupal-link-system-path="node/13307">Onze partners</a>
342
+ </li>
343
+ <li class="menu-item">
344
+ <a href="/nl/samenwerkingen/overeenkomsten" data-drupal-link-system-path="node/13308">Overeenkomsten</a>
345
+ </li>
346
+ <li class="menu-item">
347
+ <a href="/nl/samenwerkingen/ocean-decade" data-drupal-link-system-path="node/13312">Ocean decade</a>
348
+ </li>
349
+ <li class="menu-item">
350
+ <a href="/nl/samenwerkingen/mission-ocean" data-drupal-link-system-path="node/13313">Mission Ocean</a>
351
+ </li>
352
+ </ul>
353
+
354
+
355
+
356
+ </div>
357
+ </div>
358
+ <div id="block-hoofdnavigatie-4" class="block block-menu-block block-menu-blockmain block-doormat"
359
+ data-doormat-id="doormat-block-hoofdnavigatie-4">
360
+ <div class="doormat-inner">
361
+
362
+
363
+
364
+ <ul class="menu">
365
+ <li class="menu-item menu-item--expanded">
366
+ <span>Zee-info</span>
367
+ <ul class="menu">
368
+ <li class="menu-item">
369
+ <a href="https://www.vliz.be/testerep/" target="_blank">Testerep magazine</a>
370
+ </li>
371
+ <li class="menu-item">
372
+ <a href="/nl/publications/type/grote_rede"
373
+ data-drupal-link-system-path="publications/type/grote_rede">De
374
+ Grote Rede</a>
375
+ </li>
376
+ <li class="menu-item">
377
+ <a href="/nl/publications/type/zeekrant"
378
+ data-drupal-link-system-path="publications/type/zeekrant">De
379
+ Zeekrant</a>
380
+ </li>
381
+ <li class="menu-item">
382
+ <a href="http://compendiumkustenzee.be/nl/home-0">Compendium
383
+ voor kust en zee</a>
384
+ </li>
385
+ <li class="menu-item">
386
+ <a href="https://www.kustportaal.be/nl">Kustportaal</a>
387
+ </li>
388
+ </ul>
389
+
390
+ </li>
391
+ <li class="menu-item menu-item--expanded">
392
+ <a href="/nl/catalogus" data-drupal-link-system-path="node/13236">Catalogus</a>
393
+ <ul class="menu">
394
+ <li class="menu-item">
395
+ <a href="/nl/publications/type/boeken"
396
+ data-drupal-link-system-path="publications/type/boeken">Boeken
397
+ door VLIZ</a>
398
+ </li>
399
+ <li class="menu-item">
400
+ <a href="/nl/publications/type/bins"
401
+ data-drupal-link-system-path="publications/type/bins">BIN&#039;s
402
+ en rapporten</a>
403
+ </li>
404
+ <li class="menu-item">
405
+ <a href="/nl/catalogus" data-drupal-link-system-path="node/13236">Catalogus</a>
406
+ </li>
407
+ <li class="menu-item">
408
+ <a href="/nl/wetenschappelijke-publicaties"
409
+ data-drupal-link-system-path="node/13985">Wetenschappelijke
410
+ publicaties</a>
411
+ </li>
412
+ </ul>
413
+
414
+ </li>
415
+ <li class="menu-item menu-item--expanded">
416
+ <span>Jaarboek</span>
417
+ <ul class="menu">
418
+ <li class="menu-item">
419
+ <a href="/nl/publicaties/jaarboek/jaarboek-2022" data-drupal-link-system-path="node/15503">Jaarboek
420
+ 2022</a>
421
+ </li>
422
+ <li class="menu-item">
423
+ <a href="/nl/voorgaande-jaarboeken" data-drupal-link-system-path="node/15504">Voorgaande
424
+ jaarboeken</a>
425
+ </li>
426
+ </ul>
427
+
428
+ </li>
429
+ </ul>
430
+
431
+
432
+
433
+ </div>
434
+ </div>
435
+ <div id="block-hoofdnavigatie-6" class="block block-menu-block block-menu-blockmain block-doormat"
436
+ data-doormat-id="doormat-block-hoofdnavigatie-6">
437
+ <div class="doormat-inner">
438
+
439
+
440
+
441
+ <ul class="menu">
442
+ <li class="menu-item">
443
+ <a href="https://www.vliz.be/nl/de-zee-als-goed-doel" title="De Zee als Goed Doel">De Zee als Goed
444
+ Doel</a>
445
+ </li>
446
+ <li class="menu-item menu-item--expanded">
447
+ <a href="/nl/steun-ons/hoe-jij-kan-helpen" data-drupal-link-system-path="node/13656">Hoe jij kan
448
+ helpen</a>
449
+ <ul class="menu">
450
+ <li class="menu-item">
451
+ <a href="/nl/steun-ons/hoe-jij-kan-helpen/word-lid-van-het-vliz"
452
+ data-drupal-link-system-path="node/15696">Word lid van
453
+ het VLIZ</a>
454
+ </li>
455
+ <li class="menu-item">
456
+ <a href="/nl/steun-ons/hoe-jij-kan-helpen/doneer-aan-de-zee-als-goed-doel"
457
+ data-drupal-link-system-path="node/15693">Doneer</a>
458
+ </li>
459
+ <li class="menu-item">
460
+ <a href="/nl/steun-ons/hoe-jij-kan-helpen/schenking-legaat"
461
+ data-drupal-link-system-path="node/15694">Schenking
462
+ &amp; legaat</a>
463
+ </li>
464
+ <li class="menu-item">
465
+ <a href="/nl/steun-ons/hoe-jij-kan-helpen/word-partner-van-het-vliz"
466
+ data-drupal-link-system-path="node/15695">Word partner
467
+ van het VLIZ</a>
468
+ </li>
469
+ </ul>
470
+
471
+ </li>
472
+ <li class="menu-item menu-item--expanded">
473
+ <a href="/nl/steun-ons/realisaties" data-drupal-link-system-path="node/14973">Realisaties</a>
474
+ <ul class="menu">
475
+ <li class="menu-item">
476
+ <a href="/nl/steun-ons/realisaties/brilliant-marine-research-idea-beurzen"
477
+ data-drupal-link-system-path="node/14974">Brilliant
478
+ Marine Research Idea beurzen</a>
479
+ </li>
480
+ <li class="menu-item">
481
+ <a href="/nl/steun-ons/realisaties/worms-editors"
482
+ data-drupal-link-system-path="node/14976">WoRMS-editors</a>
483
+ </li>
484
+ <li class="menu-item">
485
+ <a href="/nl/steun-ons/realisaties/ostend-working-group"
486
+ data-drupal-link-system-path="node/14975">Ostend
487
+ Working Group</a>
488
+ </li>
489
+ <li class="menu-item">
490
+ <a href="/nl/steun-ons/realisaties/bescherm-het-mariene-leven-chili"
491
+ data-drupal-link-system-path="node/14977">Bescherm het
492
+ mariene leven in Chili</a>
493
+ </li>
494
+ <li class="menu-item">
495
+ <a href="/nl/steun-ons/realisaties/reisbeurzen-voor-jonge-mariene-wetenschappers"
496
+ data-drupal-link-system-path="node/14978">Reisbeurzen
497
+ voor jonge mariene wetenschappers</a>
498
+ </li>
499
+ <li class="menu-item">
500
+ <a href="/nl/steun-ons/realisaties/jaarverslag-voor-schenkers"
501
+ data-drupal-link-system-path="node/14979">Jaarverslag
502
+ voor Schenkers</a>
503
+ </li>
504
+ </ul>
505
+
506
+ </li>
507
+ <li class="menu-item">
508
+ <a href="https://shop.vliz.be/">Webshop</a>
509
+ </li>
510
+ </ul>
511
+ </div>
512
+ </div>
513
+ </div>
514
+ </header>
515
+ {% include navigation/search-overlay.html %}
@@ -0,0 +1,49 @@
1
+ <section class="main-container-above">
2
+ <div class="region region-content-above">
3
+ <div id="block-vlizsearch" class="block block-vliz-helpers block-vliz-search-block">
4
+
5
+
6
+ <a href="#" class="close-search-overlay"></a>
7
+ <div class="vliz-search-form-wrapper">
8
+ <div class="vliz-search-form-wrapper-form">
9
+ <form class="vliz-search-form antibot" data-drupal-selector="vliz-search-form" data-action="/nl/search"
10
+ action="/antibot" method="get" id="vliz-search-form" accept-charset="UTF-8">
11
+ <noscript>
12
+ <div class="antibot-no-js antibot-message antibot-message-warning">
13
+ JavaScript moet ingeschakeld zijn om dit formulier te kunnen
14
+ gebruiken.</div>
15
+ </noscript>
16
+ <div
17
+ class="js-form-item form-item js-form-type-search form-item-query js-form-item-query form-no-label">
18
+ <label for="edit-query" class="visually-hidden">Zoeken</label>
19
+ <input title="Type what you are looking for" data-drupal-selector="edit-query" type="search"
20
+ id="edit-query" name="query" value="" size="15" maxlength="128"
21
+ placeholder="Type what you are looking for" class="form-search" />
22
+ </div>
23
+ <input data-drupal-selector="edit-antibot-key" type="hidden" name="antibot_key" value="" />
24
+ <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper"
25
+ id="edit-actions"><a href="#" class="vliz-search-submit"><i
26
+ class="fa-solid fa-magnifying-glass"></i></a><input data-drupal-selector="edit-submit"
27
+ type="submit" id="edit-submit" value="Zoeken" class="button js-form-submit form-submit" />
28
+ </div>
29
+ </form>
30
+ </div>
31
+ <div class="vliz-search-form-body">
32
+ <p>Ben je op zoek naar personen of publicaties?<br />
33
+ Klik dan door naar onze databank <a href="https://www.vliz.be/nl/imis"><strong>IMIS</strong></a>.</p>
34
+
35
+ <p><a class="more-link" href="https://www.vliz.be/nl/imis">Ga naar IMIS</a>
36
+ </p>
37
+ </div>
38
+ </div>
39
+
40
+ </div>
41
+
42
+ </div>
43
+
44
+ <div class="region region-breadcrumb">
45
+ <div data-drupal-messages-fallback class="hidden"></div>
46
+
47
+ </div>
48
+
49
+ </section>
@@ -0,0 +1,24 @@
1
+ <div class="col-sm-6 col-md-4 field__item">
2
+ <div
3
+ class="paragraph paragraph--type--image-link paragraph--view-mode--default">
4
+ <div
5
+ class="field field--name-field-image field--type-image field--label-hidden field__items">
6
+ <a href="{{item.clickthrough_url}}"><img loading="lazy"
7
+ {% if item.image %}
8
+ {% if item.image contains 'http' %}
9
+ src="{{item.image}}"
10
+ {% else %}
11
+ src="{{ site.baseurl }}{{item.image}}"
12
+ {% endif %}
13
+ {% else %}
14
+ src="{{ site.baseurl }}assets/media/img/placeholder.png"
15
+ {% endif %}
16
+ width="600" height="450" alt="{{item.description}}" typeof="Image"
17
+ class="image-style-medium-cropped" /></a>
18
+ </div>
19
+ <h3
20
+ class="field field--name-field-title field--type-string field--label-hidden field__items">
21
+ <a href="{{item.clickthrough_url}}">{{item.title}}</a>
22
+ </h3>
23
+ </div>
24
+ </div>
@@ -0,0 +1,21 @@
1
+ <div class="col-12 field__item">
2
+ <div class="pt-4 paragraph paragraph--type--from-library paragraph--view-mode--default">
3
+ <h2 class="container-title">{{data.title}}</h2>
4
+ <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden">
5
+ <div>
6
+ <div class="field__item">
7
+ <div class="pb-4 pt-4 paragraph paragraph--type--container paragraph--view-mode--default">
8
+ <div
9
+ class="field field--name-field-paragraph-container-items field--type-entity-reference-revisions field--label-hidden">
10
+ <div class="row field__items">
11
+ {% for item in data.items %}
12
+ {% include no_bg_cards/item.html item=item %}
13
+ {% endfor %}
14
+ </div>
15
+ </div>
16
+ </div>
17
+ </div>
18
+ </div>
19
+ </div>
20
+ </div>
21
+ </div>
@@ -0,0 +1,19 @@
1
+ <div class="views-row">
2
+ <article role="article" about="{{item.clickthrough_url}}"
3
+ class="node node--type-jobs node--promoted node--view-mode-teaser">
4
+ <h2>
5
+ {% if item.clickthrough_url contains 'http' %}
6
+ <a href="{{item.clickthrough_url}}" {% else %} <a href="{{site.baseurl}}{{item.clickthrough_url}}" {% endif
7
+ %} rel="bookmark"><span
8
+ class="field field--name-title field--type-string field--label-hidden">{{item.title}}</span>
9
+ </a>
10
+ </h2>
11
+ <div class="node__content">
12
+ <div class="field field--name-field-teaser field--type-string-long field--label-hidden field__items">
13
+ <p>
14
+ {{item.description}}
15
+ </p>
16
+ </div>
17
+ </div>
18
+ </article>
19
+ </div>