Update index.html

StaticQuasar931 · web-flow · commit 785c89138bd0 · 2025-09-22T15:32:04.000-07:00
diff --git a/index.html b/index.html
@@ -1,21 +1,22 @@
 <!DOCTYPE html>
 <html lang="en-us">
 <head>
-  <!-- ===== GitHub-optimized SEO ===== -->
+  <!-- ===== GitHub-optimized SEO (StaticQuasar931) ===== -->
   <meta charset="utf-8" />
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
+
   <title>GTA Mods – StaticQuasar931 (Unblocked GTA-style Modes)</title>
-  <meta name="description" content="GTA Mods — GTA-style modes you can play right in your browser. Free, fullscreen canvas, and school-safe on Chromebook, PC, and mobile. Works anywhere." />
+  <meta name="description" content="Play GTA Mods — GTA-style modes right in your browser. Free, school-safe, Chromebook friendly, and fullscreen canvas. Works at school, work, or anywhere." />
   <meta name="robots" content="index, follow, max-image-preview:large" />
-  <meta name="keywords" content="GTA Mods, GTA mod, GTA game, GTA g@me, GTA unblocked, GTA at school, GTA working at school, school safe games, unbl0cked, static, static 931, staticquasar931, staticq, staticq931, staticquasar 931, gta browser, gta online free, gta like game" />
-  <link rel="canonical" href="https://staticquasar931.github.io/gta-mods/" />
+  <meta name="keywords" content="GTA Mods, GTA mod, GTA game, GTA g@me, GTA unblocked, GTA at school, GTA working at school, school safe games, unbl0cked, static, static 931, staticquasar931, staticquasar 931, staticq, staticq931, gta browser, gta online free, gta like game, gta mods unbl0cked, gta g@mes at school" />
+  <link rel="canonical" href="https://staticquasar931.github.io/GTA-Mods/" />
 
   <!-- Open Graph / Twitter -->
   <meta property="og:type" content="website" />
   <meta property="og:title" content="GTA Mods – GTA-style Modes (Unblocked)" />
   <meta property="og:description" content="Play GTA-style modes free in your browser. School-safe, Chromebook friendly, and fullscreen canvas." />
-  <meta property="og:url" content="https://staticquasar931.github.io/gta-mods/" />
+  <meta property="og:url" content="https://staticquasar931.github.io/GTA-Mods/" />
   <meta property="og:image" content="https://res.cloudinary.com/dcsrqennd/image/upload/v1747533056/raw_um4pvq.png" />
   <meta name="twitter:card" content="summary_large_image" />
   <meta name="theme-color" content="#0aa" />
@@ -26,7 +27,7 @@
     "@context":"https://schema.org",
     "@type":"VideoGame",
     "name":"GTA Mods – GTA-style Modes",
-    "url":"https://staticquasar931.github.io/gta-mods/",
+    "url":"https://staticquasar931.github.io/GTA-Mods/",
     "author":{"@type":"Organization","name":"StaticQuasar931"},
     "publisher":{"@type":"Organization","name":"StaticQuasar931"},
     "operatingSystem":"Web",
@@ -37,60 +38,66 @@
   }
   </script>
 
-  <!-- Hidden SEO block (200+ words, links use Google Sites per preference) -->
+  <!-- Hidden SEO block (200+ words, internal links absolute to Google Sites) -->
   <div style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden">
     <h1>Play GTA Mods — GTA-style Modes in Your Browser (Unblocked)</h1>
     <p>
       Welcome to <strong>GTA Mods</strong>, a GTA-style collection that launches instantly in your browser with no downloads.
       This page is tuned for GitHub Pages SEO so students and fans can easily find a <em>school-safe</em> way to try free,
       sandbox-style driving and open-world play. It’s designed to work smoothly on Chromebook, Windows, and macOS with a
