changed more stuff (now i go to rehersal, even if no work)

Author: sojs-coder

static/assets/scripts/home.js

@@ -516,7 +516,7 @@ try {
         if (needToLoadAds) {
             loadAds();
         } else {
-            const ads = document.querySelectorAll(".xxx");
+            const ads = document.querySelectorAll(".inxxx");
             ads.forEach(ad => {
                 ad.style.display = "flex";
             });
@@ -525,7 +525,7 @@ try {
     function hideAds() {
         log("Hiding ads");
         showingAds = false;
-        const ads = document.querySelectorAll(".xxx");
+        const ads = document.querySelectorAll(".inxxx");
         ads.forEach(ad => {
             ad.style.display = "none";
         });
@@ -619,7 +619,7 @@ try {
         sortDirectionText.innerHTML = sortStates[sortState][1];
     }
     function shuffleAds() {
-        const ads = document.querySelectorAll(".xxx");
+        const ads = document.querySelectorAll(".inxxx");
         ads.forEach(ad => {
             ad.remove();
             var randomCard = document.querySelector(".cards").children[Math.floor(Math.random() * document.querySelector(".cards").children.length)];
@@ -827,7 +827,7 @@ try {
             const adID = `mmt-ad-${Math.random().toString(16).slice(2)}-${num}`;
             const adHTML = `<div id="${adID}"></div>`;
             const adCard = document.createElement("div");
-            adCard.classList.add("xxx");
+            adCard.classList.add("inxxx");
             adCard.innerHTML = adHTML;
             // adCard.style.backgroundImage = `url('/assets/images/loading.gif')`;
             // adCard.style.backgroundSize = "fit";

static/assets/styles/home.css

@@ -767,4 +767,19 @@ button#sort, button#pickforme {
     margin: 0px;
     margin-left: 5px;
 
+}
+
+.inxxx {
+    width: 500px;
+    height: 325px;
+    margin: 15px;
+    position: relative;
+    overflow: hidden;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    transition: all 0.3s ease;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
 }

static/roms/style.css

@@ -7,6 +7,7 @@ body {
     flex-direction: column;
     align-items: center;
     justify-content: center;
+    margin-bottom: 300px;
 }
 h1 {
     text-align: center;