Début migration vers bootstrap 5.3 + refacto js
All checks were successful
roulette / deploy (push) Successful in 21s

This commit is contained in:
Melaine Gérard 2024-09-11 14:02:05 +02:00
parent e25841e5f9
commit 33fc57b376
No known key found for this signature in database
GPG Key ID: 89A9588EB2726A53
10 changed files with 15556 additions and 10982 deletions

4
.gitignore vendored Normal file
View File

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

20356
css/bootstrap.min.css vendored

File diff suppressed because it is too large Load Diff

View File

@ -79,29 +79,6 @@ 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;
@ -116,7 +93,7 @@ div#slider figure {
/*MEDIA QUERIES*/ /*MEDIA QUERIES*/
@media screen and(max-width:760px){ @media screen and(max-width:760px){
#quoteButton,#addNew{ #addNew{
display: block; display: block;
} }
} }

144
faq.html
View File

@ -1,75 +1,91 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr" > <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<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" content="Outil permettant de tirer au sort l'un des donjons du jeu Dofus dans la fourchette de niveaux sélectionnée."> <meta property="og:description"
<link rel="icon" href="favicon.ico" /> 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="icon" href="favicon.ico"/>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/bootstrap.min.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">
<head> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<meta charset="UTF-8"> <div class="container-fluid">
<title>FAQ</title> <a class="navbar-brand" href="index.html">Roulette à donjons</a>
<link rel="stylesheet" href="quote.css"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> <span class="navbar-toggler-icon"></span>
</head> </button>
<body> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <ul class="navbar-nav me-auto mb-2 mb-lg-0">
<a class="navbar-brand" href="index.html">Roulette à donjons</a> <li class="nav-item">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <a class="nav-link" href="index.html">Accueil</a>
<span class="navbar-toggler-icon"></span> </li>
</button> <li class="nav-item">
<div class="collapse navbar-collapse" id="navbarNavDropdown"> <a class="nav-link" href="infos.html">Informations</a>
<ul class="navbar-nav"> </li>
<li class="nav-item active"> <li class="nav-item">
<a class="nav-link" href="index.html">Accueil</span></a> <a class="nav-link" href="#" target="_blank">Contribuer &#8599;</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="soutenir.html">Soutenir</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Contribuer &#8599;</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" href="soutenir.html">Soutenir</a> <a class="nav-link active" href="faq.html">FAQ</a>
</li> </li>
<li class="nav-item"> </ul>
<a class="nav-link" href="livre.html">Infos base</a> </div>
</li> </div>
<li class="nav-item">
<a class="nav-link" href="#">FAQ</a>
</li>
</ul>
</div>
</nav> </nav>
<div id="container"> <div id="container">
<h2>Foire aux questions</h2> <h2>Foire aux questions</h2>
<ul><li><b>J'ai cliqué sur le bouton, mais aucun donjon ne s'affiche, pourquoi ?</b></li></ul> <ul>
<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> <li><b>J'ai cliqué sur le bouton, mais aucun donjon ne s'affiche, pourquoi ?</b></li>
<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> </ul>
<ul><li><b>J'ai des soucis d'affichage lorsque j'utilise le site sur mon téléphone.</b></li></ul> <p><b>1.</b> La fourchette de niveaux que tu as choisi est probablement trop petite et aucun donjon n'est contenu
<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> dans cet interval.</p>
<ul><li><b>Je souhaite aider le projet, comment puis-je le faire ?</b></li></ul> <p><b>2. </b> Le site utilise <i>Javascript</i> pour fonctionner. Vérifie que ton navigateur autorise bien
<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> l'utilisation de <i>Javascript</i> ou que ton bloqueur de publicités soit désactivé (il n'y a aucune publicité
<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> ni aucun cookie chez nous !).</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> <ul>
<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> <li><b>J'ai des soucis d'affichage lorsque j'utilise le site sur mon téléphone.</b></li>
<ul><li><b>Je ne tombe jamais sur les donjons événementiels, est-ce normal ?</b></li></ul> </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> <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>
<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 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> <p>Ton problème n'est toujours pas résolu ? Viens nous voir <a href="https://discord.gg/nBuZ9vJ" target="_blank">sur
</div> 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
</body> soit pas déjà ouvert).</p>
</html> </div>
</body> </body>
</html> </html>

View File

