Initial commit
This commit is contained in:
commit
7e80e47769
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
@ -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
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
@ -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
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
@ -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
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
@ -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
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
@ -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
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
@ -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
|
||||
|
|
@ -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.
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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.
|
||||
-->
|
||||
|
|
@ -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