Compare commits

..

2 Commits

Author SHA1 Message Date
6f9bd2e9a7 finition
All checks were successful
roulette / deploy (push) Successful in 33s
2024-09-14 20:09:50 +02:00
Melaine Gérard
33fc57b376
Début migration vers bootstrap 5.3 + refacto js
All checks were successful
roulette / deploy (push) Successful in 21s
2024-09-11 14:02:05 +02:00
9 changed files with 51 additions and 53 deletions

View File

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

View File

@ -77,7 +77,7 @@
--bs-body-font-size: 1rem; --bs-body-font-size: 1rem;
--bs-body-font-weight: 400; --bs-body-font-weight: 400;
--bs-body-line-height: 1.5; --bs-body-line-height: 1.5;
--bs-body-color: #212529;. --bs-body-color: #212529;
--bs-body-color-rgb: 33, 37, 41; --bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #c7bcad; --bs-body-bg: #c7bcad;
--bs-body-bg-rgb: 199, 188, 173; --bs-body-bg-rgb: 199, 188, 173;
@ -4668,7 +4668,7 @@ textarea.form-control-lg {
--bs-navbar-color: rgba(230, 217, 200, 1); --bs-navbar-color: rgba(230, 217, 200, 1);
--bs-navbar-hover-color: rgba(192, 181, 167, 1); --bs-navbar-hover-color: rgba(192, 181, 167, 1);
--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
--bs-navbar-active-color: rgba(192, 181, 167, 1); --bs-navbar-active-color: rgba(230, 217, 200, 1);
--bs-navbar-brand-color: rgba(230, 217, 200, 1); --bs-navbar-brand-color: rgba(230, 217, 200, 1);
--bs-navbar-brand-hover-color: rgba(192, 181, 167); --bs-navbar-brand-hover-color: rgba(192, 181, 167);
--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);

File diff suppressed because one or more lines are too long

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%; }

View File

@ -31,7 +31,7 @@
<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="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Contribuer &#8599;</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="soutenir.html">Soutenir</a> <a class="nav-link" href="soutenir.html">Soutenir</a>
@ -81,7 +81,7 @@
</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 <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> à notre base de données (par exemple ; les donjons de Nowel ou de Vulkania).</p>
<div><img src="img/eca.png" alt="Logo écaflip"></div> <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" 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 target="_blank">sur Gitea</a> (pense à bien vérifier qu'un sujet similaire ne

View File

@ -29,7 +29,7 @@
<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="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Contribuer &#8599;</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="soutenir.html">Soutenir</a> <a class="nav-link" href="soutenir.html">Soutenir</a>
@ -48,11 +48,12 @@
<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>
<p><img alt="Logo Ecaflip" style="max-width: 300px;" src="logo_écaflip.png"></p> <p><img width="300px" alt="des" src="logo_écaflip.png"></p>
<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 class="btn btn-light" 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" 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" 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" 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" alt="Creative Common"> <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode.fr" target="_blank">Creative Commons 4.0</a></p>

View File

@ -11,6 +11,7 @@
<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 rel="stylesheet" href="quote.css">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
</head> </head>
@ -30,7 +31,7 @@
<a class="nav-link active" href="infos.html">Informations</a> <a class="nav-link active" href="infos.html">Informations</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="#" 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>
@ -67,13 +68,13 @@
<h2>Remerciements</h2> <h2>Remerciements</h2>
<p> <p>
<a href="http://camelia-studio.org" target="_blank"> <a href="http://camelia-studio.org" target="_blank">
<img src="img/logo_camelia.png" alt="Logo Camelia Studio"> <img src="img/logo_camelia.png">
</a> </a>
<a href="http://cila.camelia-studio.org" target="_blank"> <a href="http://cila.camelia-studio.org" target="_blank">
<img src="img/logo_cila.png" alt="Logo CILA"> <img src="img/logo_cila.png">
</a> </a>
<a href="http://zaap.camelia-studio.org" target="_blank"> <a href="http://zaap.camelia-studio.org" target="_blank">
<img src="img/logo_zaap.png" alt="Logo Alt+Tab"> <img src="img/logo_zaap.png">
</a> </a>
</p> </p>

View File

@ -12,47 +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">
<!-- TODO: Refaire les sliders --> <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>

View File

@ -31,7 +31,7 @@
<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="https://git.crystalyx.net/camelia-studio/Roulette-a-donjons" target="_blank">Contribuer &#8599;</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 active" href="soutenir.html">Soutenir</a> <a class="nav-link active" href="soutenir.html">Soutenir</a>
@ -55,7 +55,7 @@
href="https://paypal.me/camelia" target="_blank">Paypal</a>. Cela lui fera chaud au cœur. N'oubliez pas 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 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> uniquement grâce aux dons.</p>
<div><img alt="lingot" src="img/lingot.png"></div> <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>
</body> </body>