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,312 @@
1
+ <footer>
2
+ <div class="region region-footer">
3
+ <div id="block-footerparagraphs"
4
+ class="block--type-paragraphs-block block block-block-content block-block-contentfb3db23a-bc58-4eed-a875-1cb32e663944">
5
+
6
+
7
+
8
+ <div class="field field--name-field-paragraphs field--type-entity-reference-revisions field--label-hidden">
9
+
10
+
11
+ <div class="row field__items">
12
+ <div class="col-12 field__item">
13
+ <div class="pb-5 pt-6 paragraph paragraph--type--container paragraph--view-mode--default">
14
+
15
+ <div
16
+ class="field field--name-field-paragraph-container-items field--type-entity-reference-revisions field--label-hidden">
17
+
18
+
19
+ <div class="row field__items">
20
+ <div class="col-12 field__item">
21
+ <div
22
+ class="background-light-2 pb-5 pt-5 px-2 paragraph paragraph--type--basic-text paragraph--view-mode--default">
23
+
24
+ <div
25
+ class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__items">
26
+ <h2 class="text-align-center">
27
+ Ontvang onze nieuwsbrief</h2>
28
+
29
+ <p class="text-align-center">Blijf
30
+ op de hoogte van onze
31
+ recentste ontwikkelingen,
32
+ nieuwste projecten en
33
+ aankomende events.</p>
34
+
35
+ <p class="text-align-center"><a class="more-link-colored"
36
+ href="https://www.vliz.be/testerep/nl#block-simplenewssubscription">Schrijf
37
+ je in</a></p>
38
+ </div>
39
+ </div>
40
+ </div>
41
+ </div>
42
+
43
+ </div>
44
+
45
+ </div>
46
+ </div>
47
+ <div class="col-12 field__item">
48
+ <div
49
+ class="background-dark-1 container-full-width pb-6 pt-6 paragraph paragraph--type--container paragraph--view-mode--default">
50
+
51
+ <div
52
+ class="field field--name-field-paragraph-container-items field--type-entity-reference-revisions field--label-hidden">
53
+
54
+
55
+ <div class="row field__items">
56
+ <div class="col-12 field__item">
57
+ <div class="paragraph paragraph--type--basic-text paragraph--view-mode--default">
58
+
59
+ <div
60
+ class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__items">
61
+ <h2 class="text-align-center">Volg
62
+ VLIZ op sociale media!</h2>
63
+
64
+ <ul class="social-icons">
65
+ <li><a href="https://nl-nl.facebook.com/VLIZnieuws" target="_blank"><i
66
+ class="fa-brands fa-facebook-f fa-2x"></i></a>
67
+ </li>
68
+ <li><a href="https://www.instagram.com/vlizostend/" target="_blank"><i
69
+ class="fa-brands fa-instagram fa-2x"></i></a>
70
+ </li>
71
+ <li><a href="https://twitter.com/vliznews" target="_blank"><i
72
+ class="fa-brands fa-twitter fa-2x"></i></a>
73
+ </li>
74
+ <li><a href="https://www.linkedin.com/company/vliz---flanders-marine-institute"
75
+ target="_blank"><i class="fa-brands fa-linkedin-in fa-2x"></i></a>
76
+ </li>
77
+ <li><a href="http://www.youtube.com/user/VLIZoostende?feature=watch" target="_blank"><i
78
+ class="fa-brands fa-youtube fa-2x"></i></a>
79
+ </li>
80
+ </ul>
81
+ </div>
82
+ </div>
83
+ </div>
84
+ </div>
85
+
86
+ </div>
87
+
88
+ </div>
89
+ </div>
90
+ </div>
91
+
92
+ </div>
93
+
94
+ </div>
95
+ <div id="block-footerparagraphsbottom"
96
+ class="block--type-paragraphs-block block block-block-content block-block-content42c15541-5ab2-44df-8666-3573f6c0a83e">
97
+
98
+
99
+
100
+ <div class="field field--name-field-paragraphs field--type-entity-reference-revisions field--label-hidden">
101
+
102
+
103
+ <div class="row field__items">
104
+ <div class="col-12 field__item">
105
+ <div
106
+ class="background-light-4 container-full-width pb-5 pt-5 paragraph paragraph--type--container paragraph--view-mode--default">
107
+
108
+ <div
109
+ class="field field--name-field-paragraph-container-items field--type-entity-reference-revisions field--label-hidden">
110
+
111
+
112
+ <div class="row field__items">
113
+ <div class="col-md-4 field__item">
114
+ <div class="pb-1 pt-1 px-1 paragraph paragraph--type--basic-text paragraph--view-mode--default">
115
+
116
+ <div
117
+ class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__items">
118
+ <h5 class="highlighted-heading">Hoe
119
+ ...</h5>
120
+
121
+ <ul class="link-list">
122
+ <li><a href="/nl/wie-we-zijn/over-vliz/onze-werking" target="_blank">is
123
+ VLIZ
124
+ georganiseerd?</a>
125
+ </li>
126
+ <li><a href="/nl/jobs" target="_blank">solliciteren
127
+ bij VLIZ?</a></li>
128
+ <li><a href="/nl/steun-ons/hoe-jij-kan-helpen/word-lid-van-het-vliz">lid
129
+ worden van
130
+ VLIZ?</a></li>
131
+ <li><a href="/nl/onderzoeksvisie" target="_blank">ziet
132
+ het marien
133
+ onderzoek
134
+ eruit?</a></li>
135
+ <li><a href="/nl/contact#14|51.2252|2.9138" target="_blank">een
136
+ infovraag
137
+ stellen?</a></li>
138
+ <li><a href="https://www.onroerenderfgoed.be/metaaldetectievondsten-melden">een
139
+ strandvondst
140
+ melden?</a></li>
141
+ <li><a href="/nl/privacy">gaat
142
+ VLIZ om met uw
143
+ privacy?</a></li>
144
+ </ul>
145
+ </div>
146
+ </div>
147
+ </div>
148
+ <div class="col-md-4 field__item">
149
+ <div class="pb-1 pt-1 px-1 paragraph paragraph--type--basic-text paragraph--view-mode--default">
150
+
151
+ <div
152
+ class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__items">
153
+ <h5 class="highlighted-heading">
154
+ Tools ...</h5>
155
+
156
+ <ul class="link-list">
157
+ <li><a href="#">WoRMS</a></li>
158
+ <li><a href="https://www.marineregions.org/" target="_blank">Marine
159
+ Regions</a></li>
160
+ <li><a href="https://emodnet.ec.europa.eu/en" target="_blank">EMODnet
161
+ portaal</a></li>
162
+ <li><a href="https://www.lifewatch.be/" target="_blank">LifeWatch
163
+ virtueel lab</a>
164
+ </li>
165
+ <li><a href="/nl/wat-we-doen/aanbod-infrastructuur/onderzoeksvaartuigen">VLIZ-cruises</a>
166
+ </li>
167
+ <li><a href="https://kustportaal.be/nl" target="_blank">Kustportaal</a>
168
+ </li>
169
+ <li><a href="https://www.scheldemonitor.be/nl" target="_blank">Scheldemonitor</a>
170
+ </li>
171
+ <li><a href="https://mda.vliz.be">Marien
172
+ Data Archief</a>
173
+ </li>
174
+ <li>Open Marien Archief (bib)
175
+ </li>
176
+ </ul>
177
+ </div>
178
+ </div>
179
+ </div>
180
+ <div class="col-md-4 field__item">
181
+ <div class="pb-1 pt-1 px-1 paragraph paragraph--type--basic-text paragraph--view-mode--default">
182
+
183
+ <div
184
+ class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__items">
185
+ <h5 class="highlighted-heading">
186
+ Quick links</h5>
187
+
188
+ <ul class="link-list">
189
+ <li><a href="/nl/node/13236" target="_blank">Catalogus
190
+ bibliotheek</a>
191
+ </li>
192
+ <li><a href="https://www.vliz.be/nl/imis" target="_blank">Informatiesysteem
193
+ (IMIS)</a></li>
194
+ <li><a href="http://www.compendiumkustenzee.be/nl/home-0" target="_blank">Compendium
195
+ voor Kust en
196
+ Zee</a></li>
197
+ <li>Historiek zeevisserij</li>
198
+ <li>Kaartmateriaal</li>
199
+ <li>Foto en video</li>
200
+ <li><a href="https://kustportaal.be/nl">Kustportaal</a>
201
+ </li>
202
+ <li><a href="https://planeetzee.be/" target="_blank">Planeet
203
+ Zee</a></li>
204
+ </ul>
205
+ </div>
206
+ </div>
207
+ </div>
208
+ </div>
209
+
210
+ </div>
211
+
212
+ </div>
213
+ </div>
214
+ <div class="col-12 field__item">
215
+ <div
216
+ class="background-light-4 container-full-width container-add-top-divider container-align-items-center container-flex-justify-space-between pb-4 pt-2 paragraph paragraph--type--container paragraph--view-mode--default">
217
+
218
+ <div
219
+ class="field field--name-field-paragraph-container-items field--type-entity-reference-revisions field--label-hidden">
220
+
221
+
222
+ <div class="row field__items">
223
+ <div class="col-12 field__item">
224
+ <div class="paragraph paragraph--type--basic-text paragraph--view-mode--default">
225
+
226
+ <div
227
+ class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__items">
228
+ <p class="paragraph-small">© 2023
229
+ VLIZ. All rights reserved</p>
230
+ </div>
231
+ </div>
232
+ </div>
233
+ <div class="col-12 field__item">
234
+ <div class="paragraph paragraph--type--basic-text paragraph--view-mode--default">
235
+
236
+ <div
237
+ class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__items">
238
+ <p class="paragraph-small"><a class="link-colored" data-entity-substitution="canonical"
239
+ data-entity-type="node" data-entity-uuid="b74b4d98-09a8-46ab-9dab-c3cce361c675"
240
+ href="/nl/privacy" title="Privacy policy">Privacy
241
+ Policy</a><a href="/nl/privacy">
242
+ </a>- <a class="link-colored" data-entity-substitution="canonical" data-entity-type="node"
243
+ data-entity-uuid="0a6bc71e-a82c-4837-935d-a7c2847a3959" href="/nl/terms-use"
244
+ title="Terms of use">Terms
245
+ of use</a></p>
246
+ </div>
247
+ </div>
248
+ </div>
249
+ </div>
250
+
251
+ </div>
252
+
253
+ </div>
254
+ </div>
255
+ <div class="col-12 field__item">
256
+ <div
257
+ class="container-align-items-center pb-4 pt-4 paragraph paragraph--type--container paragraph--view-mode--default">
258
+
259
+ <div
260
+ class="field field--name-field-paragraph-container-items field--type-entity-reference-revisions field--label-hidden">
261
+
262
+
263
+ <div class="row field__items">
264
+ <div class="col-4 col-md-3 col-lg-2 field__item">
265
+ <div class="paragraph paragraph--type--media paragraph--view-mode--default">
266
+
267
+ <div
268
+ class="field field--name-field-media field--type-entity-reference field--label-hidden field__items">
269
+ <article class="media media--type-image media--view-mode-large">
270
+ <div
271
+ class="field field--name-field-media-image field--type-image field--label-hidden field__items">
272
+ <a href="https://www.vlaanderen.be/"><img loading="lazy"
273
+ src="{{site.baseurl}}/assets/core/misc/Vlaanderen_verbeelding werkt.png"
274
+ width="823" height="347" alt="Vlaanderen: Verbeelding werkt" typeof="Image"
275
+ class="image-style-large-1000" /></a>
276
+ </div>
277
+ </article>
278
+ </div>
279
+ </div>
280
+ </div>
281
+ <div class="col-4 offset-4 col-md-3 offset-md-6 col-lg-2 offset-lg-8 field__item">
282
+ <div class="paragraph paragraph--type--media paragraph--view-mode--default">
283
+
284
+ <div
285
+ class="field field--name-field-media field--type-entity-reference field--label-hidden field__items">
286
+ <article class="media media--type-image media--view-mode-large">
287
+ <div
288
+ class="field field--name-field-media-image field--type-image field--label-hidden field__items">
289
+ <a href="https://www.west-vlaanderen.be/"><img loading="lazy"
290
+ src="{{site.baseurl}}/assets/core/misc/west_vlaanderen_logo.png"
291
+ width="404" height="181" alt="West vlaanderen de gedreven provincie" typeof="Image"
292
+ class="image-style-large-1000" /></a>
293
+ </div>
294
+ </article>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ </div>
299
+
300
+ </div>
301
+
302
+ </div>
303
+ </div>
304
+ </div>
305
+
306
+ </div>
307
+
308
+ </div>
309
+
310
+ </div>
311
+
312
+ </footer>
@@ -0,0 +1,26 @@
1
+ <div class="col-12 field__item">
2
+ <div class="container-full-width pb-5 pt-5 paragraph paragraph--type--container paragraph--view-mode--default"
3
+ style="background-image: url({{site.base_url}}/assets/media/img/SquidRNA.webp)">
4
+ <div
5
+ class="field field--name-field-paragraph-container-items field--type-entity-reference-revisions field--label-hidden">
6
+ <div class="row field__items">
7
+ <div class="col-xl-6 offset-xl-6 col-xxl-4 offset-xxl-8 field__item">
8
+ <div
9
+ class="background-white pb-4 pt-4 px-4 paragraph paragraph--type--basic-text paragraph--view-mode--default">
10
+
11
+ <div
12
+ class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__items">
13
+ <h3>{{data.title}}
14
+ </h3>
15
+ <p>{{data.description}} TODO: add min height to this card
16
+ </p>
17
+ <p><a class="more-link"
18
+ href="{{data.clickthrough_button_url}}">{{data.clickthrough_button_text}}</a>
19
+ </p>
20
+ </div>
21
+ </div>
22
+ </div>
23
+ </div>
24
+ </div>
25
+ </div>
26
+ </div>
@@ -0,0 +1,48 @@
1
+ <div class="col-12 field__item">
2
+ <div
3
+ class="container-align-items-center pb-4 pt-5 paragraph paragraph--type--container paragraph--view-mode--default">
4
+ <div
5
+ class="field field--name-field-paragraph-container-items field--type-entity-reference-revisions field--label-hidden">
6
+ <div class="row field__items">
7
+ <div class="col-lg-6 col-xl-6 offset-xl-1 field__item">
8
+ <div
9
+ class="media-field-rounded-top-right paragraph paragraph--type--media paragraph--view-mode--default">
10
+ <div
11
+ class="field field--name-field-media field--type-entity-reference field--label-hidden field__items">
12
+ <article class="media media--type-image media--view-mode-large">
13
+ <div
14
+ class="field field--name-field-media-image field--type-image field--label-hidden field__items">
15
+ <img loading="lazy"
16
+ {% if data.image contains 'http' %}
17
+ src="{{data.image}}"
18
+ {% else %}
19
+ src="{{site.base_uri}}{{data.image}}"
20
+ {% endif %}
21
+ width="1000" height="666" alt="{{data.title}}" typeof="foaf:Image"
22
+ class="image-style-large-1000" />
23
+ </div>
24
+ </article>
25
+ </div>
26
+ </div>
27
+ </div>
28
+ <div class="col-lg-6 col-xl-4 field__item">
29
+ <div class="text-add-swoosh paragraph paragraph--type--basic-text paragraph--view-mode--default">
30
+ <div
31
+ class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__items">
32
+ <h2 class="highlighted-heading">
33
+ {{data.title}}
34
+ </h2>
35
+
36
+ <p>{{data.description}}</p>
37
+ </p>
38
+ <p><a class="more-link" href="{{data.clickthrough_button_url}}">{{data.clickthrough_button_text}}</a>
39
+ </p>
40
+ </div>
41
+ </div>
42
+ </div>
43
+ </div>
44
+
45
+ </div>
46
+
47
+ </div>
48
+ </div>
@@ -0,0 +1,12 @@
1
+ <div class="field__item">
2
+ <div class="paragraph paragraph--type--basic-text paragraph--view-mode--default">
3
+ <div
4
+ class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__items">
5
+ <h2 class="highlighted-heading text-align-center">{{ item.title }}</h2>
6
+ <p class="text-align-center">{{ item.description }}</p>
7
+ <p class="text-align-center">
8
+ <a class="more-link" href="{{ item.clickthrough_url }}">{{ item.clickthrough_button_text }}</a>
9
+ </p>
10
+ </div>
11
+ </div>
12
+ </div>
@@ -0,0 +1,19 @@
1
+ <div class="col-12 field__item">
2
+ <div class="background-light-2 container-full-width pb-6 pt-6 paragraph paragraph--type--container paragraph--view-mode--default">
3
+ <div class="field field--name-field-paragraph-container-items field--type-entity-reference-revisions field--label-hidden">
4
+ <div class="row field__items">
5
+ <div class="col-12 field__item">
6
+ <div class="ticker-count-3 ticker-autoplay ticker-nav paragraph paragraph--type--ticker paragraph--view-mode--default">
7
+ <div class="ticker-items field field--name-field-paragraph-container-items field--type-entity-reference-revisions field--label-hidden">
8
+ <div class="field__items">
9
+ {% for item in data.items %}
10
+ {% include light_bg_block/item.html item=item %}
11
+ {% endfor %}
12
+ </div>
13
+ </div>
14
+ </div>
15
+ </div>
16
+ </div>
17
+ </div>
18
+ </div>
19
+ </div>