WIP integration des textes

index.html

@@ -15,7 +15,6 @@
     </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 
     <ul class="tournoi">
       <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>
@@ -29,11 +28,25 @@
     <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 à 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><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 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>

style.css

@@ -125,6 +125,9 @@ ul li {
   max-width:500px;
   min-width:200px;
   margin: 0 15px 8px 15px;
+}
+ul li.max-width {
+  max-width: 100%;
 }
  #tournoi ul li {
   max-width: 265px;
@@ -149,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;
+}