@projektemacher/storymapjs 0.10.5 → 0.10.7
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.
- package/CHANGELOG +11 -0
- package/dist/assets/{demo-CVQ7kFek.js → demo-D6cTmzn6.js} +1 -1
- package/dist/assets/{harness-C-VZV-ou.js → harness-BPFlzutp.js} +1 -1
- package/dist/assets/main-Y-MYUSJ4.js +17 -0
- package/dist/css/fonts/font.oldstandard.css +14 -32
- package/dist/demo.html +2 -2
- package/dist/docs/migration.html +1 -1
- package/dist/embed/index.html +129 -4
- package/dist/harness.html +2 -2
- package/dist/index.html +17 -0
- package/dist/js/storymap.d.ts +126 -7
- package/dist/js/storymap.js +4518 -3613
- package/dist/js/storymap.js.map +1 -1
- package/docs/migration-from-knightlab.md +139 -0
- package/docs/storymap-as-iiif-manifest.md +510 -0
- package/package.json +6 -3
- package/src/animation/easings.ts +18 -0
- package/src/animation/morpheus.d.ts +41 -0
- package/src/core/Browser.ts +19 -0
- package/src/core/Load.ts +180 -0
- package/src/core/Util.ts +354 -0
- package/src/core/mixins.ts +171 -0
- package/src/dom/Dom.ts +31 -0
- package/src/dom/DomEvent.ts +61 -0
- package/src/globals.d.ts +16 -0
- package/src/language/Language.ts +107 -0
- package/src/language/locale/be.json +18 -0
- package/src/language/locale/bg.json +18 -0
- package/src/language/locale/cs.json +18 -0
- package/src/language/locale/de.json +20 -0
- package/src/language/locale/el.json +18 -0
- package/src/language/locale/en.json +28 -0
- package/src/language/locale/es.json +18 -0
- package/src/language/locale/et.json +18 -0
- package/src/language/locale/fr.json +18 -0
- package/src/language/locale/he.json +18 -0
- package/src/language/locale/hu.json +18 -0
- package/src/language/locale/is.json +18 -0
- package/src/language/locale/it.json +18 -0
- package/src/language/locale/jp.json +18 -0
- package/src/language/locale/ko.json +18 -0
- package/src/language/locale/nl.json +18 -0
- package/src/language/locale/nn.json +18 -0
- package/src/language/locale/no.json +18 -0
- package/src/language/locale/pl.json +18 -0
- package/src/language/locale/pt.json +18 -0
- package/src/language/locale/ru.json +18 -0
- package/src/language/locale/sk.json +18 -0
- package/src/language/locale/sr.json +17 -0
- package/src/language/locale/sv.json +18 -0
- package/src/language/locale/tr.json +18 -0
- package/src/language/locale/uk.json +18 -0
- package/src/language/locale/ur.json +18 -0
- package/src/language/locale/zh-cn.json +18 -0
- package/src/language/locale/zh-tw.json +18 -0
- package/src/main.ts +51 -0
- package/src/map/Map.ts +717 -0
- package/src/map/MapMarker.ts +149 -0
- package/src/map/openlayers/Map.OpenLayers.ts +1879 -0
- package/src/map/openlayers/MapMarker.OpenLayers.ts +176 -0
- package/src/map/openlayers/zoomifyTiles.ts +28 -0
- package/src/map/types.ts +17 -0
- package/src/media/EmbedUtil.ts +168 -0
- package/src/media/Media.ts +409 -0
- package/src/media/MediaType.ts +163 -0
- package/src/media/types/Audio.ts +87 -0
- package/src/media/types/Blockquote.ts +40 -0
- package/src/media/types/DailyMotion.ts +58 -0
- package/src/media/types/DocumentCloud.ts +41 -0
- package/src/media/types/Facebook.ts +41 -0
- package/src/media/types/Flickr.ts +115 -0
- package/src/media/types/GoogleDoc.ts +59 -0
- package/src/media/types/IFrame.ts +51 -0
- package/src/media/types/Image.ts +49 -0
- package/src/media/types/Juxtapose.ts +32 -0
- package/src/media/types/SoundCloud.ts +77 -0
- package/src/media/types/Text.ts +172 -0
- package/src/media/types/Twitter.ts +96 -0
- package/src/media/types/Video.ts +84 -0
- package/src/media/types/Vimeo.ts +65 -0
- package/src/media/types/Website.ts +36 -0
- package/src/media/types/Wikipedia.ts +124 -0
- package/src/media/types/YouTube.ts +192 -0
- package/src/scss/Typography.scss +237 -0
- package/src/scss/VCO.StoryMap.Dark.scss +138 -0
- package/src/scss/VCO.StoryMap.scss +164 -0
- package/src/scss/Variables.Dark.scss +56 -0
- package/src/scss/Variables.scss +47 -0
- package/src/scss/core/Mixins.scss +112 -0
- package/src/scss/core/Reset.scss +206 -0
- package/src/scss/fonts/_font.base.scss +113 -0
- package/src/scss/fonts/font.abril-droidsans.scss +75 -0
- package/src/scss/fonts/font.amatic-andika.scss +73 -0
- package/src/scss/fonts/font.bitter-raleway.scss +86 -0
- package/src/scss/fonts/font.clicker-garamond.scss +92 -0
- package/src/scss/fonts/font.dancing-ledger.scss +74 -0
- package/src/scss/fonts/font.default.scss +9 -0
- package/src/scss/fonts/font.fjalla-average.scss +80 -0
- package/src/scss/fonts/font.georgia-helvetica.scss +58 -0
- package/src/scss/fonts/font.knightlab.scss +97 -0
- package/src/scss/fonts/font.lustria-lato.scss +80 -0
- package/src/scss/fonts/font.medula-lato.scss +73 -0
- package/src/scss/fonts/font.oldstandard.scss +88 -0
- package/src/scss/fonts/font.opensans-gentiumbook.scss +80 -0
- package/src/scss/fonts/font.playfair-faunaone.scss +86 -0
- package/src/scss/fonts/font.playfair.scss +85 -0
- package/src/scss/fonts/font.pt.scss +90 -0
- package/src/scss/fonts/font.roboto-megrim.scss +73 -0
- package/src/scss/fonts/font.rufina-sintony.scss +73 -0
- package/src/scss/fonts/font.ubuntu.scss +78 -0
- package/src/scss/fonts/font.unicaone-vollkorn.scss +85 -0
- package/src/scss/icons/Icons.scss +239 -0
- package/src/scss/map/VCO.ImageMarker.scss +23 -0
- package/src/scss/map/VCO.Map.scss +21 -0
- package/src/scss/map/VCO.MapMarker.scss +147 -0
- package/src/scss/map/openlayers/VCO.Map.OpenLayers.scss +126 -0
- package/src/scss/media/VCO.Media.scss +222 -0
- package/src/scss/media/types/VCO.Media.Blockquote.scss +76 -0
- package/src/scss/media/types/VCO.Media.IFrame.scss +11 -0
- package/src/scss/media/types/VCO.Media.Image.scss +13 -0
- package/src/scss/media/types/VCO.Media.Instagram.scss +7 -0
- package/src/scss/media/types/VCO.Media.Profile.scss +5 -0
- package/src/scss/media/types/VCO.Media.Text.scss +90 -0
- package/src/scss/media/types/VCO.Media.Twitter.scss +87 -0
- package/src/scss/media/types/VCO.Media.Wikipedia.scss +64 -0
- package/src/scss/site/site.scss +748 -0
- package/src/scss/slider/VCO.Slide.scss +447 -0
- package/src/scss/slider/VCO.SlideNav.scss +338 -0
- package/src/scss/slider/VCO.StorySlider.scss +64 -0
- package/src/scss/snapmap/VCO.SnapMap.scss +103 -0
- package/src/scss/ui/VCO.Consent.scss +77 -0
- package/src/scss/ui/VCO.MenuBar.Button.scss +99 -0
- package/src/scss/ui/VCO.MenuBar.scss +20 -0
- package/src/scss/ui/VCO.Message.scss +104 -0
- package/src/site/site.ts +87 -0
- package/src/slider/Slide.ts +460 -0
- package/src/slider/SlideNav.ts +212 -0
- package/src/slider/StorySlider.ts +722 -0
- package/src/storymap/Consent.ts +146 -0
- package/src/storymap/StoryMap.ts +1108 -0
- package/src/storymap/iiif.ts +386 -0
- package/src/storymap/validate.ts +184 -0
- package/src/types.ts +297 -0
- package/src/ui/Draggable.ts +374 -0
- package/src/ui/MenuBar.ts +323 -0
- package/src/ui/Message.ts +118 -0
- package/src/ui/Swipable.ts +388 -0
- package/dist/assets/main-DwbXrrYn.js +0 -17
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
@use "pkg:@fontsource-utils/scss" as fontsource;
|
|
2
|
+
@use "pkg:@fontsource/lato/scss" as lato;
|
|
3
|
+
@use "../Variables" as *;
|
|
4
|
+
@use "font.base" as base;
|
|
5
|
+
@include fontsource.faces(
|
|
6
|
+
$metadata: lato.$metadata,
|
|
7
|
+
$weights: all,
|
|
8
|
+
$styles: all,
|
|
9
|
+
$subsets: (
|
|
10
|
+
latin,
|
|
11
|
+
latin-ext,
|
|
12
|
+
),
|
|
13
|
+
$formats: woff2
|
|
14
|
+
);
|
|
15
|
+
|
|
16
|
+
/* Font Lustria & Lato
|
|
17
|
+
|
|
18
|
+
https://fonts.google.com/specimen/Lustria
|
|
19
|
+
https://fonts.google.com/specimen/Lato
|
|
20
|
+
----------------------------------------------------- */
|
|
21
|
+
|
|
22
|
+
// Font Import
|
|
23
|
+
|
|
24
|
+
// Font Variables
|
|
25
|
+
$font-main: "Lato", sans-serif;
|
|
26
|
+
$font-secondary: "Lustria", serif;
|
|
27
|
+
$font-navigation: $font-main;
|
|
28
|
+
$font-marker: $font-secondary;
|
|
29
|
+
$font-headline-date: $font-navigation;
|
|
30
|
+
$base-font-size: 17px;
|
|
31
|
+
$base-font-weight: 400;
|
|
32
|
+
|
|
33
|
+
// Blockquote
|
|
34
|
+
$font-blockquote: $font-main;
|
|
35
|
+
$font-blockquote-weight: 400;
|
|
36
|
+
$font-blockquote-style: italic;
|
|
37
|
+
|
|
38
|
+
// Headings
|
|
39
|
+
$font-size-headings: 46px;
|
|
40
|
+
$font-headings-lineheight: $font-size-headings;
|
|
41
|
+
$font-headings-text-transform: none;
|
|
42
|
+
$font-size-headings-small: 24px;
|
|
43
|
+
$font-headings-weight: 400;
|
|
44
|
+
$font-size-headline-title: 58px;
|
|
45
|
+
|
|
46
|
+
// Marker
|
|
47
|
+
$font-marker-text-transform: $font-headings-text-transform;
|
|
48
|
+
|
|
49
|
+
// Navigation
|
|
50
|
+
$font-navigation-text-transform: none;
|
|
51
|
+
|
|
52
|
+
@include base.font-base(
|
|
53
|
+
(
|
|
54
|
+
font-main: $font-main,
|
|
55
|
+
font-secondary: $font-secondary,
|
|
56
|
+
font-navigation: $font-navigation,
|
|
57
|
+
font-marker: $font-marker,
|
|
58
|
+
font-headline-date: $font-headline-date,
|
|
59
|
+
base-font-size: $base-font-size,
|
|
60
|
+
base-font-weight: $base-font-weight,
|
|
61
|
+
font-blockquote: $font-blockquote,
|
|
62
|
+
font-blockquote-weight: $font-blockquote-weight,
|
|
63
|
+
font-blockquote-style: $font-blockquote-style,
|
|
64
|
+
font-size-headings: $font-size-headings,
|
|
65
|
+
font-headings-lineheight: $font-headings-lineheight,
|
|
66
|
+
font-headings-text-transform: $font-headings-text-transform,
|
|
67
|
+
font-headings-weight: $font-headings-weight,
|
|
68
|
+
font-size-headings-small: $font-size-headings-small,
|
|
69
|
+
font-size-headline-title: $font-size-headline-title,
|
|
70
|
+
font-navigation-text-transform: $font-navigation-text-transform,
|
|
71
|
+
font-marker-text-transform: $font-marker-text-transform,
|
|
72
|
+
)
|
|
73
|
+
);
|
|
74
|
+
|
|
75
|
+
.vco-timeline {
|
|
76
|
+
.vco-headline-date,
|
|
77
|
+
h3.vco-headline-date {
|
|
78
|
+
margin-bottom: 10px !important;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
@use "pkg:@fontsource-utils/scss" as fontsource;
|
|
2
|
+
@use "pkg:@fontsource/lato/scss" as lato;
|
|
3
|
+
@use "../Variables" as *;
|
|
4
|
+
@use "font.base" as base;
|
|
5
|
+
@include fontsource.faces(
|
|
6
|
+
$metadata: lato.$metadata,
|
|
7
|
+
$weights: all,
|
|
8
|
+
$styles: all,
|
|
9
|
+
$subsets: (
|
|
10
|
+
latin,
|
|
11
|
+
latin-ext,
|
|
12
|
+
),
|
|
13
|
+
$formats: woff2
|
|
14
|
+
);
|
|
15
|
+
|
|
16
|
+
/* Font Medula One & Lato
|
|
17
|
+
|
|
18
|
+
https://fonts.google.com/specimen/Medula+One
|
|
19
|
+
https://fonts.google.com/specimen/Lato
|
|
20
|
+
----------------------------------------------------- */
|
|
21
|
+
|
|
22
|
+
// Font Import
|
|
23
|
+
|
|
24
|
+
// Font Variables
|
|
25
|
+
$font-main: "Lato", sans-serif;
|
|
26
|
+
$font-secondary: "Medula One", cursive;
|
|
27
|
+
$font-navigation: $font-main;
|
|
28
|
+
$font-marker: $font-main;
|
|
29
|
+
$font-headline-date: $font-navigation;
|
|
30
|
+
$base-font-size: 16px;
|
|
31
|
+
$base-font-weight: 400;
|
|
32
|
+
|
|
33
|
+
// Blockquote
|
|
34
|
+
$font-blockquote: $font-main;
|
|
35
|
+
$font-blockquote-weight: 300;
|
|
36
|
+
$font-blockquote-style: italic;
|
|
37
|
+
|
|
38
|
+
// Headings
|
|
39
|
+
$font-size-headings: 58px;
|
|
40
|
+
$font-headings-lineheight: $font-size-headings;
|
|
41
|
+
$font-headings-text-transform: none;
|
|
42
|
+
$font-size-headings-small: 24px;
|
|
43
|
+
$font-headings-weight: 700;
|
|
44
|
+
$font-size-headline-title: 72px;
|
|
45
|
+
|
|
46
|
+
// Marker
|
|
47
|
+
$font-marker-text-transform: $font-headings-text-transform;
|
|
48
|
+
|
|
49
|
+
// Navigation
|
|
50
|
+
$font-navigation-text-transform: none;
|
|
51
|
+
|
|
52
|
+
@include base.font-base(
|
|
53
|
+
(
|
|
54
|
+
font-main: $font-main,
|
|
55
|
+
font-secondary: $font-secondary,
|
|
56
|
+
font-navigation: $font-navigation,
|
|
57
|
+
font-marker: $font-marker,
|
|
58
|
+
font-headline-date: $font-headline-date,
|
|
59
|
+
base-font-size: $base-font-size,
|
|
60
|
+
base-font-weight: $base-font-weight,
|
|
61
|
+
font-blockquote: $font-blockquote,
|
|
62
|
+
font-blockquote-weight: $font-blockquote-weight,
|
|
63
|
+
font-blockquote-style: $font-blockquote-style,
|
|
64
|
+
font-size-headings: $font-size-headings,
|
|
65
|
+
font-headings-lineheight: $font-headings-lineheight,
|
|
66
|
+
font-headings-text-transform: $font-headings-text-transform,
|
|
67
|
+
font-headings-weight: $font-headings-weight,
|
|
68
|
+
font-size-headings-small: $font-size-headings-small,
|
|
69
|
+
font-size-headline-title: $font-size-headline-title,
|
|
70
|
+
font-navigation-text-transform: $font-navigation-text-transform,
|
|
71
|
+
font-marker-text-transform: $font-marker-text-transform,
|
|
72
|
+
)
|
|
73
|
+
);
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
@use "pkg:@fontsource-utils/scss" as fontsource;
|
|
2
|
+
@use "pkg:@fontsource/old-standard-tt/scss" as old_standard_tt;
|
|
3
|
+
@use "../Variables" as *;
|
|
4
|
+
@use "font.base" as base;
|
|
5
|
+
@include fontsource.faces(
|
|
6
|
+
$metadata: old_standard_tt.$metadata,
|
|
7
|
+
$weights: (
|
|
8
|
+
400,
|
|
9
|
+
700,
|
|
10
|
+
),
|
|
11
|
+
$styles: normal,
|
|
12
|
+
$subsets: (
|
|
13
|
+
latin,
|
|
14
|
+
latin-ext,
|
|
15
|
+
),
|
|
16
|
+
$formats: woff2
|
|
17
|
+
);
|
|
18
|
+
|
|
19
|
+
// Old Standard TT ships no 700 italic upstream: the faces mixin emits the
|
|
20
|
+
// weights x styles product, so request 400 italic separately instead of
|
|
21
|
+
// $styles: all (which would reference a nonexistent binary).
|
|
22
|
+
@include fontsource.faces(
|
|
23
|
+
$metadata: old_standard_tt.$metadata,
|
|
24
|
+
$weights: 400,
|
|
25
|
+
$styles: italic,
|
|
26
|
+
$subsets: (
|
|
27
|
+
latin,
|
|
28
|
+
latin-ext,
|
|
29
|
+
),
|
|
30
|
+
$formats: woff2
|
|
31
|
+
);
|
|
32
|
+
|
|
33
|
+
/* Font Old Standard
|
|
34
|
+
https://fonts.google.com/specimen/Old+Standard+TT
|
|
35
|
+
---------------------------------------------------- */
|
|
36
|
+
|
|
37
|
+
// Font Import
|
|
38
|
+
|
|
39
|
+
// Font Variables
|
|
40
|
+
$font-main: "Old Standard TT", serif;
|
|
41
|
+
$font-secondary: $font-main;
|
|
42
|
+
$font-navigation: $font-main;
|
|
43
|
+
$font-marker: $font-main;
|
|
44
|
+
$font-headline-date: $font-navigation;
|
|
45
|
+
$base-font-size: 16px;
|
|
46
|
+
$base-font-weight: 400;
|
|
47
|
+
|
|
48
|
+
// Blockquote
|
|
49
|
+
$font-blockquote: $font-main;
|
|
50
|
+
$font-blockquote-weight: 400;
|
|
51
|
+
$font-blockquote-style: italic;
|
|
52
|
+
|
|
53
|
+
// Headings
|
|
54
|
+
$font-size-headings: 46px;
|
|
55
|
+
$font-headings-lineheight: $font-size-headings;
|
|
56
|
+
$font-headings-text-transform: uppercase;
|
|
57
|
+
$font-size-headings-small: 24px;
|
|
58
|
+
$font-headings-weight: 400;
|
|
59
|
+
$font-size-headline-title: 52px;
|
|
60
|
+
|
|
61
|
+
// Marker
|
|
62
|
+
$font-marker-text-transform: $font-headings-text-transform;
|
|
63
|
+
|
|
64
|
+
// Navigation
|
|
65
|
+
$font-navigation-text-transform: uppercase;
|
|
66
|
+
|
|
67
|
+
@include base.font-base(
|
|
68
|
+
(
|
|
69
|
+
font-main: $font-main,
|
|
70
|
+
font-secondary: $font-secondary,
|
|
71
|
+
font-navigation: $font-navigation,
|
|
72
|
+
font-marker: $font-marker,
|
|
73
|
+
font-headline-date: $font-headline-date,
|
|
74
|
+
base-font-size: $base-font-size,
|
|
75
|
+
base-font-weight: $base-font-weight,
|
|
76
|
+
font-blockquote: $font-blockquote,
|
|
77
|
+
font-blockquote-weight: $font-blockquote-weight,
|
|
78
|
+
font-blockquote-style: $font-blockquote-style,
|
|
79
|
+
font-size-headings: $font-size-headings,
|
|
80
|
+
font-headings-lineheight: $font-headings-lineheight,
|
|
81
|
+
font-headings-text-transform: $font-headings-text-transform,
|
|
82
|
+
font-headings-weight: $font-headings-weight,
|
|
83
|
+
font-size-headings-small: $font-size-headings-small,
|
|
84
|
+
font-size-headline-title: $font-size-headline-title,
|
|
85
|
+
font-navigation-text-transform: $font-navigation-text-transform,
|
|
86
|
+
font-marker-text-transform: $font-marker-text-transform,
|
|
87
|
+
)
|
|
88
|
+
);
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
@use "pkg:@fontsource-utils/scss" as fontsource;
|
|
2
|
+
@use "pkg:@fontsource/gentium-book-plus/scss" as gentium_book_plus;
|
|
3
|
+
@use "../Variables" as *;
|
|
4
|
+
@use "font.base" as base;
|
|
5
|
+
@include fontsource.faces(
|
|
6
|
+
$metadata: gentium_book_plus.$metadata,
|
|
7
|
+
$weights: all,
|
|
8
|
+
$styles: all,
|
|
9
|
+
$subsets: (
|
|
10
|
+
latin,
|
|
11
|
+
latin-ext,
|
|
12
|
+
),
|
|
13
|
+
$formats: woff2
|
|
14
|
+
);
|
|
15
|
+
|
|
16
|
+
/* Font Open Sans & Gentium Book Basic
|
|
17
|
+
|
|
18
|
+
https://fonts.google.com/specimen/Open+Sans
|
|
19
|
+
https://fonts.google.com/specimen/Gentium+Book+Plus
|
|
20
|
+
----------------------------------------------------- */
|
|
21
|
+
|
|
22
|
+
// Font Import
|
|
23
|
+
|
|
24
|
+
// Font Variables
|
|
25
|
+
$font-main: "Gentium Book Basic", serif;
|
|
26
|
+
$font-secondary: "Open Sans", sans-serif;
|
|
27
|
+
$font-navigation: $font-secondary;
|
|
28
|
+
$font-marker: $font-secondary;
|
|
29
|
+
$font-headline-date: $font-navigation;
|
|
30
|
+
$base-font-size: 17px;
|
|
31
|
+
$base-font-weight: 400;
|
|
32
|
+
|
|
33
|
+
// Blockquote
|
|
34
|
+
$font-blockquote: $font-main;
|
|
35
|
+
$font-blockquote-weight: 400;
|
|
36
|
+
$font-blockquote-style: italic;
|
|
37
|
+
|
|
38
|
+
// Headings
|
|
39
|
+
$font-size-headings: 40px;
|
|
40
|
+
$font-headings-lineheight: $font-size-headings;
|
|
41
|
+
$font-headings-text-transform: none;
|
|
42
|
+
$font-size-headings-small: 24px;
|
|
43
|
+
$font-headings-weight: 800;
|
|
44
|
+
$font-size-headline-title: 58px;
|
|
45
|
+
|
|
46
|
+
// Marker
|
|
47
|
+
$font-marker-text-transform: $font-headings-text-transform;
|
|
48
|
+
|
|
49
|
+
// Navigation
|
|
50
|
+
$font-navigation-text-transform: none;
|
|
51
|
+
|
|
52
|
+
@include base.font-base(
|
|
53
|
+
(
|
|
54
|
+
font-main: $font-main,
|
|
55
|
+
font-secondary: $font-secondary,
|
|
56
|
+
font-navigation: $font-navigation,
|
|
57
|
+
font-marker: $font-marker,
|
|
58
|
+
font-headline-date: $font-headline-date,
|
|
59
|
+
base-font-size: $base-font-size,
|
|
60
|
+
base-font-weight: $base-font-weight,
|
|
61
|
+
font-blockquote: $font-blockquote,
|
|
62
|
+
font-blockquote-weight: $font-blockquote-weight,
|
|
63
|
+
font-blockquote-style: $font-blockquote-style,
|
|
64
|
+
font-size-headings: $font-size-headings,
|
|
65
|
+
font-headings-lineheight: $font-headings-lineheight,
|
|
66
|
+
font-headings-text-transform: $font-headings-text-transform,
|
|
67
|
+
font-headings-weight: $font-headings-weight,
|
|
68
|
+
font-size-headings-small: $font-size-headings-small,
|
|
69
|
+
font-size-headline-title: $font-size-headline-title,
|
|
70
|
+
font-navigation-text-transform: $font-navigation-text-transform,
|
|
71
|
+
font-marker-text-transform: $font-marker-text-transform,
|
|
72
|
+
)
|
|
73
|
+
);
|
|
74
|
+
|
|
75
|
+
.vco-timeline {
|
|
76
|
+
.vco-headline-date,
|
|
77
|
+
h3.vco-headline-date {
|
|
78
|
+
margin-bottom: 5px !important;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
@use "pkg:@fontsource-utils/scss" as fontsource;
|
|
2
|
+
@use "pkg:@fontsource/fauna-one/scss" as fauna_one;
|
|
3
|
+
@use "pkg:@fontsource-variable/playfair-display/scss" as playfair_display;
|
|
4
|
+
@use "../Variables" as *;
|
|
5
|
+
@use "font.base" as base;
|
|
6
|
+
@include fontsource.faces(
|
|
7
|
+
$metadata: fauna_one.$metadata,
|
|
8
|
+
$weights: all,
|
|
9
|
+
$styles: all,
|
|
10
|
+
$subsets: (
|
|
11
|
+
latin,
|
|
12
|
+
latin-ext,
|
|
13
|
+
),
|
|
14
|
+
$formats: woff2
|
|
15
|
+
);
|
|
16
|
+
@include fontsource.faces(
|
|
17
|
+
$metadata: playfair_display.$metadata,
|
|
18
|
+
$family: "Playfair Display",
|
|
19
|
+
$weights: all,
|
|
20
|
+
$styles: all,
|
|
21
|
+
$subsets: (
|
|
22
|
+
latin,
|
|
23
|
+
latin-ext,
|
|
24
|
+
),
|
|
25
|
+
$formats: woff2
|
|
26
|
+
);
|
|
27
|
+
|
|
28
|
+
/* Font Playfair & Fauna One & Unica One
|
|
29
|
+
|
|
30
|
+
https://fonts.google.com/specimen/Playfair+Display
|
|
31
|
+
https://fonts.google.com/specimen/Fauna+One
|
|
32
|
+
https://fonts.google.com/specimen/Unica+One
|
|
33
|
+
----------------------------------------------------- */
|
|
34
|
+
|
|
35
|
+
// Font Import
|
|
36
|
+
|
|
37
|
+
// Font Variables
|
|
38
|
+
$font-main: "Fauna One", serif;
|
|
39
|
+
$font-secondary: "Playfair Display", georgia, serif;
|
|
40
|
+
$font-navigation: $font-main;
|
|
41
|
+
$font-marker: $font-secondary;
|
|
42
|
+
$font-headline-date: $font-navigation;
|
|
43
|
+
$base-font-size: 17px;
|
|
44
|
+
$base-font-weight: 400;
|
|
45
|
+
|
|
46
|
+
// Blockquote
|
|
47
|
+
$font-blockquote: $font-secondary;
|
|
48
|
+
$font-blockquote-weight: 400;
|
|
49
|
+
$font-blockquote-style: italic;
|
|
50
|
+
|
|
51
|
+
// Headings
|
|
52
|
+
$font-size-headings: 46px;
|
|
53
|
+
$font-headings-lineheight: $font-size-headings;
|
|
54
|
+
$font-headings-text-transform: uppercase;
|
|
55
|
+
$font-size-headings-small: 24px;
|
|
56
|
+
$font-headings-weight: 400;
|
|
57
|
+
$font-size-headline-title: 58px;
|
|
58
|
+
|
|
59
|
+
// Marker
|
|
60
|
+
$font-marker-text-transform: none;
|
|
61
|
+
|
|
62
|
+
// Navigation
|
|
63
|
+
$font-navigation-text-transform: none;
|
|
64
|
+
|
|
65
|
+
@include base.font-base(
|
|
66
|
+
(
|
|
67
|
+
font-main: $font-main,
|
|
68
|
+
font-secondary: $font-secondary,
|
|
69
|
+
font-navigation: $font-navigation,
|
|
70
|
+
font-marker: $font-marker,
|
|
71
|
+
font-headline-date: $font-headline-date,
|
|
72
|
+
base-font-size: $base-font-size,
|
|
73
|
+
base-font-weight: $base-font-weight,
|
|
74
|
+
font-blockquote: $font-blockquote,
|
|
75
|
+
font-blockquote-weight: $font-blockquote-weight,
|
|
76
|
+
font-blockquote-style: $font-blockquote-style,
|
|
77
|
+
font-size-headings: $font-size-headings,
|
|
78
|
+
font-headings-lineheight: $font-headings-lineheight,
|
|
79
|
+
font-headings-text-transform: $font-headings-text-transform,
|
|
80
|
+
font-headings-weight: $font-headings-weight,
|
|
81
|
+
font-size-headings-small: $font-size-headings-small,
|
|
82
|
+
font-size-headline-title: $font-size-headline-title,
|
|
83
|
+
font-navigation-text-transform: $font-navigation-text-transform,
|
|
84
|
+
font-marker-text-transform: $font-marker-text-transform,
|
|
85
|
+
)
|
|
86
|
+
);
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
@use "pkg:@fontsource-utils/scss" as fontsource;
|
|
2
|
+
@use "pkg:@fontsource/playfair-display-sc/scss" as playfair_display_sc;
|
|
3
|
+
@use "pkg:@fontsource-variable/playfair-display/scss" as playfair_display;
|
|
4
|
+
@use "../Variables" as *;
|
|
5
|
+
@use "font.base" as base;
|
|
6
|
+
@include fontsource.faces(
|
|
7
|
+
$metadata: playfair_display_sc.$metadata,
|
|
8
|
+
$weights: all,
|
|
9
|
+
$styles: all,
|
|
10
|
+
$subsets: (
|
|
11
|
+
latin,
|
|
12
|
+
latin-ext,
|
|
13
|
+
),
|
|
14
|
+
$formats: woff2
|
|
15
|
+
);
|
|
16
|
+
@include fontsource.faces(
|
|
17
|
+
$metadata: playfair_display.$metadata,
|
|
18
|
+
$family: "Playfair Display",
|
|
19
|
+
$weights: all,
|
|
20
|
+
$styles: all,
|
|
21
|
+
$subsets: (
|
|
22
|
+
latin,
|
|
23
|
+
latin-ext,
|
|
24
|
+
),
|
|
25
|
+
$formats: woff2
|
|
26
|
+
);
|
|
27
|
+
|
|
28
|
+
/* Font Playfair & Playfair SC
|
|
29
|
+
|
|
30
|
+
https://fonts.google.com/specimen/Playfair+Display
|
|
31
|
+
https://fonts.google.com/specimen/Playfair+Display+SC
|
|
32
|
+
----------------------------------------------------- */
|
|
33
|
+
|
|
34
|
+
// Font Import
|
|
35
|
+
|
|
36
|
+
// Font Variables
|
|
37
|
+
$font-main: "Playfair Display", serif;
|
|
38
|
+
$font-secondary: "Playfair Display SC", serif;
|
|
39
|
+
$font-navigation: "Helvetica Neue", helvetica, arial, "MS Trebuchet", sans-serif;
|
|
40
|
+
$font-marker: $font-secondary;
|
|
41
|
+
$font-headline-date: $font-navigation;
|
|
42
|
+
$base-font-size: 17px;
|
|
43
|
+
$base-font-weight: 400;
|
|
44
|
+
|
|
45
|
+
// Blockquote
|
|
46
|
+
$font-blockquote: $font-main;
|
|
47
|
+
$font-blockquote-weight: 400;
|
|
48
|
+
$font-blockquote-style: italic;
|
|
49
|
+
|
|
50
|
+
// Headings
|
|
51
|
+
$font-size-headings: 46px;
|
|
52
|
+
$font-headings-lineheight: $font-size-headings;
|
|
53
|
+
$font-headings-text-transform: none;
|
|
54
|
+
$font-size-headings-small: 24px;
|
|
55
|
+
$font-headings-weight: 400;
|
|
56
|
+
$font-size-headline-title: 58px;
|
|
57
|
+
|
|
58
|
+
// Marker
|
|
59
|
+
$font-marker-text-transform: $font-headings-text-transform;
|
|
60
|
+
|
|
61
|
+
// Navigation
|
|
62
|
+
$font-navigation-text-transform: none;
|
|
63
|
+
|
|
64
|
+
@include base.font-base(
|
|
65
|
+
(
|
|
66
|
+
font-main: $font-main,
|
|
67
|
+
font-secondary: $font-secondary,
|
|
68
|
+
font-navigation: $font-navigation,
|
|
69
|
+
font-marker: $font-marker,
|
|
70
|
+
font-headline-date: $font-headline-date,
|
|
71
|
+
base-font-size: $base-font-size,
|
|
72
|
+
base-font-weight: $base-font-weight,
|
|
73
|
+
font-blockquote: $font-blockquote,
|
|
74
|
+
font-blockquote-weight: $font-blockquote-weight,
|
|
75
|
+
font-blockquote-style: $font-blockquote-style,
|
|
76
|
+
font-size-headings: $font-size-headings,
|
|
77
|
+
font-headings-lineheight: $font-headings-lineheight,
|
|
78
|
+
font-headings-text-transform: $font-headings-text-transform,
|
|
79
|
+
font-headings-weight: $font-headings-weight,
|
|
80
|
+
font-size-headings-small: $font-size-headings-small,
|
|
81
|
+
font-size-headline-title: $font-size-headline-title,
|
|
82
|
+
font-navigation-text-transform: $font-navigation-text-transform,
|
|
83
|
+
font-marker-text-transform: $font-marker-text-transform,
|
|
84
|
+
)
|
|
85
|
+
);
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
@use "pkg:@fontsource-utils/scss" as fontsource;
|
|
2
|
+
@use "pkg:@fontsource/pt-sans/scss" as pt_sans;
|
|
3
|
+
@use "pkg:@fontsource/pt-sans-narrow/scss" as pt_sans_narrow;
|
|
4
|
+
@use "pkg:@fontsource/pt-serif/scss" as pt_serif;
|
|
5
|
+
@use "../Variables" as *;
|
|
6
|
+
@use "font.base" as base;
|
|
7
|
+
@include fontsource.faces(
|
|
8
|
+
$metadata: pt_sans.$metadata,
|
|
9
|
+
$weights: all,
|
|
10
|
+
$styles: all,
|
|
11
|
+
$subsets: (
|
|
12
|
+
latin,
|
|
13
|
+
latin-ext,
|
|
14
|
+
),
|
|
15
|
+
$formats: woff2
|
|
16
|
+
);
|
|
17
|
+
@include fontsource.faces(
|
|
18
|
+
$metadata: pt_sans_narrow.$metadata,
|
|
19
|
+
$weights: all,
|
|
20
|
+
$styles: all,
|
|
21
|
+
$subsets: (
|
|
22
|
+
latin,
|
|
23
|
+
latin-ext,
|
|
24
|
+
),
|
|
25
|
+
$formats: woff2
|
|
26
|
+
);
|
|
27
|
+
@include fontsource.faces(
|
|
28
|
+
$metadata: pt_serif.$metadata,
|
|
29
|
+
$weights: all,
|
|
30
|
+
$styles: all,
|
|
31
|
+
$subsets: (
|
|
32
|
+
latin,
|
|
33
|
+
latin-ext,
|
|
34
|
+
),
|
|
35
|
+
$formats: woff2
|
|
36
|
+
);
|
|
37
|
+
|
|
38
|
+
/* Font PT Sans & PT Serif & PT Sans Narrow
|
|
39
|
+
|
|
40
|
+
https://fonts.google.com/specimen/PT+Sans+Narrow
|
|
41
|
+
https://fonts.google.com/specimen/PT+Sans
|
|
42
|
+
https://fonts.google.com/specimen/PT+Serif
|
|
43
|
+
----------------------------------------------------- */
|
|
44
|
+
|
|
45
|
+
// Font Import
|
|
46
|
+
|
|
47
|
+
// Font Variables
|
|
48
|
+
$font-main: "PT Serif", serif;
|
|
49
|
+
$font-secondary: "PT Sans Narrow", sans-serif;
|
|
50
|
+
$font-navigation: "PT Sans", sans-serif;
|
|
51
|
+
$font-headline-date: $font-navigation;
|
|
52
|
+
$base-font-size: 16px;
|
|
53
|
+
$base-font-weight: 400;
|
|
54
|
+
|
|
55
|
+
// Blockquote
|
|
56
|
+
$font-blockquote: $font-main;
|
|
57
|
+
$font-blockquote-weight: 400;
|
|
58
|
+
$font-blockquote-style: italic;
|
|
59
|
+
|
|
60
|
+
// Headings
|
|
61
|
+
$font-size-headings: 46px;
|
|
62
|
+
$font-headings-lineheight: $font-size-headings;
|
|
63
|
+
$font-headings-text-transform: uppercase;
|
|
64
|
+
$font-size-headings-small: 24px;
|
|
65
|
+
$font-headings-weight: 700;
|
|
66
|
+
$font-size-headline-title: 58px;
|
|
67
|
+
|
|
68
|
+
// Navigation
|
|
69
|
+
$font-navigation-text-transform: none;
|
|
70
|
+
|
|
71
|
+
@include base.font-base(
|
|
72
|
+
(
|
|
73
|
+
font-main: $font-main,
|
|
74
|
+
font-secondary: $font-secondary,
|
|
75
|
+
font-navigation: $font-navigation,
|
|
76
|
+
font-headline-date: $font-headline-date,
|
|
77
|
+
base-font-size: $base-font-size,
|
|
78
|
+
base-font-weight: $base-font-weight,
|
|
79
|
+
font-blockquote: $font-blockquote,
|
|
80
|
+
font-blockquote-weight: $font-blockquote-weight,
|
|
81
|
+
font-blockquote-style: $font-blockquote-style,
|
|
82
|
+
font-size-headings: $font-size-headings,
|
|
83
|
+
font-headings-lineheight: $font-headings-lineheight,
|
|
84
|
+
font-headings-text-transform: $font-headings-text-transform,
|
|
85
|
+
font-headings-weight: $font-headings-weight,
|
|
86
|
+
font-size-headings-small: $font-size-headings-small,
|
|
87
|
+
font-size-headline-title: $font-size-headline-title,
|
|
88
|
+
font-navigation-text-transform: $font-navigation-text-transform,
|
|
89
|
+
)
|
|
90
|
+
);
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
@use "pkg:@fontsource-utils/scss" as fontsource;
|
|
2
|
+
@use "pkg:@fontsource/megrim/scss" as megrim;
|
|
3
|
+
@use "../Variables" as *;
|
|
4
|
+
@use "font.base" as base;
|
|
5
|
+
@include fontsource.faces(
|
|
6
|
+
$metadata: megrim.$metadata,
|
|
7
|
+
$weights: all,
|
|
8
|
+
$styles: all,
|
|
9
|
+
$subsets: (
|
|
10
|
+
latin,
|
|
11
|
+
latin-ext,
|
|
12
|
+
),
|
|
13
|
+
$formats: woff2
|
|
14
|
+
);
|
|
15
|
+
|
|
16
|
+
/* Font Roboto Slab & Megrim
|
|
17
|
+
|
|
18
|
+
https://fonts.google.com/specimen/Roboto+Slab
|
|
19
|
+
https://fonts.google.com/specimen/Megrim
|
|
20
|
+
----------------------------------------------------- */
|
|
21
|
+
|
|
22
|
+
// Font Import
|
|
23
|
+
|
|
24
|
+
// Font Variables
|
|
25
|
+
$font-main: "Roboto Slab", georgia, serif;
|
|
26
|
+
$font-secondary: "Megrim", "Helvetica Neue", helvetica, arial, "MS Trebuchet", sans-serif;
|
|
27
|
+
$font-navigation: $font-secondary;
|
|
28
|
+
$font-marker: $font-secondary;
|
|
29
|
+
$font-headline-date: $font-main;
|
|
30
|
+
$base-font-size: 17px;
|
|
31
|
+
$base-font-weight: 300;
|
|
32
|
+
|
|
33
|
+
// Blockquote
|
|
34
|
+
$font-blockquote: $font-main;
|
|
35
|
+
$font-blockquote-weight: 400;
|
|
36
|
+
$font-blockquote-style: normal;
|
|
37
|
+
|
|
38
|
+
// Headings
|
|
39
|
+
$font-size-headings: 46px;
|
|
40
|
+
$font-headings-lineheight: $font-size-headings;
|
|
41
|
+
$font-headings-text-transform: normal;
|
|
42
|
+
$font-size-headings-small: 24px;
|
|
43
|
+
$font-headings-weight: 400;
|
|
44
|
+
$font-size-headline-title: 58px;
|
|
45
|
+
|
|
46
|
+
// Marker
|
|
47
|
+
$font-marker-text-transform: normal;
|
|
48
|
+
|
|
49
|
+
// Navigation
|
|
50
|
+
$font-navigation-text-transform: none;
|
|
51
|
+
|
|
52
|
+
@include base.font-base(
|
|
53
|
+
(
|
|
54
|
+
font-main: $font-main,
|
|
55
|
+
font-secondary: $font-secondary,
|
|
56
|
+
font-navigation: $font-navigation,
|
|
57
|
+
font-marker: $font-marker,
|
|
58
|
+
font-headline-date: $font-headline-date,
|
|
59
|
+
base-font-size: $base-font-size,
|
|
60
|
+
base-font-weight: $base-font-weight,
|
|
61
|
+
font-blockquote: $font-blockquote,
|
|
62
|
+
font-blockquote-weight: $font-blockquote-weight,
|
|
63
|
+
font-blockquote-style: $font-blockquote-style,
|
|
64
|
+
font-size-headings: $font-size-headings,
|
|
65
|
+
font-headings-lineheight: $font-headings-lineheight,
|
|
66
|
+
font-headings-text-transform: $font-headings-text-transform,
|
|
67
|
+
font-headings-weight: $font-headings-weight,
|
|
68
|
+
font-size-headings-small: $font-size-headings-small,
|
|
69
|
+
font-size-headline-title: $font-size-headline-title,
|
|
70
|
+
font-navigation-text-transform: $font-navigation-text-transform,
|
|
71
|
+
font-marker-text-transform: $font-marker-text-transform,
|
|
72
|
+
)
|
|
73
|
+
);
|