Compare commits

..

No commits in common. "a2e5b193002726c68673e7be3159c2ef97c9fa3b" and "e25841e5f943355114cf273888327353b8e9db8e" have entirely different histories.

11 changed files with 11006 additions and 15583 deletions

View File

@ -1,8 +1,5 @@
name: roulette name: roulette
on: on: [push]
push:
branches:
- master
jobs: jobs:
deploy: deploy:

4
.gitignore vendored
View File

@ -1,4 +0,0 @@
.vscode/
.fleet/
.idea/
*.iml

17348
css/bootstrap.min.css vendored

File diff suppressed because it is too large Load Diff

View File

@ -1,12 +1,8 @@
body{ body{
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper,.ui-page, .ui-content {
background: #c7bcad !important;
} }
a { a {
color: #045; color: #045;
} }
@ -39,8 +35,8 @@ div#slider {
} }
@keyframes slidy { @keyframes slidy {
0% { left: 0; } 0% { left: 0%; }
20% { left: 0; } 20% { left: 0%; }
25% { left: -100%; } 25% { left: -100%; }
45% { left: -100%; } 45% { left: -100%; }
50% { left: -200%; } 50% { left: -200%; }
@ -83,6 +79,29 @@ div#slider figure {
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
#quoteButton{
margin-top: 10px;
border:2px solid #46b8da;
color:#045;
font-family: inherit;
font-weight: bold;
padding:5px;
text-decoration: none;
text-align: center;
}
#quoteButton:hover{
cursor:pointer;
background:#09c;
color: #fff;
}
#quoteButton:active{
cursor: pointer;
}
#quoteButton{
display: inline-block;
}
#quoteGenius{ #quoteGenius{
font-size: x-large; font-size: x-large;
font-weight: 500; font-weight: 500;
@ -97,7 +116,7 @@ div#slider figure {
/*MEDIA QUERIES*/ /*MEDIA QUERIES*/
@media screen and(max-width:760px){ @media screen and(max-width:760px){
#addNew{ #quoteButton,#addNew{
display: block; display: block;
} }
} }

View File