-      fullscreen canvas that auto-fits the screen. If you’re browsing at school or work, our layout avoids popups and uses
-      lightweight assets to keep page performance reliable on limited networks.
+      fullscreen canvas that auto-fits the screen. If you’re browsing at school or work, our layout avoids disruptive popups
+      and uses lightweight assets to keep page performance reliable on limited networks.
     </p>
     <p>
       Looking for more school-friendly games? Visit the main list at
       <a href="https://sites.google.com/view/staticquasar931/gm3z">StaticQuasar931 Games</a> or send requests through the
       <a href="https://sites.google.com/view/staticquasar931/google-form">Google Form</a>. We maintain alternative links and
       backups so if one version stalls, you can try another quickly. Keywords include GTA mods unblocked, GTA like game,
-      working at school, and school-safe browser games. Our goal is to help players enjoy fun, casual experiences during
-      breaks while keeping everything simple, fullscreen, and accessible on school devices.
+      working at school, school-safe browser games, and Static 931. Our goal is to help players enjoy fun, casual experiences
+      during breaks while keeping everything simple, fullscreen, and accessible on school devices.
     </p>
     <p>
       All progress that can be saved from the page layer is stored in <strong>localStorage</strong> on your device,
       so returning to this GitHub page remembers settings like menu visibility and cached game state bridges when the
       underlying build supports external save calls. Your data never leaves the browser. For support or new mode ideas,
-      follow our Instagram or use the form linked below.
+      follow our Instagram or use the form linked below. Brand keywords for indexing: static, staticquasar, staticquasar931,
+      static 931, staticq, staticq931, gta mods, gta game, gta g@me, unbl0cked gta g@mes, working at school.
     </p>
   </div>
 
   <!-- Styles -->
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/centerclassroom/mc55@main/style.css">
-
   <style>
-    html, body { margin:0; padding:0; height:100%; overflow:hidden;
+    html, body {
+      margin:0; padding:0; height:100%; overflow:hidden;
       -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;
       -webkit-tap-highlight-color: rgba(0,0,0,0);
       font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
+      background:#000;
     }
     canvas:focus { outline: none; }
 
-    /* Full-viewport Unity canvas & loading cover */
+    /* Full-viewport canvas & loading cover */
     #unity-container { position:fixed; inset:0; }
     #unity-canvas { width:100vw; height:100vh; display:block; cursor: default; }
-    #loading-cover { position:fixed; inset:0; background: #000 center/cover no-repeat; display:none; }
+    #loading-cover { position:fixed; inset:0; background:#000 center/cover no-repeat; display:none; }
 
-    /* Static Menu (top-left) */
+    /* Static Menu (top-left, twinkle + close with 3m return) */
     #staticMenu{
       position: fixed; top: 10px; left: 10px; z-index: 99999;
       background:#111; color:#0ff; padding:10px 16px; border-radius:10px; font-size:14px;
-      animation: glow 2s infinite alternate;
+      box-shadow:0 0 0 rgba(0,255,255,0.0);
+      animation: twinkle 3.2s infinite ease-in-out;
       transition: opacity .35s ease, transform .35s ease, visibility .35s ease;
     }
     #staticMenu a{ color:#0ff; text-decoration:none; font-weight:bold; }
     #closeStaticMenu{ margin-left:12px; color:#f55; cursor:pointer; }
