préinscription Skyjo

défi inter asso du vendredi
correction orthographe
2025-12-29 09:36:52 +01:00 · 2025-12-22 18:05:18 +01:00 · 2025-11-23 15:27:20 +01:00 · 2025-11-23 11:30:43 +01:00 · 2025-11-17 21:36:21 +01:00 · 2025-11-17 20:25:54 +01:00
30 changed files with 180 additions and 43 deletions
--- a/Tournoi_Dune.pdf
+++ b/Tournoi_Dune.pdf
--- a/Tournoi_multijeux.pdf
+++ b/Tournoi_multijeux.pdf
--- a/articleBack.webp
+++ b/articleBack.webp
--- a/asmodee.png
+++ b/asmodee.png
--- a/assets/Reglement7Wonders.pdf
+++ b/assets/Reglement7Wonders.pdf
--- a/assets/ReglementFaraway.pdf
+++ b/assets/ReglementFaraway.pdf
--- a/assets/ReglementHarmonies.pdf
+++ b/assets/ReglementHarmonies.pdf
--- a/assets/avatar.jpeg
+++ b/assets/avatar.jpeg
--- a/assets/bottom.png
+++ b/assets/bottom.png
--- a/assets/calendar.jpeg
+++ b/assets/calendar.jpeg
--- a/assets/detd.jpeg
+++ b/assets/detd.jpeg
--- a/assets/donjons-chatons.webp
+++ b/assets/donjons-chatons.webp
--- a/assets/facebook.png
+++ b/assets/facebook.png
--- a/assets/filJeu.png
+++ b/assets/filJeu.png
--- a/assets/fond.jpg
+++ b/assets/fond.jpg
--- a/assets/logo-repos.png
+++ b/assets/logo-repos.png
--- a/assets/loupgarou.jpg
+++ b/assets/loupgarou.jpg
--- a/assets/numenera.jpg
+++ b/assets/numenera.jpg
--- a/assets/skyjo.jpg
+++ b/assets/skyjo.jpg
--- a/assets/starwars.jpeg
+++ b/assets/starwars.jpeg
--- a/assets/the-seasons-bold.ttf
+++ b/assets/the-seasons-bold.ttf
--- a/assets/the-seasons-regular.ttf
+++ b/assets/the-seasons-regular.ttf
--- a/assets/tindalos.png
+++ b/assets/tindalos.png
--- a/index.html
+++ b/index.html
@@ -6,47 +6,103 @@
  </head>
  <body>
    <article id="header"> <img src="title.webp" id="title"/>
-	<h2>01/02/2025 - 02/02/2025</h2>
+	<h2>23/01/2026 - 25/01/2026</h2>
 	<h2>Salle Georges Brassens - 44620 La Montagne</h2>
    </article>
-    <nav class="main nav">
-       <img src="logo.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="#qui">Qui sommes-nous ?</a>-->
-    </nav>
-    
    <article id="chapeau">
-     <p>Avalanche de Jeux est un nouveau 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 et du jeu libre, ainsi qu'une nocturne ! L'événement se déroulera <b>du samedi 1er février 2025 à 13h au dimanche 2 février 2025 à midi</b>, sans interruption. </p>
+     <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 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>
-       Deux tournois seront organisés le samedi après-midi. Ils sont soumis à inscription préalable <a href="https://docs.google.com/forms/d/13W-iJYIJzYsFn98gAv2poN0CDJVPbWW5nEmfqCv8eYE/viewform?edit_requested=true" >en cliquant ici</a>.
    <ul class="tournoi">