@ -14,41 +14,37 @@
</head> </head>
<body> <body>
<html lang="fr"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">Roulette à donjons</a>
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<a class="navbar-brand" href="#">Roulette à donjons</a> <span class="navbar-toggler-icon"></span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> </button>
<span class="navbar-toggler-icon"></span> <div class="collapse navbar-collapse" id="navbarSupportedContent">
</button> <ul class="navbar-nav me-auto mb-2 mb-lg-0">
<div class="collapse navbar-collapse" id="navbarNavDropdown"> <li class="nav-item">
<ul class="navbar-nav"> <a class="nav-link active" href="index.html">Accueil</a>
<li class="nav-item active"> </li>
<a class="nav-link" href="#">Accueil <span class="sr-only">(actuel)</span></a> <li class="nav-item">
</li> <a class="nav-link" href="infos.html">Informations</a>
<li class="nav-item"> </li>
<a class="nav-link" href="infos.html">Informations</a> <li class="nav-item">
</li> <a class="nav-link" href="#" target="_blank">Contribuer &#8599;</a>
<li class="nav-item"> </li>
<a class="nav-link" href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Contribuer &#8599;</a> <li class="nav-item">
</li> <a class="nav-link" href="soutenir.html">Soutenir</a>
<li class="nav-item"> </li>
<a class="nav-link" href="soutenir.html">Soutenir</a> <li class="nav-item">
</li> <a class="nav-link" href="livre.html">Infos base</a>
<li class="nav-item"> </li>
<a class="nav-link" href="livre.html">Infos base</a> <li class="nav-item">
</li> <a class="nav-link" href="faq.html">FAQ</a>
<li class="nav-item"> </li>
<a class="nav-link" href="faq.html">FAQ</a> </ul>
</li> </div>
</ul>
</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>
@ -78,6 +74,3 @@
</body> </body>
</html> </html>
</body>
</html>

View File

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

1535
js/bootstrap.min.js vendored

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@ -4,10 +4,11 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Roulette à donjons</title> <title>Roulette à donjons</title>
<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" content="Outil permettant de tirer au sort l'un des donjons du jeu Dofus dans la fourchette de niveaux sélectionnée."> <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.">
<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>
@ -18,51 +19,39 @@
</head> </head>
<body> <body>
<html lang="fr"> <div class="container">
<br/>
<h1>Vous ne savez pas quel donjon faire en guilde ?</h1>
<h2>Laissez Écaflip vous guider dans votre choix.</h2>
<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>
<div class="row">
<form method="post">
<div data-role="rangeslider">
<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">
</div>
<main role="main"> <div class="d-inline-block">
<button type="submit" id="quoteButton" class="btn btn-light">M'en remettre à Écaflip.</button>
<div class="container"> </div>
</br> </form>
<h1>Vous ne savez pas quel donjon faire en guilde ?</h1> </div>
<h2>Laissez Écaflip vous guider dans votre choix.</h2> <div>
<h4>Commencez par choisir une tranche de niveau qui vous convient* :</h4> <div id="quoteContainer">
<p><i>* Merci de choisir une fourchette de 10 niveaux minimum</i></p> <p></p>
<row> <p id="quoteGenius"></p>
<form method="post"> </div>
<div data-role="rangeslider"> <!--fin de quoteContainer-->
<input type="range" name="min" id="min" value="1" min="1" max="189"> </div>
<input type="range" name="max" id="max" value="200" min="11" max="200"> <div>
</div> <div id="buttonContainer">
<input type="submit" id="quoteButton" data-inline="true" value="M'en remettre à Écaflip.">
</form>
</row>
<row>
<div id="quoteContainer">
<p></p>
<p id="quoteGenius"></p>
</div>
<!--fin de quoteContainer-->
</row>
<row>
<div id="buttonContainer">
</div>
<!--fin de buttonContainer-->
</row>
</div> </div>
<!--fin de container--> <!--fin de buttonContainer-->
</main> </div>
</body>
</html> </div>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="js/liste.js"></script> <script src="js/liste.js"></script>
</body> </body>
</html> </html>

View File

@ -1,64 +1,62 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr" > <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Soutenir</title> <title>Soutenir</title>
<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" content="Outil permettant de tirer au sort l'un des donjons du jeu Dofus dans la fourchette de niveaux sélectionnée."> <meta property="og:description"
<link rel="stylesheet" href="css/bootstrap.min.css" > 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/style.css"> <link rel="stylesheet" href="css/bootstrap.min.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">
<head> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<meta charset="UTF-8"> <div class="container-fluid">
<title>Soutenir</title> <a class="navbar-brand" href="index.html">Roulette à donjons</a>
<link rel="stylesheet" href="quote.css"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> <span class="navbar-toggler-icon"></span>
</head> </button>
<body> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <ul class="navbar-nav me-auto mb-2 mb-lg-0">
<a class="navbar-brand" href="index.html">Roulette à donjons</a> <li class="nav-item">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <a class="nav-link" href="index.html">Accueil</a>
<span class="navbar-toggler-icon"></span> </li>
</button> <li class="nav-item">
<div class="collapse navbar-collapse" id="navbarNavDropdown"> <a class="nav-link" href="infos.html">Informations</a>
<ul class="navbar-nav"> </li>
<li class="nav-item active"> <li class="nav-item">
<a class="nav-link" href="index.html">Accueil</span></a> <a class="nav-link" href="#" target="_blank">Contribuer &#8599;</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="infos.html">Informations</a> <a class="nav-link active" href="soutenir.html">Soutenir</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Contribuer &#8599;</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" href="#">Soutenir</a> <a class="nav-link" href="faq.html">FAQ</a>
</li> </li>
<li class="nav-item"> </ul>
<a class="nav-link" href="livre.html">Infos base</a> </div>
</li> </div>
<li class="nav-item">
<a class="nav-link" href="faq.html">FAQ</a>
</li>
</ul>
</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>