WIP integration des textes

index.html

@@ -11,47 +11,61 @@
     </article>
     <article id="chapeau">
      <p>Avalanche de Jeux est la seconde édition d'un festival organisé par l'association <a href="https://www.facebook.com/LePicLudique/"> Le Pic Ludique</a> à La Montagne, à quelques minutes de Nantes. </p>
-     <p>Au programme, des tournois, du jeu de rôle, des animations et du jeu libre, le tout sans interruption du samedi matin au dimanche après midi. L'événement se déroulera <b>du samedi 24 Janvier 2026 à 10h au dimanche 25 Janvier 2026 à 18h</b> avec une nocture ainsi qu'un before le vendredi 23 janvier de 20h à minuit.</p>
+     <p>Au programme, des tournois, du jeu de rôle, des animations et du jeu libre, le tout sans interruption du samedi matin au dimanche après midi. L'évènement commencera par une soirée inaugurale le <b>vendredi 23 janvier de 20h à minuit</b>, il se poursuivra du <b>samedi 24 janvier 2026 à 10h au dimanche 25 janvier 2026 à 18h </b>sans interruption.
     </article>
     
     <article id="tournoi"> <a name="tournoi" > </a><h2>Les tournois du Pic</h2>
-       Trois tournois seront organisés le samedi. Ils sont soumis à inscription préalable (programmation à venir)
     <ul class="tournoi">
-      <li> <p class="lititle"> Tournoi 7Wonders </p><p> Le célèbre jeu d'Asmodée vous est proposé en tournoi à partir de 10h. Participation aux frais obligatoire de 5€, comprenant un sandwich et une boisson pour le samedi midi. </p><a class="reglement"  target="ADJTournoi" href="Tournoi_Dune.pdf">Règlement</a>
-      <li> <p class="lititle">Tournoi Harmonies </p><p>Le vainqueur du prix "Double 6" 2025 sera en tournoi à partir de 14h</p><a  class="reglement" target="ADJTournoi" href="Tournoi_multijeux.pdf">Règlement</a>
-      <li> <p class="lititle">Tournoi Faraway </p><p>Le vainqueur du prix "As d'Or — Jeu de l’année Initié" 2024 sera en tournoi à partir de 14h</p><a  class="reglement" target="ADJTournoi" href="Tournoi_multijeux.pdf">Règlement</a>
+      <li> <iframe id="haWidget" allowtransparency="true" src="https://www.helloasso.com/associations/le-pic-ludique/evenements/tournoi-seven-wonders/widget-vignette" style="width:350px;border:none;" onload="window.addEventListener( 'message', function(e) { const dataHeight = e.data.height; const haWidgetElement = document.getElementById('haWidget'); haWidgetElement.height = dataHeight + 'px'; } )"></iframe><a  class="reglement" target="ADJTournoi" href="assets/Reglement7Wonders.pdf">Règlement</a>
+      <li> <iframe id="haWidget" allowtransparency="true" src="https://www.helloasso.com/associations/le-pic-ludique/evenements/avalanche-de-jeux-tournoi-harmonies/widget-vignette" style="width:350px;border:none;" onload="window.addEventListener( 'message', function(e) { const dataHeight = e.data.height; const haWidgetElement = document.getElementById('haWidget'); haWidgetElement.height = dataHeight + 'px'; } )"></iframe>
+      <li> <iframe id="haWidget" allowtransparency="true" src="https://www.helloasso.com/associations/le-pic-ludique/evenements/avalanche-de-jeux-tournoi-faraway/widget-vignette" style="width:350px;border:none;" onload="window.addEventListener( 'message', function(e) { const dataHeight = e.data.height; const haWidgetElement = document.getElementById('haWidget'); haWidgetElement.height = dataHeight + 'px'; } )"></iframe><a  class="reglement" target="ADJTournoi" href="assets/ReglementFaraway.pdf">Règlement</a>
+      <li><img class="tournoi" src="assets/skyjo.jpg"></img> <p class="lititle">Tournoi Skyjo </p><p>Si vous avez encore envie d'un tournoi le dimanche, inscription sur place à l'accueil.</p><a  class="reglement" target="ADJTournoi" href="Tournoi_multijeux.pdf">Règlement</a>
     </ul>
     </article>
     
     <article id="quoi"> <a name="quoi" > </a><h2>Programme - Bivouac Ludique</h2>
     <p> <ul class="Programme">
     <li><span class="lititle">Vendredi 23 janvier :</span>Jeux libres dans toute la salle et défi des joueurs de 20h à minuit. Les associations et professionnels du jeu de la région viendront s'affronter autour d'un relais de jeux.
