WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
HTML
CSS
JS
<body class="dark-mode"> <base href="https://cdn.jsdelivr.net/gh/gn-math/gn-math.github.io@main/"> <link rel="icon" type="image/png" href="https://codehs.com/uploads/84799a0bb8e09668879b73acd5e7abaa"> <link rel="icon" type="image/png" sizes="32x32" href="https://codehs.com/uploads/84799a0bb8e09668879b73acd5e7abaa"> <link rel="apple-touch-icon" href="https://codehs.com/uploads/84799a0bb8e09668879b73acd5e7abaa"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght=900&display=swap" rel="stylesheet"> <script> window.addEventListener('beforeunload',e=>{e.preventDefault();e.returnValue=''}); window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag('js',new Date());gtag('config','G-WX5VS54ZDW'); </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5521219086088837" crossorigin="anonymous"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-WX5VS54ZDW"></script> <meta name="google-adsense-account" content="ca-pub-5521219086088837"> <script>(function(){function signalGooglefcPresent(){if(!window.frames.googlefcPresent){if(document.body){const iframe=document.createElement('iframe');iframe.style='width:0;height:0;border:none;z-index:-1000;left:-1000px;top:-1000px';iframe.style.display='none';iframe.name='googlefcPresent';document.body.appendChild(iframe)}else{setTimeout(signalGooglefcPresent,0)}}}signalGooglefcPresent()})()</script> <script src="https://cdn.jsdelivr.net/gh/gn-math/gn-math.github.io@main/gnmath.js"></script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Story Network GN Math</title> <meta name="title" content="GN-Math"> <meta name="description" content="Play unbl*cked games like Crazy Cattle 3D and DriveMad on GN-Math. Fast, free, no downloads—perfect for school or home."> <meta property="og:type" content="website"> <meta property="og:url" content="https://gn-math.github.io/"> <meta property="og:title" content="GN-Math"> <meta property="og:description" content="Play unbl*cked games like Crazy Cattle 3D and DriveMad on GN-Math. Fast, free, no downloads—perfect for school or home."> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://gn-math.github.io/"> <meta name="twitter:title" content="GN-Math"> <meta name="twitter:description" content="Play unbl*cked games like Crazy Cattle 3D and DriveMad on GN-Math. Fast, free, no downloads—perfect for school or home."> <meta name="keywords" content="unblocked games, games for school, browser games, chromebook games, no download games, html5 games, free unblocked games, gn-math, fun games at school, crazy cattle 3d, play crazy cattle 3d, crazy cattle 3d unblocked, crazy cattle, crazy cattle unblocked, play crazy cattle, crazy cattle online, crazy cattle 3d online"> <style> :root{--p:#111;--t:#333;--bg:#d9d9d9;--c:#e5e5e5;--b:rgba(0,0,0,.08);--s:0 6px 24px rgba(0,0,0,.08);--pop:#eee} .dark-mode{--p:#00f;--t:#e0e0e0;--bg:#000;--c:#252525;--b:rgba(255,255,255,.06);--s:0 6px 24px rgba(0,0,0,.35);--pop:#252525} *,::before,::after,input,button,select,textarea,h1,h2,h3,h4,h5,h6,p,a,span,div,summary,label,li,td,th{box-sizing:border-box;font-family:Montserrat,sans-serif!important;font-weight:900!important} body{margin:0;background:var(--bg);color:var(--t);transition:.4s} header{background:var(--p);color:#fff;padding:1rem;position:sticky;top:0;z-index:100;box-shadow:var(--s)} .header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;flex-wrap:wrap;gap:.5rem} .logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem}.logo img{height:40px;border-radius:10px} .search{display:flex;gap:.5rem}.search input,.search select{padding:.5rem;border:1px solid var(--b);border-radius:12px;background:var(--c);color:var(--t)} button{background:var(--p);color:#fff;border:none;border-radius:12px;padding:.5rem 1rem;cursor:pointer} main{max-width:1200px;margin:auto;padding:1rem} .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-top:1rem} .card{background:var(--c);border:1px solid var(--b);border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:var(--s);transition:.25s} .card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.12)} .card img{width:100%;aspect-ratio:1;object-fit:cover;border-bottom:1px solid var(--b)} .card button{width:100%;height:60px;background:0;color:var(--t);border:none;font-size:1rem} #viewer{position:fixed;inset:0;background:var(--bg);z-index:1000;display:none;flex-direction:column} #viewer header{background:var(--p);color:#fff;padding:.5rem 1rem;border-radius:0 0 16px 16px;display:flex;justify-content:space-between;align-items:center} #viewer iframe{flex:1;width:90%;height:90%;margin:16px auto;border:none;border-radius:20px;box-shadow:var(--s)} #loading{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;place-content:center;z-index:2000} .spin{width:60px;height:60px;border:6px solid rgba(255,255,255,.2);border-top-color:var(--p);border-radius:50%;animation:spin .7s linear infinite} @keyframes spin{to{transform:rotate(360deg)}} #overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;place-items:center;z-index:3000} .popup{background:var(--pop);border-radius:24px;box-shadow:0 12px 40px rgba(0,0,0,.2);width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column} .popup header{background:var(--p);color:#fff;padding:.75rem 1rem;border-radius:24px 24px 0 0;display:flex;justify-content:space-between;align-items:center} .popup body{padding:1.2rem;overflow:auto}.popup input{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid var(--b);border-radius:12px;background:var(--c);color:var(--t)} footer{background:var(--c);padding:1rem;text-align:center;margin-top:2rem;border-radius:16px 16px 0 0}footer a{color:var(--p);text-decoration:none;margin:0 .5rem} @media(max-width:768px){.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}} </style> <header><div class="header"><div class="logo"><img src="https://codehs.com/uploads/84799a0bb8e09668879b73acd5e7abaa" alt="logo"> Story Network GN Math</div><div class="search"><input id="q" placeholder="Search…" oninput="f()"><select id="s" onchange="o()"><option value="n">Name</option><option value="i">ID</option><option value="p">Popular</option></select></div><button onclick="set()">Settings</button></div></header> <main> <details open><summary style="font-size:1.2rem">Featured</summary><div id="feat" class="grid"></div></details><br><hr><br> <details open><summary style="font-size:1.2rem">All</summary><div id="all" class="grid">Loading…</div></details><br><hr><br> <details open><summary style="font-size:1.2rem">Recent</summary><div id="rec" class="grid">None yet.</div></details> </main> <div id="viewer"><div id="loading"><div class="spin"></div></div><header><div><h2 id="zn">zone</h2><a id="au" href="#" target="_blank">by Author</a></div><div><button onclick="fs()">Fullscreen</button><button onclick="ab()">New Tab</button><button onclick="dl()">Download</button><button onclick="x()">Close</button></div></header><iframe id="frame"></iframe></div> <div id="overlay"><div class="popup"><header><h3 id="pt">Title</h3><button onclick="cx()">×</button></header><div id="pb"></div></div></div> <footer><a href="#" onclick="contact();return!1">Contact</a><a href="#" onclick="privacy();return!1">Privacy</a><a onclick="exportData()">Export</a><label style="color:var(--p);cursor:pointer">Import<input type="file" style="display:none" onchange="importData(event)"></label></footer> <script> const zUrl="https://cdn.jsdelivr.net/gh/gn-math/assets@main/zones.json",cUrl="https://cdn.jsdelivr.net/gh/gn-math/covers@main",hUrl="https://cdn.jsdelivr.net/gh/gn-math/html@main"; let zones=[],pop={}; async function lz(){ const r=await fetch(zUrl+"?t="+Date.now()),j=await r.json();zones=j;zones[0].featured=1; await fp();o(); const p=new URLSearchParams(location.search),id=p.get('id'),embed=location.hash.includes("embed"); if(id){ const z=zones.find(z=>z.id+''==id+''); if(z)embed?z.url.startsWith("http")?open(z.url):fetch(z.url.replace("{COVER_URL}",cUrl).replace("{HTML_URL}",hUrl)+"?t="+Date.now()).then(r=>r.text()).then(h=>{document.documentElement.innerHTML=h;const d=document.createElement("div");d.style="position:fixed;bottom:20px;right:20px;background:#cce5ff;color:#004085;padding:10px;border:1px solid #b8daff;border-radius:5px";d.innerHTML=`Play more at <a href="https://gn-math.github.io" target="_blank" style="color:#004085;font-weight:bold">gn-math.github.io</a>!`;const b=document.createElement("button");b.innerText="✖";b.style="margin-left:10px;background:none;border:none;cursor:pointer;color:#004085;font-weight:bold";b.onclick=_=>d.remove();d.appendChild(b);document.body.appendChild(d);document.querySelectorAll('script').forEach(os=>{const ns=document.createElement('script');os.src?ns.src=os.src:ns.textContent=os.textContent;document.body.appendChild(ns)})}):oz(z) } } async function fp(){ try{const r=await fetch("https://data.jsdelivr.com/v1/stats/packages/gh/gn-math/html@main/files?period=year"),d=await r.json();d.forEach(f=>{const m=f.name.match(/\/(\d+)\.html$/);if(m)pop[+m[1]]=f.hits.total})}catch{pop[0]=0} } function o(){const v=s.value,z=[...zones];if(v=='n')z.sort((a,b)=>a.name.localeCompare(b.name));else if(v=='i')z.sort((a,b)=>a.id-b.id);else z.sort((a,b)=>(pop[b.id]||0)-(pop[a.id]||0));z.sort((a,b)=>(a.id==-1?-1:b.id==-1?1:0));df(z.filter(z=>z.featured));da(z)} function f(){const q=q.value.toLowerCase(),f=zones.filter(z=>z.name.toLowerCase().includes(q));if(q)feat.removeAttribute("open");da(f)} function df(f){feat.innerHTML="";f.forEach(z=>feat.appendChild(mk(z,1)));if(!feat.innerHTML)feat.innerHTML="No featured"} function da(z){all.innerHTML="";z.forEach(z=>all.appendChild(mk(z)));if(!all.innerHTML)all.innerHTML="No zones";all.previousElementSibling.textContent=`All (${z.length})`} function mk(z,featured){const d=document.createElement("div");d.className="card";d.onclick=_=>oz(z);const i=document.createElement("img");i.src=z.cover.replace("{COVER_URL}",cUrl).replace("{HTML_URL}",hUrl);i.alt=z.name;d.appendChild(i);const b=document.createElement("button");b.textContent=z.name;b.onclick=e=>{e.stopPropagation();oz(z)};d.appendChild(b);return d} function oz(z){recent(z.id);zn.textContent="Loading…";frame.style.opacity=.3;frame.style.pointerEvents="none";loading.style.display="grid";if(z.url.startsWith("http"))return open(z.url);const u=z.url.replace("{COVER_URL}",cUrl).replace("{HTML_URL}",hUrl);fetch(u+"?t="+Date.now()).then(r=>r.text()).then(h=>{frame.srcdoc=h;zn.textContent=z.name;au.textContent="by "+z.author;au.href=z.authorLink||"#";viewer.style.display="flex";frame.style.opacity=1;frame.style.pointerEvents="auto";loading.style.display="none";history.pushState(null,"",`?id=${z.id}`)}).catch(e=>{loading.style.display="none";alert(e)})} function recent(id){let r=JSON.parse(localStorage.getItem("recent")||"[]");r=[id,...r.filter(x=>x!==id)].slice(0,10);localStorage.setItem("recent",JSON.stringify(r));dr()} function dr(){const r=JSON.parse(localStorage.getItem("recent")||"[]");rec.innerHTML="";if(!r.length)rec.innerHTML="None yet";else r.forEach(id=>{const z=zones.find(z=>z.id==id);if(z)rec.appendChild(mk(z))})} function fs(){frame.requestFullscreen?.()||frame.mozRequestFullScreen?.()||frame.webkitRequestFullscreen?.()||frame.msRequestFullscreen?.()} function ab(){const w=open("about:blank","_blank"),z=zones.find(z=>z.id==frame.dataset.id);fetch(z.url.replace("{HTML_URL}",hUrl)+"?t="+Date.now()).then(r=>r.text()).then(h=>{w.document.open();w.document.write(h);w.document.close()})} function dl(){const z=zones.find(z=>z.id==frame.dataset.id);fetch(z.url.replace("{HTML_URL}",hUrl)+"?t="+Date.now()).then(r=>r.text()).then(t=>{const b=new Blob([t],{type:"text/plain"}),a=document.createElement("a");a.href=URL.createObjectURL(b);a.download=z.name+".html";a.click()})} function x(){viewer.style.display="none";history.pushState(null,"",location.pathname)} function set(){pt.textContent="Settings";pb.innerHTML=`<button onclick="document.body.classList.toggle('dark-mode')">Toggle Dark</button><br><br><button onclick="tc()">Tab Cloak</button>`;overlay.style.display="grid"} function tc(){pt.textContent="Tab Cloak";pb.innerHTML=`<label>Title:<input oninput="document.title=this.value||'Home'"></label><br><br><label>Favicon:<input oninput="document.querySelector('link[rel*=icon]').href=this.value||'favicon.png'"></label>`;overlay.style.display="grid"} function cx(){overlay.style.display="none"} function contact(){pt.textContent="Contact";pb.innerHTML="<p>Discord: https://discord.gg/NAFw4ykZ7n</p><p>Email: gn.math.business@gmail.com</p>";overlay.style.display="grid"} function privacy(){pt.textContent="Privacy Policy";pb.innerHTML=`<div style="max-height:60vh;overflow:auto"><h2>PRIVACY POLICY</h2><p>Last updated April 17, 2025</p><p>This Privacy Notice for gn-math describes how we might access, collect, store, use, and/or share your personal information when you use our services.</p><p>Questions? Contact us at <a href="https://discord.gg/NAFw4ykZ7n">https://discord.gg/NAFw4ykZ7n</a>.</p></div>`;overlay.style.display="grid"} function exportData(){const a=document.createElement("a");a.href=URL.createObjectURL(new Blob([JSON.stringify(localStorage)+"\n\n|\n\n"+document.cookie],{type:"text/plain"}));a.download=Date.now()+".data";a.click()} function importData(e){const f=e.target.files[0];if(!f)return;const r=new FileReader();r.onload=function(ev){const c=ev.target.result,[l,d]=c.split("\n\n|\n\n");try{const p=JSON.parse(l);for(let k in p)localStorage.setItem(k,p[k])}catch{}if(d)d.split("; ").forEach(c=>document.cookie=c);alert("Data loaded")};r.readAsText(f)} onbeforeunload=e=>{e.preventDefault();e.returnValue=''}; lz();dr(); </script> </body>
<!-- Replace with your CSS Code (Leave empty if not needed) -->
/* Replace with your JS Code (Leave empty if not needed) */
Preview
Open Advanced Editor
Publish Code
Full Screen
HTML
CSS
JS
<body class="dark-mode"> <base href="https://cdn.jsdelivr.net/gh/gn-math/gn-math.github.io@main/"> <link rel="icon" type="image/png" href="https://codehs.com/uploads/84799a0bb8e09668879b73acd5e7abaa"> <link rel="icon" type="image/png" sizes="32x32" href="https://codehs.com/uploads/84799a0bb8e09668879b73acd5e7abaa"> <link rel="apple-touch-icon" href="https://codehs.com/uploads/84799a0bb8e09668879b73acd5e7abaa"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght=900&display=swap" rel="stylesheet"> <script> window.addEventListener('beforeunload',e=>{e.preventDefault();e.returnValue=''}); window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag('js',new Date());gtag('config','G-WX5VS54ZDW'); </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5521219086088837" crossorigin="anonymous"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-WX5VS54ZDW"></script> <meta name="google-adsense-account" content="ca-pub-5521219086088837"> <script>(function(){function signalGooglefcPresent(){if(!window.frames.googlefcPresent){if(document.body){const iframe=document.createElement('iframe');iframe.style='width:0;height:0;border:none;z-index:-1000;left:-1000px;top:-1000px';iframe.style.display='none';iframe.name='googlefcPresent';document.body.appendChild(iframe)}else{setTimeout(signalGooglefcPresent,0)}}}signalGooglefcPresent()})()</script> <script src="https://cdn.jsdelivr.net/gh/gn-math/gn-math.github.io@main/gnmath.js"></script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Story Network GN Math</title> <meta name="title" content="GN-Math"> <meta name="description" content="Play unbl*cked games like Crazy Cattle 3D and DriveMad on GN-Math. Fast, free, no downloads—perfect for school or home."> <meta property="og:type" content="website"> <meta property="og:url" content="https://gn-math.github.io/"> <meta property="og:title" content="GN-Math"> <meta property="og:description" content="Play unbl*cked games like Crazy Cattle 3D and DriveMad on GN-Math. Fast, free, no downloads—perfect for school or home."> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://gn-math.github.io/"> <meta name="twitter:title" content="GN-Math"> <meta name="twitter:description" content="Play unbl*cked games like Crazy Cattle 3D and DriveMad on GN-Math. Fast, free, no downloads—perfect for school or home."> <meta name="keywords" content="unblocked games, games for school, browser games, chromebook games, no download games, html5 games, free unblocked games, gn-math, fun games at school, crazy cattle 3d, play crazy cattle 3d, crazy cattle 3d unblocked, crazy cattle, crazy cattle unblocked, play crazy cattle, crazy cattle online, crazy cattle 3d online"> <style> :root{--p:#111;--t:#333;--bg:#d9d9d9;--c:#e5e5e5;--b:rgba(0,0,0,.08);--s:0 6px 24px rgba(0,0,0,.08);--pop:#eee} .dark-mode{--p:#00f;--t:#e0e0e0;--bg:#000;--c:#252525;--b:rgba(255,255,255,.06);--s:0 6px 24px rgba(0,0,0,.35);--pop:#252525} *,::before,::after,input,button,select,textarea,h1,h2,h3,h4,h5,h6,p,a,span,div,summary,label,li,td,th{box-sizing:border-box;font-family:Montserrat,sans-serif!important;font-weight:900!important} body{margin:0;background:var(--bg);color:var(--t);transition:.4s} header{background:var(--p);color:#fff;padding:1rem;position:sticky;top:0;z-index:100;box-shadow:var(--s)} .header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;flex-wrap:wrap;gap:.5rem} .logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem}.logo img{height:40px;border-radius:10px} .search{display:flex;gap:.5rem}.search input,.search select{padding:.5rem;border:1px solid var(--b);border-radius:12px;background:var(--c);color:var(--t)} button{background:var(--p);color:#fff;border:none;border-radius:12px;padding:.5rem 1rem;cursor:pointer} main{max-width:1200px;margin:auto;padding:1rem} .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-top:1rem} .card{background:var(--c);border:1px solid var(--b);border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:var(--s);transition:.25s} .card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.12)} .card img{width:100%;aspect-ratio:1;object-fit:cover;border-bottom:1px solid var(--b)} .card button{width:100%;height:60px;background:0;color:var(--t);border:none;font-size:1rem} #viewer{position:fixed;inset:0;background:var(--bg);z-index:1000;display:none;flex-direction:column} #viewer header{background:var(--p);color:#fff;padding:.5rem 1rem;border-radius:0 0 16px 16px;display:flex;justify-content:space-between;align-items:center} #viewer iframe{flex:1;width:90%;height:90%;margin:16px auto;border:none;border-radius:20px;box-shadow:var(--s)} #loading{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;place-content:center;z-index:2000} .spin{width:60px;height:60px;border:6px solid rgba(255,255,255,.2);border-top-color:var(--p);border-radius:50%;animation:spin .7s linear infinite} @keyframes spin{to{transform:rotate(360deg)}} #overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;place-items:center;z-index:3000} .popup{background:var(--pop);border-radius:24px;box-shadow:0 12px 40px rgba(0,0,0,.2);width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column} .popup header{background:var(--p);color:#fff;padding:.75rem 1rem;border-radius:24px 24px 0 0;display:flex;justify-content:space-between;align-items:center} .popup body{padding:1.2rem;overflow:auto}.popup input{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid var(--b);border-radius:12px;background:var(--c);color:var(--t)} footer{background:var(--c);padding:1rem;text-align:center;margin-top:2rem;border-radius:16px 16px 0 0}footer a{color:var(--p);text-decoration:none;margin:0 .5rem} @media(max-width:768px){.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}} </style> <header><div class="header"><div class="logo"><img src="https://codehs.com/uploads/84799a0bb8e09668879b73acd5e7abaa" alt="logo"> Story Network GN Math</div><div class="search"><input id="q" placeholder="Search…" oninput="f()"><select id="s" onchange="o()"><option value="n">Name</option><option value="i">ID</option><option value="p">Popular</option></select></div><button onclick="set()">Settings</button></div></header> <main> <details open><summary style="font-size:1.2rem">Featured</summary><div id="feat" class="grid"></div></details><br><hr><br> <details open><summary style="font-size:1.2rem">All</summary><div id="all" class="grid">Loading…</div></details><br><hr><br> <details open><summary style="font-size:1.2rem">Recent</summary><div id="rec" class="grid">None yet.</div></details> </main> <div id="viewer"><div id="loading"><div class="spin"></div></div><header><div><h2 id="zn">zone</h2><a id="au" href="#" target="_blank">by Author</a></div><div><button onclick="fs()">Fullscreen</button><button onclick="ab()">New Tab</button><button onclick="dl()">Download</button><button onclick="x()">Close</button></div></header><iframe id="frame"></iframe></div> <div id="overlay"><div class="popup"><header><h3 id="pt">Title</h3><button onclick="cx()">×</button></header><div id="pb"></div></div></div> <footer><a href="#" onclick="contact();return!1">Contact</a><a href="#" onclick="privacy();return!1">Privacy</a><a onclick="exportData()">Export</a><label style="color:var(--p);cursor:pointer">Import<input type="file" style="display:none" onchange="importData(event)"></label></footer> <script> const zUrl="https://cdn.jsdelivr.net/gh/gn-math/assets@main/zones.json",cUrl="https://cdn.jsdelivr.net/gh/gn-math/covers@main",hUrl="https://cdn.jsdelivr.net/gh/gn-math/html@main"; let zones=[],pop={}; async function lz(){ const r=await fetch(zUrl+"?t="+Date.now()),j=await r.json();zones=j;zones[0].featured=1; await fp();o(); const p=new URLSearchParams(location.search),id=p.get('id'),embed=location.hash.includes("embed"); if(id){ const z=zones.find(z=>z.id+''==id+''); if(z)embed?z.url.startsWith("http")?open(z.url):fetch(z.url.replace("{COVER_URL}",cUrl).replace("{HTML_URL}",hUrl)+"?t="+Date.now()).then(r=>r.text()).then(h=>{document.documentElement.innerHTML=h;const d=document.createElement("div");d.style="position:fixed;bottom:20px;right:20px;background:#cce5ff;color:#004085;padding:10px;border:1px solid #b8daff;border-radius:5px";d.innerHTML=`Play more at <a href="https://gn-math.github.io" target="_blank" style="color:#004085;font-weight:bold">gn-math.github.io</a>!`;const b=document.createElement("button");b.innerText="✖";b.style="margin-left:10px;background:none;border:none;cursor:pointer;color:#004085;font-weight:bold";b.onclick=_=>d.remove();d.appendChild(b);document.body.appendChild(d);document.querySelectorAll('script').forEach(os=>{const ns=document.createElement('script');os.src?ns.src=os.src:ns.textContent=os.textContent;document.body.appendChild(ns)})}):oz(z) } } async function fp(){ try{const r=await fetch("https://data.jsdelivr.com/v1/stats/packages/gh/gn-math/html@main/files?period=year"),d=await r.json();d.forEach(f=>{const m=f.name.match(/\/(\d+)\.html$/);if(m)pop[+m[1]]=f.hits.total})}catch{pop[0]=0} } function o(){const v=s.value,z=[...zones];if(v=='n')z.sort((a,b)=>a.name.localeCompare(b.name));else if(v=='i')z.sort((a,b)=>a.id-b.id);else z.sort((a,b)=>(pop[b.id]||0)-(pop[a.id]||0));z.sort((a,b)=>(a.id==-1?-1:b.id==-1?1:0));df(z.filter(z=>z.featured));da(z)} function f(){const q=q.value.toLowerCase(),f=zones.filter(z=>z.name.toLowerCase().includes(q));if(q)feat.removeAttribute("open");da(f)} function df(f){feat.innerHTML="";f.forEach(z=>feat.appendChild(mk(z,1)));if(!feat.innerHTML)feat.innerHTML="No featured"} function da(z){all.innerHTML="";z.forEach(z=>all.appendChild(mk(z)));if(!all.innerHTML)all.innerHTML="No zones";all.previousElementSibling.textContent=`All (${z.length})`} function mk(z,featured){const d=document.createElement("div");d.className="card";d.onclick=_=>oz(z);const i=document.createElement("img");i.src=z.cover.replace("{COVER_URL}",cUrl).replace("{HTML_URL}",hUrl);i.alt=z.name;d.appendChild(i);const b=document.createElement("button");b.textContent=z.name;b.onclick=e=>{e.stopPropagation();oz(z)};d.appendChild(b);return d} function oz(z){recent(z.id);zn.textContent="Loading…";frame.style.opacity=.3;frame.style.pointerEvents="none";loading.style.display="grid";if(z.url.startsWith("http"))return open(z.url);const u=z.url.replace("{COVER_URL}",cUrl).replace("{HTML_URL}",hUrl);fetch(u+"?t="+Date.now()).then(r=>r.text()).then(h=>{frame.srcdoc=h;zn.textContent=z.name;au.textContent="by "+z.author;au.href=z.authorLink||"#";viewer.style.display="flex";frame.style.opacity=1;frame.style.pointerEvents="auto";loading.style.display="none";history.pushState(null,"",`?id=${z.id}`)}).catch(e=>{loading.style.display="none";alert(e)})} function recent(id){let r=JSON.parse(localStorage.getItem("recent")||"[]");r=[id,...r.filter(x=>x!==id)].slice(0,10);localStorage.setItem("recent",JSON.stringify(r));dr()} function dr(){const r=JSON.parse(localStorage.getItem("recent")||"[]");rec.innerHTML="";if(!r.length)rec.innerHTML="None yet";else r.forEach(id=>{const z=zones.find(z=>z.id==id);if(z)rec.appendChild(mk(z))})} function fs(){frame.requestFullscreen?.()||frame.mozRequestFullScreen?.()||frame.webkitRequestFullscreen?.()||frame.msRequestFullscreen?.()} function ab(){const w=open("about:blank","_blank"),z=zones.find(z=>z.id==frame.dataset.id);fetch(z.url.replace("{HTML_URL}",hUrl)+"?t="+Date.now()).then(r=>r.text()).then(h=>{w.document.open();w.document.write(h);w.document.close()})} function dl(){const z=zones.find(z=>z.id==frame.dataset.id);fetch(z.url.replace("{HTML_URL}",hUrl)+"?t="+Date.now()).then(r=>r.text()).then(t=>{const b=new Blob([t],{type:"text/plain"}),a=document.createElement("a");a.href=URL.createObjectURL(b);a.download=z.name+".html";a.click()})} function x(){viewer.style.display="none";history.pushState(null,"",location.pathname)} function set(){pt.textContent="Settings";pb.innerHTML=`<button onclick="document.body.classList.toggle('dark-mode')">Toggle Dark</button><br><br><button onclick="tc()">Tab Cloak</button>`;overlay.style.display="grid"} function tc(){pt.textContent="Tab Cloak";pb.innerHTML=`<label>Title:<input oninput="document.title=this.value||'Home'"></label><br><br><label>Favicon:<input oninput="document.querySelector('link[rel*=icon]').href=this.value||'favicon.png'"></label>`;overlay.style.display="grid"} function cx(){overlay.style.display="none"} function contact(){pt.textContent="Contact";pb.innerHTML="<p>Discord: https://discord.gg/NAFw4ykZ7n</p><p>Email: gn.math.business@gmail.com</p>";overlay.style.display="grid"} function privacy(){pt.textContent="Privacy Policy";pb.innerHTML=`<div style="max-height:60vh;overflow:auto"><h2>PRIVACY POLICY</h2><p>Last updated April 17, 2025</p><p>This Privacy Notice for gn-math describes how we might access, collect, store, use, and/or share your personal information when you use our services.</p><p>Questions? Contact us at <a href="https://discord.gg/NAFw4ykZ7n">https://discord.gg/NAFw4ykZ7n</a>.</p></div>`;overlay.style.display="grid"} function exportData(){const a=document.createElement("a");a.href=URL.createObjectURL(new Blob([JSON.stringify(localStorage)+"\n\n|\n\n"+document.cookie],{type:"text/plain"}));a.download=Date.now()+".data";a.click()} function importData(e){const f=e.target.files[0];if(!f)return;const r=new FileReader();r.onload=function(ev){const c=ev.target.result,[l,d]=c.split("\n\n|\n\n");try{const p=JSON.parse(l);for(let k in p)localStorage.setItem(k,p[k])}catch{}if(d)d.split("; ").forEach(c=>document.cookie=c);alert("Data loaded")};r.readAsText(f)} onbeforeunload=e=>{e.preventDefault();e.returnValue=''}; lz();dr(); </script> </body>
<!-- Replace with your CSS Code (Leave empty if not needed) -->
/* Replace with your JS Code (Leave empty if not needed) */
Preview
Validating your code, please wait...