-      <li> <p class="lititle"> Tournoi Dune : Imperium </p><p>Venez incarner un des dirigeants du Landsraad et défier vos adversaires pour défendre vos couleurs. Serez-vous un Atreides ou un Harkonnen ? Contrôlerez-vous l'Epice pour remporter la victoire ?</p><a class="reglement"  target="ADJTournoi" href="Tournoi_Dune.pdf">Règlement</a>
-      <li> <p class="lititle">Tournoi Multijeux (Azul, Splendor, Kingdomino)</p><p>Si vous êtes plutôt adepte de ces trois grands classiques, venez vous illustrer au cours d'une joute qui requiert autant de maîtrise que de polyvalence !</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><a  class="reglement" target="ADJTournoi" href="assets/ReglementHArmonies.pdf">Règlement</a>
+      <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><iframe id="haWidget" allowtransparency="true" src="https://www.helloasso.com/associations/le-pic-ludique/evenements/avalanche-de-jeux-tournoi-skyjo/widget-vignette" style="width:360px;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="Tournoi_multijeux.pdf">Règlement</a>
    </ul>
    </article>
    
-    <article id="quoi"> <a name="quoi" > </a><h2>Bivouac Ludique</h2>
-     <p>Venez jouer jusqu'au bout de la nuit ! Les portes du festival restent ouvertes non-stop pour les noctambules.</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 id="quoi"> <a name="quoi" > </a><h2>Programme - Bivouac Ludique</h2>
+    <p> <ul class="Programme">
+    <li><img class="enluminure" src="assets/calendar.jpeg"/> <span class="lititle">Vendredi 23 janvier :</span> Jeux libres dans toute la salle et défi inter associatif de 20h à minuit. Les associations du départements sont invités à se défier dans un format ludique en équipe.
+   <li><img class="enluminure" src="assets/calendar.jpeg"/><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><img class="enluminure" src="assets/calendar.jpeg"/><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.
+  </ul>
+
+<div class="titreparagraphe"><span class="lititle">Défi inter-associations du vendredi soir : </span>  <br/>une équipe d'une association est composée de 4 joueurs.<br/> Sur place, chaque équipe envoie un champion disputer une partie d'un des jeux suivants : Faraway, Azul, Dice Forge et Les Aventuriers du Rail (Europe). <br/>Chaque joueur ne joue donc qu'une partie. Toutes les parties se dérouleront simultanément .<br/>
+Nous prévoyons des tables de 4 joueurs, éventuellement 3 si le nombre d'équipes l'impose.
+<br/>
+Pour chaque partie, le classement est établi selon les règles du jeu, y compris les égalités. Une victoire de 1 point ou de 30 points ne change rien, seul le rang compte comme le tableau de score ci-dessous : 
+<table id="tabledefiPoint">
+<tr><th>Places</th><th> 4 joueurs</th><th> 3 joueurs</th></tr>
+<tr><td>1er(e)</td><td> 7</td><td> 6</td></tr>
+<tr><td>2nd(e)</td><td>4</td><td> 3</td></tr>
+<tr><td>3eme</td><td> 2</td><td> 1</td></tr>
+<tr><td>4eme</td><td> 1</td><td> </td></tr>
+</table>
+<br/>
+En cas d'égalité entre équipes sur le classement global, on fera un départage sur un jeu coopératif.
+<br/>
+Les jeux se feront avec leur version de base avec les précisions suivantes : pour Azul, plateaux côté couleur et pour Dice Forge, cartes exploits débutants.</div>
+
+ <div class="titreparagraphe"><span class="lititle">Et tout au long du week-end : </span>  <br/>Des centaines de jeux en libre accès et diverses animations comme : </div>
+  <ul > <li><img class="enluminure" src="assets/loupgarou.jpg"/><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.
+  <li><span class="lititle">Jeux à identités cachées :</span> L'animateur proposera des jeux à identités cachées. Dissimulez votre véritable nature, trahissez, devinez qui, parmi les autres joueurs, est votre allié ou votre adversaire.</ul>
+ <div class="titreparagraphe"> <span class="lititle">Jeu de rôle : </span>par session unique d'environ 2 heures, pour joueurs débutants ou initiés. Inscriptions sur place à l'accueil. </div>
+  <ul >
+  <li><img class="enluminure" src="assets/detd.jpeg"/><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><img class="enluminure" src="assets/starwars.jpeg"/><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><img class="enluminure" src="assets/avatar.jpeg"/><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><img class="enluminure" src="assets/tindalos.png"/><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><img class="enluminure" src="assets/numenera.jpg"/><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><img class="enluminure" src="assets/donjons-chatons.webp"/><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>
+</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.png"/></a> Le festival Avalanche de Jeux commencera à 13h le samedi 1er février 2025 à la salle Georges Brassens, située <a href="https://www.openstreetmap.org/way/288038208" >au 12 rue de la Gaudinière, à La Montagne.</a>.
-     <p>En cas de fringale, une buvette vous proposera boissons et friandises, et vous pourrez retrouver <a href="https://www.lebusdetourne.fr" >le Bus Dé'tourné</a> devant la salle le samedi soir.</p>
-     <p> Le festival s'achèvera à midi le dimanche 2 février 2025, après vingt-trois heures de jeu !</p>
+      <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>
+
+     <p>Pour les petites ou grosses faims, vous pourrez compter sur nos food trucks partenaires :
+     <ul class="vertical">
+    <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 !<br/>
+       <a href="https://www.facebook.com/AvalancheDeJeux/" ><img src="assets/facebook.png" style="max-width: 32px;vertical-align: bottom;" /></a>Si vous préférez, vous pouvez suivre <a href="https://www.facebook.com/AvalancheDeJeux/" >notre page facebook </a></p>
    </article>
