[lcds] création page "événements"

création de la page qui liste les événements qu'organise la guilde
2024-11-12 01:20:05 +01:00 · 2024-11-12 01:20:05 +01:00 · da7929c3fb
commit da7929c3fb
parent ce9425112d
8 changed files with 144 additions and 0 deletions
--- a/branches/alt+tab/la-compagnie-de-sufokia/events.html
+++ b/branches/alt+tab/la-compagnie-de-sufokia/events.html
@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>La Compagnie de Sufokia</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta property="og:title" content="Camélianimes">
+    <meta property="og:image" content="https://camelia-studio.org/branches/alt+tab/la-compagnie-de-sufokia/images/c7b93f49527705.jpeg">
+    <meta property="og:description" content="Guilde La Compagnie de Sufokia (communauté Alt Tab de l'association Camélia Studio). Discord https://discord.gg/nBuZ9vJ.">
+  <link rel="stylesheet" href="style.css">
+  <link rel="icon" type="image/x-icon" href="images/favicon.ico">
+</head>
+<body>
+  <header>
+    <nav>
+      <a href="index.html">Accueil</a>
+      <a href="events.html">Événements</a>
+      <a href="calendrier.html">Calendrier</a>
+      <a href="roulette.html">Roulette</a>
+      <a href="credits.html">Crédits</a>
+    </nav>
+  </header>
+
+  <div class="container">
+    <h1>Événements</h1>
+    <p>
+      Coucou ! Tu trouveras ci-dessous des détails concernant les divers événements que nous organisons au sein de notre guilde.
+    </p>
+    <hr />
+    <h2>Le Compagnator</h2>
+    <center><img src="images/capture_1.png"></img></center>
+    <details>
+      <summary>Informations</summary>
+    <p>
+      Des combats JcJ épiques pendant lesquels nos membres règlent leurs comptes !
+    </p>
+    <ol>
+      <p><u>Règles</u> :</p>
+      <li>Combats au format 4 contre 4.</li>
+      <li>Doublon de classe interdit.</li>
+      <li>Faire mal à ses ennemis, point bonus pour les humiliations (on adore les morts à la Libération).</li>
+    </ol>
+    </details>
+    <hr />
+    <h2>À la sueur du front</h2>
+    <center><img src="images/capture_2.png"></img></center>
+    <details>
+      <summary>Informations</summary>
+    <p>
+      Tu galères à obtenir l'objet de tes rêves ? Pas de soucis, on te l'offre, c'est aussi simple que cela !
+    </p>
+    <ol>
+      <p><u>Règles</u> :</p>
+      <li>Un membre de la guilde est tiré au sort.</li>
+      <li>Il choisi un équipement de son choix (avec le jet désiré).</li>
+      <li>Les membres de la guilde se plient en quatre pour lui offrir.</li>
+      <li>Attention, il ne faut rien acheter, on doit drop ensemble toutes les ressources, nous occuper du craft ainsi que du fm nous-même, sans aucune aide extérieure à la guilde.</li>
+    </ol>
+    </details>
+    <hr />
+    <h2>L’eau tôt</h2>
+    <center><img src="images/capture_3.png"></img></center>
+    <details>
+      <summary>Informations</summary>
+    <p>
+      La « Sufokienne des Jeux » présente « L'eau tôt ». Une cagnotte aléatoire, toujours pleine de belles surprises. Qui repartira avec le slip du meneur ce mois-ci ?
+    </p>
+    <ol>
+      <p><u>Règles</u> :</p>
+      <li>Les membres qui le souhaitent peuvent donner ce qu'ils souhaitent pour une grande cagnotte.</li>
+      <li>On tire au sort l'un des participants qui rafle tout ce qui a été donné.</li>
+      <li>Pas de limite sur les dons, équipements obsolètes, ressources sordides, le respect (mais il faut déjà le trouver) ou encore des kamas en chocolat, tout est accepté.</li>
+    </ol>
+    </details>
+    <hr />
+    <h2>Ma grosse épée</h2>
+    <center><img src="images/capture_4.png"></img></center>
+    <details>
+      <summary>Informations</summary>
+    <p>
+      Tu penses être un PGM ? Alors on t'offre la possibilité de le prouver afin de finir dans notre « panthéon » !
+    </p>
+    <ol>
+      <p><u>Règles</u> :</p>
+      <li>On sélectionne un donjon marrant (par exemple : le Glourcéleste).</li>
+      <li>On impose des règles drôles pour le réaliser (par exemple : n'infliger que des dommages de poussés sur le boss).</li>
+      <li>On met la tête de la première personne qui réalise notre exploit maison dans le « panthéon ».</li>
+    </ol>
+    </details>
+    <hr />
+    <h2>C’est Écaflip qui décide</h2>
+    <center><img src="images/capture_5.png"></img></center>
+    <details>
+      <summary>Informations</summary>
+    <p>
+      Des fois, il arrive que l'on s'ennui, alors on demande à Écaflip d'égayer notre journée.
+    </p>
+    <ol>
+      <p><u>Règles</u> :</p>
+      <li>On utilise notre superbe outil maison la <a href="https://cila.camelia-studio.org/roulette-donjons/" target="_blank">Roulette à donjons</a>.</li>
+      <li>On clique sur "tourner la roulette" et l'on part réaliser tous ensemble, dans la joie, ce que le dieu Écaflip nous a choisi.</li>
+      <li>Oui, parfois, c'est aussi simple que cela.</li>
+    </ol>
+    </details>
+    <hr />
+    <h2>Mon beau miroir</h2>
+    <center><img src="images/capture_6.png"></img></center>
+    <details>
+      <summary>Informations</summary>
+    <p>
+      Tu souhaites faire profiter le Monde des Douze tout entier de ton pelage soyeux ? C'est le moment !
+    </p>
+    <ol>
+      <p><u>Règles</u> :</p>
+      <li>De temps à autre, on organise un petit concours d'apparat.</li>
+      <li>Il peut y avoir des restrictions, comme un thème ou un objet imposé.</li>
+      <li>Un jury impartial (qui ne s'est laissé corrompre seulement dix huit fois), décide d'un vainqueur.</li>
+    </ol>
+    </details>
+    <hr />
+    <p>
+      Et peut-être encore d'autres surprises ...
+    </p>
+    <br />
+    <br />
+  </div>
+
+</body>
+</html>
--- a/branches/alt+tab/la-compagnie-de-sufokia/images/capture_1.png
+++ b/branches/alt+tab/la-compagnie-de-sufokia/images/capture_1.png
--- a/branches/alt+tab/la-compagnie-de-sufokia/images/capture_2.png
+++ b/branches/alt+tab/la-compagnie-de-sufokia/images/capture_2.png
--- a/branches/alt+tab/la-compagnie-de-sufokia/images/capture_3.png
+++ b/branches/alt+tab/la-compagnie-de-sufokia/images/capture_3.png
--- a/branches/alt+tab/la-compagnie-de-sufokia/images/capture_4.png
+++ b/branches/alt+tab/la-compagnie-de-sufokia/images/capture_4.png
--- a/branches/alt+tab/la-compagnie-de-sufokia/images/capture_5.png
+++ b/branches/alt+tab/la-compagnie-de-sufokia/images/capture_5.png
--- a/branches/alt+tab/la-compagnie-de-sufokia/images/capture_6.png
+++ b/branches/alt+tab/la-compagnie-de-sufokia/images/capture_6.png
--- a/branches/alt+tab/la-compagnie-de-sufokia/style.css
+++ b/branches/alt+tab/la-compagnie-de-sufokia/style.css
@ -51,6 +51,14 @@ nav a:hover {
  text-decoration: none;
 }

+hr {
+  color: #ff6600;
+}
+
+summary::marker {
+  color: #ff6600;
+}
+
 .container {
  max-width: 800px;
  padding-top: 70px;
@ -59,6 +67,11 @@ nav a:hover {
  padding-right: 15px;
 }

+.container img {
+  max-width: 400px;
+  border-radius: 5%;
+}
+
 /* Carousel Styles */
 .carousel {
  position: relative;