diff --git a/src/assets/fonts/arvo/arvo-bold-italic-latin-ext.woff2 b/src/assets/fonts/arvo/arvo-bold-italic-latin-ext.woff2 new file mode 100644 index 0000000..ac77391 Binary files /dev/null and b/src/assets/fonts/arvo/arvo-bold-italic-latin-ext.woff2 differ diff --git a/src/assets/fonts/arvo/arvo-bold-italic-latin.woff2 b/src/assets/fonts/arvo/arvo-bold-italic-latin.woff2 new file mode 100644 index 0000000..0278427 Binary files /dev/null and b/src/assets/fonts/arvo/arvo-bold-italic-latin.woff2 differ diff --git a/src/assets/fonts/arvo/arvo-bold-latin-ext.woff2 b/src/assets/fonts/arvo/arvo-bold-latin-ext.woff2 new file mode 100644 index 0000000..9f275f5 Binary files /dev/null and b/src/assets/fonts/arvo/arvo-bold-latin-ext.woff2 differ diff --git a/src/assets/fonts/arvo/arvo-bold-latin.woff2 b/src/assets/fonts/arvo/arvo-bold-latin.woff2 new file mode 100644 index 0000000..20b0ad6 Binary files /dev/null and b/src/assets/fonts/arvo/arvo-bold-latin.woff2 differ diff --git a/src/assets/fonts/arvo/arvo-greek.woff2 b/src/assets/fonts/arvo/arvo-greek.woff2 new file mode 100644 index 0000000..5f2b739 Binary files /dev/null and b/src/assets/fonts/arvo/arvo-greek.woff2 differ diff --git a/src/assets/fonts/arvo/arvo-italic-greek.woff2 b/src/assets/fonts/arvo/arvo-italic-greek.woff2 new file mode 100644 index 0000000..2a25032 Binary files /dev/null and b/src/assets/fonts/arvo/arvo-italic-greek.woff2 differ diff --git a/src/assets/fonts/arvo/arvo-italic-latin-ext.woff2 b/src/assets/fonts/arvo/arvo-italic-latin-ext.woff2 new file mode 100644 index 0000000..69877dd Binary files /dev/null and b/src/assets/fonts/arvo/arvo-italic-latin-ext.woff2 differ diff --git a/src/assets/fonts/arvo/arvo-italic-latin.woff2 b/src/assets/fonts/arvo/arvo-italic-latin.woff2 new file mode 100644 index 0000000..611cb7e Binary files /dev/null and b/src/assets/fonts/arvo/arvo-italic-latin.woff2 differ diff --git a/src/assets/fonts/arvo/arvo-latin-ext.woff2 b/src/assets/fonts/arvo/arvo-latin-ext.woff2 new file mode 100644 index 0000000..b81fba7 Binary files /dev/null and b/src/assets/fonts/arvo/arvo-latin-ext.woff2 differ diff --git a/src/assets/fonts/arvo/arvo-latin.woff2 b/src/assets/fonts/arvo/arvo-latin.woff2 new file mode 100644 index 0000000..53e7da9 Binary files /dev/null and b/src/assets/fonts/arvo/arvo-latin.woff2 differ diff --git a/src/assets/fonts/arvo/arvo.css b/src/assets/fonts/arvo/arvo.css new file mode 100644 index 0000000..5d0cb59 --- /dev/null +++ b/src/assets/fonts/arvo/arvo.css @@ -0,0 +1,91 @@ +/* arvo-bold-latin */ +@font-face { + font-family: Arvo; + font-style: normal; + font-weight: 700; + src: local("Arvo Bold"), local("Arvo-Bold"), url(arvo-bold-latin.woff2) format("woff2"); + unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215; + font-display: swap; +} +/* arvo-bold-latin-ext */ +@font-face { + font-family: Arvo; + font-style: normal; + font-weight: 700; + src: local("Arvo Bold"), local("Arvo-Bold"), url(arvo-bold-latin-ext.woff2) format("woff2"); + unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20CF,U+2C60-2C7F,U+A720-A7FF; + font-display: swap; +} +/* arvo-italic-latin */ +@font-face { + font-family: Arvo; + font-style: italic; + font-weight: 400; + src: local("Arvo-Italic"), url(arvo-italic-latin.woff2) format("woff2"); + unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215; + font-display: swap; +} +/* arvo-italic-latin-ext */ +@font-face { + font-family: Arvo; + font-style: italic; + font-weight: 400; + src: local("Arvo-Italic"), url(arvo-italic-latin-ext.woff2) format("woff2"); + unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20CF,U+2C60-2C7F,U+A720-A7FF; + font-display: swap; +} +/* arvo-italic-greek */ +@font-face { + font-family: Arvo; + font-style: italic; + font-weight: 400; + src: local("Arvo-Italic"), url(arvo-italic-greek.woff2) format("woff2"); + unicode-range: U+0370-03FF; + font-display: swap; +} +/* arvo-bold-italic-latin */ +@font-face { + font-family: Arvo; + font-style: italic; + font-weight: 700; + src: local("Arvo Bold Italic"), local("Arvo-BoldItalic"), url(arvo-bold-italic-latin.woff2) format("woff2"); + unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215; + font-display: swap; +} +/* arvo-bold-italic-latin-ext */ +@font-face { + font-family: Arvo; + font-style: italic; + font-weight: 700; + src: local("Arvo Bold Italic"), local("Arvo-BoldItalic"), url(arvo-bold-italic-latin-ext.woff2) format("woff2"); + unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20CF,U+2C60-2C7F,U+A720-A7FF; + font-display: swap; +} +/* arvo-latin */ +@font-face { + font-family: Arvo; + font-style: normal; + font-weight: 400; + src: local("Arvo"), url(arvo-latin.woff2) format("woff2"); + unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215; + font-display: swap; +} +/* arvo-latin-ext */ +@font-face { + font-family: Arvo; + font-style: normal; + font-weight: 400; + src: local("Arvo"), url(arvo-latin-ext.woff2) format("woff2"); + unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20CF,U+2C60-2C7F,U+A720-A7FF; + font-display: swap; +} +/* arvo-greek */ +@font-face { + font-family: Arvo; + font-style: normal; + font-weight: 400; + src: local("Arvo"), url(arvo-greek.woff2) format("woff2"); + unicode-range: U+0370-03FF; + font-display: swap; +} + diff --git a/src/assets/fonts/secular-one/secular-one.css b/src/assets/fonts/secular-one/secular-one.css new file mode 100644 index 0000000..1a5b1c1 --- /dev/null +++ b/src/assets/fonts/secular-one/secular-one.css @@ -0,0 +1,28 @@ +/* secularone-regular-latin */ +@font-face { + font-family: Secular One; + font-style: normal; + font-weight: 400; + src: local("SecularOne-Regular"), url(secularone-regular-latin.woff2) format("woff2"); + unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215; + font-display: swap; +} +/* secularone-regular-latin-ext */ +@font-face { + font-family: Secular One; + font-style: normal; + font-weight: 400; + src: local("SecularOne-Regular"), url(secularone-regular-latin-ext.woff2) format("woff2"); + unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20CF,U+2C60-2C7F,U+A720-A7FF; + font-display: swap; +} +/* secularone-regular-greek */ +@font-face { + font-family: Secular One; + font-style: normal; + font-weight: 400; + src: local("SecularOne-Regular"), url(secularone-regular-greek.woff2) format("woff2"); + unicode-range: U+0370-03FF; + font-display: swap; +} + diff --git a/src/assets/fonts/secular-one/secularone-regular-greek.woff2 b/src/assets/fonts/secular-one/secularone-regular-greek.woff2 new file mode 100644 index 0000000..09207ad Binary files /dev/null and b/src/assets/fonts/secular-one/secularone-regular-greek.woff2 differ diff --git a/src/assets/fonts/secular-one/secularone-regular-latin-ext.woff2 b/src/assets/fonts/secular-one/secularone-regular-latin-ext.woff2 new file mode 100644 index 0000000..2f7883f Binary files /dev/null and b/src/assets/fonts/secular-one/secularone-regular-latin-ext.woff2 differ diff --git a/src/assets/fonts/secular-one/secularone-regular-latin.woff2 b/src/assets/fonts/secular-one/secularone-regular-latin.woff2 new file mode 100644 index 0000000..2c42648 Binary files /dev/null and b/src/assets/fonts/secular-one/secularone-regular-latin.woff2 differ diff --git a/src/scss/base.scss b/src/scss/base.scss index dd1a3ca..8f78bab 100644 --- a/src/scss/base.scss +++ b/src/scss/base.scss @@ -1,4 +1,4 @@ -@import url("https://fonts.googleapis.com/css2?family=Arvo&family=Secular+One&&display=swap"); +@import "fontfaces"; /* theme colors */ :root { @@ -81,6 +81,7 @@ --navigation-link-text-font-size: 1.5rem; --navigation-link-box-shadow: inset 0 calc(var(--navigation-size) * -1) 0 0 var(--color-router-link); + --navigation-link-last-child-margin: 0; --timeline-max-width: calc(var(--timeline-circle-size) * 15); --timeline-circle-size: 4rem; @@ -196,6 +197,7 @@ --navigation-link-padding: 0 0 0 env(safe-area-inset-left); --navigation-link-box-shadow: inset var(--navigation-width-expanded) 0 0 0 var(--color-router-link); + --navigation-link-last-child-margin: auto 0 0 0; --table-cell-padding: 0.5rem 1rem; } diff --git a/src/scss/fontfaces.scss b/src/scss/fontfaces.scss new file mode 100644 index 0000000..141e332 --- /dev/null +++ b/src/scss/fontfaces.scss @@ -0,0 +1,2 @@ +@import "@/assets/fonts/arvo/arvo"; +@import "@/assets/fonts/secular-one/secular-one";