-    <article id="qui"> <a name="qui"  > </a><h2>Organisation : </h2>
+    
+    <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 êtes volontaire ? nous centralisons les propositions d' aide dans ce formulaire : <a href="https://framaforms.org/recherche-benevoles-avalanche-de-jeux-2026-1765398507" />https://framaforms.org/recherche-benevoles-avalanche-de-jeux-2026-1765398507</a>
+    </article>
+    
+    <article id="qui"> <a name="qui"> </a><h2>Organisation : </h2>
 Le festival Avalanche de Jeux est organisé par l'association <a href="https://www.facebook.com/LePicLudique/"> Le Pic Ludique</a> et soutenu par : 
      <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="asmodee.png" /></a>-->
+        <li> <a href="https://www.rprod.com/fr/games/7-wonders" ><img class="logo partenaire" src="assets/logo-repos.png" /></al
      </ul>
    </article>
+    
+    <nav class="main nav">
+       <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>
+    </nav>
+    
  </body>
 </html>
--- a/logo.png
+++ b/logo.png
--- a/map.jpg
+++ b/map.jpg
--- a/map.png
+++ b/map.png
--- a/pageBack.jpg
+++ b/pageBack.jpg
--- a/pageBack.webp
+++ b/pageBack.webp
--- a/style.css
+++ b/style.css
@@ -1,48 +1,73 @@
+@font-face {
+  font-family:"seasons";
+  src: url("assets/the-seasons-bold.ttf");
+}
 body {
  color:#fff;
-  background-image: url('pageBack.jpg');
-  background-size: contain;
-  font-size: 24px;
+  background-image: url('assets/fond.jpg');
+  background-size: cover;
+  font-size: 24px; 
+  /*Polices sans serif standard */
+  font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
 }

 article {
 	min-height:200px;
  margin:16px;
  padding: 0 16px;
-  background-color: rgba(35, 35, 35, 0.650);
-  border-radius: 20px;
-  box-shadow: 0 0 16px 2px rgba(35,35,35);
+  background-color: rgba(35, 35, 35, 0.35);
+  border-radius: 50px;
+  box-shadow: 0 0 16px 2px rgba(35,35,35,0.5);
  text-align:justify;
 }
 a {
-  color: #fc8900;
+  color: #fcad00;
 }

 article h2 {
  font-size: 2rem;
-  margin-left:10%;
  font-weight: 600;
+  font-family:"seasons";
 }

