offline.html

<!DOCTYPE html>
<html lang="en">
    <head>

        <script async src="https://arc.io/widget.min.js#C5tJKq6m"></script>
<link rel="stylesheet" href="user_css/index.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GBA Info</title>
<meta charset="UTF-8">
<meta name="description" content= "Settings page for Free GBA Games site! Gba Github!." />
<meta name="robots" content= "index, follow">
<meta name="keywords" content="gba, games, unblocked, play, free, gameboy, advance, emulator, roms, rom">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-62N8610D2L"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  
  gtag('config', 'G-62N8610D2L')
</script>
        <link rel="shortcut icon" href="Binaries/gb.ico">
        <link rel = "stylesheet" href = "user_css/themes.css">
        
        
    </head> 
    <nav> 
      <div class="nav-wrap">
        <div class="navigation">
      <p>

        <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
          <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
        </svg>
        <a href="index.html"><span class="setting-nav">Home</span></a>

      <svg class="svg-settings" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
        <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" />
        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
      </svg> <a href="settings.html"><span class="setting-nav">Settings</span></a> 

      <a href="info.html"><span class="info-nav">Info</span></a> 
      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
        <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
      </svg> 

      <a href="index_beta.html"><span class="info-nav">Favorites</span></a> 
      <svg class="svg-info" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
        <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
      </svg> 

     <!--<p class="main-div main-div2"><a href="https://discord.gg/nZrabh4cgH">Want more games?</a></p>-->
  
  </p>
</div>
</div>

    </nav>
    <body>
        <h2>Welcome to the void. You here often?</h2>
        
        <ul class="menu">
          <li><a href="index.html" data-bubble="Home...">Return if Online</a></li>
        </ul>
        <h1>You are offline.</h1>
        <main>
             <h2> You know when you make fun of your friends for having bad wifi? Well that's you right now! Hahahahaha.</h2>
             <h3> All joking aside, you are OFFLINE! Some pages may still load, but the one you just tried to click on isn't available currently. Check your connection. <br> Clicking the above link may work, but this doesn't mean you are online.</h3>
             <p>The site may also be blocked, in that case join the discord (Want more games?) to ask for more links and annoy the devs.</p>
             <p>You probably can't click on the links if you are offline but whatever</p> 
            
        </main>

        <!-- Reconnect Script -->
        <script>
          // Manual reload feature.
          document.querySelector("button").addEventListener("click", () => {
            window.location.reload();
          });
    
          // Listen to changes in the network state, reload when online.
          // This handles the case when the device is completely offline.
          window.addEventListener('online', () => {
            window.location.reload();
          });
    
          // Check if the server is responding and reload the page if it is.
          // This handles the case when the device is online, but the server
          // is offline or misbehaving.
          async function checkNetworkAndReload() {
            try {
              const response = await fetch('.');
              // Verify we get a valid response from the server
              if (response.status >= 200 && response.status < 500) {
                window.location.reload();
                return;
              }
            } catch {
              // Unable to connect to the server, ignore.
            }
            window.setTimeout(checkNetworkAndReload, 2500);
          }
    
          checkNetworkAndReload();
        </script>

    </body> 
    <script src="user_scripts/theme.js"></script>
    <script src="user_scripts/dev.js"></script>

</html>
	    