-   <li><span class="lititle">Samedi 24 janvier :</span> Jeux libres dans toute la salle et tournois des joueurs de 10h à minuit (**pourquoi minuit ? Les tournois seront finis, non ?**). Venez jouer jusqu'au bout de la nuit ! Les portes du festival restent ouvertes non-stop pour les noctambules.
-  <li><span class="lititle">Dimanche 25 janvier :</span> Les animations pour enfants seront concentrées le dimanche. 
-  <li><span class="lititle">Tout au long du week-end</span> il y aura du jeu de rôle par session unique d'environ 2 heures, pour joueurs débutants ou initiés. Inscriptions sur place à l'accueil.
+   <li><span class="lititle">Samedi 24 janvier :</span> Jeux libres dans toute la salle et tournois des joueurs à partir de 10h. Venez jouer jusqu'au bout de la nuit ! Les portes du festival restent ouvertes non-stop pour les noctambules.
+  <li><span class="lititle">Dimanche 25 janvier :</span> Les animations pour enfants seront concentrées le dimanche, dont du jeu de rôle adapté à leur âge. Le dernier tournoi du festival sera sur le jeu Skyjo avec inscription à l'accueil.
+  <li class="max-width" ><span class="lititle">Tout au long du week-end</span> 
+  Des centaines de jeux en libre accès et diverses animations comme : 
+  <ul class="subul"> <li><span class="lititle">Les Loups-Garous de Thiercelieux :</span> Le hameau de Thiercelieux semble en apparence normal, mais il est en proie à de cruelles attaques. Chaque nuit, certains villageois se transforment en loups-garous pour décimer les autres villageois. Le matin venu, une victime est découverte dévorée, et le village se réunit pour tenter de démasquer les loups-garous qui s'y cachent.</ul>
+  Il y aura du jeu de rôle par session unique d'environ 2 heures, pour joueurs débutants ou initiés. Inscriptions sur place à l'accueil. 
+  <ul class="subul"> <li><span class="lititle">Donjons et Dragons : </span>explorez des mondes fantastiques et des royaumes oubliés, dans la peau d'un elfe, d'un nain ou d'un orc, à moins que vous ne préfériez rester humain. Serez-vous doté de pouvoirs druidiques ou de capacités occultes, ou vous sentez-vous l'âme d'un barde ou d'un guerrier ?
+
+<li><span class="lititle">Star Wars : </span>Il y a bien longtemps, dans une galaxie lointaine, très lointaine... La résistance s'organise ! Incarnerez-vous un vaurien aux prises avec la pègre de Tatooine, un contrebandier au grand cœur ou un pilote de X-Wing combattant l'Empire au péril de sa vie ?
+
+<li><span class="lititle">Avatar le Dernier Maître de l’Air : </span>formez un groupe de héros des Quatre Nations chargés d'œuvrer pour le bien commun en faisant progresser l’harmonie sans perdre votre propre équilibre. Apprenez à maîtriser l'air, le feu, l'eau ou la terre, à moins que vous ne préfériez manier les armes ou les gadgets technologiques ! 
+
+<li><span class="lititle">Les Chants de Tindalos : </span>Bath, ville portuaire du Maine chargée de secrets, dans les années 1920. Affrontez l'horreur en évitant de succomber aux crises de folie qui vous guettent ! Il vous faudra garder votre sang-froid pour élucider ces mystères lovecraftiens.
+
+<li><span class="lititle">Numenéra :</span> explorez le futur très lointain du Neuvième Monde, où le mystère côtoie le danger, pour trouver parmi les numenéra, vestiges des mondes passés et artefacts étranges et merveilleux, ceux qui vous aideront à survivre et à forger votre destin !
+
+<li><span class="lititle">Donjons et Chatons :</span> Les humains ont disparu et n’ont laissé comme vestiges que quelques bâtiments recouverts par des forêts denses, le sable ou la mer. Les animaux ont évolué et ont imité, à leur façon et sans doute à leur insu, les anciennes sociétés humaines. Chats, chiens, rats et autres sont à l’aube d’un Moyen Âge imprégné de "miagie" où tous respectent une loi universelle : « un animal qui parle ne mange pas un animal qui parle". 
+    </ul>
     </ul>
 </p>
  