@ -6,32 +6,36 @@
<title>FAQ</title> <title>FAQ</title>
<meta property="og:title" content="Roulette à donjons"> <meta property="og:title" content="Roulette à donjons">
<meta property="og:image" content="https://cila.camelia-studio.org/roulette-donjons/logo_%C3%A9caflip.png"> <meta property="og:image" content="https://cila.camelia-studio.org/roulette-donjons/logo_%C3%A9caflip.png">
<meta property="og:description" <meta property="og:description" content="Outil permettant de tirer au sort l'un des donjons du jeu Dofus dans la fourchette de niveaux sélectionnée.">
content="Outil permettant de tirer au sort l'un des donjons du jeu Dofus dans la fourchette de niveaux sélectionnée.">
<link rel="icon" href="favicon.ico" /> <link rel="icon" href="favicon.ico" />
<link rel="stylesheet" href="css/bootstrap.min.css" > <link rel="stylesheet" href="css/bootstrap.min.css" >
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
</head> </head>
<body> <body>
<html lang="fr">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <head>
<div class="container-fluid"> <meta charset="UTF-8">
<title>FAQ</title>
<link rel="stylesheet" href="quote.css">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html">Roulette à donjons</a> <a class="navbar-brand" href="index.html">Roulette à donjons</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item active">
<a class="nav-link" href="index.html">Accueil</a> <a class="nav-link" href="index.html">Accueil</span></a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="infos.html">Informations</a> <a class="nav-link" href="infos.html">Informations</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#" target="_blank">Contribuer &#8599;</a> <a class="nav-link" href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Contribuer &#8599;</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="soutenir.html">Soutenir</a> <a class="nav-link" href="soutenir.html">Soutenir</a>
@ -40,52 +44,32 @@
<a class="nav-link" href="livre.html">Infos base</a> <a class="nav-link" href="livre.html">Infos base</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="faq.html">FAQ</a> <a class="nav-link" href="#">FAQ</a>
</li> </li>
</ul> </ul>
</div> </div>
</div>
</nav> </nav>
<div id="container"> <div id="container">
<h2>Foire aux questions</h2> <h2>Foire aux questions</h2>
<ul> <ul><li><b>J'ai cliqué sur le bouton, mais aucun donjon ne s'affiche, pourquoi ?</b></li></ul>
<li><b>J'ai cliqué sur le bouton, mais aucun donjon ne s'affiche, pourquoi ?</b></li> <p><b>1.</b> La fourchette de niveaux que tu as choisi est probablement trop petite et aucun donjon n'est contenu dans cet interval.</p>
</ul> <p><b>2. </b> Le site utilise <i>Javascript</i> pour fonctionner. Vérifie que ton navigateur autorise bien l'utilisation de <i>Javascript</i> ou que ton bloqueur de publicités soit désactivé (il n'y a aucune publicité ni aucun cookie chez nous !).</p>
<p><b>1.</b> La fourchette de niveaux que tu as choisi est probablement trop petite et aucun donjon n'est contenu <ul><li><b>J'ai des soucis d'affichage lorsque j'utilise le site sur mon téléphone.</b></li></ul>
dans cet interval.</p> <p>Malheureusement, notre outil n'est pas entièrement optimisé pour une utilisation sur téléphonne ou tablette. En attendant que cela soit le cas, nous vous conseillons d'utiliser un ordinateur.</p>
<p><b>2. </b> Le site utilise <i>Javascript</i> pour fonctionner. Vérifie que ton navigateur autorise bien <ul><li><b>Je souhaite aider le projet, comment puis-je le faire ?</b></li></ul>
l'utilisation de <i>Javascript</i> ou que ton bloqueur de publicités soit désactivé (il n'y a aucune publicité <p><b>1. </b>Il y a différentes façons de nous aider. Tu peux déjà commencer par partager le projet à ton entourage, ta guilde et tes amis !</p>
ni aucun cookie chez nous !).</p> <p><b>2. </b>Tu peux également venir <a href="https://discord.gg/nBuZ9vJ" target="_blank">sur Discord</a> discuter avec nous des améliorations que nous pourrions apporter ou des bogues que nous pourrions corriger.</p>
<ul> <p><b>3. </b>Tu peux également aider directement au développement de l'outil via le <a href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons/issues" target="_blank">Gitea</a>. Nous utilisons l'HTML, du CSS, ainsi que du Javascript pour cet outil.</p>
<li><b>J'ai des soucis d'affichage lorsque j'utilise le site sur mon téléphone.</b></li> <p><b>4. </b>Enfin, il est possible de nous soutenir financièrement, en faisant un don à notre association <b>Camélia Studio</b> sur <a href="https://paypal.me/camelia" target="_blank">Paypal</a>. Cela lui permettra de payer le nom de domaine, l'hébergement du site, ainsi que lui offrir la possibilité de développer d'autres outils. L'association ne vend rien et vie uniquement grâce aux dons.</p>
</ul> <ul><li><b>Je ne tombe jamais sur les donjons événementiels, est-ce normal ?</b></li></ul>
<p>Malheureusement, notre outil n'est pas entièrement optimisé pour une utilisation sur téléphonne ou tablette. En <p>Oui ! Nous avons fait le choix de ne pas intégrer les donjons qui ne sont pas accessible tout au long de l'année à notre base de données (par exemple ; les donjons de Nowel ou de Vulkania).</p>
attendant que cela soit le cas, nous vous conseillons d'utiliser un ordinateur.</p>
<ul>
<li><b>Je souhaite aider le projet, comment puis-je le faire ?</b></li>
</ul>
<p><b>1. </b>Il y a différentes façons de nous aider. Tu peux déjà commencer par partager le projet à ton entourage,
ta guilde et tes amis !</p>
<p><b>2. </b>Tu peux également venir <a href="https://discord.gg/nBuZ9vJ" target="_blank">sur Discord</a> discuter
avec nous des améliorations que nous pourrions apporter ou des bogues que nous pourrions corriger.</p>
<p><b>3. </b>Tu peux également aider directement au développement de l'outil via le <a
href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons/issues" target="_blank">Gitea</a>. Nous
utilisons l'HTML, du CSS, ainsi que du Javascript pour cet outil.</p>
<p><b>4. </b>Enfin, il est possible de nous soutenir financièrement, en faisant un don à notre association <b>Camélia
Studio</b> sur <a href="https://paypal.me/camelia" target="_blank">Paypal</a>. Cela lui permettra de payer le
nom de domaine, l'hébergement du site, ainsi que lui offrir la possibilité de développer d'autres outils.
L'association ne vend rien et vie uniquement grâce aux dons.</p>
<ul>
<li><b>Je ne tombe jamais sur les donjons événementiels, est-ce normal ?</b></li>
</ul>
<p>Oui ! Nous avons fait le choix de ne pas intégrer les donjons qui ne sont pas accessible tout au long de l'année
à notre base de données (par exemple ; les donjons de Nowel ou de Vulkania).</p>
<center><img src="img/eca.png"></center> <center><img src="img/eca.png"></center>
<p>Ton problème n'est toujours pas résolu ? Viens nous voir <a href="https://discord.gg/nBuZ9vJ" target="_blank">sur <p>Ton problème n'est toujours pas résolu ? Viens nous voir <a href="https://discord.gg/nBuZ9vJ" target="_blank">sur Discord</a> ou ouvrir un ticket <a href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons/issues" target="_blank">sur Gitea</a> (pense à bien vérifier qu'un sujet similaire ne soit pas déjà ouvert).</p>
Discord</a> ou ouvrir un ticket <a href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons/issues" </div>
target="_blank">sur Gitea</a> (pense à bien vérifier qu'un sujet similaire ne
soit pas déjà ouvert).</p>
</div> </div>
</body> </body>
</html> </html>
</body>
</html>

