Griser « Jeux & quiz », qui n'est pas encore ouvert

La carte menait à dynamic.alpinux.org comme si le service était prêt.
Elle reste visible — le projet existe et s'annonce — mais en pointillés,
l'icône en gris, un « Bientôt » à la place du lien : on ne promet plus
une porte qui ne s'ouvre pas.

Le journal des nouveautés perd du même coup son entrée : on n'annonce
pas comme nouveau ce qu'on ne peut pas encore visiter. Elle reviendra
le jour de l'ouverture, avec sa vraie date.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JYfYUZRcJmmEWJwAxZb4o2

site/index.html

@@ -636,6 +636,36 @@
       color: #1a6bbf;
     }
 
+    /* Un service annoncé mais pas encore ouvert : visible, pas cliquable. */
+    .service-card.a-venir {
+      background: #fbfcfe;
+      border: 1px dashed #c9d8e8;
+      box-shadow: none;
+      color: #8a99aa;
+      cursor: default;
+    }
+
+    .service-card.a-venir:hover {
+      transform: none;
+      box-shadow: none;
+      color: #8a99aa;
+    }
+
+    .service-card.a-venir .service-icon { filter: grayscale(1); opacity: .6; }
+
+    .service-bientot {
+      display: inline-block;
+      margin-top: .5rem;
+      font-size: .68rem;
+      font-weight: 700;
+      text-transform: uppercase;
+      letter-spacing: .06em;
+      color: #7a8ba0;
+      background: #eef3f9;
+      border-radius: 3px;
+      padding: .15rem .5rem;
+    }
+
     .service-icon {
       font-size: 2rem;
       margin-bottom: .6rem;
@@ -788,11 +818,12 @@
       <div class="service-name">Listes de diffusion</div>
       <div class="service-desc">S'abonner aux annonces, relire les archives</div>
     </a>
-    <a href="https://dynamic.alpinux.org" class="service-card">
+    <div class="service-card a-venir" aria-disabled="true">
       <div class="service-icon">🎮</div>
       <div class="service-name">Jeux &amp; quiz</div>
       <div class="service-desc">Mini-jeux et questionnaires interactifs</div>
-    </a>
+      <span class="service-bientot">Bientôt</span>
+    </div>
   </div>
 
   <section id="news-section" hidden>

site/nouveautes.json

@@ -22,12 +22,6 @@
     "texte": "Une page explique quelles données l'association conserve, pourquoi, et comment en demander la suppression. Son lien vit en pied de page.",
     "url": "https://wiki.alpinux.org/alpinux/donnees-personnelles/"
   },
-  {
-    "date": "2026-05-03",
-    "titre": "Jeux & quiz",
-    "texte": "dynamic.alpinux.org rassemble les mini-jeux et les questionnaires interactifs préparés pour nos rencontres.",
-    "url": "https://dynamic.alpinux.org"
-  },
   {
     "date": "2026-05-03",
     "titre": "Un agenda qui se tient à jour tout seul",