-    @keyframes glow{0%{opacity:.7}100%{opacity:1; box-shadow:0 0 10px #0ff}}
+    @keyframes twinkle{
+      0%,100%{ box-shadow:0 0 6px rgba(0,255,255,0.35); }
+      50%{ box-shadow:0 0 14px rgba(0,255,255,0.85); }
+    }
 
-    /* Rotating popup (bottom-right): Google Form ↔ Instagram only */
+    /* Bottom-right rotating quick link (Google Form ↔ Instagram only) */
     #staticSlideMenu{
       position: fixed; bottom:24px; right:24px; z-index: 99999;
       width:100px; height:100px; display:flex; align-items:center; justify-content:center;
@@ -111,7 +118,7 @@ <h1>Play GTA Mods — GTA-style Modes in Your Browser (Unblocked)</h1>
   </style>
 </head>
 <body class="light">
-  <!-- Top-left Static Menu -->
+  <!-- Top-left Static Menu (with close & 3-minute return) -->
   <div id="staticMenu" aria-label="Static menu with site link">
     <a href="https://sites.google.com/view/staticquasar931/gm3z" target="_blank" rel="noopener"
        aria-label="Open more unblocked games by StaticQuasar931 in a new tab">More Unblocked Games by Static</a>
@@ -146,24 +153,29 @@ <h1>Play GTA Mods — GTA-style Modes in Your Browser (Unblocked)</h1>
   </noscript>
 
   <script>
-    // ===== Page-level persistence (local memory) =====
+    // ===== Local memory helpers =====
     const LS_PREFIX = "sq931.gta-mods.";
     const saveLS = (k,v)=>{ try{ localStorage.setItem(LS_PREFIX+k, JSON.stringify(v)); }catch(e){} };
     const loadLS = (k,d=null)=>{ try{ const v=localStorage.getItem(LS_PREFIX+k); return v?JSON.parse(v):d; }catch(e){ return d; } };
 
-    // Remember / restore menus-hidden toggle
-    (function restoreMenusHidden(){
-      if(loadLS("menusHidden", false)) document.body.classList.add("menus-hidden");
-      window.addEventListener('keydown', (e)=>{ if(e.key.toLowerCase()==='y') yDown=true; if(e.key.toLowerCase()==='u') uDown=true; if(e.key.toLowerCase()==='i') iDown=true; check(); });
-      window.addEventListener('keyup',   (e)=>{ if(e.key.toLowerCase()==='y') yDown=false; if(e.key.toLowerCase()==='u') uDown=false; if(e.key.toLowerCase()==='i') iDown=false; });
-      window.addEventListener('blur', ()=>{ yDown=uDown=iDown=false; });
-      let yDown=false,uDown=false,iDown=false;
+    // Leave warning (requested)
+    window.onbeforeunload = function(){
+      return "Are you sure you want to leave? Progress and settings are saved locally when possible.";
+    };
+
+    // Menus global toggle via Y+U+I (persist)
+    (function menusHotkey(){
+      if(loadLS("menusHidden", false)) document.body.classList.add('menus-hidden');
+      const down = new Set();
       function check(){
-        if(yDown && uDown && iDown){
+        if (down.has('y') && down.has('u') && down.has('i')){
           document.body.classList.toggle('menus-hidden');
           saveLS("menusHidden", document.body.classList.contains('menus-hidden'));
         }
       }
+      window.addEventListener('keydown', (e)=>{ down.add(e.key.toLowerCase()); check(); });
+      window.addEventListener('keyup',   (e)=>{ down.delete(e.key.toLowerCase()); });
+      window.addEventListener('blur', ()=> down.clear());
     })();
 
     // Static Menu close/return (3 minutes), persisted
@@ -223,18 +235,13 @@ <h1>Play GTA Mods — GTA-style Modes in Your Browser (Unblocked)</h1>
         }
       })();
     })();
-
-    // Leave warning (requested)
-    window.onbeforeunload = function(){
-      return "Are you sure you want to leave? Progress and settings are saved locally when possible.";
-    };
   </script>
 
-  <!-- ===== Unity loader / game boot ===== -->
+  <!-- ===== Unity loader / game boot (with robust part fallback) ===== -->
   <script>
     const buildUrl = "https://cdn.jsdelivr.net/gh/centerclassroom/mc55@main/Build";
     const loaderUrl = buildUrl + "/bb0d9ecdb05db3e84da20bd14a4f84dc.loader.js";
