add monetag verification

Author: sojs-coder

src/app.html

@@ -17,7 +17,8 @@
 	<link rel="icon" href="%sveltekit.assets%/ccported_logo.webp" />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<link rel="stylesheet" href="%sveltekit.assets%/main.css" />
-
+	<!-- monetag verification -->
+	<meta name="monetag" content="d8b4782b70ad231400413e55fe7352fd">
 	<!-- exoclick verification -->
 	<meta name="6a97888e-site-verification" content="90256ef2817c47f4922d837cdf49fedc">
 

src/lib/components/CardGrid.svelte

@@ -1,5 +1,9 @@
 <script lang="ts">
-    import { decamelize, detectAdBlockEnabled, openGame } from "$lib/helpers.js";
+    import {
+        decamelize,
+        detectAdBlockEnabled,
+        openGame,
+    } from "$lib/helpers.js";
     import { SessionState, State } from "$lib/state.js";
     import type { Game } from "$lib/types/game.js";
     import { onMount } from "svelte";
@@ -169,6 +173,7 @@
     }
 
     const searchRegex = /[a-z0-9]/i;
+    let adBlock = $state(false);
     onMount(async () => {
         document.addEventListener("keydown", (e) => {
             if (!searchInput) return;
@@ -218,6 +223,7 @@
 
         await detectAdBlockEnabled();
         console.log("AdBlock Enabled:", SessionState.adBlockEnabled);
+        adBlock = SessionState.adBlockEnabled;
         adsEnabled = SessionState.adsEnabled;
         if (adsEnabled) {
             const host = browser ? window.location.hostname : "<SSR_HOST>";
@@ -398,6 +404,15 @@
                         <Ad slotId={adSlots.grid} />
                     </div>
                 {/if}
+                {#if !adBlock && !adsEnabled}
+                    {#if (i + 1) % 10 === 0}
+                        <div class="inxxx agrid grid">
+                            <div style="text-align: center; font-size: 0.9rem; color: #555;width:100%;height:100%;display: flex;flex-direction: column;justify-content: center;align-items: center;">
+                                <p>Contact <a href="mailto:ccported@ccported.click">ccported@ccported.click</a> to advertise in this slot</p>
+                            </div>
+                        </div>
+                    {/if}
+                {/if}
             {/each}
         </div>
     </div>

src/lib/types/ad.ts

@@ -0,0 +1,3 @@
+export interface AdConfig {
+    
+}

src/routes/+page.svelte

@@ -34,7 +34,7 @@
     />
 </svelte:head>
 
-{#if isAHost}
+{#if isAHost || devMode}
     <div class="container">
         <div class="background"></div>
         <Navigation />