View File

@ -14,22 +14,24 @@
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <html lang="fr">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">Roulette à donjons</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Roulette à donjons</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item active">
<a class="nav-link active" href="index.html">Accueil</a> <a class="nav-link" href="#">Accueil <span class="sr-only">(actuel)</span></a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="infos.html">Informations</a> <a class="nav-link" href="infos.html">Informations</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#" target="_blank">Contribuer &#8599;</a> <a class="nav-link" href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Contribuer &#8599;</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="soutenir.html">Soutenir</a> <a class="nav-link" href="soutenir.html">Soutenir</a>
@ -40,11 +42,13 @@
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="faq.html">FAQ</a> <a class="nav-link" href="faq.html">FAQ</a>
</li> </li>
</ul> </ul>
</div> </div>
</div>
</nav> </nav>
<main role="main"> <main role="main">
<section class="jumbotron text-center"> <section class="jumbotron text-center">
<div class="container"> <div class="container">
<h1 class="jumbotron-heading">Roulette à donjons</h1> <h1 class="jumbotron-heading">Roulette à donjons</h1>
@ -52,11 +56,11 @@
<h2 class="lead text-muted">Ce site vous permet de consulter Écaflip, afin de savoir quel donjon aller faire avec votre guilde !</h2> <h2 class="lead text-muted">Ce site vous permet de consulter Écaflip, afin de savoir quel donjon aller faire avec votre guilde !</h2>
<p> <p>
<a href="roulette.html" target="_blank"><button id="quoteButton" class="btn btn-light">Tourner la roulette</button></a> <a href="roulette.html" target="_blank"><button target="_blank" id="quoteButton">Tourner la roulette</button></a>
</p> </p>
<p>Cet outil a été réalisé pour <a href="https://www.dofus.com/fr/forum/1599-guildes/2246631-guilde-compagnie-sufokia-10-ans" target="_blank">La Compagnie de Sufokia</a> (guilde sur le serveur Orukam). Vous pouvez retrouver plus de renseignements sur <a href="./infos.html">la page infos</a>.</p> <p>Cet outil a été réalisé pour <a href="https://www.dofus.com/fr/forum/1599-guildes/2246631-guilde-compagnie-sufokia-10-ans" target="_blank">La Compagnie de Sufokia</a> (guilde sur le serveur Orukam). Vous pouvez retrouver plus de renseignements sur <a href="./infos.html">la page infos</a>.</p>
<p>Sauf mention contraire, toutes les illustrations présentes sur ce site sont la propriété d'<img src="img/logo_ankama.png" alt="Logo Ankama"> <b>Ankama Games ©</b>, tous droits réservés.</p> <p>Sauf mention contraire, toutes les illustrations présentes sur ce site sont la propriété d'<img src="img/logo_ankama.png"> <b>Ankama Games ©</b>, tous droits réservés.</p>
<p>Cet outil est distribué sous licence <img src="img/cc.png" alt="Creative Common"> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode.fr" target="_blank">Creative Commons 4.0</a></p> <p>Cet outil est distribué sous licence <img src="img/cc.png"> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode.fr" target="_blank">Creative Commons 4.0</a></p>
</div> </div>
</section> </section>
@ -74,3 +78,6 @@
</body> </body>
</html> </html>
</body>
</html>