-<p>Vous trouverez sur place une grande collection de jeux en libre accès, pour tous les goûts. Mettez-vous bien à l'aise et surtout, amusez-vous ! </p>
     </article>
     
     <article id="info"> <a name="info" > </a> <h2>Informations Pratiques</h2>
-      <a href="https://www.openstreetmap.org/way/288038208" ><img id="map" class="left" src="map.jpg"/></a> Le festival Avalanche de Jeux commencera à 20h le vendredi 23 janvier à la salle Georges Brassens, située <a href="https://www.openstreetmap.org/way/288038208" >au 12 rue de la Gaudinière, à La Montagne.</a> jusqu'a minuit.
+      <a href="https://www.openstreetmap.org/way/288038208" ><img id="map" class="left" src="map.jpg"/></a> Le festival Avalanche de Jeux commencera à 20h le vendredi 23 janvier à la salle Georges Brassens, située <a href="https://www.openstreetmap.org/way/288038208" >au 12 rue de la Gaudinière, à La Montagne</a> jusqu'à minuit.
       
-      <p> Nous ouvrons le samedi à 10h en continu jusqu'au dimanche 18h. L'entrée est libre et gratuite.
+      <p> Nous ouvrons le samedi à 10h en continu jusqu'au dimanche 18h. L'entrée est libre et gratuite.</p>
 
-     <p>Pour les petites ou grosses faims, vous pourrez comptez sur nos food trucks partenaires :
+     <p>Pour les petites ou grosses faims, vous pourrez compter sur nos food trucks partenaires :
      <ul>
-    <li><span class="lititle">Pour le samedi soir,</span> Les Crêpes de Sophie.
-    <li><span class="lititle">Pour le dimanche midi et après-midi,</span> le food truck <a href="https://www.lafouee.com/">la fouée</a>.
-    <li><span class="lititle">Le reste du temps,</span> notre buvette pour vos envies de boissons et grignotages salés ou sucrés.
+    <li><span class="lititle">Pour le samedi soir,</span> Le food truck <a href="https://www.facebook.com/profile.php?id=100046868185963">Les Crêpes de Sophie</a>
+    <li><span class="lititle">Pour le dimanche midi et après-midi,</span> le food truck <a href="https://www.lafouee.com/">La Fouée</a>
+    <li><span class="lititle">Le reste du temps,</span> notre buvette pour vos envies de boissons <br/>et grignotages salés ou sucrés
     </ul></p>
      <p> Le festival s'achèvera le dimanche 25 janvier 2026 à 18h, après 36 heures de jeu !</p>
     </article>
     
     <article id="benevole">  <a name="benevole" > </a> <h2>Bénévoles</h2>
-Nous cherchons des bénévoles pour tenir la buvette, aider le public à choisir/expliquer des jeux, aider au déroulement des tournois....<br/>
-Vous etes volontaire ? Veuillez nous contacter durant nos soirées jeux habituelles ou par mail lepicludique@gmail.com . 
+Nous cherchons des bénévoles pour tenir la buvette, aider le public à choisir/expliquer des jeux, aider au déroulement des tournois...<br/>
+Vous êtes volontaire ? Veuillez nous contacter durant nos soirées jeux habituelles ou par mail lepicludique@gmail.com. 
     </article>
     
     <article id="qui"> <a name="qui"> </a><h2>Organisation : </h2>
