chore: attempt to improve lighthouse points

YARC-Official · Jan 24, 2024 · e848f31 · e848f31
1 parent 9435dc9
commit e848f31
Show file tree

Hide file tree

Showing 10 changed files with 11 additions and 11 deletions.
diff --git a/public/blue-gem.png b/public/blue-gem.png
diff --git a/public/blue-gem.webp b/public/blue-gem.webp
diff --git a/public/gradient.png b/public/gradient.png
diff --git a/public/gradient.webp b/public/gradient.webp
diff --git a/public/green-gem.png b/public/green-gem.png
diff --git a/public/green-gem.webp b/public/green-gem.webp
diff --git a/public/notes.png b/public/notes.png
diff --git a/public/notes.webp b/public/notes.webp
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
@@ -69,28 +69,28 @@ const Footer: React.FC = async () => {
         </div>
 
         <div className={styles.socials}>
-            <a href="https://discord.gg/yarg" target="_blank">
+            <a href="https://discord.gg/yarg" aria-label="YARG's discord" target="_blank">
                 <Discord />
             </a>
-            <a href="https://github.com/YARC-Official" target="_blank">
+            <a href="https://github.com/YARC-Official" aria-label="Github Organization" target="_blank">
                 <Github />
             </a>
-            <a href="https://x.com/yarggame" target="_blank">
+            <a href="https://x.com/yarggame" aria-label="YARG's Twitter" target="_blank">
                 <X />
             </a>
-            <a href="https://www.youtube.com/@YARGGame" target="_blank">
+            <a href="https://www.youtube.com/@YARGGame" aria-label="YARG's Youtube Channel" target="_blank">
                 <Youtube />
             </a>
-            <a href="https://www.reddit.com/r/yarg/" target="_blank">
+            <a href="https://www.reddit.com/r/yarg/" aria-label="YARG's subreddit" target="_blank">
                 <Reddit />
             </a>
-            <a href="https://www.twitch.tv/yarggame" target="_blank">
+            <a href="https://www.twitch.tv/yarggame" aria-label="YARG's Twitch Channel" target="_blank">
                 <Twitch />
             </a>
-            <a href="https://www.instagram.com/yarg.game" target="_blank">
+            <a href="https://www.instagram.com/yarg.game" aria-label="YARG's Instagram" target="_blank">
                 <Instagram />
             </a>
-            <a href="https://www.tiktok.com/@yarggame" target="_blank">
+            <a href="https://www.tiktok.com/@yarggame" aria-label="YARG's Tiktok" target="_blank">
                 <TikTok />
             </a>
         </div>

diff --git a/src/components/Home/Hero/hero.module.css b/src/components/Home/Hero/hero.module.css
@@ -1,5 +1,5 @@
 .hero {
-    background: url(/notes.png) top center / cover, url(/gradient.png) center / 100% 100%;
+    background: url(/notes.webp) top center / cover, url(/gradient.webp) center / 100% 100%;
     background-color: var(--heroBackground);
     display: flex;
     flex-direction: column;
@@ -73,15 +73,15 @@
 }
 
 .hero .video .gem[data-color="green"] {
-    background: url(/green-gem.png);
+    background: url(/green-gem.webp);
     aspect-ratio: 1;
     height: 227px;
     top: -85px;
     left: -85px;
 }
 
 .hero .video .gem[data-color="blue"] {
-    background: url(/blue-gem.png);
+    background: url(/blue-gem.webp);
     aspect-ratio: 1;
     height: 149px;
     bottom: -35px;