View File

@ -6,31 +6,36 @@
<title>Informations</title> <title>Informations</title>
<meta property="og:title" content="Roulette à donjons"> <meta property="og:title" content="Roulette à donjons">
<meta property="og:image" content="https://cila.camelia-studio.org/roulette-donjons/logo_%C3%A9caflip.png"> <meta property="og:image" content="https://cila.camelia-studio.org/roulette-donjons/logo_%C3%A9caflip.png">
<meta property="og:description" <meta property="og:description" content="Outil permettant de tirer au sort l'un des donjons du jeu Dofus dans la fourchette de niveaux sélectionnée.">
content="Outil permettant de tirer au sort l'un des donjons du jeu Dofus dans la fourchette de niveaux sélectionnée.">
<link rel="icon" href="favicon.ico" /> <link rel="icon" href="favicon.ico" />
<link rel="stylesheet" href="css/bootstrap.min.css" > <link rel="stylesheet" href="css/bootstrap.min.css" >
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <html lang="fr">
<div class="container-fluid"> <head>
<meta charset="UTF-8">
<title>Informations</title>
<link rel="stylesheet" href="quote.css">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html">Roulette à donjons</a> <a class="navbar-brand" href="index.html">Roulette à donjons</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item active">
<a class="nav-link" href="index.html">Accueil</a> <a class="nav-link" href="index.html">Accueil</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="infos.html">Informations</a> <a class="nav-link" href="#">Informations</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#" target="_blank">Contribuer &#8599;</a> <a class="nav-link" href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Contribuer &#8599;</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="soutenir.html">Soutenir</a> <a class="nav-link" href="soutenir.html">Soutenir</a>
@ -41,52 +46,34 @@
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="faq.html">FAQ</a> <a class="nav-link" href="faq.html">FAQ</a>
</li> </li>
</ul> </ul>
</div> </div>
</div>
</nav> </nav>
<div id="container"> <div id="container">
<h2>Informations générales</h2> <h2>Informations générales</h2>
<p>Cet outil a été réalisé originellement pour <a <p>Cet outil a été réalisé originellement pour <a href="https://www.dofus.com/fr/forum/1599-guildes/2246631-guilde-compagnie-sufokia-10-ans" target="_blank">La Compagnie de Sufokia</a>, guilde du serveur <b>Orukam</b>, gérée par <b>Tuturuu-Mayushi-Desu</b>.</p>
href="https://www.dofus.com/fr/forum/1599-guildes/2246631-guilde-compagnie-sufokia-10-ans" target="_blank">La <p>Le projet a été développé par la branche <b>CILA</b> de l'association <b>Camélia Studio</b>. La guilde sus-nommée dépendant de la branche <b>Zaap Sufokien</b> de cette même association.</p>
Compagnie de Sufokia</a>, guilde du serveur <b>Orukam</b>, gérée par <b>Tuturuu-Mayushi-Desu</b>.</p> <p>En cas de soucis avec cet outil, ou si vous avez des améliorations à soumettre, merci de nous contacter de préférence <a href="https://discord.gg/nBuZ9vJ" target="_blank">sur le Discord de Camélia Studio</a>.</p>
<p>Le projet a été développé par la branche <b>CILA</b> de l'association <b>Camélia Studio</b>. La guilde sus-nommée <p>Liens utiles :<p>
dépendant de la branche <b>Alt+Tab</b> de cette même association.</p> <ul><li><a href="http://camelia-studio.org" target="_blank">Accueil Camélia Studio</a></li>
<p>En cas de soucis avec cet outil, ou si vous avez des améliorations à soumettre, merci de nous contacter de
préférence <a href="https://discord.gg/nBuZ9vJ" target="_blank">sur le Discord de Camélia Studio</a>.</p>
<p>Liens utiles :
<p>
<ul>
<li><a href="http://camelia-studio.org" target="_blank">Accueil Camélia Studio</a></li>
<li><a href="http://cila.camelia-studio.org" target="_blank">Accueil CILA</a></li> <li><a href="http://cila.camelia-studio.org" target="_blank">Accueil CILA</a></li>
<li><a href="https://discord.gg/nBuZ9vJ" target="_blank">Le Discord de l'asso.</a></li> <li><a href="https://discord.gg/nBuZ9vJ" target="_blank">Le Discord de l'asso.</a></li>
<li><a href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Le projet sur <li><a href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Le projet sur Gitea</a></li></ul>
Gitea</a></li>
</ul>
<h2>Remerciements</h2> <h2>Remerciements</h2>
<p class="d-flex justify-content-around"> <center><p><a href="http://camelia-studio.org" target="_blank"><img src="img/logo_camelia.png"></a><a href="http://cila.camelia-studio.org" target="_blank"><img src="img/logo_cila.png"></a><a href="http://zaap.camelia-studio.org" target="_blank"><img src="img/logo_zaap.png"></a></p></center>
<a href="http://camelia-studio.org" target="_blank">
<img src="img/logo_camelia.png" alt="Logo Camelia">
</a>
<a href="http://cila.camelia-studio.org" target="_blank">
<img src="img/logo_cila.png" alt="Logo CILA">
</a>
<a href="https://camelia-studio.org/branches/alt+tab/" target="_blank">
<img src="img/logo_zaap.png" alt="Logo Alt+Tab">
</a>
</p>
<h2>Divers</h2> <h2>Divers</h2>
<p>Vous pouvez aussi nous rejoindre pour papoter sur <a href="https://discord.gg/nBuZ9vJ" target="_blank">notre <p>Vous pouvez aussi nous rejoindre pour papoter sur <a href="https://discord.gg/nBuZ9vJ" target="_blank">notre serveur Discord</a>.</p>
serveur Discord</a>.</p> <p>Le code source du site est entièrement libre, vous pouvez vous le procurer ou aider à l'améliorer à <a href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">cette adresse</a>.</p>
<p>Le code source du site est entièrement libre, vous pouvez vous le procurer ou aider à l'améliorer à <a
href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">cette adresse</a>.</p>
<h2>Activités du projet</h2> <h2>Activités du projet</h2>
<p>Voir sur <a href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons/activity" target="_blank">Gitea</a>. <p>Voir sur <a href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons/activity" target="_blank">Gitea</a>.</p>
</p>
<p>Projet à jour avec la version <b>2.68</b> du jeu.</p> <p>Projet à jour avec la version <b>2.68</b> du jeu.</p>
</div> </div>
</div>
</body>
</html>
</body> </body>
</html> </html>

