UN PETIT CREUX ? UNE GRANDE SOIF ?

Découvrez nos menus et faites-vous plaisir à toute heure de la journée !

<style>
#annette-menu {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
}

#annette-menu #menu-titre {
  color: #103642;
  font-size: 26px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 20px 0;
  line-height: 1.2;
}

#annette-menu #menu-pdf {
  display: none;
  width: 100%;
  max-width: 100%;
  height: 90vh;
  height: 90dvh;
  min-height: 500px;
  border: 0;
  margin: 0;
  padding: 0;
}

#annette-menu #menu-lien {
  display: none;
  background: #103642;
  color: #ffffff;
  padding: 15px 25px;
  text-decoration: none;
  font-weight: bold;
  margin: 20px auto;
  border-radius: 4px;
}

#annette-menu #menu-message {
  color: #103642;
  font-size: 16px;
}

@media (max-width: 767px) {
  #annette-menu #menu-titre {
    font-size: 22px;
  }

  #annette-menu #menu-pdf {
    width: 100%;
    height: 85dvh;
    min-height: 450px;
  }
}
</style>

<div id="annette-menu">

  <h2 id="menu-titre"></h2>

  <p id="menu-message"></p>

  <iframe
    id="menu-pdf"
    title="Carte du restaurant Annette K."
    loading="eager">
  </iframe>

  <p>
    <a
      id="menu-lien"
      target="_blank"
      rel="noopener">
      VOIR LA CARTE EN GRAND
    </a>
  </p>

</div>

<script>
(function () {

  const dejeuner =
    "https://www.annettek.fr/wp-content/uploads/2026/06/MENU-COCO-2026-SEINE-MONTPAR.pdf";

  const soir =
    "https://www.annettek.fr/wp-content/uploads/2026/06/MENU-SEINE-COCO-2026-soir.pdf";

  function afficherCarte() {

    const heure = Number(
      new Intl.DateTimeFormat("en-GB", {
        timeZone: "Europe/Paris",
        hour: "2-digit",
        hourCycle: "h23"
      }).format(new Date())
    );

    const titre =
      document.getElementById("menu-titre");

    const message =
      document.getElementById("menu-message");

    const pdf =
      document.getElementById("menu-pdf");

    const lien =
      document.getElementById("menu-lien");

    let url = "";
    let nom = "";

    if (heure >= 12 && heure < 15) {
      url = dejeuner;
      nom = "LA CARTE DU DÉJEUNER";
    }

    else if (heure >= 15 && heure < 23) {
      url = soir;
      nom = "LA CARTE DU SOIR";
    }

    titre.textContent = nom || "ANNETTE K.";

    message.textContent = url
      ? ""
      : "Nos cartes sont disponibles de 12h à 23h.";

    if (url) {

      const pdfAvecZoom = url + "#view=FitH";

      if (pdf.getAttribute("src") !== pdfAvecZoom) {
        pdf.setAttribute("src", pdfAvecZoom);
      }

      pdf.style.display = "block";

      lien.href = url;
      lien.style.display = "inline-block";

    } else {

      pdf.removeAttribute("src");
      pdf.style.display = "none";
      lien.style.display = "none";

    }
  }

  afficherCarte();

  setInterval(afficherCarte, 60000);

  document.addEventListener(
    "visibilitychange",
    function () {
      if (!document.hidden) afficherCarte();
    }
  );

})();
</script>