@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.
Files changed (148) hide show
  1. package/CHANGELOG +11 -0
  2. package/dist/assets/{demo-CVQ7kFek.js → demo-D6cTmzn6.js} +1 -1
  3. package/dist/assets/{harness-C-VZV-ou.js → harness-BPFlzutp.js} +1 -1
  4. package/dist/assets/main-Y-MYUSJ4.js +17 -0
  5. package/dist/css/fonts/font.oldstandard.css +14 -32
  6. package/dist/demo.html +2 -2
  7. package/dist/docs/migration.html +1 -1
  8. package/dist/embed/index.html +129 -4
  9. package/dist/harness.html +2 -2
  10. package/dist/index.html +17 -0
  11. package/dist/js/storymap.d.ts +126 -7
  12. package/dist/js/storymap.js +4518 -3613
  13. package/dist/js/storymap.js.map +1 -1
  14. package/docs/migration-from-knightlab.md +139 -0
  15. package/docs/storymap-as-iiif-manifest.md +510 -0
  16. package/package.json +6 -3
  17. package/src/animation/easings.ts +18 -0
  18. package/src/animation/morpheus.d.ts +41 -0
  19. package/src/core/Browser.ts +19 -0
  20. package/src/core/Load.ts +180 -0
  21. package/src/core/Util.ts +354 -0
  22. package/src/core/mixins.ts +171 -0
  23. package/src/dom/Dom.ts +31 -0
  24. package/src/dom/DomEvent.ts +61 -0
  25. package/src/globals.d.ts +16 -0
  26. package/src/language/Language.ts +107 -0
  27. package/src/language/locale/be.json +18 -0
  28. package/src/language/locale/bg.json +18 -0
  29. package/src/language/locale/cs.json +18 -0
  30. package/src/language/locale/de.json +20 -0
  31. package/src/language/locale/el.json +18 -0
  32. package/src/language/locale/en.json +28 -0
  33. package/src/language/locale/es.json +18 -0
  34. package/src/language/locale/et.json +18 -0
  35. package/src/language/locale/fr.json +18 -0
  36. package/src/language/locale/he.json +18 -0
  37. package/src/language/locale/hu.json +18 -0
  38. package/src/language/locale/is.json +18 -0
  39. package/src/language/locale/it.json +18 -0
  40. package/src/language/locale/jp.json +18 -0
  41. package/src/language/locale/ko.json +18 -0
  42. package/src/language/locale/nl.json +18 -0
  43. package/src/language/locale/nn.json +18 -0
  44. package/src/language/locale/no.json +18 -0
  45. package/src/language/locale/pl.json +18 -0
  46. package/src/language/locale/pt.json +18 -0
  47. package/src/language/locale/ru.json +18 -0
  48. package/src/language/locale/sk.json +18 -0
  49. package/src/language/locale/sr.json +17 -0
  50. package/src/language/locale/sv.json +18 -0
  51. package/src/language/locale/tr.json +18 -0
  52. package/src/language/locale/uk.json +18 -0
  53. package/src/language/locale/ur.json +18 -0
  54. package/src/language/locale/zh-cn.json +18 -0
  55. package/src/language/locale/zh-tw.json +18 -0
  56. package/src/main.ts +51 -0
  57. package/src/map/Map.ts +717 -0
  58. package/src/map/MapMarker.ts +149 -0
  59. package/src/map/openlayers/Map.OpenLayers.ts +1879 -0
  60. package/src/map/openlayers/MapMarker.OpenLayers.ts +176 -0
  61. package/src/map/openlayers/zoomifyTiles.ts +28 -0
  62. package/src/map/types.ts +17 -0
  63. package/src/media/EmbedUtil.ts +168 -0
  64. package/src/media/Media.ts +409 -0
  65. package/src/media/MediaType.ts +163 -0
  66. package/src/media/types/Audio.ts +87 -0
  67. package/src/media/types/Blockquote.ts +40 -0
  68. package/src/media/types/DailyMotion.ts +58 -0
  69. package/src/media/types/DocumentCloud.ts +41 -0
  70. package/src/media/types/Facebook.ts +41 -0
  71. package/src/media/types/Flickr.ts +115 -0
  72. package/src/media/types/GoogleDoc.ts +59 -0
  73. package/src/media/types/IFrame.ts +51 -0
  74. package/src/media/types/Image.ts +49 -0
  75. package/src/media/types/Juxtapose.ts +32 -0
  76. package/src/media/types/SoundCloud.ts +77 -0
  77. package/src/media/types/Text.ts +172 -0
  78. package/src/media/types/Twitter.ts +96 -0
  79. package/src/media/types/Video.ts +84 -0
  80. package/src/media/types/Vimeo.ts +65 -0
  81. package/src/media/types/Website.ts +36 -0
  82. package/src/media/types/Wikipedia.ts +124 -0
  83. package/src/media/types/YouTube.ts +192 -0
  84. package/src/scss/Typography.scss +237 -0
  85. package/src/scss/VCO.StoryMap.Dark.scss +138 -0
  86. package/src/scss/VCO.StoryMap.scss +164 -0
  87. package/src/scss/Variables.Dark.scss +56 -0
  88. package/src/scss/Variables.scss +47 -0
  89. package/src/scss/core/Mixins.scss +112 -0
  90. package/src/scss/core/Reset.scss +206 -0
  91. package/src/scss/fonts/_font.base.scss +113 -0
  92. package/src/scss/fonts/font.abril-droidsans.scss +75 -0
  93. package/src/scss/fonts/font.amatic-andika.scss +73 -0
  94. package/src/scss/fonts/font.bitter-raleway.scss +86 -0
  95. package/src/scss/fonts/font.clicker-garamond.scss +92 -0
  96. package/src/scss/fonts/font.dancing-ledger.scss +74 -0
  97. package/src/scss/fonts/font.default.scss +9 -0
  98. package/src/scss/fonts/font.fjalla-average.scss +80 -0
  99. package/src/scss/fonts/font.georgia-helvetica.scss +58 -0
  100. package/src/scss/fonts/font.knightlab.scss +97 -0
  101. package/src/scss/fonts/font.lustria-lato.scss +80 -0
  102. package/src/scss/fonts/font.medula-lato.scss +73 -0
  103. package/src/scss/fonts/font.oldstandard.scss +88 -0
  104. package/src/scss/fonts/font.opensans-gentiumbook.scss +80 -0
  105. package/src/scss/fonts/font.playfair-faunaone.scss +86 -0
  106. package/src/scss/fonts/font.playfair.scss +85 -0
  107. package/src/scss/fonts/font.pt.scss +90 -0
  108. package/src/scss/fonts/font.roboto-megrim.scss +73 -0
  109. package/src/scss/fonts/font.rufina-sintony.scss +73 -0
  110. package/src/scss/fonts/font.ubuntu.scss +78 -0
  111. package/src/scss/fonts/font.unicaone-vollkorn.scss +85 -0
  112. package/src/scss/icons/Icons.scss +239 -0
  113. package/src/scss/map/VCO.ImageMarker.scss +23 -0
  114. package/src/scss/map/VCO.Map.scss +21 -0
  115. package/src/scss/map/VCO.MapMarker.scss +147 -0
  116. package/src/scss/map/openlayers/VCO.Map.OpenLayers.scss +126 -0
  117. package/src/scss/media/VCO.Media.scss +222 -0
  118. package/src/scss/media/types/VCO.Media.Blockquote.scss +76 -0
  119. package/src/scss/media/types/VCO.Media.IFrame.scss +11 -0
  120. package/src/scss/media/types/VCO.Media.Image.scss +13 -0
  121. package/src/scss/media/types/VCO.Media.Instagram.scss +7 -0
  122. package/src/scss/media/types/VCO.Media.Profile.scss +5 -0
  123. package/src/scss/media/types/VCO.Media.Text.scss +90 -0
  124. package/src/scss/media/types/VCO.Media.Twitter.scss +87 -0
  125. package/src/scss/media/types/VCO.Media.Wikipedia.scss +64 -0
  126. package/src/scss/site/site.scss +748 -0
  127. package/src/scss/slider/VCO.Slide.scss +447 -0
  128. package/src/scss/slider/VCO.SlideNav.scss +338 -0
  129. package/src/scss/slider/VCO.StorySlider.scss +64 -0
  130. package/src/scss/snapmap/VCO.SnapMap.scss +103 -0
  131. package/src/scss/ui/VCO.Consent.scss +77 -0
  132. package/src/scss/ui/VCO.MenuBar.Button.scss +99 -0
  133. package/src/scss/ui/VCO.MenuBar.scss +20 -0
  134. package/src/scss/ui/VCO.Message.scss +104 -0
  135. package/src/site/site.ts +87 -0
  136. package/src/slider/Slide.ts +460 -0
  137. package/src/slider/SlideNav.ts +212 -0
  138. package/src/slider/StorySlider.ts +722 -0
  139. package/src/storymap/Consent.ts +146 -0
  140. package/src/storymap/StoryMap.ts +1108 -0
  141. package/src/storymap/iiif.ts +386 -0
  142. package/src/storymap/validate.ts +184 -0
  143. package/src/types.ts +297 -0
  144. package/src/ui/Draggable.ts +374 -0
  145. package/src/ui/MenuBar.ts +323 -0
  146. package/src/ui/Message.ts +118 -0
  147. package/src/ui/Swipable.ts +388 -0
  148. 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
+ );