Compare commits
No commits in common. "master" and "v.1.0.1" have entirely different histories.
@ -1,18 +0,0 @@
|
|||||||
name: roulette
|
|
||||||
on:
|
|
||||||
push:
|
|
||||||
branches:
|
|
||||||
- master
|
|
||||||
|
|
||||||
jobs:
|
|
||||||
deploy:
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
container: finalgene/lftp
|
|
||||||
steps:
|
|
||||||
- run: apk add --no-cache git nodejs
|
|
||||||
- uses: actions/checkout@v3
|
|
||||||
- run: lftp -c "set cmd:fail-exit yes; set ftp:ssl-allow no; open -u $USERNAME,$PASSWORD $HOST; cd cila.camelia-studio.org/roulette-donjons; mirror -Rpnevvv --parallel=10 --exclude .git/"
|
|
||||||
env:
|
|
||||||
USERNAME: ${{ secrets.USERNAME }}
|
|
||||||
PASSWORD: ${{ secrets.PASSWORD }}
|
|
||||||
HOST: ${{ secrets.HOST }}
|
|
||||||
4
.gitignore
vendored
4
.gitignore
vendored
@ -1,4 +0,0 @@
|
|||||||
.vscode/
|
|
||||||
.fleet/
|
|
||||||
.idea/
|
|
||||||
*.iml
|
|
||||||
8
.gitlab-ci.yml
Normal file
8
.gitlab-ci.yml
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
image: mwienk/docker-lftp
|
||||||
|
|
||||||
|
deploy:
|
||||||
|
stage: deploy
|
||||||
|
script:
|
||||||
|
- lftp -c "set ftp:ssl-allow no; open -u $USERNAME,$PASSWORD $HOST; cd concepts.esenjin.xyz/roulette-donjons; mirror -Rnev --parallel=10"
|
||||||
|
only:
|
||||||
|
- master
|
||||||
64
001-050/css/style.css
Normal file
64
001-050/css/style.css
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
body{
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
background: #c7bcad;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container{
|
||||||
|
width:800px;
|
||||||
|
margin:50px auto;
|
||||||
|
padding: 20px;
|
||||||
|
width:50%;
|
||||||
|
}
|
||||||
|
#container h2{
|
||||||
|
text-align:center;
|
||||||
|
color:#045;
|
||||||
|
}
|
||||||
|
|
||||||
|
#quoteContainer{
|
||||||
|
width:75%;
|
||||||
|
background: #c7bcad;
|
||||||
|
padding:10px;
|
||||||
|
margin:30px auto;
|
||||||
|
text-align: center;
|
||||||
|
height:70px;
|
||||||
|
}
|
||||||
|
#buttonContainer{
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#quoteButton{
|
||||||
|
width:200px;
|
||||||
|
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-style: italic;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*MEDIA QUERIES*/
|
||||||
|
@media screen and(max-width:760px){
|
||||||
|
#quoteButton,#addNew{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
41
001-050/index.html
Normal file
41
001-050/index.html
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr" >
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Roulette à donjons</title>
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Roulette à donjons</title>
|
||||||
|
<link rel="stylesheet" href="quote.css">
|
||||||
|
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
|
||||||
|
<script src="jquery-1.11.2.min.js" type="text/javascript"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="container">
|
||||||
|
<h2>Vous ne savez pas quel donjon faire en guilde ?</h2>
|
||||||
|
<h2>Laissez les Dieux vous guider dans votre choix.</h2>
|
||||||
|
<div id="quoteContainer">
|
||||||
|
<p></p>
|
||||||
|
<p id="quoteGenius"></p>
|
||||||
|
</div><!--end quoteContainer-->
|
||||||
|
|
||||||
|
<div id="buttonContainer">
|
||||||
|
<a href="#" id="quoteButton">M'en remettre aux Dieux.</a>
|
||||||
|
</div><!--end buttonContainer-->
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end container-->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||||
|
<script src="js/index.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
102
001-050/js/index.js
Normal file
102
001-050/js/index.js
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
$(document).ready(function(){
|
||||||
|
var quoteSource=[
|
||||||
|
{
|
||||||
|
quote: "Crypte de Kardorim",
|
||||||
|
name:"Kardorim"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Grange du Tournesol Affamé",
|
||||||
|
name:"Tournesol Affamé"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Château Ensablé",
|
||||||
|
name:"Mob l'Éponge"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cour du Bouftou Royal",
|
||||||
|
name:"Bouftou Royal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Scarafeuilles",
|
||||||
|
name:"Scarabosse Doré"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Tofus",
|
||||||
|
name:"Botofu"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Maison Fantôme",
|
||||||
|
name:"Boostache"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Squelettes",
|
||||||
|
name:"Chafer Rōnin"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cache de Kankreblath",
|
||||||
|
name:"Kankreblath"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Bworks",
|
||||||
|
name:"Bworkette"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Forgerons",
|
||||||
|
name:"Coffre des Forgerons"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Larves",
|
||||||
|
name:"Shin Larve"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Grotte Hesque",
|
||||||
|
name:"Corailleur Magistral"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Nid du Kwakwa",
|
||||||
|
name:"Kwakwa"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Caverne des Bulbes",
|
||||||
|
name:"Bulbig Brozeur"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Tu ne voudrais pas plutôt aller finir les quêtes que tu as en cours ?",
|
||||||
|
name:"La Voix de la Raison"
|
||||||
|
}
|
||||||
|
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
|
$('#quoteButton').click(function(evt){
|
||||||
|
//define the containers of the info we target
|
||||||
|
var quote = $('#quoteContainer p').text();
|
||||||
|
var quoteGenius = $('#quoteGenius').text();
|
||||||
|
//prevent browser's default action
|
||||||
|
evt.preventDefault();
|
||||||
|
//getting a new random number to attach to a quote and setting a limit
|
||||||
|
var sourceLength = quoteSource.length;
|
||||||
|
var randomNumber= Math.floor(Math.random()*sourceLength);
|
||||||
|
//set a new quote
|
||||||
|
for(i=0;i<=sourceLength;i+=1){
|
||||||
|
var newQuoteText = quoteSource[randomNumber].quote;
|
||||||
|
var newQuoteGenius = quoteSource[randomNumber].name;
|
||||||
|
//console.log(newQuoteText,newQuoteGenius);
|
||||||
|
var timeAnimation = 500;
|
||||||
|
var quoteContainer = $('#quoteContainer');
|
||||||
|
//fade out animation with callback
|
||||||
|
quoteContainer.fadeOut(timeAnimation, function(){
|
||||||
|
quoteContainer.html('');
|
||||||
|
quoteContainer.append('<p>'+newQuoteText+'</p>'+'<p id="quoteGenius">'+'- '+newQuoteGenius+'</p>');
|
||||||
|
|
||||||
|
//fadein animation.
|
||||||
|
quoteContainer.fadeIn(timeAnimation);
|
||||||
|
});
|
||||||
|
|
||||||
|
break;
|
||||||
|
};//end for loop
|
||||||
|
|
||||||
|
});//end quoteButton function
|
||||||
|
|
||||||
|
|
||||||
|
});//end document ready
|
||||||
64
001-200/css/style.css
Normal file
64
001-200/css/style.css
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
body{
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
background: #c7bcad;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container{
|
||||||
|
width:800px;
|
||||||
|
margin:50px auto;
|
||||||
|
padding: 20px;
|
||||||
|
width:50%;
|
||||||
|
}
|
||||||
|
#container h2{
|
||||||
|
text-align:center;
|
||||||
|
color:#045;
|
||||||
|
}
|
||||||
|
|
||||||
|
#quoteContainer{
|
||||||
|
width:75%;
|
||||||
|
background: #c7bcad;
|
||||||
|
padding:10px;
|
||||||
|
margin:30px auto;
|
||||||
|
text-align: center;
|
||||||
|
height:70px;
|
||||||
|
}
|
||||||
|
#buttonContainer{
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#quoteButton{
|
||||||
|
width:200px;
|
||||||
|
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-style: italic;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*MEDIA QUERIES*/
|
||||||
|
@media screen and(max-width:760px){
|
||||||
|
#quoteButton,#addNew{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
41
001-200/index.html
Normal file
41
001-200/index.html
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr" >
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Roulette à donjons</title>
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Roulette à donjons</title>
|
||||||
|
<link rel="stylesheet" href="quote.css">
|
||||||
|
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
|
||||||
|
<script src="jquery-1.11.2.min.js" type="text/javascript"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="container">
|
||||||
|
<h2>Vous ne savez pas quel donjon faire en guilde ?</h2>
|
||||||
|
<h2>Laissez les Dieux vous guider dans votre choix.</h2>
|
||||||
|
<div id="quoteContainer">
|
||||||
|
<p></p>
|
||||||
|
<p id="quoteGenius"></p>
|
||||||
|
</div><!--end quoteContainer-->
|
||||||
|
|
||||||
|
<div id="buttonContainer">
|
||||||
|
<a href="#" id="quoteButton">M'en remettre aux Dieux.</a>
|
||||||
|
</div><!--end buttonContainer-->
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end container-->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||||
|
<script src="js/index.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
434
001-200/js/index.js
Normal file
434
001-200/js/index.js
Normal file
@ -0,0 +1,434 @@
|
|||||||
|
$(document).ready(function(){
|
||||||
|
var quoteSource=[
|
||||||
|
{
|
||||||
|
quote: "Crypte de Kardorim",
|
||||||
|
name:"Kardorim"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Grange du Tournesol Affamé",
|
||||||
|
name:"Tournesol Affamé"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Château Ensablé",
|
||||||
|
name:"Mob l'Éponge"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cour du Bouftou Royal",
|
||||||
|
name:"Bouftou Royal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Scarafeuilles",
|
||||||
|
name:"Scarabosse Doré"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Tofus",
|
||||||
|
name:"Botofu"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Maison Fantôme",
|
||||||
|
name:"Boostache"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Squelettes",
|
||||||
|
name:"Chafer Rōnin"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cache de Kankreblath",
|
||||||
|
name:"Kankreblath"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Bworks",
|
||||||
|
name:"Bworkette"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Forgerons",
|
||||||
|
name:"Coffre des Forgerons"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Larves",
|
||||||
|
name:"Shin Larve"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Grotte Hesque",
|
||||||
|
name:"Corailleur Magistral"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Nid du Kwakwa",
|
||||||
|
name:"Kwakwa"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Caverne des Bulbes",
|
||||||
|
name:"Bulbig Brozeur"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote: "Château du Wa Wabbit",
|
||||||
|
name:"Wa Wabbit"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Village kanniboul",
|
||||||
|
name:"Kanniboul Ebil"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Clos des Blops",
|
||||||
|
name:"Blops Royaux"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Gelaxième Dimension",
|
||||||
|
name:"Gelées Royales"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Laboratoire de Brumen Tinctorias",
|
||||||
|
name:"Nelween"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cale de l'Arche d'Otomaï",
|
||||||
|
name:"Gourlo le Terrible"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Craqueleurs",
|
||||||
|
name:"Craqueleur Légendaire"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Repaire de Daïgoro",
|
||||||
|
name:"Daïgoro"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Terrier du Wa Wabbit",
|
||||||
|
name:"Wa Wobot"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cimetière des Mastodontes",
|
||||||
|
name:"Mantiscore"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Antre de la Reine Nyée",
|
||||||
|
name:"Reine Nyée"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Domaine Ancestral",
|
||||||
|
name:"Abraknyde Ancestral"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Bateau du Chouque",
|
||||||
|
name:"Chouque"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Chapiteau des Magik Riktus",
|
||||||
|
name:"Choudini"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Antre du Dragon Cochon",
|
||||||
|
name:"Dragon Cochon"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Caverne du Koulosse",
|
||||||
|
name:"Koulosse"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Tanière du Meulou",
|
||||||
|
name:"Meulou"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Arbre de Moon",
|
||||||
|
name:"Moon"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Théâtre de Dramak",
|
||||||
|
name:"Maître des Pantins"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Fabrique de Malléfisk",
|
||||||
|
name:"Malléfisk"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote: "Goulet du Rasboul",
|
||||||
|
name:"Silf le Rasboul Majeur"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Bibliothèque du Maître Corbac",
|
||||||
|
name:"Maître Corbac"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Rats de Bonta",
|
||||||
|
name:"Rat Blanc"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Rats de Brâkmar",
|
||||||
|
name:"Rat Noir"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Miausolée du Pounicheur",
|
||||||
|
name:"Pounicheur"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Antre du Blops Multicolore Royal",
|
||||||
|
name:"Blops Multicolore Royal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Centre du Labyrinthe du Minotoror",
|
||||||
|
name:"Minotoror"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Serre du Royalmouth",
|
||||||
|
name:"Royalmouth"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Repaire des Pandikazes",
|
||||||
|
name:"Maître Pandore"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Tofulailler Royal",
|
||||||
|
name:"Tofu Royal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Dragoeufs",
|
||||||
|
name:"Crocabulia"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Repaire de Skeunk",
|
||||||
|
name:"Skeunk"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Mégalithe de Fraktale",
|
||||||
|
name:"Fraktale"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Kitsounes",
|
||||||
|
name:"Tanukouï San"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Volière de la Haute Truche",
|
||||||
|
name:"Haute Truche"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Caverne d'El Piko",
|
||||||
|
name:"El Piko"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Ring du Capitaine Ekarlatte",
|
||||||
|
name:"Capitaine Ekarlatte"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Firefoux",
|
||||||
|
name:"Péki Péki"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Clairière du Chêne Mou",
|
||||||
|
name:"Chêne Mou"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Laboratoire du Tynril",
|
||||||
|
name:"Tynrils"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Excavation du Mansot Royal",
|
||||||
|
name:"Mansot Royal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Épave du Grolandais Violent",
|
||||||
|
name:"Ben le Ripate"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Rats du Château d'Amakna",
|
||||||
|
name:"Sphincter Cell"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Galerie du Phossile",
|
||||||
|
name:"Phossile"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote: "Canopée du Kimbo",
|
||||||
|
name:"Kimbo"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Salle du Minotot",
|
||||||
|
name:"Minotot"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Hypogée de l'Obsidiantre",
|
||||||
|
name:"Obsidiantre"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Grotte de Kanigroula",
|
||||||
|
name:"Kanigroula"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Plateau de Ush",
|
||||||
|
name:"Ush Galesh"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cavernes Givrefoux",
|
||||||
|
name:"Tengu Givrefoux"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Boyau du Père Ver",
|
||||||
|
name:"Père Ver"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Horologium de XLII",
|
||||||
|
name:"XLII"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Antre du Korriandre",
|
||||||
|
name:"Korriandre"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Antre du Kralamoure Géant",
|
||||||
|
name:"Kralamoure Géant"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Grotte du Bworker",
|
||||||
|
name:"Bworker"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Temple du Grand Ougah",
|
||||||
|
name:"Ougah"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cave du Toxoliath",
|
||||||
|
name:"Toxoliath"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cavernes du Kolosso",
|
||||||
|
name:"Kolosso"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cavernes Nourricières",
|
||||||
|
name:"Fuji Givrefoux Nourricière"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Mine de Sakaï",
|
||||||
|
name:"N (nique Grolloum !)"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Antichambre du Glourséleste",
|
||||||
|
name:"Glourséleste"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Pyramide d'Ombre",
|
||||||
|
name:"Ombre"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Camp du Comte Razof",
|
||||||
|
name:"Comte Razof"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote: "Forgefroide de Missiz Frizz",
|
||||||
|
name:"Missiz Frizz"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Transporteur de Sylargh",
|
||||||
|
name:"Sylargh"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Salons privés de Klime",
|
||||||
|
name:"Klime"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Laboratoire de Nileza",
|
||||||
|
name:"Nileza"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon du Comte",
|
||||||
|
name:"Comte Harebourg"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Aquadôme de Merkator",
|
||||||
|
name:"Merkator"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Palais du roi Nidas",
|
||||||
|
name:"roi Nidas"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Trône de la Cour Sombre",
|
||||||
|
name:"Reine des Voleurs"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Ventre de la Baleine",
|
||||||
|
name:"Protozorreur"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Œil de Vortex",
|
||||||
|
name:"Vortex"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Défi du Chalœil",
|
||||||
|
name:"Chalœil"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Vaisseau du Capitaine Meno",
|
||||||
|
name:"Capitaine Meno"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Temple de Koutoulou",
|
||||||
|
name:"Larve de Koutoulou"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Palais de Dantinéa",
|
||||||
|
name:"Dantinéa"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Chambre de Tal Kasha",
|
||||||
|
name:"Tal Kasha"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Manoir des Katrepat",
|
||||||
|
name:"Anerice la Shushess"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Belvédère d'Ilyzaelle",
|
||||||
|
name:"Ilyzaelle"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Tour de Solar",
|
||||||
|
name:"Solar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Tour de Bethel",
|
||||||
|
name:"Bethel Akarna"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Brasserie du roi Dazak",
|
||||||
|
name:"Dazak Martegel"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Parmis toutes les possibilités, tu tombes sur moi ? Nos destins sont certainement liés !",
|
||||||
|
name:"La Voix de la Raison"
|
||||||
|
}
|
||||||
|
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
|
$('#quoteButton').click(function(evt){
|
||||||
|
//define the containers of the info we target
|
||||||
|
var quote = $('#quoteContainer p').text();
|
||||||
|
var quoteGenius = $('#quoteGenius').text();
|
||||||
|
//prevent browser's default action
|
||||||
|
evt.preventDefault();
|
||||||
|
//getting a new random number to attach to a quote and setting a limit
|
||||||
|
var sourceLength = quoteSource.length;
|
||||||
|
var randomNumber= Math.floor(Math.random()*sourceLength);
|
||||||
|
//set a new quote
|
||||||
|
for(i=0;i<=sourceLength;i+=1){
|
||||||
|
var newQuoteText = quoteSource[randomNumber].quote;
|
||||||
|
var newQuoteGenius = quoteSource[randomNumber].name;
|
||||||
|
//console.log(newQuoteText,newQuoteGenius);
|
||||||
|
var timeAnimation = 500;
|
||||||
|
var quoteContainer = $('#quoteContainer');
|
||||||
|
//fade out animation with callback
|
||||||
|
quoteContainer.fadeOut(timeAnimation, function(){
|
||||||
|
quoteContainer.html('');
|
||||||
|
quoteContainer.append('<p>'+newQuoteText+'</p>'+'<p id="quoteGenius">'+'- '+newQuoteGenius+'</p>');
|
||||||
|
|
||||||
|
//fadein animation.
|
||||||
|
quoteContainer.fadeIn(timeAnimation);
|
||||||
|
});
|
||||||
|
|
||||||
|
break;
|
||||||
|
};//end for loop
|
||||||
|
|
||||||
|
});//end quoteButton function
|
||||||
|
|
||||||
|
|
||||||
|
});//end document ready
|
||||||
64
051-100/css/style.css
Normal file
64
051-100/css/style.css
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
body{
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
background: #c7bcad;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container{
|
||||||
|
width:800px;
|
||||||
|
margin:50px auto;
|
||||||
|
padding: 20px;
|
||||||
|
width:50%;
|
||||||
|
}
|
||||||
|
#container h2{
|
||||||
|
text-align:center;
|
||||||
|
color:#045;
|
||||||
|
}
|
||||||
|
|
||||||
|
#quoteContainer{
|
||||||
|
width:75%;
|
||||||
|
background: #c7bcad;
|
||||||
|
padding:10px;
|
||||||
|
margin:30px auto;
|
||||||
|
text-align: center;
|
||||||
|
height:70px;
|
||||||
|
}
|
||||||
|
#buttonContainer{
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#quoteButton{
|
||||||
|
width:200px;
|
||||||
|
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-style: italic;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*MEDIA QUERIES*/
|
||||||
|
@media screen and(max-width:760px){
|
||||||
|
#quoteButton,#addNew{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
41
051-100/index.html
Normal file
41
051-100/index.html
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr" >
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Roulette à donjons</title>
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Roulette à donjons</title>
|
||||||
|
<link rel="stylesheet" href="quote.css">
|
||||||
|
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
|
||||||
|
<script src="jquery-1.11.2.min.js" type="text/javascript"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="container">
|
||||||
|
<h2>Vous ne savez pas quel donjon faire en guilde ?</h2>
|
||||||
|
<h2>Laissez les Dieux vous guider dans votre choix.</h2>
|
||||||
|
<div id="quoteContainer">
|
||||||
|
<p></p>
|
||||||
|
<p id="quoteGenius"></p>
|
||||||
|
</div><!--end quoteContainer-->
|
||||||
|
|
||||||
|
<div id="buttonContainer">
|
||||||
|
<a href="#" id="quoteButton">M'en remettre aux Dieux.</a>
|
||||||
|
</div><!--end buttonContainer-->
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end container-->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||||
|
<script src="js/index.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
122
051-100/js/index.js
Normal file
122
051-100/js/index.js
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
$(document).ready(function(){
|
||||||
|
var quoteSource=[
|
||||||
|
{
|
||||||
|
quote: "Château du Wa Wabbit",
|
||||||
|
name:"Wa Wabbit"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Village kanniboul",
|
||||||
|
name:"Kanniboul Ebil"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Clos des Blops",
|
||||||
|
name:"Blops Royaux"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Gelaxième Dimension",
|
||||||
|
name:"Gelées Royales"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Laboratoire de Brumen Tinctorias",
|
||||||
|
name:"Nelween"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cale de l'Arche d'Otomaï",
|
||||||
|
name:"Gourlo le Terrible"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Craqueleurs",
|
||||||
|
name:"Craqueleur Légendaire"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Repaire de Daïgoro",
|
||||||
|
name:"Daïgoro"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Terrier du Wa Wabbit",
|
||||||
|
name:"Wa Wobot"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cimetière des Mastodontes",
|
||||||
|
name:"Mantiscore"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Antre de la Reine Nyée",
|
||||||
|
name:"Reine Nyée"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Domaine Ancestral",
|
||||||
|
name:"Abraknyde Ancestral"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Bateau du Chouque",
|
||||||
|
name:"Chouque"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Chapiteau des Magik Riktus",
|
||||||
|
name:"Choudini"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Antre du Dragon Cochon",
|
||||||
|
name:"Dragon Cochon"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Caverne du Koulosse",
|
||||||
|
name:"Koulosse"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Tanière du Meulou",
|
||||||
|
name:"Meulou"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Arbre de Moon",
|
||||||
|
name:"Moon"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Théâtre de Dramak",
|
||||||
|
name:"Maître des Pantins"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Fabrique de Malléfisk",
|
||||||
|
name:"Malléfisk"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Tu mérites un peu de repos non ? Reste glander au zaap aujourd'hui.",
|
||||||
|
name:"La Voix de la Raison"
|
||||||
|
}
|
||||||
|
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
|
$('#quoteButton').click(function(evt){
|
||||||
|
//define the containers of the info we target
|
||||||
|
var quote = $('#quoteContainer p').text();
|
||||||
|
var quoteGenius = $('#quoteGenius').text();
|
||||||
|
//prevent browser's default action
|
||||||
|
evt.preventDefault();
|
||||||
|
//getting a new random number to attach to a quote and setting a limit
|
||||||
|
var sourceLength = quoteSource.length;
|
||||||
|
var randomNumber= Math.floor(Math.random()*sourceLength);
|
||||||
|
//set a new quote
|
||||||
|
for(i=0;i<=sourceLength;i+=1){
|
||||||
|
var newQuoteText = quoteSource[randomNumber].quote;
|
||||||
|
var newQuoteGenius = quoteSource[randomNumber].name;
|
||||||
|
//console.log(newQuoteText,newQuoteGenius);
|
||||||
|
var timeAnimation = 500;
|
||||||
|
var quoteContainer = $('#quoteContainer');
|
||||||
|
//fade out animation with callback
|
||||||
|
quoteContainer.fadeOut(timeAnimation, function(){
|
||||||
|
quoteContainer.html('');
|
||||||
|
quoteContainer.append('<p>'+newQuoteText+'</p>'+'<p id="quoteGenius">'+'- '+newQuoteGenius+'</p>');
|
||||||
|
|
||||||
|
//fadein animation.
|
||||||
|
quoteContainer.fadeIn(timeAnimation);
|
||||||
|
});
|
||||||
|
|
||||||
|
break;
|
||||||
|
};//end for loop
|
||||||
|
|
||||||
|
});//end quoteButton function
|
||||||
|
|
||||||
|
|
||||||
|
});//end document ready
|
||||||
64
101-150/css/style.css
Normal file
64
101-150/css/style.css
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
body{
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
background: #c7bcad;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container{
|
||||||
|
width:800px;
|
||||||
|
margin:50px auto;
|
||||||
|
padding: 20px;
|
||||||
|
width:50%;
|
||||||
|
}
|
||||||
|
#container h2{
|
||||||
|
text-align:center;
|
||||||
|
color:#045;
|
||||||
|
}
|
||||||
|
|
||||||
|
#quoteContainer{
|
||||||
|
width:75%;
|
||||||
|
background: #c7bcad;
|
||||||
|
padding:10px;
|
||||||
|
margin:30px auto;
|
||||||
|
text-align: center;
|
||||||
|
height:70px;
|
||||||
|
}
|
||||||
|
#buttonContainer{
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#quoteButton{
|
||||||
|
width:200px;
|
||||||
|
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-style: italic;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*MEDIA QUERIES*/
|
||||||
|
@media screen and(max-width:760px){
|
||||||
|
#quoteButton,#addNew{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
41
101-150/index.html
Normal file
41
101-150/index.html
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr" >
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Roulette à donjons</title>
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Roulette à donjons</title>
|
||||||
|
<link rel="stylesheet" href="quote.css">
|
||||||
|
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
|
||||||
|
<script src="jquery-1.11.2.min.js" type="text/javascript"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="container">
|
||||||
|
<h2>Vous ne savez pas quel donjon faire en guilde ?</h2>
|
||||||
|
<h2>Laissez les Dieux vous guider dans votre choix.</h2>
|
||||||
|
<div id="quoteContainer">
|
||||||
|
<p></p>
|
||||||
|
<p id="quoteGenius"></p>
|
||||||
|
</div><!--end quoteContainer-->
|
||||||
|
|
||||||
|
<div id="buttonContainer">
|
||||||
|
<a href="#" id="quoteButton">M'en remettre aux Dieux.</a>
|
||||||
|
</div><!--end buttonContainer-->
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end container-->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||||
|
<script src="js/index.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
138
101-150/js/index.js
Normal file
138
101-150/js/index.js
Normal file
@ -0,0 +1,138 @@
|
|||||||
|
$(document).ready(function(){
|
||||||
|
var quoteSource=[
|
||||||
|
{
|
||||||
|
quote: "Goulet du Rasboul",
|
||||||
|
name:"Silf le Rasboul Majeur"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Bibliothèque du Maître Corbac",
|
||||||
|
name:"Maître Corbac"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Rats de Bonta",
|
||||||
|
name:"Rat Blanc"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Rats de Brâkmar",
|
||||||
|
name:"Rat Noir"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Miausolée du Pounicheur",
|
||||||
|
name:"Pounicheur"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Antre du Blops Multicolore Royal",
|
||||||
|
name:"Blops Multicolore Royal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Centre du Labyrinthe du Minotoror",
|
||||||
|
name:"Minotoror"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Serre du Royalmouth",
|
||||||
|
name:"Royalmouth"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Repaire des Pandikazes",
|
||||||
|
name:"Maître Pandore"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Tofulailler Royal",
|
||||||
|
name:"Tofu Royal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Dragoeufs",
|
||||||
|
name:"Crocabulia"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Repaire de Skeunk",
|
||||||
|
name:"Skeunk"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Mégalithe de Fraktale",
|
||||||
|
name:"Fraktale"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Kitsounes",
|
||||||
|
name:"Tanukouï San"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Volière de la Haute Truche",
|
||||||
|
name:"Haute Truche"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Caverne d'El Piko",
|
||||||
|
name:"El Piko"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Ring du Capitaine Ekarlatte",
|
||||||
|
name:"Capitaine Ekarlatte"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Firefoux",
|
||||||
|
name:"Péki Péki"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Clairière du Chêne Mou",
|
||||||
|
name:"Chêne Mou"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Laboratoire du Tynril",
|
||||||
|
name:"Tynrils"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Excavation du Mansot Royal",
|
||||||
|
name:"Mansot Royal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Épave du Grolandais Violent",
|
||||||
|
name:"Ben le Ripate"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon des Rats du Château d'Amakna",
|
||||||
|
name:"Sphincter Cell"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Galerie du Phossile",
|
||||||
|
name:"Phossile"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Tu devrais aussi t'intéresser au JcJ. Va donc taper un percepteur !",
|
||||||
|
name:"La Voix de la Raison"
|
||||||
|
}
|
||||||
|
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
|
$('#quoteButton').click(function(evt){
|
||||||
|
//define the containers of the info we target
|
||||||
|
var quote = $('#quoteContainer p').text();
|
||||||
|
var quoteGenius = $('#quoteGenius').text();
|
||||||
|
//prevent browser's default action
|
||||||
|
evt.preventDefault();
|
||||||
|
//getting a new random number to attach to a quote and setting a limit
|
||||||
|
var sourceLength = quoteSource.length;
|
||||||
|
var randomNumber= Math.floor(Math.random()*sourceLength);
|
||||||
|
//set a new quote
|
||||||
|
for(i=0;i<=sourceLength;i+=1){
|
||||||
|
var newQuoteText = quoteSource[randomNumber].quote;
|
||||||
|
var newQuoteGenius = quoteSource[randomNumber].name;
|
||||||
|
//console.log(newQuoteText,newQuoteGenius);
|
||||||
|
var timeAnimation = 500;
|
||||||
|
var quoteContainer = $('#quoteContainer');
|
||||||
|
//fade out animation with callback
|
||||||
|
quoteContainer.fadeOut(timeAnimation, function(){
|
||||||
|
quoteContainer.html('');
|
||||||
|
quoteContainer.append('<p>'+newQuoteText+'</p>'+'<p id="quoteGenius">'+'- '+newQuoteGenius+'</p>');
|
||||||
|
|
||||||
|
//fadein animation.
|
||||||
|
quoteContainer.fadeIn(timeAnimation);
|
||||||
|
});
|
||||||
|
|
||||||
|
break;
|
||||||
|
};//end for loop
|
||||||
|
|
||||||
|
});//end quoteButton function
|
||||||
|
|
||||||
|
|
||||||
|
});//end document ready
|
||||||
64
151-190/css/style.css
Normal file
64
151-190/css/style.css
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
body{
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
background: #c7bcad;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container{
|
||||||
|
width:800px;
|
||||||
|
margin:50px auto;
|
||||||
|
padding: 20px;
|
||||||
|
width:50%;
|
||||||
|
}
|
||||||
|
#container h2{
|
||||||
|
text-align:center;
|
||||||
|
color:#045;
|
||||||
|
}
|
||||||
|
|
||||||
|
#quoteContainer{
|
||||||
|
width:75%;
|
||||||
|
background: #c7bcad;
|
||||||
|
padding:10px;
|
||||||
|
margin:30px auto;
|
||||||
|
text-align: center;
|
||||||
|
height:70px;
|
||||||
|
}
|
||||||
|
#buttonContainer{
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#quoteButton{
|
||||||
|
width:200px;
|
||||||
|
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-style: italic;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*MEDIA QUERIES*/
|
||||||
|
@media screen and(max-width:760px){
|
||||||
|
#quoteButton,#addNew{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
41
151-190/index.html
Normal file
41
151-190/index.html
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr" >
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Roulette à donjons</title>
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Roulette à donjons</title>
|
||||||
|
<link rel="stylesheet" href="quote.css">
|
||||||
|
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
|
||||||
|
<script src="jquery-1.11.2.min.js" type="text/javascript"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="container">
|
||||||
|
<h2>Vous ne savez pas quel donjon faire en guilde ?</h2>
|
||||||
|
<h2>Laissez les Dieux vous guider dans votre choix.</h2>
|
||||||
|
<div id="quoteContainer">
|
||||||
|
<p></p>
|
||||||
|
<p id="quoteGenius"></p>
|
||||||
|
</div><!--end quoteContainer-->
|
||||||
|
|
||||||
|
<div id="buttonContainer">
|
||||||
|
<a href="#" id="quoteButton">M'en remettre aux Dieux.</a>
|
||||||
|
</div><!--end buttonContainer-->
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end container-->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||||
|
<script src="js/index.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
118
151-190/js/index.js
Normal file
118
151-190/js/index.js
Normal file
@ -0,0 +1,118 @@
|
|||||||
|
$(document).ready(function(){
|
||||||
|
var quoteSource=[
|
||||||
|
{
|
||||||
|
quote: "Canopée du Kimbo",
|
||||||
|
name:"Kimbo"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Salle du Minotot",
|
||||||
|
name:"Minotot"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Hypogée de l'Obsidiantre",
|
||||||
|
name:"Obsidiantre"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Grotte de Kanigroula",
|
||||||
|
name:"Kanigroula"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Plateau de Ush",
|
||||||
|
name:"Ush Galesh"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cavernes Givrefoux",
|
||||||
|
name:"Tengu Givrefoux"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Boyau du Père Ver",
|
||||||
|
name:"Père Ver"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Horologium de XLII",
|
||||||
|
name:"XLII"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Antre du Korriandre",
|
||||||
|
name:"Korriandre"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Antre du Kralamoure Géant",
|
||||||
|
name:"Kralamoure Géant"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Grotte du Bworker",
|
||||||
|
name:"Bworker"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Temple du Grand Ougah",
|
||||||
|
name:"Ougah"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cave du Toxoliath",
|
||||||
|
name:"Toxoliath"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cavernes du Kolosso",
|
||||||
|
name:"Kolosso"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Cavernes Nourricières",
|
||||||
|
name:"Fuji Givrefoux Nourricière"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Mine de Sakaï",
|
||||||
|
name:"N (nique Grolloum !)"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Antichambre du Glourséleste",
|
||||||
|
name:"Glourséleste"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Pyramide d'Ombre",
|
||||||
|
name:"Ombre"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Camp du Comte Razof",
|
||||||
|
name:"Comte Razof"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Il fait beau aujourd'hui, tu devrais aller prendre l'air dehors.",
|
||||||
|
name:"La Voix de la Raison"
|
||||||
|
}
|
||||||
|
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
|
$('#quoteButton').click(function(evt){
|
||||||
|
//define the containers of the info we target
|
||||||
|
var quote = $('#quoteContainer p').text();
|
||||||
|
var quoteGenius = $('#quoteGenius').text();
|
||||||
|
//prevent browser's default action
|
||||||
|
evt.preventDefault();
|
||||||
|
//getting a new random number to attach to a quote and setting a limit
|
||||||
|
var sourceLength = quoteSource.length;
|
||||||
|
var randomNumber= Math.floor(Math.random()*sourceLength);
|
||||||
|
//set a new quote
|
||||||
|
for(i=0;i<=sourceLength;i+=1){
|
||||||
|
var newQuoteText = quoteSource[randomNumber].quote;
|
||||||
|
var newQuoteGenius = quoteSource[randomNumber].name;
|
||||||
|
//console.log(newQuoteText,newQuoteGenius);
|
||||||
|
var timeAnimation = 500;
|
||||||
|
var quoteContainer = $('#quoteContainer');
|
||||||
|
//fade out animation with callback
|
||||||
|
quoteContainer.fadeOut(timeAnimation, function(){
|
||||||
|
quoteContainer.html('');
|
||||||
|
quoteContainer.append('<p>'+newQuoteText+'</p>'+'<p id="quoteGenius">'+'- '+newQuoteGenius+'</p>');
|
||||||
|
|
||||||
|
//fadein animation.
|
||||||
|
quoteContainer.fadeIn(timeAnimation);
|
||||||
|
});
|
||||||
|
|
||||||
|
break;
|
||||||
|
};//end for loop
|
||||||
|
|
||||||
|
});//end quoteButton function
|
||||||
|
|
||||||
|
|
||||||
|
});//end document ready
|
||||||
64
191-200/css/style.css
Normal file
64
191-200/css/style.css
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
body{
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
background: #c7bcad;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container{
|
||||||
|
width:800px;
|
||||||
|
margin:50px auto;
|
||||||
|
padding: 20px;
|
||||||
|
width:50%;
|
||||||
|
}
|
||||||
|
#container h2{
|
||||||
|
text-align:center;
|
||||||
|
color:#045;
|
||||||
|
}
|
||||||
|
|
||||||
|
#quoteContainer{
|
||||||
|
width:75%;
|
||||||
|
background: #c7bcad;
|
||||||
|
padding:10px;
|
||||||
|
margin:30px auto;
|
||||||
|
text-align: center;
|
||||||
|
height:70px;
|
||||||
|
}
|
||||||
|
#buttonContainer{
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#quoteButton{
|
||||||
|
width:200px;
|
||||||
|
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-style: italic;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*MEDIA QUERIES*/
|
||||||
|
@media screen and(max-width:760px){
|
||||||
|
#quoteButton,#addNew{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
41
191-200/index.html
Normal file
41
191-200/index.html
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr" >
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Roulette à donjons</title>
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Roulette à donjons</title>
|
||||||
|
<link rel="stylesheet" href="quote.css">
|
||||||
|
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
|
||||||
|
<script src="jquery-1.11.2.min.js" type="text/javascript"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="container">
|
||||||
|
<h2>Vous ne savez pas quel donjon faire en guilde ?</h2>
|
||||||
|
<h2>Laissez les Dieux vous guider dans votre choix.</h2>
|
||||||
|
<div id="quoteContainer">
|
||||||
|
<p></p>
|
||||||
|
<p id="quoteGenius"></p>
|
||||||
|
</div><!--end quoteContainer-->
|
||||||
|
|
||||||
|
<div id="buttonContainer">
|
||||||
|
<a href="#" id="quoteButton">M'en remettre aux Dieux.</a>
|
||||||
|
</div><!--end buttonContainer-->
|
||||||
|
|
||||||
|
|
||||||
|
</div><!--end container-->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||||
|
<script src="js/index.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
122
191-200/js/index.js
Normal file
122
191-200/js/index.js
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
$(document).ready(function(){
|
||||||
|
var quoteSource=[
|
||||||
|
{
|
||||||
|
quote: "Forgefroide de Missiz Frizz",
|
||||||
|
name:"Missiz Frizz"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Transporteur de Sylargh",
|
||||||
|
name:"Sylargh"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Salons privés de Klime",
|
||||||
|
name:"Klime"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Laboratoire de Nileza",
|
||||||
|
name:"Nileza"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Donjon du Comte",
|
||||||
|
name:"Comte Harebourg"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Aquadôme de Merkator",
|
||||||
|
name:"Merkator"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Palais du roi Nidas",
|
||||||
|
name:"roi Nidas"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Trône de la Cour Sombre",
|
||||||
|
name:"Reine des Voleurs"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Ventre de la Baleine",
|
||||||
|
name:"Protozorreur"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Œil de Vortex",
|
||||||
|
name:"Vortex"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Défi du Chalœil",
|
||||||
|
name:"Chalœil"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Vaisseau du Capitaine Meno",
|
||||||
|
name:"Capitaine Meno"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Temple de Koutoulou",
|
||||||
|
name:"Larve de Koutoulou"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Palais de Dantinéa",
|
||||||
|
name:"Dantinéa"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Chambre de Tal Kasha",
|
||||||
|
name:"Tal Kasha"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Manoir des Katrepat",
|
||||||
|
name:"Anerice la Shushess"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Belvédère d'Ilyzaelle",
|
||||||
|
name:"Ilyzaelle"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Tour de Solar",
|
||||||
|
name:"Solar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Tour de Bethel",
|
||||||
|
name:"Bethel Akarna"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Brasserie du roi Dazak",
|
||||||
|
name:"Dazak Martegel"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
quote:"Fouyaya. Les donjons de ce niveau sont bien trop difficiles pour toi !",
|
||||||
|
name:"La Voix de la Raison"
|
||||||
|
}
|
||||||
|
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
|
$('#quoteButton').click(function(evt){
|
||||||
|
//define the containers of the info we target
|
||||||
|
var quote = $('#quoteContainer p').text();
|
||||||
|
var quoteGenius = $('#quoteGenius').text();
|
||||||
|
//prevent browser's default action
|
||||||
|
evt.preventDefault();
|
||||||
|
//getting a new random number to attach to a quote and setting a limit
|
||||||
|
var sourceLength = quoteSource.length;
|
||||||
|
var randomNumber= Math.floor(Math.random()*sourceLength);
|
||||||
|
//set a new quote
|
||||||
|
for(i=0;i<=sourceLength;i+=1){
|
||||||
|
var newQuoteText = quoteSource[randomNumber].quote;
|
||||||
|
var newQuoteGenius = quoteSource[randomNumber].name;
|
||||||
|
//console.log(newQuoteText,newQuoteGenius);
|
||||||
|
var timeAnimation = 500;
|
||||||
|
var quoteContainer = $('#quoteContainer');
|
||||||
|
//fade out animation with callback
|
||||||
|
quoteContainer.fadeOut(timeAnimation, function(){
|
||||||
|
quoteContainer.html('');
|
||||||
|
quoteContainer.append('<p>'+newQuoteText+'</p>'+'<p id="quoteGenius">'+'- '+newQuoteGenius+'</p>');
|
||||||
|
|
||||||
|
//fadein animation.
|
||||||
|
quoteContainer.fadeIn(timeAnimation);
|
||||||
|
});
|
||||||
|
|
||||||
|
break;
|
||||||
|
};//end for loop
|
||||||
|
|
||||||
|
});//end quoteButton function
|
||||||
|
|
||||||
|
|
||||||
|
});//end document ready
|
||||||
@ -9,7 +9,7 @@ Ne vous est-il jamais arrivé ce grand questionnement lors d'une conversation en
|
|||||||
|
|
||||||
Mais n'ayez crainte ! Avec nos contacts hauts placés au sein de l'**Inglorium**, nous avez réussis à obtenir la grâce d'**Écaflip** afin de vous proposer cet exceptionnel outil, sobrement nommé **La roulette à donjons** !
|
Mais n'ayez crainte ! Avec nos contacts hauts placés au sein de l'**Inglorium**, nous avez réussis à obtenir la grâce d'**Écaflip** afin de vous proposer cet exceptionnel outil, sobrement nommé **La roulette à donjons** !
|
||||||
|
|
||||||
Grâce à lui, fini les débats sans fin où vous vous battiez contre vos amis. Désormais, l'avis impartial d'**Écaflip** sera là pour vous départager.
|
Grâce à lui, fini les débats sans fin où vous vous battiez contre vos amis. Désormais, l'avis impartial d'Écaflip sera là pour vous départager.
|
||||||
|
|
||||||
___________
|
___________
|
||||||
|
|
||||||
@ -17,6 +17,8 @@ ___________
|
|||||||
|
|
||||||
Il est possible d'utiliser cet outil à l'adresse suivante : http://ersatz.xyz/donjons
|
Il est possible d'utiliser cet outil à l'adresse suivante : http://ersatz.xyz/donjons
|
||||||
|
|
||||||
Un problème ? Des améliorations à proposer ? Ou tout simplement échanger autour du projet ? __Rejoignez-nous sur Discord__ ! https://discord.gg/nBuZ9vJ dans le canal *#cila*. Nous vous y accueillerons à bras ouverts ;)
|
Un problème ? Des améliorations à proposer ? Ou tout simplement échanger autour du projet ? Rejoignez-nous sur Discord ! https://discord.gg/nBuZ9vJ dans le canal *#dev_plateformes*. Nous vous y accueillerons à bras ouverts ;)
|
||||||
|
|
||||||
Sont utilisés : HTML,CSS & JS.
|
Le code original a été pris à cette adresse : https://codepen.io/kkoutoup/pen/zxmGLE
|
||||||
|
|
||||||
|
Sont utilisés : HTML,CSS & jQuery.
|
||||||
BIN
css/.DS_Store
vendored
BIN
css/.DS_Store
vendored
Binary file not shown.
13462
css/bootstrap.min.css
vendored
13462
css/bootstrap.min.css
vendored
File diff suppressed because it is too large
Load Diff
103
css/style.css
103
css/style.css
@ -1,68 +1,14 @@
|
|||||||
body{
|
body{
|
||||||
font-family: 'Roboto', sans-serif;
|
font-family: 'Roboto', sans-serif;
|
||||||
|
background: #c7bcad;
|
||||||
}
|
}
|
||||||
|
|
||||||
.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;
|
||||||
}
|
}
|
||||||
|
|
||||||
div#slider {
|
|
||||||
width: 80%;
|
|
||||||
max-width: 1000px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#slider figure {
|
|
||||||
position: relative;
|
|
||||||
width: 500%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-size: 0;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#slider figure img {
|
|
||||||
width: 20%;
|
|
||||||
height: auto;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#slider {
|
|
||||||
width: 80%;
|
|
||||||
max-width: 1000px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes slidy {
|
|
||||||
0% { left: 0; }
|
|
||||||
20% { left: 0; }
|
|
||||||
25% { left: -100%; }
|
|
||||||
45% { left: -100%; }
|
|
||||||
50% { left: -200%; }
|
|
||||||
70% { left: -200%; }
|
|
||||||
75% { left: -300%; }
|
|
||||||
95% { left: -300%; }
|
|
||||||
100% { left: -400%; }
|
|
||||||
}
|
|
||||||
|
|
||||||
div#slider figure {
|
|
||||||
position: relative;
|
|
||||||
width: 500%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-size: 0;
|
|
||||||
left: 0;
|
|
||||||
text-align: left;
|
|
||||||
animation: 30s slidy infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
#container{
|
#container{
|
||||||
|
width:800px;
|
||||||
margin:50px auto;
|
margin:50px auto;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
width:50%;
|
width:50%;
|
||||||
@ -73,39 +19,50 @@ div#slider figure {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#quoteContainer{
|
#quoteContainer{
|
||||||
|
width:75%;
|
||||||
|
background: #c7bcad;
|
||||||
padding:10px;
|
padding:10px;
|
||||||
margin:30px auto;
|
margin:30px auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
height:70px;
|
||||||
}
|
}
|
||||||
#buttonContainer{
|
#buttonContainer{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
#quoteGenius{
|
#quoteButton{
|
||||||
font-size: x-large;
|
width:200px;
|
||||||
font-weight: 500;
|
margin-top: 10px;
|
||||||
|
border:2px solid #46b8da;
|
||||||
|
color:#045;
|
||||||
|
font-family: inherit;
|
||||||
|
font-weight: bold;
|
||||||
|
padding:5px;
|
||||||
|
text-decoration: none;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #3388cc;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
|
#quoteButton:hover{
|
||||||
text-shadow: none !important;
|
cursor:pointer;
|
||||||
|
background:#09c;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
#quoteButton:active{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
#quoteButton{
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
#quoteGenius{
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*MEDIA QUERIES*/
|
/*MEDIA QUERIES*/
|
||||||
@media screen and(max-width:760px){
|
@media screen and(max-width:760px){
|
||||||
#addNew{
|
#quoteButton,#addNew{
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.carousel-item.active,
|
|
||||||
.carousel-item-next,
|
|
||||||
.carousel-item-prev{
|
|
||||||
display:block;
|
|
||||||
}
|
}
|
||||||
91
faq.html
91
faq.html
@ -1,91 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="fr">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<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.">
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<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="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>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="soutenir.html">Soutenir</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="livre.html">Infos base</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<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>
|
|
||||||
<div class="d-flex justify-content-center"><img src="img/eca.png"></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>
|
|
||||||
BIN
favicon.ico
BIN
favicon.ico
Binary file not shown.
|
Before Width: | Height: | Size: 71 KiB |
BIN
img/aisling.png
BIN
img/aisling.png
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB |
BIN
img/boss/1.png
BIN
img/boss/1.png
Binary file not shown.
|
Before Width: | Height: | Size: 55 KiB |
BIN
img/boss/10.png
BIN
img/boss/10.png
Binary file not shown.
|
Before Width: | Height: | Size: 38 KiB |
BIN
img/boss/101.png
BIN
img/boss/101.png
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
BIN
img/boss/102.png
BIN
img/boss/102.png
Binary file not shown.
|
Before Width: | Height: | Size: 51 KiB |
BIN
img/boss/103.png
BIN
img/boss/103.png
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
BIN
img/boss/104.png
BIN
img/boss/104.png
Binary file not shown.
|
Before Width: | Height: | Size: 35 KiB |
BIN
img/boss/105.png
BIN
img/boss/105.png
Binary file not shown.
|
Before Width: | Height: | Size: 54 KiB |
BIN
img/boss/106.png
BIN
img/boss/106.png
Binary file not shown.
|
Before Width: | Height: | Size: 47 KiB |
BIN
img/boss/107.png
BIN
img/boss/107.png
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB |
BIN
img/boss/108.png
BIN
img/boss/108.png
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB |
BIN
img/boss/109.png
BIN
img/boss/109.png
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
BIN
img/boss/11.png
BIN
img/boss/11.png
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB |
BIN
img/boss/110.png
BIN
img/boss/110.png
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
BIN
img/boss/111.png
BIN
img/boss/111.png
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
BIN
img/boss/112.png
BIN
img/boss/112.png
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
BIN
img/boss/113.png
BIN
img/boss/113.png
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
BIN
img/boss/114.png
BIN
img/boss/114.png
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
BIN
img/boss/115.png
BIN
img/boss/115.png
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB |
BIN
img/boss/116.png
BIN
img/boss/116.png
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB |
BIN
img/boss/117.png
BIN
img/boss/117.png
Binary file not shown.
|
Before Width: | Height: | Size: 6.8 KiB |
BIN
img/boss/118.png
BIN
img/boss/118.png
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB |
BIN
img/boss/119.png
BIN
img/boss/119.png
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
BIN
img/boss/12.png
BIN
img/boss/12.png
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
BIN
img/boss/120.png
BIN
img/boss/120.png
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
BIN
img/boss/121.png
BIN
img/boss/121.png
Binary file not shown.
|
Before Width: | Height: | Size: 73 KiB |
BIN
img/boss/122.png
BIN
img/boss/122.png
Binary file not shown.
|
Before Width: | Height: | Size: 83 KiB |
BIN
img/boss/123.png
BIN
img/boss/123.png
Binary file not shown.
|
Before Width: | Height: | Size: 39 KiB |
BIN
img/boss/124.png
BIN
img/boss/124.png
Binary file not shown.
|
Before Width: | Height: | Size: 57 KiB |
BIN
img/boss/13.png
BIN
img/boss/13.png
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
BIN
img/boss/14.png
BIN
img/boss/14.png
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
BIN
img/boss/15.png
BIN
img/boss/15.png
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
BIN
img/boss/16.png
BIN
img/boss/16.png
Binary file not shown.
|
Before Width: | Height: | Size: 45 KiB |
BIN
img/boss/17.png
BIN
img/boss/17.png
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
BIN
img/boss/18.png
BIN
img/boss/18.png
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB |
BIN
img/boss/19.png
BIN
img/boss/19.png
Binary file not shown.
|
Before Width: | Height: | Size: 82 KiB |
BIN
img/boss/2.png
BIN
img/boss/2.png
Binary file not shown.
|
Before Width: | Height: | Size: 38 KiB |
BIN
img/boss/20.png
BIN
img/boss/20.png
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
BIN
img/boss/21.png
BIN
img/boss/21.png
Binary file not shown.
|
Before Width: | Height: | Size: 41 KiB |
BIN
img/boss/22.png
BIN
img/boss/22.png
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
BIN
img/boss/23.png
BIN
img/boss/23.png
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
BIN
img/boss/24.png
BIN
img/boss/24.png
Binary file not shown.
|
Before Width: | Height: | Size: 45 KiB |
BIN
img/boss/25.png
BIN
img/boss/25.png
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB |
BIN
img/boss/26.png
BIN
img/boss/26.png
Binary file not shown.
|
Before Width: | Height: | Size: 40 KiB |
BIN
img/boss/27.png
BIN
img/boss/27.png
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
BIN
img/boss/28.png
BIN
img/boss/28.png
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
BIN
img/boss/29.png
BIN
img/boss/29.png
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB |
BIN
img/boss/3.png
BIN
img/boss/3.png
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB |
BIN
img/boss/30.png
BIN
img/boss/30.png
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
BIN
img/boss/31.png
BIN
img/boss/31.png
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
BIN
img/boss/32.png
BIN
img/boss/32.png
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
BIN
img/boss/33.png
BIN
img/boss/33.png
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB |
BIN
img/boss/34.png
BIN
img/boss/34.png
Binary file not shown.
|
Before Width: | Height: | Size: 9.8 KiB |
BIN
img/boss/35.png
BIN
img/boss/35.png
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
BIN
img/boss/36.png
BIN
img/boss/36.png
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB |
BIN
img/boss/37.png
BIN
img/boss/37.png
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB |
BIN
img/boss/38.png
BIN
img/boss/38.png
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
BIN
img/boss/39.png
BIN
img/boss/39.png
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
BIN
img/boss/4.png
BIN
img/boss/4.png
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
BIN
img/boss/40.png
BIN
img/boss/40.png
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
BIN
img/boss/41.png
BIN
img/boss/41.png
Binary file not shown.
|
Before Width: | Height: | Size: 47 KiB |
BIN
img/boss/42.png
BIN
img/boss/42.png
Binary file not shown.
|
Before Width: | Height: | Size: 47 KiB |
BIN
img/boss/43.png
BIN
img/boss/43.png
Binary file not shown.
|
Before Width: | Height: | Size: 54 KiB |
BIN
img/boss/44.png
BIN
img/boss/44.png
Binary file not shown.
|
Before Width: | Height: | Size: 40 KiB |
BIN
img/boss/45.png
BIN
img/boss/45.png
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
BIN
img/boss/46.png
BIN
img/boss/46.png
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB |
BIN
img/boss/47.png
BIN
img/boss/47.png
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB |
BIN
img/boss/48.png
BIN
img/boss/48.png
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
BIN
img/boss/49.png
BIN
img/boss/49.png
Binary file not shown.
|
Before Width: | Height: | Size: 40 KiB |
BIN
img/boss/5.png
BIN
img/boss/5.png
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
BIN
img/boss/50.png
BIN
img/boss/50.png
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB |
BIN
img/boss/51.png
BIN
img/boss/51.png
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
BIN
img/boss/52.png
BIN
img/boss/52.png
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user