camelia-studio/Roulette-a-donjons
camelia-studio/Roulette-a-donjons
2
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases 3 Wiki Activity

✨ finition
All checks were successful
roulette / deploy (push) Successful in 33s
Details

Browse Source
This commit is contained in:
Melaine Gérard 2024-09-14 20:09:50 +02:00
parent 33fc57b376
commit 6f9bd2e9a7
3 changed files with 37 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/style.css
View File

@ -1,8 +1,12 @@
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;
} }
@ -35,8 +39,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%; }

6
index.html
View File

@ -52,11 +52,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 target="_blank" id="quoteButton">Tourner la roulette</button></a> <a href="roulette.html" target="_blank"><button id="quoteButton" class="btn btn-light">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"> <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" alt="Logo Ankama"> <b>Ankama Games ©</b>, tous droits réservés.</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> <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>
</div> </div>
</section> </section>

57
roulette.html
View File

@ -12,46 +12,43 @@
<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>
<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"> <div class="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"> <div class="d-inline-block">
<button type="submit" id="quoteButton" class="btn btn-light">M'en remettre à Écaflip.</button> <button type="submit" id="quoteButton" class="btn btn-light">M'en remettre à Écaflip.</button>
</div> </div>
</form> </form>
</div>
<div>
<div id="quoteContainer">
<p></p>
<p id="quoteGenius"></p>
</div> </div>
<!--fin de quoteContainer--> <div>
</div> <div id="quoteContainer">
<div> <p></p>
<div id="buttonContainer"> <p id="quoteGenius"></p>
</div>
</div> </div>
<!--fin de buttonContainer--> <div>
</div> <div id="buttonContainer">
</div> </div>
</div>
</div>
<script src="js/liste.js"></script> <script src="js/liste.js"></script>
</body> </body>
</html> </html>