changed some stuff, maybe it works?

Author: sojs-coder

components/chead.html

@@ -16,3 +16,13 @@
 <title>{{title}}</title>
 <script src="/assets/scripts/navigation.js"></script>
 <adBlockDetect />
+
+{% if (ads == "true") %}
+<script>
+  window.adsEnabled = true;
+</script>
+{% else %}
+<script>
+  window.adsEnabled = false;
+</script>
+{% endif %}

static/assets/scripts/home.js

@@ -457,13 +457,6 @@ try {
                 }
                 document.getElementById("check-roms").innerHTML = "";
                 document.getElementById("check-roms").appendChild(div);
-            } else {
-                setTimeout(() => {
-                    if (Date.now() - lastInputTime >= failedInputCheckLag) {
-                        client.from("failed_search")
-                            .insert([{ search_content: searchInput.value }])
-                    }
-                }, failedInputCheckLag);
             }
         } else {
             showAds();
@@ -523,7 +516,7 @@ try {
         if (needToLoadAds) {
             loadAds();
         } else {
-            const ads = document.querySelectorAll(".tad");
+            const ads = document.querySelectorAll(".xxx");
             ads.forEach(ad => {
                 ad.style.display = "flex";
             });
@@ -532,7 +525,7 @@ try {
     function hideAds() {
         log("Hiding ads");
         showingAds = false;
-        const ads = document.querySelectorAll(".tad");
+        const ads = document.querySelectorAll(".xxx");
         ads.forEach(ad => {
             ad.style.display = "none";
         });
@@ -626,7 +619,7 @@ try {
         sortDirectionText.innerHTML = sortStates[sortState][1];
     }
     function shuffleAds() {
-        const ads = document.querySelectorAll(".tad");
+        const ads = document.querySelectorAll(".xxx");
         ads.forEach(ad => {
             ad.remove();
             var randomCard = document.querySelector(".cards").children[Math.floor(Math.random() * document.querySelector(".cards").children.length)];
@@ -821,7 +814,7 @@ try {
         removeCards();
         cardsArray.forEach(card => cardsContainer.appendChild(card));
     }
-    function loadAds(num = 3) {
+    function loadAds(num = 5) {
         log(`Loading ${num} ads`);
         if (!window.adsEnabled) return;
         if (!showingAds) {
@@ -831,23 +824,23 @@ try {
         };
         needToLoadAds = false;
         for (let i = 0; i < num; i++) {
-            const adHTML = `<div data-mndbanid="c5cf29fe-386b-45f3-a462-bc8326f5a713"></div>`;
+            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("tad");
+            adCard.classList.add("xxx");
             adCard.innerHTML = adHTML;
-            adCard.style.backgroundImage = `url('/assets/images/loading.gif')`;
-            adCard.style.backgroundSize = "fit";
-            adCard.style.backgroundRepeat = "no-repeat";
-            adCard.style.backgroundPosition = "center";
+            // adCard.style.backgroundImage = `url('/assets/images/loading.gif')`;
+            // adCard.style.backgroundSize = "fit";
+            // adCard.style.backgroundRepeat = "no-repeat";
+            // adCard.style.backgroundPosition = "center";
 
             var randomCard = document.querySelector(".cards").children[Math.floor(Math.random() * document.querySelector(".cards").children.length)];
             document.querySelector(".cards").insertBefore(adCard, randomCard);
-        }
-        const script = document.createElement("script");
-        script.src = "https://ss.mrmnd.com/banner.js";
-        document.body.appendChild(script);
-        script.onload = () => {
-            log("Ads loaded");
+            $MMT = window.$MMT || {};
+            $MMT.cmd = $MMT.cmd || [];
+            $MMT.cmd.push(function () {
+                $MMT.display.slots.push(adID);
+            });
         }
     }
     function rerenderCards(layout) {

static/assets/styles/home.css

@@ -77,6 +77,7 @@ header.shadow {
     flex-wrap: wrap;
     justify-content: center;
     padding: 20px;
+    margin-right: 280px;
     /* min-height: 50vh; */
 }
 
@@ -383,24 +384,13 @@ button#sort, button#pickforme {
     font-size: 18px;
 }
 
-.ads {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    margin-top: 20px;
-    position: fixed;
-    z-index: 999;
-}
 
-.ads.r {
+.xxx.r {
     right: 0;
-    top: calc(50vh - (600px) / 2);
-}
-
-.ads.l {
-    left: 0;
-    top: calc(50vh - (600px) / 2);
+    position: fixed;
+    min-width: 300px;
+    height: 600px;
+    bottom: 0;
 }
 
 .row {
@@ -410,20 +400,6 @@ button#sort, button#pickforme {
     align-items: center;
 }
 
-.tad {
-    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;
-}
 .trealad {
     width: 300px;
     height: 250px;

static/index.html

@@ -37,9 +37,8 @@
         </div>
         <div class="subContainer">
             <div class="row">
-                <div class="ads r">
+                <div class="xxx r">
                     <!-- MONUMETRIC D: 300x250,160x600,300x600 T: 300x250,160x600,300x600 M: START -->
-                
                     <div id="mmt-69fd2258-841e-496e-b471-7fee303347da"></div>
                     <script type="text/javascript"
                         data-cfasync="false">$MMT = window.$MMT || {}; $MMT.cmd = $MMT.cmd || []; $MMT.cmd.push(function () { $MMT.display.slots.push(["69fd2258-841e-496e-b471-7fee303347da"]); })</script>