[lcds] création page "événements"
All checks were successful
camelia / deploy (push) Successful in 36s
All checks were successful
camelia / deploy (push) Successful in 36s
création de la page qui liste les événements qu'organise la guilde
This commit is contained in:
parent
ce9425112d
commit
da7929c3fb
131
branches/alt+tab/la-compagnie-de-sufokia/events.html
Normal file
131
branches/alt+tab/la-compagnie-de-sufokia/events.html
Normal file
@ -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>
|
BIN
branches/alt+tab/la-compagnie-de-sufokia/images/capture_1.png
Normal file
BIN
branches/alt+tab/la-compagnie-de-sufokia/images/capture_1.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 9.2 KiB |
BIN
branches/alt+tab/la-compagnie-de-sufokia/images/capture_2.png
Normal file
BIN
branches/alt+tab/la-compagnie-de-sufokia/images/capture_2.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 105 KiB |
BIN
branches/alt+tab/la-compagnie-de-sufokia/images/capture_3.png
Normal file
BIN
branches/alt+tab/la-compagnie-de-sufokia/images/capture_3.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 163 KiB |
BIN
branches/alt+tab/la-compagnie-de-sufokia/images/capture_4.png
Normal file
BIN
branches/alt+tab/la-compagnie-de-sufokia/images/capture_4.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 55 KiB |
BIN
branches/alt+tab/la-compagnie-de-sufokia/images/capture_5.png
Normal file
BIN
branches/alt+tab/la-compagnie-de-sufokia/images/capture_5.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 3.4 KiB |
BIN
branches/alt+tab/la-compagnie-de-sufokia/images/capture_6.png
Normal file
BIN
branches/alt+tab/la-compagnie-de-sufokia/images/capture_6.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 555 KiB |
@ -51,6 +51,14 @@ nav a:hover {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
color: #ff6600;
|
||||||
|
}
|
||||||
|
|
||||||
|
summary::marker {
|
||||||
|
color: #ff6600;
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
padding-top: 70px;
|
padding-top: 70px;
|
||||||
@ -59,6 +67,11 @@ nav a:hover {
|
|||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.container img {
|
||||||
|
max-width: 400px;
|
||||||
|
border-radius: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
/* Carousel Styles */
|
/* Carousel Styles */
|
||||||
.carousel {
|
.carousel {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
Loading…
Reference in New Issue
Block a user