<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="user-scalable=no">
  <title>Rejoindre le serveur - Arkanium</title>
  <link rel="shortcut icon" href="/favicon/favicon.ico">
  <link rel="icon" type="image/x-icon" href="/favicon.ico">
  <meta name="theme-color" content="#2c2c2c">

  <!-- Open Graph de secours pour les réseaux sociaux -->
  <meta property="og:title" content="Rejoindre le serveur - Arkanium" />
  <meta name="description" content="Mod requis pour rejoindre le serveur Arkanium ! Ce serveur utilise Forge et le mod Millénaire. Merci de les installer pour pouvoir jouer." />
  <meta name="robots" content="max-snippet:160" />
  <meta property="og:site_name" content="Arkanium" />
  <meta property="og:url" content="http://arkanium.serveminecraft.net/help" />
  <meta property="og:description" content="Toutes les infos pour rejoindre Arkanium : Version, mods et guide.">
  <meta property="og:image" content="http://arkanium.serveminecraft.net/favicon/favicon.png" />
  <meta name="theme-color" content="#2c2c2c">

  <!-- Favicons -->
  <link rel="icon" type="image/png" sizes="192x192" href="/favicon/favicon-192x192.png">
  <link rel="icon" type="image/png" sizes="180x180" href="/favicon/favicon-180x180.png">
  <link rel="icon" type="image/png" sizes="512x512" href="/favicon/favicon-512x512.png">
  <link rel="icon" type="image/png" sizes="512x512" href="/favicon/favicon.png">
  <link rel="icon" type="image/png" sizes="48x48" href="/favicon/favicon-48x48.png">
  <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">
  <link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
  <link rel="shortcut icon" href="/favicon/favicon.ico">

  <!-- Police -->
  <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet" />
  
  <!-- Vérification d'accès - Arkanium -->
  <!-- Script reCAPTCHA -->
  <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  <style>
html, body {
  margin: 0;
  padding: 40px 50px;
  background: #ffffff;
  color: #222;
  font-family: 'Press Start 2P', cursive;
  overflow-x: hidden;
}
    
.header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.logo {
  width: 40px;
  height: 40px;
  border-radius: 2px;
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
}

    h1 {
      color: #000;
      font-size: 1.2em;
      margin-bottom: 10px;
    }

    p {
      font-size: 0.6em;
      color: #444;
      margin-bottom: 25px;
      line-height: 1.6em;
      max-width: 700px;
    }

    .g-recaptcha {
      margin-bottom: 25px;
      transform: scale(1.1);
      transform-origin: left;
    }

    button {
      background: #ffaa00;
      color: #fff;
      border: none;
      padding: 10px 24px;
      border-radius: 6px;
      font-size: 0.6em;
      font-family: 'Press Start 2P', cursive;
      cursor: not-allowed;
      opacity: 0.6;
      transition: opacity 0.2s ease, transform 0.1s ease;
    }

    button.enabled {
      cursor: pointer;
      opacity: 1;
    }

    button.enabled:hover {
      transform: ;
    }

    footer {
      position: fixed;
      bottom: 15px;
      width: 100%;
      text-align: center;
      font-size: 0.45em;
      color: #999;
      letter-spacing: 0.5px;
      line-height: 1.6;
    }
  </style>

  <script>
    // Active le bouton quand le CAPTCHA est validé
    function onRecaptchaSuccess() {
      const btn = document.getElementById('submit-btn');
      btn.classList.add('enabled');
      btn.disabled = false;
    }
  </script>
</head>
<body>
 <div class="header">
  <img src="http://arkanium.serveminecraft.net/favicon/favicon.png" alt="Logo Arkanium" class="logo">
  <h1>arkanium.serveminecraft.net</h1>
</div>
  <p>Arkanium doit vérifier la sécurité de votre connexion avant de continuer.</p>

  <div class="g-recaptcha"
     data-sitekey="6LdcNuArAAAAAJCLX_4UqCQ_vEAyINzJk6jZBjbm"
     data-callback="onRecaptchaSuccess"></div>
<button id="submit-btn" type="button" disabled>Continuer</button>
  </form>

  <footer>
  </footer>

  
<script>
//  Liste simple d'User-Agent des robots sociaux
const bots = /(facebookexternalhit|facebot|twitterbot|discordbot|linkedinbot|whatsapp|telegrambot|pinterest|googlebot|snapchat|snap preview|snap bot)/i;

if (document.cookie.includes("captcha_ok=1") && window.location.pathname === "/verify.html") {
  window.location.href = "/";
}

function onRecaptchaSuccess() {
  const btn = document.getElementById('submit-btn');
  btn.classList.add('enabled');
  btn.disabled = false;
}

document.getElementById('submit-btn').addEventListener('click', () => {
  // Création du cookie indiquant que le CAPTCHA est validé
  document.cookie = "captcha_ok=1; path=/; max-age=86400";

  if (window.location.pathname === "/verify.html") {
    window.location.href = "/";
    return;
  }

  location.reload();
});
</script>
</body>
</html>