Optimise images and fonts

GoogleChromeLabs · Dec 2, 2024 · d433fed · d433fed
1 parent 7aaa758
commit d433fed
Show file tree

Hide file tree

Showing 16 changed files with 6 additions and 6 deletions.
diff --git a/public/authors/argyle.jpg b/public/authors/argyle.jpg
diff --git a/public/authors/bramus.jpg b/public/authors/bramus.jpg
diff --git a/public/authors/rachel.jpg b/public/authors/rachel.jpg
diff --git a/public/authors/una.jpg b/public/authors/una.jpg
diff --git a/public/biomes/arctic.png b/public/biomes/arctic.png
diff --git a/public/biomes/cyberspace.png b/public/biomes/cyberspace.png
diff --git a/public/biomes/desert.png b/public/biomes/desert.png
diff --git a/public/biomes/jungle.png b/public/biomes/jungle.png
diff --git a/public/fight.woff2 b/public/fight.woff2
diff --git a/public/images/ruby-align.png b/public/images/ruby-align.png
diff --git a/public/images/ruby_after.png b/public/images/ruby_after.png
diff --git a/public/images/ruby_before.png b/public/images/ruby_before.png
diff --git a/src/components/nav.aside.astro b/src/components/nav.aside.astro
@@ -260,15 +260,15 @@ const { biomes } = Astro.props;
       container-type: size;
       position: relative;
       width: 10px;
-      background-image: url(/track-grunge.svg);
+      background-image: url(/track-grunge.png);
       background-repeat: repeat-y;
       border-right: 10px solid transparent;
       border-image: linear-gradient(to right, #0000 9px 0, var(--text-1) 0);
       border-image-slice: 11 fill;
 
       &::before,
       &::after {
-        content: url(/cactus.svg);
+        content: url(/cactus.png);
         width: 15px;
         height: 5px;
         rotate: 90deg;

diff --git a/src/components/nav.bento.astro b/src/components/nav.bento.astro
@@ -73,11 +73,11 @@ const counts = {
         }
 
         &.desert a::after {
-          background-image: url(/biomes/desert.svg);
+          background-image: url(/biomes/desert.png);
         }
 
         &.arctic a::after {
-          background-image: url(/biomes/arctic.svg);
+          background-image: url(/biomes/arctic.png);
         }
 
         &.jungle a::after {

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -115,7 +115,7 @@ const timelines = biomes.reduce(
     <title>CSS Wrapped 2024</title>
     <link
       rel="preload"
-      href="./fight.otf"
+      href="./fight.woff2"
       as="font"
       type="font/woff2"
       crossorigin="anonymous"

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -16,7 +16,7 @@
 
 @font-face {
 	font-family: 'Fight';
-	src: url(/fight.otf);
+	src: url(/fight.woff2);
 	font-weight: normal;
 	font-style: normal;
 	font-display: swap;