From 4467e79ab9516010c93c8ba7c530ddd9622a5262 Mon Sep 17 00:00:00 2001 From: Eugen Wissner Date: Wed, 15 Jul 2026 00:09:31 +0200 Subject: Load fonts --- assets/css/styles.css | 398 ++++++++++++++++++++++++++++++++++++++------------ 1 file changed, 306 insertions(+), 92 deletions(-) (limited to 'assets/css/styles.css') diff --git a/assets/css/styles.css b/assets/css/styles.css index 258be18..ec03937 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -69,6 +69,312 @@ svg { padding: 80px 0 0; } } +/* latin-ext */ +@font-face { + font-family: "Bebas Neue"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/BebasNeue-Regular.woff2) format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: "Bebas Neue"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/BebasNeue-Regular.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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* cyrillic-ext */ +@font-face { + font-family: "PT Sans"; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptsansitalic.woff2) format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} +/* cyrillic */ +@font-face { + font-family: "PT Sans"; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptsansitalic.woff2) format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} +/* latin-ext */ +@font-face { + font-family: "PT Sans"; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptsansitalic.woff2) format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: "PT Sans"; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptsansitalic.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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* cyrillic-ext */ +@font-face { + font-family: "PT Sans"; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptsansbolditalic.woff2) format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} +/* cyrillic */ +@font-face { + font-family: "PT Sans"; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptsansbolditalic.woff2) format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} +/* latin-ext */ +@font-face { + font-family: "PT Sans"; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptsansbolditalic.woff2) format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: "PT Sans"; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptsansbolditalic.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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* cyrillic-ext */ +@font-face { + font-family: "PT Sans"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptsans.woff2) format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} +/* cyrillic */ +@font-face { + font-family: "PT Sans"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptsans.woff2) format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} +/* latin-ext */ +@font-face { + font-family: "PT Sans"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptsans.woff2) format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: "PT Sans"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptsans.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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* cyrillic-ext */ +@font-face { + font-family: "PT Sans"; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptsansbold.woff2) format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} +/* cyrillic */ +@font-face { + font-family: "PT Sans"; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptsansbold.woff2) format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} +/* latin-ext */ +@font-face { + font-family: "PT Sans"; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptsansbold.woff2) format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: "PT Sans"; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptsansbold.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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* cyrillic-ext */ +@font-face { + font-family: "PT Serif"; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptserifitalic.woff2) format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} +/* cyrillic */ +@font-face { + font-family: "PT Serif"; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptserifitalic.woff2) format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} +/* latin-ext */ +@font-face { + font-family: "PT Serif"; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptserifitalic.woff2) format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: "PT Serif"; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptserifitalic.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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* cyrillic-ext */ +@font-face { + font-family: "PT Serif"; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptserifbolditalic.woff2) format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} +/* cyrillic */ +@font-face { + font-family: "PT Serif"; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptserifitalic.woff2) format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} +/* latin-ext */ +@font-face { + font-family: "PT Serif"; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptserifitalic.woff2) format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: "PT Serif"; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptserifitalic.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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* cyrillic-ext */ +@font-face { + font-family: "PT Serif"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptserif.woff2) format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} +/* cyrillic */ +@font-face { + font-family: "PT Serif"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptserif.woff2) format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} +/* latin-ext */ +@font-face { + font-family: "PT Serif"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptserif.woff2) format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: "PT Serif"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/assets/fonts/ptserif.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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* cyrillic-ext */ +@font-face { + font-family: "PT Serif"; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptserifbold.woff2) format("woff2"); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} +/* cyrillic */ +@font-face { + font-family: "PT Serif"; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptserifbold.woff2) format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} +/* latin-ext */ +@font-face { + font-family: "PT Serif"; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptserifbold.woff2) format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: "PT Serif"; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/assets/fonts/ptserifbold.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+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} .highlight { background: var(--grey-fa); border: 1px solid var(--grey-ccc); @@ -338,9 +644,6 @@ svg { border-radius: 0 0 5px 5px; text-decoration: none; transition: background 0.2s ease; - -moz-transition: background 0.2s ease; - -webkit-transition: background 0.2s ease; - -o-transition: background 0.2s ease; } .site-header .site-header-wrapper:before { position: absolute; @@ -351,10 +654,6 @@ svg { height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); - -webkit-transform: skew(-45deg, 0); - -moz-transform: skew(-45deg, 0); - -ms-transform: skew(-45deg, 0); - -o-transform: skew(-45deg, 0); transform: skew(-45deg, 0); } .site-header .site-header-wrapper:hover { @@ -386,10 +685,6 @@ svg { } .site-navigation { - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; @@ -411,9 +706,6 @@ svg { color: var(--grey-555); padding: 0 0 2px; transition: color 0.2s ease; - -moz-transition: color 0.2s ease; - -webkit-transition: color 0.2s ease; - -o-transition: color 0.2s ease; cursor: pointer; } .site-navigation a:before, .site-navigation span:before { @@ -424,9 +716,6 @@ svg { width: 0%; border-bottom: 2px solid var(--grey-222); transition: width 0.18s ease, opacity 0.18s ease; - -moz-transition: width 0.18s ease, opacity 0.18s ease; - -webkit-transition: width 0.18s ease, opacity 0.18s ease; - -o-transition: width 0.18s ease, opacity 0.18s ease; content: ""; } .site-navigation a:hover, .site-navigation a.active, .site-navigation span:hover, .site-navigation span.active { @@ -448,10 +737,6 @@ svg { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .site-header .site-header-wrapper { - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; @@ -491,15 +776,8 @@ svg { -ms-flex-flow: column nowrap; flex-flow: column nowrap; gap: 20px 0; - -webkit-transform: translate(0, -100%); - -moz-transform: translate(0, -100%); - -ms-transform: translate(0, -100%); - -o-transform: translate(0, -100%); transform: translate(0, -100%); transition: transform 0.25s ease-in-out; - -moz-transition: transform 0.25s ease-in-out; - -webkit-transition: transform 0.25s ease-in-out; - -o-transition: transform 0.25s ease-in-out; padding: 100px 20px 0; background: rgba(255, 255, 255, 0.9); z-index: 10; @@ -641,10 +919,6 @@ svg { } .post .post-author .post-meta .post-categories { position: relative; - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; @@ -801,10 +1075,6 @@ svg { color: var(--grey-555); } .post .post-footer { - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; @@ -814,10 +1084,6 @@ svg { margin: 50px 0 0; } .post .post-footer .post-tags { - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; @@ -838,9 +1104,6 @@ svg { color: var(--grey-ccc); text-decoration: none; transition: all 0.15s ease; - -moz-transition: all 0.15s ease; - -webkit-transition: all 0.15s ease; - -o-transition: all 0.15s ease; } .post .post-footer .post-tags li a:hover { color: var(--grey-555); @@ -872,9 +1135,6 @@ svg { color: var(--grey-aaa); cursor: pointer; transition: margin 0.2s ease; - -moz-transition: margin 0.2s ease; - -webkit-transition: margin 0.2s ease; - -o-transition: margin 0.2s ease; } .post .post-footer .post-share ul { position: absolute; @@ -882,18 +1142,11 @@ svg { left: 100%; width: 100%; height: 100%; - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; display: flex; list-style: none; margin: 0; padding: 0; transition: left 0.2s ease; - -moz-transition: left 0.2s ease; - -webkit-transition: left 0.2s ease; - -o-transition: left 0.2s ease; } .post .post-footer .post-share ul li { -webkit-flex: 1 0 auto; @@ -906,10 +1159,6 @@ svg { border-left: 1px solid var(--grey-ddd); } .post .post-footer .post-share ul li a { - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; @@ -936,10 +1185,6 @@ svg { margin: 0 0 15px; } .post .post-author { - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; @@ -966,10 +1211,6 @@ svg { display: none; } .post .post-author .post-meta { - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; @@ -1213,10 +1454,6 @@ svg { display: none; } .toggleBurger:checked ~ .site-navigation { - -webkit-transform: translate(0, 0); - -moz-transform: translate(0, 0); - -ms-transform: translate(0, 0); - -o-transform: translate(0, 0); transform: translate(0, 0); } .toggleBurger:checked ~ .toggleBurgerWrapper span { @@ -1224,18 +1461,10 @@ svg { } .toggleBurger:checked ~ .toggleBurgerWrapper span:before { top: 0; - -webkit-transform: rotate(135deg); - -moz-transform: rotate(135deg); - -ms-transform: rotate(135deg); - -o-transform: rotate(135deg); transform: rotate(135deg); } .toggleBurger:checked ~ .toggleBurgerWrapper span:after { top: 0; - -webkit-transform: rotate(-135deg); - -moz-transform: rotate(-135deg); - -ms-transform: rotate(-135deg); - -o-transform: rotate(-135deg); transform: rotate(-135deg); } @@ -1248,11 +1477,6 @@ svg { height: 30px; cursor: pointer; z-index: 100; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; } .toggleBurgerWrapper span { @@ -1262,13 +1486,6 @@ svg { width: 100%; background: var(--grey-222); transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -webkit-transition: all 0.3s ease; - -o-transition: all 0.3s ease; - -webkit-transform: translate(0, -50%); - -moz-transform: translate(0, -50%); - -ms-transform: translate(0, -50%); - -o-transform: translate(0, -50%); transform: translate(0, -50%); } .toggleBurgerWrapper span:before, .toggleBurgerWrapper span:after { @@ -1278,9 +1495,6 @@ svg { background: var(--grey-222); content: ""; transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -webkit-transition: all 0.3s ease; - -o-transition: all 0.3s ease; } .toggleBurgerWrapper span:before { top: -6px; -- cgit v1.2.3