favicon change

public/js/showContent.js

@@ -15,11 +15,11 @@ function showPopup(popupId) {
     const popupElement = document.getElementById(popupId);
     if (popupElement) {
         popupElement.classList.add("popup-show");
-        backdrop.classList.add("popup-show"); // Add popup-show class to backdrop
+        backdrop.classList.add("popup-show");
     }
 }
 
 function hideAllPopups() {
     document.querySelectorAll(".popup").forEach((popup) => popup.classList.remove("popup-show"));
-    backdrop.classList.remove("popup-show"); // Remove popup-show class from backdrop
+    backdrop.classList.remove("popup-show");
 }

src/layouts/Layout.astro

@@ -13,7 +13,7 @@ import Footer from '../components/footer.astro';
 		<meta charset="UTF-8" />
 		<meta name="description" content="We acted like retards in front of 200 people, I guess we're horse famous now." />
 		<meta name="viewport" content="width=device-width" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<link rel="icon" type="image/svg+xml" href="/icon.webp" />
 		<meta name="generator" content={Astro.generator} />
 		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
 		<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Oswald:[email protected]&family=Teko:[email protected]&display=swap">

src/pages/index.astro

@@ -1,7 +1,6 @@
 ---
 import Layout from '../layouts/Layout.astro';
 import { Image } from 'astro:assets';
-import Card from '../components/Card.astro';
 ---
 
 <!-- TODO: ADD A BACK BUTTON FOR MOBILE -->
@@ -170,6 +169,7 @@ import Card from '../components/Card.astro';
 		width: 90%;
 		height: 90%;
 	}
+
 	#popup-backdrop {
 		transform: translate(0%,0%);
 	}
@@ -307,10 +307,6 @@ import Card from '../components/Card.astro';
 		pointer-events: none;
 	}
 
-	html.Yotsuba-B-UNUSED .gradient1 {
-		background: radial-gradient(circle, transparent 50%, var(--background-color-yotsuba-b));
-	}
-
 	.fading-image {
 		max-width: 100vw;
 		width: 100vw;