1533
js/bootstrap.min.js vendored

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,5 @@
document.addEventListener('readystatechange', function() { $(document).ready(function() {
if (document.readyState === "complete") { var quoteSource = [{
const quoteSource = [
{
"id": "1", "id": "1",
"donjon": "Crypte de Kardorim", "donjon": "Crypte de Kardorim",
"boss": "Kardorim", "boss": "Kardorim",
@ -2010,66 +2008,50 @@ document.addEventListener('readystatechange', function() {
}, },
]; ];
const quoteButton = document.getElementById('quoteButton');
if (quoteButton) { $('#quoteButton').click(function(evt) {
quoteButton.addEventListener('click', function (event) {
//empêcher l'action par défaut du navigateur
event.preventDefault();
//définir les conteneurs de l'information que nous ciblons //définir les conteneurs de l'information que nous ciblons
const donjon = document.querySelector("#quoteContainer p").innerText; var donjon = $('#quoteContainer p').text();
const quoteGenius = document.querySelector("#quoteGenius").innerText; var quoteGenius = $('#quoteGenius').text();
//empêcher l'action par défaut du navigateur
evt.preventDefault();
//obtenir un nouveau nombre aléatoire à attacher à un donjon et fixer une limite //obtenir un nouveau nombre aléatoire à attacher à un donjon et fixer une limite
const sourceLength = quoteSource.length; var sourceLength = quoteSource.length;
let randomNumber = Math.floor(Math.random() * sourceLength); var randomNumber = Math.floor(Math.random() * sourceLength);
//sélectionner un nouveau donjon //sélectionner un nouveau donjon
const min = document.getElementById("min").value; var min = document.getElementById("min").value;
const max = document.getElementById("max").value; var max = document.getElementById("max").value;
while (quoteSource[randomNumber].niveau > max || quoteSource[randomNumber].niveau < min) { while (quoteSource[randomNumber].niveau > max || quoteSource[randomNumber].niveau < min) {
randomNumber = Math.floor(Math.random() * sourceLength); randomNumber = Math.floor(Math.random() * sourceLength);
//on interdit les intervalles trop petit //on interdit les intervalles trop petites
if (min > max - 10) { if (min > max - 10) {
alert('Intervalle trop petit.'); Alert('Intervalle trop petit.');
break; break;
} }
} }
const newQuoteText = quoteSource[randomNumber].donjon; var newQuoteText = quoteSource[randomNumber].donjon;
const newQuoteGenius = quoteSource[randomNumber].boss; var newQuoteGenius = quoteSource[randomNumber].boss;
const newQuoteImage = quoteSource[randomNumber].imageSource; var newQuoteImage = quoteSource[randomNumber].imageSource;
const newQuoteTextZo = quoteSource[randomNumber].zone; var newQuoteTextZo = quoteSource[randomNumber].zone;
const newQuoteTextPo = quoteSource[randomNumber].position; var newQuoteTextPo = quoteSource[randomNumber].position;
const newQuoteTextNi = quoteSource[randomNumber].niveau; var newQuoteTextNi = quoteSource[randomNumber].niveau;
const newQuoteTextCl = quoteSource[randomNumber].clef; var newQuoteTextCl = quoteSource[randomNumber].clef;
const newQuoteTextSu = quoteSource[randomNumber].succes; var newQuoteTextSu = quoteSource[randomNumber].succes;
const timeAnimation = 500; var timeAnimation = 500;
const quoteContainer = document.querySelector('#quoteContainer'); var quoteContainer = $('#quoteContainer');
//animation en fondu enchaîné avec rappel //animation en fondu enchaîné avec rappel
fadeOut(quoteContainer, timeAnimation, function () { quoteContainer.fadeOut(timeAnimation, function() {
quoteContainer.innerHTML = ''; quoteContainer.html('');
quoteContainer.innerHTML = '<h4>' + newQuoteText + '</h4>' + '</p>' + '<p id="quoteGenius">' + newQuoteGenius + '<br/><img class="responsive-image" src="' + newQuoteImage + '" alt="' + newQuoteGenius + '"></p>' + '<p>Niveau : <b>' + newQuoteTextNi + '</b></p>' + '<p>' + newQuoteTextCl + '</p>' + '<p>Zone(s) : <b>' + newQuoteTextZo + '</b></p>' + '<p>Position : <b>' + newQuoteTextPo + '</b></p>' + '<p>Succès : <b>' + newQuoteTextSu + '</b></p>'; quoteContainer.append('<h4>' + newQuoteText + '</h4>' + '</p>' + '<p id="quoteGenius">' + newQuoteGenius + '<br/><img class="responsive-image" src="' + newQuoteImage + '" alt="' + newQuoteGenius + '"></p>' + '<p>Niveau : <b>' + newQuoteTextNi + '</b></p>' + '<p>' + newQuoteTextCl + '</p>' + '<p>Zone(s) : <b>' + newQuoteTextZo + '</b></p>' + '<p>Position : <b>' + newQuoteTextPo + '</b>' + '<p>Succès : <b>' + newQuoteTextSu + '</b></p>');
fadeIn(quoteContainer, timeAnimation); //estomper le fondu.
}); quoteContainer.fadeIn(timeAnimation);
})
}
}
}); });
function fadeOut(element, duration, callback) {
element.style.transition = `opacity ${duration}ms`;
element.style.opacity = '0';
setTimeout(() => {
if (callback) callback();
}, duration);
}
function fadeIn(element, duration) {
element.style.opacity = '0'; // Assure que l'élément est invisible avant de commencer
element.style.display = "block"; // Affiche l'élément (au cas où il serait masqué)
setTimeout(() => { }); //fin de la fonction quoteButton
element.style.transition = `opacity ${duration}ms`;
element.style.opacity = '1';
}, 10); // Ajout d'un petit délai pour que le navigateur prenne en compte le changement d'affichage }); //fin du document
}

View File

@ -7,48 +7,62 @@
<link rel="icon" href="favicon.ico" /> <link rel="icon" href="favicon.ico" />
<meta property="og:title" content="Roulette à donjons"> <meta property="og:title" content="Roulette à donjons">
<meta property="og:image" content="https://cila.camelia-studio.org/roulette-donjons/logo_%C3%A9caflip.png"> <meta property="og:image" content="https://cila.camelia-studio.org/roulette-donjons/logo_%C3%A9caflip.png">
<meta property="og:description" <meta property="og:description" content="Outil permettant de tirer au sort l'un des donjons du jeu Dofus dans la fourchette de niveaux sélectionnée.">
content="Outil permettant de tirer au sort l'un des donjons du jeu Dofus dans la fourchette de niveaux sélectionnée.">
<link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head> </head>
<body> <body>
<html lang="fr">
<main role="main">
<div class="container"> <div class="container">
<br/> </br>
<h1>Vous ne savez pas quel donjon faire en guilde ?</h1> <h1>Vous ne savez pas quel donjon faire en guilde ?</h1>
<h2>Laissez Écaflip vous guider dans votre choix.</h2> <h2>Laissez Écaflip vous guider dans votre choix.</h2>
<h4>Commencez par choisir une tranche de niveau qui vous convient* :</h4> <h4>Commencez par choisir une tranche de niveau qui vous convient* :</h4>
<p><i>* Merci de choisir une fourchette de 10 niveaux minimum</i></p> <p><i>* Merci de choisir une fourchette de 10 niveaux minimum</i></p>
<div class="row"> <row>
<form method="post"> <form method="post">
<div data-role="rangeslider"> <div data-role="rangeslider">
<input type="range" name="min" id="min" value="1" min="1" max="189"> <input type="range" name="min" id="min" value="1" min="1" max="189">
<input type="range" name="max" id="max" value="200" min="11" max="200"> <input type="range" name="max" id="max" value="200" min="11" max="200">
</div> </div>
<div class="d-inline-block"> <input type="submit" id="quoteButton" data-inline="true" value="M'en remettre à Écaflip.">
<button type="submit" id="quoteButton" class="btn btn-light">M'en remettre à Écaflip.</button>
</div>
</form> </form>
</div> </row>
<div> <row>
<div id="quoteContainer"> <div id="quoteContainer">
<p></p> <p></p>
<p id="quoteGenius"></p> <p id="quoteGenius"></p>
</div> </div>
</div> <!--fin de quoteContainer-->
<div> </row>
<row>
<div id="buttonContainer"> <div id="buttonContainer">
</div> </div>
</div> <!--fin de buttonContainer-->
</row>
</div> </div>
<script src="js/liste.js"></script> <!--fin de container-->
</main>
</body> </body>
</html>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="js/liste.js"></script>
</body>
</html> </html>

View File

@ -7,34 +7,38 @@
<link rel="icon" href="favicon.ico" /> <link rel="icon" href="favicon.ico" />
<meta property="og:title" content="Roulette à donjons"> <meta property="og:title" content="Roulette à donjons">
<meta property="og:image" content="https://cila.camelia-studio.org/roulette-donjons/logo_%C3%A9caflip.png"> <meta property="og:image" content="https://cila.camelia-studio.org/roulette-donjons/logo_%C3%A9caflip.png">
<meta property="og:description" <meta property="og:description" content="Outil permettant de tirer au sort l'un des donjons du jeu Dofus dans la fourchette de niveaux sélectionnée.">
content="Outil permettant de tirer au sort l'un des donjons du jeu Dofus dans la fourchette de niveaux sélectionnée.">
<link rel="stylesheet" href="css/bootstrap.min.css" > <link rel="stylesheet" href="css/bootstrap.min.css" >
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
</head> </head>
<body> <body>
<html lang="fr">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <head>
<div class="container-fluid"> <meta charset="UTF-8">
<title>Soutenir</title>
<link rel="stylesheet" href="quote.css">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html">Roulette à donjons</a> <a class="navbar-brand" href="index.html">Roulette à donjons</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item active">
<a class="nav-link" href="index.html">Accueil</a> <a class="nav-link" href="index.html">Accueil</span></a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="infos.html">Informations</a> <a class="nav-link" href="infos.html">Informations</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#" target="_blank">Contribuer &#8599;</a> <a class="nav-link" href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Contribuer &#8599;</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="soutenir.html">Soutenir</a> <a class="nav-link" href="#">Soutenir</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="livre.html">Infos base</a> <a class="nav-link" href="livre.html">Infos base</a>
@ -44,19 +48,17 @@
</li> </li>
</ul> </ul>
</div> </div>
</div>
</nav> </nav>
<div id="container"> <div id="container">
<h2>Soutenir le projet ?</h2> <h2>Soutenir le projet ?</h2>
<p>Cet outil est développé bénévollement par les membre de la branche <b>CILA</b> de l'association <b>Camélia <p>Cet outil est développé bénévollement par les membre de la branche <b>CILA</b> de l'association <b>Camélia Studio</b>. Pour suivre ses principes, l'association a décidée de laisser ce projet libre, ouvert et gratuit. Toutefois, si vous souhaitez aider <b>Camélia Studio</b>, la soutenir et lui montrer votre soutient, pour ce projet et l'encourager à en créer d'autres, n'hésitez pas à lui faire un petit don via <a href="https://paypal.me/camelia" target="_blank">Paypal</a>. Cela lui fera chaud au cœur. N'oubliez pas que l'association ne vend rien et ne met aucune publicité sur aucun de ses sites ou services. Elle vie uniquement grâce aux dons.</p>
Studio</b>. Pour suivre ses principes, l'association a décidée de laisser ce projet libre, ouvert et gratuit.
Toutefois, si vous souhaitez aider <b>Camélia Studio</b>, la soutenir et lui montrer votre soutient, pour ce
projet et l'encourager à en créer d'autres, n'hésitez pas à lui faire un petit don via <a
href="https://paypal.me/camelia" target="_blank">Paypal</a>. Cela lui fera chaud au cœur. N'oubliez pas
que l'association ne vend rien et ne met aucune publicité sur aucun de ses sites ou services. Elle vie
uniquement grâce aux dons.</p>
<center><img src="img/lingot.png"></center> <center><img src="img/lingot.png"></center>
<p>Merci à toutes & tous pour votre bienveillance et votre générosité.</p> <p>Merci à toutes & tous pour votre bienveillance et votre générosité.</p>
</div> </div>
</div>
</body>
</html>
</body> </body>
</html> </html>