oneflow-jekyll 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 (122) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.MD +7 -0
  3. data/README.md +29 -0
  4. data/_data/navigation.yml +18 -0
  5. data/_includes/editables/editables.html +15 -0
  6. data/_includes/figure +9 -0
  7. data/_includes/footer/custom.html +3 -0
  8. data/_includes/footer.html +27 -0
  9. data/_includes/gallery +35 -0
  10. data/_includes/head/custom.html +12 -0
  11. data/_includes/head.html +23 -0
  12. data/_includes/image-text-row +61 -0
  13. data/_includes/masthead.html +35 -0
  14. data/_includes/page__hero.html +46 -0
  15. data/_includes/popup.html +43 -0
  16. data/_includes/round-images +30 -0
  17. data/_includes/scripts.html +13 -0
  18. data/_includes/seo.html +158 -0
  19. data/_includes/video +24 -0
  20. data/_layouts/default.html +78 -0
  21. data/_layouts/page.html +13 -0
  22. data/_sass/oneflow/_animations.scss +21 -0
  23. data/_sass/oneflow/_base.scss +356 -0
  24. data/_sass/oneflow/_boxes.scss +46 -0
  25. data/_sass/oneflow/_buttons.scss +95 -0
  26. data/_sass/oneflow/_fonts.scss +18 -0
  27. data/_sass/oneflow/_footer.scss +121 -0
  28. data/_sass/oneflow/_masthead.scss +97 -0
  29. data/_sass/oneflow/_mixins.scss +92 -0
  30. data/_sass/oneflow/_navigation.scss +412 -0
  31. data/_sass/oneflow/_notices.scss +109 -0
  32. data/_sass/oneflow/_page.scss +287 -0
  33. data/_sass/oneflow/_print.scss +252 -0
  34. data/_sass/oneflow/_reset.scss +187 -0
  35. data/_sass/oneflow/_sections.scss +29 -0
  36. data/_sass/oneflow/_utilities.scss +307 -0
  37. data/_sass/oneflow/_variables.scss +140 -0
  38. data/_sass/oneflow/skins/_air.scss +23 -0
  39. data/_sass/oneflow/skins/_aqua.scss +34 -0
  40. data/_sass/oneflow/skins/_contrast.scss +52 -0
  41. data/_sass/oneflow/skins/_dark.scss +30 -0
  42. data/_sass/oneflow/skins/_default.scss +5 -0
  43. data/_sass/oneflow/skins/_dirt.scss +33 -0
  44. data/_sass/oneflow/skins/_mint.scss +24 -0
  45. data/_sass/oneflow/skins/_neon.scss +63 -0
  46. data/_sass/oneflow/skins/_plum.scss +70 -0
  47. data/_sass/oneflow/skins/_sunrise.scss +49 -0
  48. data/_sass/oneflow/vendor/breakpoint/_breakpoint.scss +114 -0
  49. data/_sass/oneflow/vendor/breakpoint/_context.scss +95 -0
  50. data/_sass/oneflow/vendor/breakpoint/_helpers.scss +151 -0
  51. data/_sass/oneflow/vendor/breakpoint/_legacy-settings.scss +50 -0
  52. data/_sass/oneflow/vendor/breakpoint/_no-query.scss +15 -0
  53. data/_sass/oneflow/vendor/breakpoint/_parsers.scss +215 -0
  54. data/_sass/oneflow/vendor/breakpoint/_respond-to.scss +82 -0
  55. data/_sass/oneflow/vendor/breakpoint/_settings.scss +71 -0
  56. data/_sass/oneflow/vendor/breakpoint/parsers/_double.scss +33 -0
  57. data/_sass/oneflow/vendor/breakpoint/parsers/_query.scss +82 -0
  58. data/_sass/oneflow/vendor/breakpoint/parsers/_resolution.scss +31 -0
  59. data/_sass/oneflow/vendor/breakpoint/parsers/_single.scss +26 -0
  60. data/_sass/oneflow/vendor/breakpoint/parsers/_triple.scss +36 -0
  61. data/_sass/oneflow/vendor/breakpoint/parsers/double/_default-pair.scss +21 -0
  62. data/_sass/oneflow/vendor/breakpoint/parsers/double/_default.scss +22 -0
  63. data/_sass/oneflow/vendor/breakpoint/parsers/double/_double-string.scss +22 -0
  64. data/_sass/oneflow/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -0
  65. data/_sass/oneflow/vendor/breakpoint/parsers/single/_default.scss +13 -0
  66. data/_sass/oneflow/vendor/breakpoint/parsers/triple/_default.scss +18 -0
  67. data/_sass/oneflow/vendor/magnific-popup/_magnific-popup.scss +649 -0
  68. data/_sass/oneflow/vendor/magnific-popup/_settings.scss +46 -0
  69. data/_sass/oneflow/vendor/susy/_su.scss +4 -0
  70. data/_sass/oneflow/vendor/susy/_susy-prefix.scss +13 -0
  71. data/_sass/oneflow/vendor/susy/_susy.scss +5 -0
  72. data/_sass/oneflow/vendor/susy/plugins/_svg-grid.scss +5 -0
  73. data/_sass/oneflow/vendor/susy/plugins/svg-grid/_prefix.scss +7 -0
  74. data/_sass/oneflow/vendor/susy/plugins/svg-grid/_svg-api.scss +114 -0
  75. data/_sass/oneflow/vendor/susy/plugins/svg-grid/_svg-grid-math.scss +67 -0
  76. data/_sass/oneflow/vendor/susy/plugins/svg-grid/_svg-settings.scss +14 -0
  77. data/_sass/oneflow/vendor/susy/plugins/svg-grid/_svg-unprefix.scss +18 -0
  78. data/_sass/oneflow/vendor/susy/plugins/svg-grid/_svg-utilities.scss +133 -0
  79. data/_sass/oneflow/vendor/susy/susy/_api.scss +318 -0
  80. data/_sass/oneflow/vendor/susy/susy/_normalize.scss +261 -0
  81. data/_sass/oneflow/vendor/susy/susy/_parse.scss +163 -0
  82. data/_sass/oneflow/vendor/susy/susy/_settings.scss +329 -0
  83. data/_sass/oneflow/vendor/susy/susy/_su-math.scss +441 -0
  84. data/_sass/oneflow/vendor/susy/susy/_su-validate.scss +213 -0
  85. data/_sass/oneflow/vendor/susy/susy/_syntax-helpers.scss +191 -0
  86. data/_sass/oneflow/vendor/susy/susy/_unprefix.scss +56 -0
  87. data/_sass/oneflow/vendor/susy/susy/_utilities.scss +167 -0
  88. data/_sass/oneflow.scss +33 -0
  89. data/assets/css/all.min.css +9 -0
  90. data/assets/css/custom-styles.css +1 -0
  91. data/assets/css/main.scss +13 -0
  92. data/assets/fonts/great-vibes-v18-latin-regular.woff2 +0 -0
  93. data/assets/images/header.webp +0 -0
  94. data/assets/images/logo.webp +0 -0
  95. data/assets/images/sydney-2.webp +0 -0
  96. data/assets/images/sydney-3.webp +0 -0
  97. data/assets/images/sydney-4.webp +0 -0
  98. data/assets/images/sydney-5.webp +0 -0
  99. data/assets/images/sydney-6.webp +0 -0
  100. data/assets/js/_main.js +136 -0
  101. data/assets/js/lunr/lunr-en.js +73 -0
  102. data/assets/js/lunr/lunr-gr.js +526 -0
  103. data/assets/js/lunr/lunr-store.js +84 -0
  104. data/assets/js/lunr/lunr.js +3475 -0
  105. data/assets/js/lunr/lunr.min.js +6 -0
  106. data/assets/js/main.min.js +6 -0
  107. data/assets/js/plugins/gumshoe.js +484 -0
  108. data/assets/js/plugins/jquery.ba-throttle-debounce.js +252 -0
  109. data/assets/js/plugins/jquery.fitvids.js +82 -0
  110. data/assets/js/plugins/jquery.greedy-navigation.js +127 -0
  111. data/assets/js/plugins/jquery.magnific-popup.js +1860 -0
  112. data/assets/js/plugins/smooth-scroll.js +650 -0
  113. data/assets/js/vendor/jquery/jquery-3.6.0.js +10881 -0
  114. data/assets/webfonts/fa-brands-400.ttf +0 -0
  115. data/assets/webfonts/fa-brands-400.woff2 +0 -0
  116. data/assets/webfonts/fa-regular-400.ttf +0 -0
  117. data/assets/webfonts/fa-regular-400.woff2 +0 -0
  118. data/assets/webfonts/fa-solid-900.ttf +0 -0
  119. data/assets/webfonts/fa-solid-900.woff2 +0 -0
  120. data/assets/webfonts/fa-v4compatibility.ttf +0 -0
  121. data/assets/webfonts/fa-v4compatibility.woff2 +0 -0
  122. metadata +253 -0
