diff --git a/assets/scss/_license.scss b/assets/scss/_license.scss index e1a35d4..8421b62 100644 --- a/assets/scss/_license.scss +++ b/assets/scss/_license.scss @@ -10,7 +10,7 @@ } text { - font-family: Arial, sans-serif; + font-family: sans-serif; fill: currentColor; text-align: start; line-height: 125%; diff --git a/assets/scss/_overview.scss b/assets/scss/_overview.scss index 582d20b..1e356ff 100644 --- a/assets/scss/_overview.scss +++ b/assets/scss/_overview.scss @@ -46,6 +46,10 @@ align-content: center; justify-content: center; + .title{ + text-wrap: balance; + } + > div { padding: 0 10px } diff --git a/assets/scss/_typography.scss b/assets/scss/_typography.scss index f547b54..f17c8a1 100644 --- a/assets/scss/_typography.scss +++ b/assets/scss/_typography.scss @@ -28,12 +28,13 @@ h6 { //letter-spacing: -.1rem; margin-bottom: 2.0rem; margin-top: 0; - } h1 { font-size: 4.0rem; line-height: 1.2; + text-align: center; + text-wrap: balance; } h2 { diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss index e1b5afe..9c5c150 100644 --- a/assets/scss/variables.scss +++ b/assets/scss/variables.scss @@ -20,7 +20,7 @@ $consoleFocus: $consoleBlue; $consoleText: $consoleWhite; $consoleFont: "Fira Code Retina", monospace, monospace; -$fontFamily: -apple-system, "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Liberation Sans", "Roboto", Arial, sans-serif; +$fontFamily: system-ui, -apple-system, "Helvetica Neue", "Inter", "Noto Sans", "Liberation Sans", "Roboto", Arial, sans-serif; @mixin dark() { @media (prefers-color-scheme: dark) { diff --git a/templates/intro.html b/templates/intro.html index 0184dd6..3f0063f 100644 --- a/templates/intro.html +++ b/templates/intro.html @@ -7,17 +7,15 @@ {% if lang=="de" %}