From c8c4d8d18f657a2c948a9617b3dd84d8f473291c Mon Sep 17 00:00:00 2001 From: Loyyd Date: Fri, 10 Jul 2026 12:38:44 +0200 Subject: [PATCH] Improve above-the-fold page performance --- assets/theme/parabola/fonts/fontfaces.css | 12 ++++++- css/site.css | 42 +++++++++++++++++++++++ src/components/SiteLayout.astro | 11 +++--- 3 files changed, 60 insertions(+), 5 deletions(-) diff --git a/assets/theme/parabola/fonts/fontfaces.css b/assets/theme/parabola/fonts/fontfaces.css index 5488975b..6d5ee6a5 100644 --- a/assets/theme/parabola/fonts/fontfaces.css +++ b/assets/theme/parabola/fonts/fontfaces.css @@ -7,6 +7,7 @@ url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; + font-display: swap; } @@ -19,6 +20,7 @@ url('OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; + font-display: swap; } @@ -31,6 +33,7 @@ url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; + font-display: swap; } @@ -43,6 +46,7 @@ url('yanonekaffeesatz-regular-webfont.svg#yanone_kaffeesatzregular') format('svg'); font-weight: normal; font-style: normal; + font-display: swap; } @@ -55,6 +59,7 @@ url('yanonekaffeesatz-light-webfont.svg#yanone_kaffeesatzlight') format('svg'); font-weight: normal; font-style: normal; + font-display: swap; } @@ -69,6 +74,7 @@ url('Oswald-Light-webfont.svg#OswaldLight') format('svg'); font-weight: normal; font-style: normal; + font-display: swap; } @@ -81,6 +87,7 @@ url('Oswald-Regular-webfont.svg#OswaldBook') format('svg'); font-weight: normal; font-style: normal; + font-display: swap; } @@ -94,6 +101,7 @@ url('Oswald-Stencil-webfont.svg#OswaldStencilRegular') format('svg'); font-weight: normal; font-style: normal; + font-display: swap; } @@ -106,6 +114,7 @@ url('propaganda-webfont.svg#propagandaregular') format('svg'); font-weight: normal; font-style: normal; + font-display: swap; } @@ -118,6 +127,7 @@ url('square-webfont.svg#squarefontregular') format('svg'); font-weight: normal; font-style: normal; + font-display: swap; } @@ -131,5 +141,5 @@ url('elusive.svg?#elusive') format('svg'); font-weight: normal; font-style: normal; + font-display: swap; } - diff --git a/css/site.css b/css/site.css index 9cae54ed..c0d09120 100644 --- a/css/site.css +++ b/css/site.css @@ -20,6 +20,48 @@ body.custom-background { background-color: #ffffff; } .su-column-size-1-4{ width:18%; } + +/* The migrated content only uses columns and video embeds from WordPress blocks. */ +.wp-block-columns { + display: flex; + flex-wrap: wrap; + align-items: normal; + box-sizing: border-box; + margin-bottom: 1.75em; +} + +.wp-block-column { + flex-grow: 1; + min-width: 0; + overflow-wrap: break-word; + word-break: break-word; +} + +@media (max-width: 781px) { + .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { + flex-basis: 100%; + } +} + +@media (min-width: 782px) { + .wp-block-columns { + flex-wrap: nowrap; + } + + .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { + flex-basis: 0; + } +} + +.wp-block-embed { + box-sizing: border-box; + margin: 0 0 1em; + overflow-wrap: break-word; +} + +.wp-block-embed iframe { + max-width: 100%; +} /* Homepage slider/frontpage settings from the original export. */ #colophon {display: none;} .slider-wrapper { max-width: 1200px; } #slider{ max-width: 1200px; max-height: 350px; border:0px solid #ffffff; } #front-text1, #front-text2 { color: #212121; } #front-columns > div { width: 32%; } #front-columns > div.ppcolumn:nth-child(3n) { margin-right: 0; } #front-columns > div.ppcolumn:nth-child(3n+1) { clear: left; } .column-image { padding: 0px; } .column-image h3 {margin-bottom: 0px; } .column-image img { max-height:201px;} .nivo-caption { background-color: rgb(252,250,250); background-color: rgba(252,250,250,0.7); } .nivo-caption, .nivo-caption a { color: #0e2012; } .theme-default .nivoSlider { background-color: #ffffff; } .theme-default .nivo-controlNav:before, .theme-default .nivo-controlNav:after { border-top-color:#ffffff; } .theme-default .nivo-controlNav { background-color:#ffffff; } .slider-bullets .nivo-controlNav a { background-color: #fdf7f7; } .slider-bullets .nivo-controlNav a:hover { background-color: #fdfcfc; } .slider-bullets .nivo-controlNav a.active {background-color: #ffffff; } .slider-numbers .nivo-controlNav a { color:#fdf7f7; background-color:#F7F7F2;} .slider-numbers .nivo-controlNav a:hover { color: #fdfcfc; background-color:#FFFFFF } .slider-numbers .nivo-controlNav a.active { color:#ffffff;} .column-image h3{ color: #333333; background-color: rgb(255,255,255); } .columnmore { background-color: #F7F7F2; } .columnmore:before { border-bottom-color: #F7F7F2; } #front-columns h3.column-header-noimage { background: #FFFFFF; } diff --git a/src/components/SiteLayout.astro b/src/components/SiteLayout.astro index cbd4fa71..7afd8fef 100644 --- a/src/components/SiteLayout.astro +++ b/src/components/SiteLayout.astro @@ -45,7 +45,10 @@ const metaTitle = title - + + + + @@ -53,9 +56,9 @@ const metaTitle = title {plausibleDomain && } - + - + {canonicalUrl && } @@ -66,7 +69,7 @@ const metaTitle = title