@@ -0,0 +1,78 @@
1
+ ---
2
+ ---
3
+
4
+ <!doctype html>
5
+ <!--
6
+ OneFlow Jekyll Theme 1.0 by Per Starme
7
+ Copyright 2024 Per Starke - https://perstarke-webdev.de/
8
+ Free for personal and commercial use under the MIT license
9
+ https://opensource.org/license/mit/
10
+ -->
11
+
12
+ <!--
13
+ Based on Minimal Mistakes Jekyll Theme.
14
+ Minimal Mistakes Jekyll Theme 4.24.0 by Michael Rose.
15
+ Copyright 2013-2021 Michael Rose - mademistakes.com | @mmistakes
16
+ Licensed under MIT.
17
+ -->
18
+
19
+ <html lang="{{ site.locale | slice: 0,2 | default: 'en' }}" class="no-js">
20
+ <head>
21
+ {% include head.html %}
22
+ {% include head/custom.html %}
23
+ </head>
24
+
25
+ <body class="layout--{{ page.layout | default: layout.layout }}{% if page.classes or layout.classes %}{{ page.classes | default: layout.classes | join: ' ' | prepend: ' ' }}{% endif %}">
26
+ {% include_cached masthead.html %}
27
+
28
+
29
+ <style>
30
+
31
+ .bg {
32
+ background-image: url({{site.background-image}});
33
+ }
34
+
35
+ .bg::after {
36
+ background-color: {{site.background-image-overlay}};
37
+ }
38
+
39
+ {% if site.background-image-mobile %}
40
+
41
+ @media (max-width: 768px) {
42
+ .bg {
43
+ background-image: url({{site.background-image-mobile}});
44
+ }
45
+
46
+ {% endif %}
47
+
48
+ }
49
+ </style>
50
+
51
+
52
+ {% if site.background-image %}
53
+ <div class="bg">
54
+ {% endif %}
55
+
56
+ {% if site.show-popup %}
57
+ {% include popup.html %}
58
+ {% endif %}
59
+
60
+ <div class="initial-content">
61
+ {{ content }}
62
+ </div>
63
+
64
+ <div id="footer" class="page__footer">
65
+ <footer>
66
+ {% include footer/custom.html %}
67
+ {% include_cached footer.html %}
68
+ </footer>
69
+ </div>
70
+
71
+ {% if site.background-image %}
72
+ </div>
73
+ {% endif %}
74
+
75
+ {% include scripts.html %}
76
+
77
+ </body>
78
+ </html>
@@ -0,0 +1,13 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% if page.header.overlay_color or page.header.overlay_image or page.header.image %}
6
+ {% include page__hero.html %}
7
+ {% endif %}
8
+
9
+ <div id="main" role="main">
10
+ <section class="page__content" itemprop="text">
11
+ {{ content }}
12
+ </section>
13
+ </div>
@@ -0,0 +1,21 @@
1
+ /* ==========================================================================
2
+ ANIMATIONS
3
+ ========================================================================== */
4
+
5
+ @-webkit-keyframes intro {
6
+ 0% {
7
+ opacity: 0;
8
+ }
9
+ 100% {
10
+ opacity: 1;
11
+ }
12
+ }
13
+
14
+ @keyframes intro {
15
+ 0% {
16
+ opacity: 0;
17
+ }
18
+ 100% {
19
+ opacity: 1;
20
+ }
21
+ }
@@ -0,0 +1,356 @@
1
+ /* ==========================================================================
2
+ BASE ELEMENTS
3
+ ========================================================================== */
4
+
5
+ html {
6
+ /* sticky footer fix */
7
+ position: relative;
8
+ min-height: 100%;
9
+ }
10
+
11
+ body {
12
+ margin: 0;
13
+ padding: 0;
14
+ color: $text-color;
15
+ font-family: $global-font-family;
16
+ line-height: 1.5;
17
+
18
+ &.overflow--hidden {
19
+ /* when primary navigation is visible, the content in the background won't scroll */
20
+ overflow: hidden;
21
+ }
22
+ }
23
+
24
+ h1,
25
+ h2,
26
+ h3,
27
+ h4,
28
+ h5,
29
+ h6 {
30
+ margin: 2em 0 0.5em;
31
+ line-height: 1.2;
32
+ font-family: $header-font-family;
33
+ font-weight: bold;
34
+ }
35
+
36
+ h1 {
37
+ margin-top: 0;
38
+ font-size: $h-size-1;
39
+ }
40
+
41
+ h2 {
42
+ font-size: $h-size-2;
43
+ }
44
+
45
+ h3 {
46
+ font-size: $h-size-3;
47
+ }
48
+
49
+ h4 {
50
+ font-size: $h-size-4;
51
+ }
52
+
53
+ h5 {
54
+ font-size: $h-size-5;
55
+ }
56
+
57
+ h6 {
58
+ font-size: $h-size-6;
59
+ }
60
+
61
+ small,
62
+ .small {
63
+ font-size: $type-size-6;
64
+ }
65
+
66
+ p {
67
+ margin-bottom: 1.3em;
68
+ }
69
+
70
+ u,
71
+ ins {
72
+ text-decoration: none;
73
+ border-bottom: 1px solid $text-color;
74
+ a {
75
+ color: inherit;
76
+ }
77
+ }
78
+
79
+ del a {
80
+ color: inherit;
81
+ }
82
+
83
+ /* reduce orphans and widows when printing */
84
+
85
+ p,
86
+ pre,
87
+ blockquote,
88
+ ul,
89
+ ol,
90
+ dl,
91
+ figure,
92
+ table,
93
+ fieldset {
94
+ orphans: 3;
95
+ widows: 3;
96
+ }
97
+
98
+ /* abbreviations */
99
+
100
+ abbr[title],
101
+ abbr[data-original-title] {
102
+ text-decoration: none;
103
+ cursor: help;
104
+ border-bottom: 1px dotted $text-color;
105
+ }
106
+
107
+ /* blockquotes */
108
+
109
+ blockquote {
110
+ margin: 2em 1em 2em 0;
111
+ padding-left: 1em;
112
+ padding-right: 1em;
113
+ font-style: italic;
114
+ border-left: 0.25em solid $primary-color;
115
+
116
+ cite {
117
+ font-style: italic;
118
+
119
+ &:before {
120
+ content: "\2014";
121
+ padding-right: 5px;
122
+ }
123
+ }
124
+ }
125
+
126
+ /* links */
127
+
128
+ a {
129
+ &:focus {
130
+ @extend %tab-focus;
131
+ }
132
+
133
+ &:visited {
134
+ color: $link-color-visited;
135
+ }
136
+
137
+ &:hover {
138
+ color: $link-color-hover;
139
+ outline: 0;
140
+ }
141
+ }
142
+
143
+ /* buttons */
144
+
145
+ button:focus {
146
+ @extend %tab-focus;
147
+ }
148
+
149
+ /* code */
150
+
151
+ tt,
152
+ code,
153
+ kbd,
154
+ samp,
155
+ pre {
156
+ font-family: $monospace;
157
+ }
158
+
159
+ pre {
160
+ overflow-x: auto; /* add scrollbars to wide code blocks*/
161
+ }
162
+
163
+ /* horizontal rule */
164
+
165
+ hr {
166
+ display: block;
167
+ margin: 1em 0;
168
+ border: 0;
169
+ border-top: 1px solid $border-color;
170
+ }
171
+
172
+ /* lists */
173
+
174
+ ul li,
175
+ ol li {
176
+ margin-bottom: 0.5em;
177
+ }
178
+
179
+ li ul,
180
+ li ol {
181
+ margin-top: 0.5em;
182
+ }
183
+
184
+ /*
185
+ Media and embeds
186
+ ========================================================================== */
187
+
188
+ /* Figures and images */
189
+
190
+ figure {
191
+ display: -webkit-box;
192
+ display: flex;
193
+ -webkit-box-pack: justify;
194
+ justify-content: space-between;
195
+ -webkit-box-align: start;
196
+ align-items: flex-start;
197
+ flex-wrap: wrap;
198
+ margin: 2em 0;
199
+
200
+ img,
201
+ iframe,
202
+ .fluid-width-video-wrapper {
203
+ margin-bottom: 1em;
204
+ }
205
+
206
+ img {
207
+ width: 100%;
208
+ border-radius: $border-radius;
209
+ -webkit-transition: $global-transition;
210
+ transition: $global-transition;
211
+ }
212
+
213
+ > a {
214
+ display: block;
215
+ }
216
+
217
+ &.half {
218
+ > a,
219
+ > img {
220
+ width: calc(50% - 0.5em);
221
+ }
222
+
223
+ figcaption {
224
+ width: 100%;
225
+ }
226
+ }
227
+
228
+ &.third {
229
+ > a,
230
+ > img {
231
+ width: calc(33.3333% - 0.5em);
232
+ }
233
+
234
+ figcaption {
235
+ width: 100%;
236
+ }
237
+ }
238
+ }
239
+
240
+ /* Figure captions */
241
+
242
+ figcaption {
243
+ margin-bottom: 0.5em;
244
+ color: $muted-text-color;
245
+ font-family: $caption-font-family;
246
+ font-size: $type-size-6;
247
+
248
+ a {
249
+ -webkit-transition: $global-transition;
250
+ transition: $global-transition;
251
+
252
+ &:hover {
253
+ color: $link-color-hover;
254
+ }
255
+ }
256
+ }
257
+
258
+ /* Fix IE9 SVG bug */
259
+
260
+ svg:not(:root) {
261
+ overflow: hidden;
262
+ }
263
+
264
+ /*
265
+ Navigation lists
266
+ ========================================================================== */
267
+
268
+ /**
269
+ * Removes margins, padding, and bullet points from navigation lists
270
+ *
271
+ * Example usage:
272
+ * <nav>
273
+ * <ul>
274
+ * <li><a href="#link-1">Link 1</a></li>
275
+ * <li><a href="#link-2">Link 2</a></li>
276
+ * <li><a href="#link-3">Link 3</a></li>
277
+ * </ul>
278
+ * </nav>
279
+ */
280
+
281
+ nav {
282
+ ul {
283
+ margin: 0;
284
+ padding: 0;
285
+ }
286
+
287
+ li {
288
+ list-style: none;
289
+ }
290
+
291
+ a {
292
+ text-decoration: none;
293
+ }
294
+
295
+ /* override white-space for nested lists */
296
+ ul li,
297
+ ol li {
298
+ margin-bottom: 0;
299
+ }
300
+
301
+ li ul,
302
+ li ol {
303
+ margin-top: 0;
304
+ }
305
+ }
306
+
307
+ /*
308
+ Global animation transition
309
+ ========================================================================== */
310
+
311
+ b,
312
+ i,
313
+ strong,
314
+ em,
315
+ blockquote,
316
+ p,
317
+ q,
318
+ span,
319
+ figure,
320
+ img,
321
+ h1,
322
+ h2,
323
+ header,
324
+ input,
325
+ a,
326
+ tr,
327
+ td,
328
+ form button,
329
+ input[type="submit"],
330
+ .btn,
331
+ .highlight,
332
+ .archive__item-teaser {
333
+ -webkit-transition: $global-transition;
334
+ transition: $global-transition;
335
+ }
336
+
337
+
338
+ /*
339
+ Popup / cookie banner
340
+ */
341
+
342
+ #cookie-banner {
343
+ display: block;
344
+ position: fixed;
345
+ bottom: 0;
346
+ left: 0;
347
+ right: 0;
348
+ box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
349
+ color: white;
350
+ background-color: $danger-color;
351
+ padding: 10px;
352
+ border-radius: 5px;
353
+ z-index: 999;
354
+ font-size: 70%;
355
+ text-align: center;
356
+ }
@@ -0,0 +1,46 @@
1
+ .box-container {
2
+ display: flex;
3
+ flex-wrap: wrap;
4
+ gap: 20px;
5
+ }
6
+
7
+ .box {
8
+ border: 1.5px solid black;
9
+ border-radius: 5px;
10
+ background-color: rgba($primary-color, 0.05);
11
+ flex: 1 1 calc(100% - 20px);
12
+ }
13
+
14
+ .alternative-color .box {
15
+ background-color: rgba($background-color, 0.05);
16
+ }
17
+
18
+ .box--primary {
19
+ border-color: $primary-color
20
+ }
21
+
22
+ .box--success {
23
+ border-color: $success-color
24
+ }
25
+
26
+ .box--warning {
27
+ border-color: $warning-color
28
+ }
29
+
30
+ .box--danger {
31
+ border-color: $danger-color
32
+ }
33
+
34
+ .box--info {
35
+ border-color: $info-color
36
+ }
37
+
38
+ @media (min-width: 768px) {
39
+ .box-half {
40
+ flex-basis: calc(50% - 20px);
41
+ }
42
+
43
+ .box-third {
44
+ flex-basis: calc(33.33% - 20px);
45
+ }
46
+ }
@@ -0,0 +1,95 @@
1
+ /* ==========================================================================
2
+ BUTTONS
3
+ ========================================================================== */
4
+
5
+ /*
6
+ Default button
7
+ ========================================================================== */
8
+
9
+ .btn {
10
+ /* default */
11
+ display: inline-block;
12
+ margin-bottom: 0.25em;
13
+ padding: 0.5em 1em;
14
+ font-family: $sans-serif;
15
+ font-size: $type-size-6;
16
+ font-weight: bold;
17
+ text-align: center;
18
+ text-decoration: none;
19
+ border-width: 0;
20
+ border-radius: $border-radius;
21
+ cursor: pointer;
22
+
23
+ .icon {
24
+ margin-right: 0.5em;
25
+ }
26
+
27
+ .icon + .hidden {
28
+ margin-left: -0.5em; /* override for hidden text*/
29
+ }
30
+
31
+ /* button colors */
32
+ $buttoncolors:
33
+ (primary, $primary-color),
34
+ (inverse, #fff),
35
+ (light-outline, transparent),
36
+ (success, $success-color),
37
+ (warning, $warning-color),
38
+ (danger, $danger-color),
39
+ (info, $info-color);
40
+
41
+ @each $buttoncolor, $color in $buttoncolors {
42
+ &--#{$buttoncolor} {
43
+ @include yiq-contrasted($color);
44
+ @if ($buttoncolor == inverse) {
45
+ border: 1px solid $border-color;
46
+ }
47
+
48
+ @if ($buttoncolor == light-outline) {
49
+ border: 1px solid #fff;
50
+ }
51
+
52
+ &:visited {
53
+ @include yiq-contrasted($color);
54
+ }
55
+
56
+ &:hover {
57
+ @include yiq-contrasted(mix(#000, $color, 20%));
58
+ }
59
+ }
60
+ }
61
+
62
+ /* fills width of parent container */
63
+ &--block {
64
+ display: block;
65
+ width: 100%;
66
+
67
+ + .btn--block {
68
+ margin-top: 0.25em;
69
+ }
70
+ }
71
+
72
+ /* disabled */
73
+ &--disabled {
74
+ pointer-events: none;
75
+ cursor: not-allowed;
76
+ filter: alpha(opacity=65);
77
+ box-shadow: none;
78
+ opacity: 0.65;
79
+ }
80
+
81
+ /* extra large button */
82
+ &--x-large {
83
+ font-size: $type-size-4;
84
+ }
85
+
86
+ /* large button */
87
+ &--large {
88
+ font-size: $type-size-5;
89
+ }
90
+
91
+ /* small button */
92
+ &--small {
93
+ font-size: $type-size-7;
94
+ }
95
+ }
@@ -0,0 +1,18 @@
1
+ /*
2
+ Put your font-css here. The one given below is just an example.
3
+ Remember to include the license for the font, if required by the license.
4
+ The Great Vibes font, included here as an example, requires no naming of the font and not giving the license,
5
+ but many other fonts require that.
6
+ I recommend to use google-webfonts-helper to download and self-host fonts: https://gwfh.mranftl.com/fonts.
7
+ Put the css you get there in this file, include the downloaded files in "/assets/fonts" and then apply the font
8
+ to any text you like.
9
+ */
10
+
11
+ /* great-vibes-regular - latin */
12
+ @font-face {
13
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
14
+ font-family: 'Great Vibes';
15
+ font-style: normal;
16
+ font-weight: 400;
17
+ src: url('/assets/fonts/great-vibes-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
18
+ }