oops i wasn't serving the webp

This commit is contained in:
Lynne Megido 2021-05-02 19:37:48 +10:00
parent 510d37c710
commit f8fd4bfc54
Signed by: lynnesbian
GPG Key ID: F0A184B5213D9F90
3 changed files with 14 additions and 1 deletions

View File

@ -22,7 +22,7 @@
<header>
<section id="header-content">
<picture id="logo">
<source type="image/webp" srcset="/assets/img/lynnesoft-centred.png">
<source type="image/webp" srcset="/assets/img/lynnesoft-centred.webp">
<img id="logo"
src="/assets/img/lynnesoft-centred.png"
alt="A cyan-purple parallelogram with an outline of the letter L in its bottom-left corner."

View File

@ -3,6 +3,7 @@
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
font-display: swap;
src: local(''),
url('/assets/fonts/roboto-v20-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/assets/fonts/roboto-v20-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@ -13,6 +14,7 @@
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
font-display: swap;
src: local(''),
url('/assets/fonts/roboto-v20-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/assets/fonts/roboto-v20-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@ -23,6 +25,7 @@
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local(''),
url('/assets/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/assets/fonts/roboto-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@ -33,6 +36,7 @@
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local(''),
url('/assets/fonts/roboto-v20-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/assets/fonts/roboto-v20-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@ -43,6 +47,7 @@
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
font-display: swap;
src: local(''),
url('/assets/fonts/roboto-v20-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/assets/fonts/roboto-v20-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@ -53,6 +58,7 @@
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local(''),
url('/assets/fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/assets/fonts/roboto-v20-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@ -63,6 +69,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local(''),
url('/assets/fonts/open-sans-v18-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/assets/fonts/open-sans-v18-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@ -73,6 +80,7 @@
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-display: swap;
src: local(''),
url('/assets/fonts/open-sans-v18-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/assets/fonts/open-sans-v18-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@ -83,6 +91,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local(''),
url('/assets/fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/assets/fonts/open-sans-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@ -93,6 +102,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local(''),
url('/assets/fonts/open-sans-v18-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/assets/fonts/open-sans-v18-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@ -103,6 +113,7 @@
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local(''),
url('/assets/fonts/open-sans-v18-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/assets/fonts/open-sans-v18-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@ -113,6 +124,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local(''),
url('/assets/fonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/assets/fonts/open-sans-v18-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

View File

@ -92,6 +92,7 @@ header::after {
z-index: -1;
/*noinspection CssInvalidFunction*/
background: linear-gradient(to bottom, #333, #333 10%, 70%, transparent),
/* image("/assets/img/background.webp", "/assets/img/background.jpeg") no-repeat bottom center/cover, */
url("/assets/img/background.jpeg") no-repeat bottom center/cover,
#333;
filter: blur(5px) saturate(75%);