Embed

<div id="access-wrapper">
  <h2>🎁 Accès lecteur FEEF</h2>
<br>
  <p>Entre le mot de passe pour accéder au contenu :</p>
<br>
  <input type="password" id="password-input" placeholder="Mot de passe" />
<br>
  <button onclick="checkAccess()">Valider</button>
  <p id="error-message" style="color: red;"></p>
</div>

<div id="protected-content" style="display: none;">
  <h3>Bienvenue dans ton espace lecteur</h3>
  <p>Tu as un accès gratuit valable jusqu’au <strong>31 juillet 2025</strong>.</p>
<br>
  <ul>
    <li><a href="/espace-protege/bienvenue">👉 Lien 1 Bienvenue</a></li>
<br>
    <li><a href="/espace-protege/articles-de-fond">👉 Lien 2 vers les articles de fond</a></li>
<br>
    
  </ul>
</div>

<script>
  function checkAccess() {
    const password = document.getElementById("password-input").value;
    const correctPassword = "FEEF-Juillet25"; // mot de passe
    const expirationDate = new Date("2025-07-31"); // date limite d'accès
    const today = new Date();

    if (password !== correctPassword) {
      document.getElementById("error-message").textContent = "⛔ Mot de passe incorrect.";
      return;
    }

    if (today > expirationDate) {
      document.getElementById("error-message").textContent = "⏰ L’accès a expiré.";
      return;
    }

    // Si tout est bon, afficher le contenu
    document.getElementById("access-wrapper").style.display = "none";
    document.getElementById("protected-content").style.display = "block";
  }
</script>

empty schoolyard school playground outdoor preschool recreation building exterior