@@ -59,7 +73,7 @@ Le festival Avalanche de Jeux est organisé par l'association <a href="https://w
       <ul class="partenaire">
         <li> <a href="https://www.facebook.com/LePicLudique/"> <img class="logo partenaire" src="logoPicLudique.png" /> </a>
         <li>  <a href="https://www.ville-lamontagne.fr" ><img class="logo partenaire" src="mairieLaMontagne.svg" /></a>
-        <li> <a href="https://www.asmodee.fr" ><img class="logo partenaire" src="assets/Logo-Asmodee.svg" /></a>
+        <li> <a href="https://www.rprod.com/fr/games/7-wonders" ><img class="logo partenaire" src="assets/Logo-repos.png" /></al
       </ul>
     </article>
     
@@ -67,8 +81,8 @@ Le festival Avalanche de Jeux est organisé par l'association <a href="https://w
        <img src="assets/filJeu.png" id="logo" />
       <a class="menuEntry" href="#tournoi">Tournois</a>
       <a class="menuEntry" href="#quoi">Bivouac Ludique</a>
-      <a class="menuEntry" href="#info">Infos pratiques.</a>
-      <a class="menuEntry" href="#benevole">Être Bénévole.</a>
+      <a class="menuEntry" href="#info">Infos pratiques</a>
+      <a class="menuEntry" href="#benevole">Être Bénévole</a>
     </nav>
     
   </body>

style.css

@@ -26,7 +26,6 @@ a {
 
 article h2 {
   font-size: 2rem;
-  margin-left:10%;
   font-weight: 600;
   font-family:"seasons";
 }
@@ -54,12 +53,21 @@ nav {
   margin-left:-10px;
 }
 nav a {
-  background: rgba(15,15,15,0.25);
+  background: rgba(15,15,15,0.85);
   border-radius: 20px;
-  padding: 8px;
+  padding: 16px;
   box-shadow: 1px 1px 4px 2px #252525;
   font-size: 1.3rem;
   flex-shrink: 1;
+  text-decoration: none;
+}
+nav a:hover {
+  background: rgba(15,15,15,0.15);
+  box-shadow: 1px 1px 4px 2px #999;
+}
+nav a:has(#logo) {
+  background-color:unset;
+  box-shadow:unset;
 }
 
 .left {
@@ -88,8 +96,11 @@ article#chapeau{
 }
 
 #logo {
-height:50px;
-  flex-shrink:3;
+max-height:35px;
+min-width: 150px;
+}
+@media screen and (max-width:1035px) {
+  #logo {display: none}
 }
 
 #title {
@@ -105,16 +116,33 @@ ul {
   padding-bottom: 25px;
   flex-wrap: wrap;
 }
+
 ul li {
   display:flex;
   flex-direction: column;
   align-items: center;
   gap: 10px;
-  max-width: 500px;
-  min-width: 200px;
-  margin: 0 15px;
+  max-width:500px;
+  min-width:200px;
+  margin: 0 15px 8px 15px;
+}
+ul li.max-width {
+  max-width: 100%;
+}
+ #tournoi ul li {
+  max-width: 265px;
+  margin: 0 15px;
+  color: #666;
+  padding: 0 16px;
+  background-color: white;
+ box-shadow: 0 0 3px white;
+}
+#tournoi ul a {
+  margin-bottom: 16px;
+}
+li iframe {
+  min-height: 670px;
 }
-
 img.logo.partenaire {
   max-width: 200px;
 }
@@ -124,3 +152,15 @@ img.logo.partenaire {
    font-size:16px;
   }
 }
+
+ul ul.subul {
+display: inline-block;
+}
+ul.subul li {
+max-width:unset;
+margin: 10px 0;
+align-items: unset;
+}
+ul.subul li span.lititle {
+  font-size: 1.1rem;
+}