✨ Début migration vers bootstrap 5.3 + refacto js
This commit is contained in:
Melaine Gérard
parent
e25841e5f9
commit
c159c1f6a1
@ -1,5 +1,8 @@
|
||||
name: roulette
|
||||
on: [push]
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- master
|
||||
|
||||
jobs:
|
||||
deploy:
|
||||
|
||||
4
.gitignore
vendored
Normal file
4
.gitignore
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
.vscode/
|
||||
.fleet/
|
||||
.idea/
|
||||
*.iml
|
||||
17536
css/bootstrap.min.css
vendored
17536
css/bootstrap.min.css
vendored
File diff suppressed because it is too large
Load Diff
1
css/bootstrap.min.css.map
Normal file
1
css/bootstrap.min.css.map
Normal file
File diff suppressed because one or more lines are too long
@ -79,29 +79,6 @@ div#slider figure {
|
||||
width: 100%;
|
||||
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{
|
||||
font-size: x-large;
|
||||
font-weight: 500;
|
||||
@ -116,7 +93,7 @@ div#slider figure {
|
||||
|
||||
/*MEDIA QUERIES*/
|
||||
@media screen and(max-width:760px){
|
||||
#quoteButton,#addNew{
|
||||
#addNew{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
84
faq.html
84
faq.html
@ -6,36 +6,32 @@
|
||||
<title>FAQ</title>
|
||||
<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: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="icon" href="favicon.ico"/>
|
||||
<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>
|
||||
|
||||
<body>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<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">
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="index.html">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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="index.html">Accueil</span></a>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">Accueil</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="infos.html">Informations</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Contribuer ↗</a>
|
||||
<a class="nav-link" href="#" target="_blank">Contribuer ↗</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="soutenir.html">Soutenir</a>
|
||||
@ -44,32 +40,52 @@
|
||||
<a class="nav-link" href="livre.html">Infos base</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">FAQ</a>
|
||||
<a class="nav-link active" href="faq.html">FAQ</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div id="container">
|
||||
<h2>Foire aux questions</h2>
|
||||
<ul><li><b>J'ai cliqué sur le bouton, mais aucun donjon ne s'affiche, pourquoi ?</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 dans cet interval.</p>
|
||||
<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><li><b>J'ai des soucis d'affichage lorsque j'utilise le site sur mon téléphone.</b></li></ul>
|
||||
<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>
|
||||
<ul>
|
||||
<li><b>J'ai cliqué sur le bouton, mais aucun donjon ne s'affiche, pourquoi ?</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
|
||||
dans cet interval.</p>
|
||||
<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>
|
||||
<li><b>J'ai des soucis d'affichage lorsque j'utilise le site sur mon téléphone.</b></li>
|
||||
</ul>
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
27
index.html
27
index.html
@ -14,24 +14,22 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<html lang="fr">
|
||||
|
||||
|
||||
<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">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<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">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="#">Accueil <span class="sr-only">(actuel)</span></a>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="index.html">Accueil</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="infos.html">Informations</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Contribuer ↗</a>
|
||||
<a class="nav-link" href="#" target="_blank">Contribuer ↗</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="soutenir.html">Soutenir</a>
|
||||
@ -42,13 +40,11 @@
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="faq.html">FAQ</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main role="main">
|
||||
|
||||
<section class="jumbotron text-center">
|
||||
<div class="container">
|
||||
<h1 class="jumbotron-heading">Roulette à donjons</h1>
|
||||
@ -78,6 +74,3 @@
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
72
infos.html
72
infos.html
@ -6,36 +6,32 @@
|
||||
<title>Informations</title>
|
||||
<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: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="icon" href="favicon.ico"/>
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<html lang="fr">
|
||||
<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">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="index.html">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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item active">
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">Accueil</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Informations</a>
|
||||
<a class="nav-link active" href="infos.html">Informations</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Contribuer ↗</a>
|
||||
<a class="nav-link" href="#" target="_blank">Contribuer ↗</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="soutenir.html">Soutenir</a>
|
||||
@ -46,34 +42,52 @@
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="faq.html">FAQ</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div id="container">
|
||||
<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>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>
|
||||
<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>
|
||||
<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>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>Alt+Tab</b> de cette même association.</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>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>
|
||||
<li><a href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Le projet sur
|
||||
Gitea</a></li>
|
||||
</ul>
|
||||
<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>
|
||||
<p>Vous pouvez aussi nous rejoindre pour papoter sur <a href="https://discord.gg/nBuZ9vJ" target="_blank">notre 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>Vous pouvez aussi nous rejoindre pour papoter sur <a href="https://discord.gg/nBuZ9vJ" target="_blank">notre
|
||||
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>
|
||||
<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>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>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
1533
js/bootstrap.min.js
vendored
1533
js/bootstrap.min.js
vendored
File diff suppressed because one or more lines are too long
82
js/liste.js
82
js/liste.js
@ -1,5 +1,7 @@
|
||||
$(document).ready(function() {
|
||||
var quoteSource = [{
|
||||
document.addEventListener('readystatechange', function() {
|
||||
if (document.readyState === "complete") {
|
||||
const quoteSource = [
|
||||
{
|
||||
"id": "1",
|
||||
"donjon": "Crypte de Kardorim",
|
||||
"boss": "Kardorim",
|
||||
@ -2008,50 +2010,66 @@ $(document).ready(function() {
|
||||
},
|
||||
];
|
||||
|
||||
const quoteButton = document.getElementById('quoteButton');
|
||||
|
||||
$('#quoteButton').click(function(evt) {
|
||||
//définir les conteneurs de l'information que nous ciblons
|
||||
var donjon = $('#quoteContainer p').text();
|
||||
var quoteGenius = $('#quoteGenius').text();
|
||||
if (quoteButton) {
|
||||
quoteButton.addEventListener('click', function (event) {
|
||||
//empêcher l'action par défaut du navigateur
|
||||
evt.preventDefault();
|
||||
event.preventDefault();
|
||||
//définir les conteneurs de l'information que nous ciblons
|
||||
const donjon = document.querySelector("#quoteContainer p").innerText;
|
||||
const quoteGenius = document.querySelector("#quoteGenius").innerText;
|
||||
//obtenir un nouveau nombre aléatoire à attacher à un donjon et fixer une limite
|
||||
var sourceLength = quoteSource.length;
|
||||
var randomNumber = Math.floor(Math.random() * sourceLength);
|
||||
const sourceLength = quoteSource.length;
|
||||
let randomNumber = Math.floor(Math.random() * sourceLength);
|
||||
//sélectionner un nouveau donjon
|
||||
var min = document.getElementById("min").value;
|
||||
var max = document.getElementById("max").value;
|
||||
const min = document.getElementById("min").value;
|
||||
const max = document.getElementById("max").value;
|
||||
while (quoteSource[randomNumber].niveau > max || quoteSource[randomNumber].niveau < min) {
|
||||
randomNumber = Math.floor(Math.random() * sourceLength);
|
||||
//on interdit les intervalles trop petites
|
||||
//on interdit les intervalles trop petit
|
||||
if (min > max - 10) {
|
||||
Alert('Intervalle trop petit.');
|
||||
alert('Intervalle trop petit.');
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
var newQuoteText = quoteSource[randomNumber].donjon;
|
||||
var newQuoteGenius = quoteSource[randomNumber].boss;
|
||||
var newQuoteImage = quoteSource[randomNumber].imageSource;
|
||||
var newQuoteTextZo = quoteSource[randomNumber].zone;
|
||||
var newQuoteTextPo = quoteSource[randomNumber].position;
|
||||
var newQuoteTextNi = quoteSource[randomNumber].niveau;
|
||||
var newQuoteTextCl = quoteSource[randomNumber].clef;
|
||||
var newQuoteTextSu = quoteSource[randomNumber].succes;
|
||||
var timeAnimation = 500;
|
||||
var quoteContainer = $('#quoteContainer');
|
||||
const newQuoteText = quoteSource[randomNumber].donjon;
|
||||
const newQuoteGenius = quoteSource[randomNumber].boss;
|
||||
const newQuoteImage = quoteSource[randomNumber].imageSource;
|
||||
const newQuoteTextZo = quoteSource[randomNumber].zone;
|
||||
const newQuoteTextPo = quoteSource[randomNumber].position;
|
||||
const newQuoteTextNi = quoteSource[randomNumber].niveau;
|
||||
const newQuoteTextCl = quoteSource[randomNumber].clef;
|
||||
const newQuoteTextSu = quoteSource[randomNumber].succes;
|
||||
const timeAnimation = 500;
|
||||
const quoteContainer = document.querySelector('#quoteContainer');
|
||||
//animation en fondu enchaîné avec rappel
|
||||
quoteContainer.fadeOut(timeAnimation, function() {
|
||||
quoteContainer.html('');
|
||||
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>');
|
||||
//estomper le fondu.
|
||||
quoteContainer.fadeIn(timeAnimation);
|
||||
fadeOut(quoteContainer, timeAnimation, function () {
|
||||
quoteContainer.innerHTML = '';
|
||||
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>';
|
||||
fadeIn(quoteContainer, 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é)
|
||||
|
||||
}); //fin de la fonction quoteButton
|
||||
|
||||
|
||||
}); //fin du document
|
||||
setTimeout(() => {
|
||||
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
|
||||
}
|
||||
@ -7,7 +7,8 @@
|
||||
<link rel="icon" href="favicon.ico"/>
|
||||
<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: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/style.css">
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
@ -18,51 +19,39 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<html lang="fr">
|
||||
|
||||
<main role="main">
|
||||
|
||||
<div class="container">
|
||||
</br>
|
||||
<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>
|
||||
<row>
|
||||
<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>
|
||||
|
||||
<input type="submit" id="quoteButton" data-inline="true" value="M'en remettre à Écaflip.">
|
||||
<div class="d-inline-block">
|
||||
<button type="submit" id="quoteButton" class="btn btn-light">M'en remettre à Écaflip.</button>
|
||||
</div>
|
||||
</form>
|
||||
</row>
|
||||
<row>
|
||||
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<div id="quoteContainer">
|
||||
<p></p>
|
||||
<p id="quoteGenius"></p>
|
||||
</div>
|
||||
<!--fin de quoteContainer-->
|
||||
</row>
|
||||
<row>
|
||||
</div>
|
||||
<div>
|
||||
<div id="buttonContainer">
|
||||
|
||||
</div>
|
||||
<!--fin de buttonContainer-->
|
||||
</row>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!--fin de container-->
|
||||
</main>
|
||||
</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>
|
||||
@ -7,38 +7,34 @@
|
||||
<link rel="icon" href="favicon.ico"/>
|
||||
<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: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/style.css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<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">
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="index.html">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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="index.html">Accueil</span></a>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">Accueil</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="infos.html">Informations</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Contribuer ↗</a>
|
||||
<a class="nav-link" href="#" target="_blank">Contribuer ↗</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Soutenir</a>
|
||||
<a class="nav-link active" href="soutenir.html">Soutenir</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="livre.html">Infos base</a>
|
||||
@ -48,17 +44,19 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div id="container">
|
||||
<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 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>
|
||||
<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>
|
||||
<center><img src="img/lingot.png"></center>
|
||||
<p>Merci à toutes & tous pour votre bienveillance et votre générosité.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user