<!DOCTYPE html>
<html lang="en">
<head>
  <script type="module">
import RefreshRuntime from "/@react-refresh"
RefreshRuntime.injectIntoGlobalHook(window)
window.$RefreshReg$ = () => {}
window.$RefreshSig$ = () => (type) => type
window.__vite_plugin_react_preamble_installed__ = true
</script>

  <script type="module" src="/@vite/client"></script>

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HOAX.COM: unravelling the truth from fiction, past to present...</title>
  <link rel="stylesheet" href="/src/index.css">
  <link rel="stylesheet" href="/src/App.css">
  <link rel="stylesheet" href="/styles.css">

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-1N8GS67V7D"></script>
  <script src="/scripts.js"></script>

  <!-- Additional tracking script -->
  <script defer data-domain="hoax.com" src="https://stats.computer.com/js/script.js"></script>
  <script src="https://accounts.google.com/gsi/client" async defer></script>
</head>
<body>
  <div class="title">HOAX.COM</div>
  <div class="links">
    <span class="link" id="aboutUsTrigger">About Us</span> | 
    <span class="link" id="contactUsTrigger">Contact Us</span>
  </div>
  <div class="container">
    <div id="root"></div> <!-- React will render components here -->
    <div class="auth-area">
      <div id="g_id_onload"
           data-client_id="811062921185-4uckk7qqcjruscuti9uc4n5u6paalmh6.apps.googleusercontent.com"
           data-context="signin"
           data-ux_mode="popup"
           data-callback="handleCredentialResponse"
           data-auto_prompt="false">
      </div>
      <div class="g_id_signin"
           data-type="icon"
           data-size="large"
           data-theme="outline"
           data-text="sign_in_with"
           data-shape="circle"
           data-logo_alignment="left">
      </div>
      <div id="userInfo" class="profile-info" style="display: none;">
        <img id="profileImage" src="" alt="Profile Picture" width="40" height="40">
        <span id="profileName"></span>
        <div class="dropdown-menu" id="dropdownMenu">
          <a href="#" id="logoutLink">Logout</a>
          <a href="#" id="switchUserLink">Switch User</a>
        </div>
      </div>
    </div>
  </div>

  <!-- Placeholder for About Us Modal -->
  <div id="aboutUsModalContainer"></div>
  <!-- Placeholder for Contact Us Modal -->
  <div id="contactUsModalContainer"></div>

  <script src="/scripts.js"></script>
  <script type="module" src="/src/main.jsx"></script>

  <script>
    // Fetch and log public keys
    async function fetchPublicKeys() {
      try {
        const response = await fetch('https://www.googleapis.com/oauth2/v3/certs'); // Correct path to Google public keys
        const publicKeys = await response.json();
        console.log('Public Keys:', publicKeys);
      } catch (error) {
        console.error('Error fetching public keys:', error);
      }
    }

    // Call the function to fetch public keys
    fetchPublicKeys();
  </script>
</body>
</html>