-article b, li .lititle {
+article b, li .lititle , div .lititle{
  font-weight: 700;
  font-size: 1.2rem;
+  font-family: seasons;
  font-style: oblique 15deg;
+  text-shadow:  3px 3px 6px #909090;
 }

 nav {
  width:100%;
  display:flex;
  flex-direction:row;
-  justify-content: space-around;
+  justify-content: space-between;
+  gap:8px;
+  flex-wrap: wrap;
+  background: url('assets/bottom.png');
+  background-size: 100% 250px;
+  position:sticky;
+  bottom:0px;
+  padding : 110px 10px 10px 10px;
+  margin-left:-10px;
 }
 nav a {
-  background: url('articleBack.webp') ;
+  background: rgba(15,15,15,0.85);
  border-radius: 20px;
-  padding: 12px;
+  padding: 16px;
  box-shadow: 1px 1px 4px 2px #252525;
-  color: wheat;
  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 {
@@ -71,8 +96,11 @@ article#chapeau{
 }

 #logo {
-max-width:200px;
-height:50px;
+max-height:35px;
+min-width: 150px;
+}
+@media screen and (max-width:1035px) {
+  #logo {display: none}
 }

 #title {
@@ -88,22 +116,75 @@ ul {
  padding-bottom: 25px;
  flex-wrap: wrap;
 }
+
 ul li {
+  gap: 10px;
+  max-width:500px;
+  min-width:200px;
+  margin: 0 15px 8px 15px;
+  list-style: none;
+}
+ul li.max-width {
+  max-width: 100%;
+}
+li .enluminure {
+  max-width: 96px;
+  margin:4px;
+  float:left;
+  border-radius: 6px;
+}
+ #tournoi ul li, ul.vertical li {
  display:flex;
  flex-direction: column;
  align-items: center;
-  gap: 10px;
-  max-width: 500px;
-  min-width: 200px;
-  margin: 0 15px;
+  max-width: 265px;
+}
+#tournoi ul li {
+  color: #666;
+  padding: 0 16px;
+  background-color: white;
+ box-shadow: 0 0 3px white;
+}
+#tournoi ul a {
+  margin-bottom: 16px;
+}
+li iframe {
+  min-height: 685px;
 }
-
 img.logo.partenaire {
  max-width: 200px;
 }
+.titreparagraphe {
+  margin-top :16px;
+  font-weight: 500;
+  font-size: 1.2rem;
+  text-align: left;
+  width: 100%;
+}

@media screen and (min-width: 900px) {
  body {
   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;
+}
+
+#tabledefiPoint {
+text-align: center;
+  padding-left: 10%;
+}
+
+#tabledefiPoint th {
+  padding: 10px;
+}
Author	SHA1	Message	Date
fabien	cb7bea2bac	préinscription Skyjo	2025-12-29 09:36:52 +01:00
fabien	be5a57dd0a	défi inter asso du vendredi	2025-12-22 18:05:18 +01:00
fabien	1cc8c51cf9	correction orthographe	2025-11-23 15:27:20 +01:00
fabien	20c8d4250e	publication site web	2025-11-23 11:30:43 +01:00
fabien	92c2d89344	WIP integration des textes	2025-11-17 21:36:21 +01:00
fabien	28209e1c36	ajout des règlements	2025-11-17 20:25:54 +01:00
fabien	7e60f6081a	publication	2025-11-13 06:46:02 +01:00
fabien	b37ba34a3a	inclusion vignette inscription HelloAsso	2025-11-12 16:07:10 +01:00
fabien	eba9fb72d3	révision orthographique et contraste bannière	2025-11-12 15:45:48 +01:00
fabien	a156308cad	Retour de solène	2025-11-11 10:28:02 +01:00
fabien	35391ca6ee	version 2026	2025-11-10 19:37:27 +01:00