-    const config = {
+    const baseConfig = {
       dataUrl: buildUrl + "/cffd2fddc93a5e3bb5ff56ac3bb5a297.data.br",
       frameworkUrl: buildUrl + "/c39bf58f300a834e953a20c745c5e5f2.framework.js",
       codeUrl: buildUrl + "/d649f30ffe591eef6765ee27d7fc980f.wasm.br",
@@ -251,7 +258,7 @@ <h1>Play GTA Mods — GTA-style Modes in Your Browser (Unblocked)</h1>
     const progressBarFull = document.querySelector("#unity-progress-bar-full");
     const spinner = document.querySelector('.spinner');
 
-    // Responsive canvas helper (keeps pixel-perfect size for Unity)
+    // Responsive canvas sizing
     function resizeCanvas(){
       const dpr = Math.min(window.devicePixelRatio || 1, 2);
       canvas.width  = Math.floor(window.innerWidth  * dpr);
@@ -262,13 +269,6 @@ <h1>Play GTA Mods — GTA-style Modes in Your Browser (Unblocked)</h1>
     resizeCanvas();
     window.addEventListener('resize', resizeCanvas);
 
-    const canFullscreen = (function () {
-      for (const key of ['exitFullscreen','webkitExitFullscreen','webkitCancelFullScreen','mozCancelFullScreen','msExitFullscreen']) {
-        if (key in document) return true;
-      }
-      return false;
-    }());
-
     if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
       container.className = "unity-mobile";
     }
@@ -281,12 +281,9 @@ <h1>Play GTA Mods — GTA-style Modes in Your Browser (Unblocked)</h1>
     window.addEventListener('pointerdown', FocusGame);
     window.addEventListener('touchstart', FocusGame);
 
-    let StartUnityInstance;
-    let myGameInstance;
-    let initGame = false;
-    let nowFullAdOpen = false;
+    let myGameInstance, initGame=false, nowFullAdOpen=false;
 
-    // ===== Local memory save bridge (for builds that call these) =====
+    // ===== Local memory save bridge (Unity ↔ page) =====
     (function setupLocalSaveBridge(){
       const SAVE_KEY = "gameSave.v1";
       window.GameSave = {
@@ -304,8 +301,7 @@ <h1>Play GTA Mods — GTA-style Modes in Your Browser (Unblocked)</h1>
         },
         clear(){ try{ localStorage.removeItem(LS_PREFIX + SAVE_KEY); }catch(e){} }
       };
-
-      // Compatibility function names used by some templates
+      // Compatibility names used by common templates
       window.SaveCloud = function(data){ return window.GameSave.save(data); };
       window.LoadCloud = function(){ return window.GameSave.load(); };
       window.InitPlayer = function(){ return Promise.resolve("noAuth"); };
@@ -320,7 +316,13 @@ <h1>Play GTA Mods — GTA-style Modes in Your Browser (Unblocked)</h1>
       window.flasgsData = function(){};
     })();
 
-    // Split file merger (unchanged behavior but safer errors)
+    // Split file merger with graceful fallback to single files if parts are missing
+    async function tryHead(url){
+      try{
+        const r = await fetch(url, { method: 'HEAD' });
+        return r.ok;
+      }catch(e){ return false; }
+    }
     async function mergeFileParts(fileUrl, partCount) {
       const parts = [];
       for (let i = 0; i < partCount; i++) {
@@ -335,76 +337,80 @@ <h1>Play GTA Mods — GTA-style Modes in Your Browser (Unblocked)</h1>
       for (const part of parts) { merged.set(new Uint8Array(part), off); off += part.byteLength; }
       return URL.createObjectURL(new Blob([merged], { type: 'application/octet-stream' }));
     }
-
     async function prepareUnityConfig(cfg) {
-      // Restore original split behavior (adjust counts if your host uses different slicing)
-      const dataPartsCount = 4;
-      const wasmPartsCount = 4;
-      cfg.dataUrl = await mergeFileParts(buildUrl + "/cffd2fddc93a5e3bb5ff56ac3bb5a297.data.br", dataPartsCount);
-      cfg.codeUrl = await mergeFileParts(buildUrl + "/d649f30ffe591eef6765ee27d7fc980f.wasm.br", wasmPartsCount);
+      const dataBase = buildUrl + "/cffd2fddc93a5e3bb5ff56ac3bb5a297.data.br";
+      const wasmBase = buildUrl + "/d649f30ffe591eef6765ee27d7fc980f.wasm.br";
+      const hasDataParts = await tryHead(dataBase + ".part0");
+      const hasWasmParts = await tryHead(wasmBase + ".part0");
+      try{
+        if (hasDataParts) cfg.dataUrl = await mergeFileParts(dataBase, 4);
+        else cfg.dataUrl = dataBase;
+      }catch(e){ cfg.dataUrl = dataBase; }
+      try{
+        if (hasWasmParts) cfg.codeUrl = await mergeFileParts(wasmBase, 4);
+        else cfg.codeUrl = wasmBase;
+      }catch(e){ cfg.codeUrl = wasmBase; }
       return cfg;
     }
 
-    // Load Unity loader once, then boot
+    // Load Unity loader dynamically, then boot
     (function boot(){
       const script = document.createElement("script");
       script.src = loaderUrl;
       script.onload = async () => {
         try {
-          const updatedConfig = await prepareUnityConfig({ ...config });
-          StartUnityInstance = function () {
-            createUnityInstance(canvas, updatedConfig, (progress) => {
-              spinner.style.display = "none";
-              progressBarEmpty.style.display = "";
-              progressBarFull.style.width = `${Math.floor(100 * progress)}%`;
-            }).then((unityInstance) => {
-              myGameInstance = unityInstance;
-              loadingCover.style.display = "none";
-              initGame = true;
-              // Attempt to pass any existing local save back if the build expects it
-              try{
-                const saved = window.GameSave.load();
-                if (saved && saved !== "noData") {
-                  // If your Unity side listens on a known GameObject/Method, wire it here:
-                  // myGameInstance.SendMessage("BridgeObject", "OnSaveLoaded", saved);
-                }
-              }catch(e){}
-            }).catch((message) => {
-              console.error("Unity load error:", message);
-            });
-          };
-          StartUnityInstance();
+          const updatedConfig = await prepareUnityConfig({ ...baseConfig });
+          createUnityInstance(canvas, updatedConfig, (progress) => {
+            spinner.style.display = "none";
+            progressBarEmpty.style.display = "";
+            progressBarFull.style.width = `${Math.floor(100 * progress)}%`;
+          }).then((unityInstance) => {
+            myGameInstance = unityInstance;
+            loadingCover.style.display = "none";
+            initGame = true;
+
+            // If your Unity side expects a save payload, you can forward it here:
+            // const saved = window.GameSave.load();
+            // if (saved && saved !== "noData") {
+            //   myGameInstance.SendMessage("BridgeObject", "OnSaveLoaded", saved);
+            // }
+          }).catch((message) => {
+            console.error("Unity load error:", message);
+          });
         } catch (error) {
           console.error("Error starting Unity:", error);
         }
       };
+      script.onerror = ()=> console.error("Failed to load Unity loader script.");
       document.body.appendChild(script);
     })();
 
-    // Defensive: ignore unhandled promise rejections in ads/hooks from templates
+    // Defensive: ignore unhandled promise rejections from ad/template stubs
     window.addEventListener("unhandledrejection", function(event) {
       console.warn("Suppressed rejection:", event.reason);
       event.preventDefault();
     });
 
-    // Optional ad template shims (kept minimal)
+    // Optional ad template shims (no-ops unless your build listens)
     function FullAdShow() {
       try {
         if (!nowFullAdOpen) {
           nowFullAdOpen = true;
-          if (initGame) { myGameInstance.SendMessage("YandexGame", "OpenFullAd"); }
+          if (initGame && myGameInstance) { myGameInstance.SendMessage("YandexGame", "OpenFullAd"); }
           setTimeout(() => {
             nowFullAdOpen = false;
-            if (initGame) { myGameInstance.SendMessage("YandexGame", "CloseFullAd", "true"); }
+            if (initGame && myGameInstance) { myGameInstance.SendMessage("YandexGame", "CloseFullAd", "true"); }
             FocusGame();
           }, 500);
         }
       } catch (error) {}
     }
     function RewardedShow(rewardId) {
       try {
-        myGameInstance.SendMessage("YandexGame", "RewardVideo", rewardId);
-        setTimeout(()=>{ myGameInstance.SendMessage("YandexGame", "CloseRewardVideo"); FocusGame(); }, 0);
+        if (myGameInstance) {
+          myGameInstance.SendMessage("YandexGame", "RewardVideo", rewardId);
+          setTimeout(()=>{ myGameInstance.SendMessage("YandexGame", "CloseRewardVideo"); FocusGame(); }, 0);
+        }
       } catch (error) {}
     }
     function InitGame() {
