From f8fd4bfc54c536c5b9fb064d24dd8ec2c5e29bb1 Mon Sep 17 00:00:00 2001
From: Lynne <lynne@bune.city>
Date: Sun, 2 May 2021 19:37:48 +1000
Subject: [PATCH] oops i wasn't serving the webp

---
 _layouts/default.html  |  2 +-
 assets/fonts/fonts.css | 12 ++++++++++++
 assets/style.css       |  1 +
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index 82887c0..1d85fc6 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -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."
diff --git a/assets/fonts/fonts.css b/assets/fonts/fonts.css
index 1dddd40..9ae881c 100644
--- a/assets/fonts/fonts.css
+++ b/assets/fonts/fonts.css
@@ -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+ */
diff --git a/assets/style.css b/assets/style.css
index 9573403..4854259 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -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%);