Initial commit
This commit is contained in:
commit
7e80e47769
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>
|
98
001-050/js/index.js
Normal file
98
001-050/js/index.js
Normal file
@ -0,0 +1,98 @@
|
||||
$(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"
|
||||
},
|
||||
|
||||
];
|
||||
|
||||
|
||||
$('#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>
|
430
001-200/js/index.js
Normal file
430
001-200/js/index.js
Normal file
@ -0,0 +1,430 @@
|
||||
$(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:"mMî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"
|
||||
}
|
||||
|
||||
];
|
||||
|
||||
|
||||
$('#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>
|
118
051-100/js/index.js
Normal file
118
051-100/js/index.js
Normal file
@ -0,0 +1,118 @@
|
||||
$(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:"mMître des Pantins"
|
||||
},
|
||||
{
|
||||
quote:"Fabrique de Malléfisk",
|
||||
name:"Malléfisk"
|
||||
}
|
||||
|
||||
];
|
||||
|
||||
|
||||
$('#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>
|
134
101-150/js/index.js
Normal file
134
101-150/js/index.js
Normal file
@ -0,0 +1,134 @@
|
||||
$(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"
|
||||
}
|
||||
|
||||
];
|
||||
|
||||
|
||||
$('#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>
|
114
151-190/js/index.js
Normal file
114
151-190/js/index.js
Normal file
@ -0,0 +1,114 @@
|
||||
$(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"
|
||||
}
|
||||
|
||||
];
|
||||
|
||||
|
||||
$('#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>
|
118
191-200/js/index.js
Normal file
118
191-200/js/index.js
Normal file
@ -0,0 +1,118 @@
|
||||
$(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"
|
||||
}
|
||||
|
||||
];
|
||||
|
||||
|
||||
$('#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
|
3
README.txt
Normal file
3
README.txt
Normal file
@ -0,0 +1,3 @@
|
||||
A Pen created at CodePen.io. You can find this one at https://codepen.io/kkoutoup/pen/zxmGLE.
|
||||
|
||||
This random quote generator is a short snippet that can be added to any blog or website. Visitors click on the button and get the quote of the day. Then click again for more quotes. HTML,CSS and jQuery.
|
68
css/style.css
Normal file
68
css/style.css
Normal file
@ -0,0 +1,68 @@
|
||||
body{
|
||||
font-family: 'Roboto', sans-serif;
|
||||
background: #c7bcad;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #045;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
}
|
37
index.html
Normal file
37
index.html
Normal file
@ -0,0 +1,37 @@
|
||||
<!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'>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<h2>Ce site vous permet de consulter les Dieux, afin de savoir quel donjon aller faire avec votre guilde.</h2>
|
||||
<h2>Commencez par choisir la tranche de niveau qui vous correspond ci-dessous.</h2>
|
||||
<div id="buttonContainer">
|
||||
<a href="./001-050/index.html" target="_blank" id="quoteButton">Niveau 1 à 50</a>
|
||||
<a href="./051-100/index.html" target="_blank" id="quoteButton">Niveau 51 à 100</a>
|
||||
<a href="./101-150/index.html" target="_blank" id="quoteButton">Niveau 101 à 150</a>
|
||||
<a href="./151-190/index.html" target="_blank" id="quoteButton">Niveau 151 à 190</a>
|
||||
<a href="./191-200/index.html" target="_blank" id="quoteButton">Niveau 191 à 200</a>
|
||||
<a href="./001-200/index.html" target="_blank" id="quoteButton">Tous les niveaux</a>
|
||||
</div><!--end buttonContainer-->
|
||||
<p>Cet outil a été réalisé par <a href="http://esenjin.xyz" target="_blank">Esenjin</a>, meneur de <a href="https://www.dofus.com/fr/forum/1599-guildes/2246631-guilde-compagnie-sufokia-10-ans" target="_blank">La Compagnie de Sufokia</a> sur le serveur <i>Pandore</i> (anciennement <i>Maimane</i>). Vous pouvez retrouver plus de renseignements sur <a href="./infos.html" target="_blank">la page infos</a>.</p>
|
||||
|
||||
</div><!--end container-->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</body>
|
||||
</html>
|
47
infos.html
Normal file
47
infos.html
Normal file
@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" >
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Informations</title>
|
||||
<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>
|
||||
<div id="container">
|
||||
<h2>Informations générales</h2>
|
||||
<p>Cet outil a été réalisé par <a href="http://esenjin.xyz" target="_blank">Esenjin</a>, meneur de <a href="https://www.dofus.com/fr/forum/1599-guildes/2246631-guilde-compagnie-sufokia-10-ans" target="_blank">La Compagnie de Sufokia</a> sur le serveur <i>Pandore</i> (anciennement <i>Maimane</i>).</p>
|
||||
<p>En cas de soucis avec cet outil, ou si vous avez des améliorations à soumettre, merci de me contacter <a href="https://twitter.com/Sangigi_Esenjin" target="_blank">sur Twitter</a>.</p>
|
||||
<h2>Statistiques</h2>
|
||||
<p>Nombre de donjons dans la base de donnés</p>
|
||||
<ul>
|
||||
<li>Niveaux 1 à 50 : <b>15</b></li>
|
||||
<li>Niveaux 51 à 100 : <b>20</b></li>
|
||||
<li>Niveaux 101 à 150 : <b>24</b></li>
|
||||
<li>Niveaux 151 à 190 : <b>19</b></li>
|
||||
<li>Niveaux 191 à 200 : <b>20</b></li>
|
||||
<li>Total général : <b>98</b></li>
|
||||
</ul>
|
||||
<h2>Divers</h2>
|
||||
<p>Ils ont testés pour vous ! Découvrez <a href="./tests.html" target="_blank"> sur cette page</a> les avis de nos cobayes !</p>
|
||||
<p>Vous pouvez aussi nous rejoindre pour papoter sur <a href="https://discord.gg/nBuZ9vJ" target="_blank">notre serveur Discord</a>.</p>
|
||||
<h2>Notes de patch</h2>
|
||||
<p><b>v.1.0.0</b> - le 21/07/2018</p>
|
||||
<ul>
|
||||
<li>Mise en place de l'outil.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</body>
|
||||
</html>
|
12
license.txt
Normal file
12
license.txt
Normal file
@ -0,0 +1,12 @@
|
||||
|
||||
|
||||
<!--
|
||||
Copyright (c) 2018 by Kostas (https://codepen.io/kkoutoup/pen/zxmGLE)
|
||||
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
-->
|
36
tests.html
Normal file
36
tests.html
Normal file
@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr" >
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Informations</title>
|
||||
<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>
|
||||
<div id="container">
|
||||
<h2>Retours de tests</h2>
|
||||
<p>Nous tenons à signaler qu'aucun membre de la guilde n'a été torturé pour donner les réponses qui suivent.</p>
|
||||
<ul>
|
||||
<li>« <i>C'est sympas mais c'est quoi le but ? xD</i>. » [<b>Dymon</b>]</li>
|
||||
<li>« <i>Grace a cet outil impréssionant, plus besoin de se creuser la cervelle pour trouver un donjon</i>. » [<b>Okita-Souji</b>]</li>
|
||||
<li>« <i>Oh oui, depuis que j'ai découvert le générateur de donjon, ma vie a été boulversée</i>. » [<b>Gg-Ez</b>]</li>
|
||||
<li>« <i>Quel plaisir d'avoir fait 3 donjons du Bworker à la suite, mais c'est Écaflip qui décide !</i>. » [<b>Hidsad</b>]</li>
|
||||
<li>« <i>Nous venons du serveur héroïque et nous sommes tombé sur le Vortex, nous sommes morts, avons perdu nos personnages. Mais, c'est le jeu ma pauvre Lucette.</i>. » [<b>Jmeposesurladalle</b>]</li>
|
||||
<li>« Après avoir cliqué 436 fois sur le bouton, j'ai enfin eu le donjon korriandre que je voulais faire. » [<b>Nerf-This-X</b>]</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue
Block a user