saulnier.j
/
MSJS_clochard_saulnier
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Travail fini, et leandre arette de mettre des espaces partout je vais te tuer

master
quipiq 3 years ago
parent
4194dac457
commit
a7be2f7bb1
5 changed files with 58 additions and 148 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 31
      BJ.html
  2. 28
      Index.php
  3. 36
      menu.php
  4. 25
      slots.html
  5. 86
      styles.css

31
BJ.html
View File

@ -1,47 +1,30 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>casino 77</title> <title>casino 77</title>
<link rel="stylesheet" type="text/css" href="styles.css"> <link rel="stylesheet" type="text/css" href="styles.css">
</head> </head>
<body> <body>
<img class=logo src="image/logo.png"> <img class=logo src="image/logo.png">
<a href="menu.html">
<a href="Index.html">
<img class=accueil src="image/accueil.png"> <img class=accueil src="image/accueil.png">
</a> </a>
<div class="loader"> <div class="loader">
<span class="lettre">7</span> <span class="lettre">7</span>
<span class="lettre">7</span> <span class="lettre">7</span>
<span class="lettre">7</span> <span class="lettre">7</span>
</div> </div>
<h2 class="h2bj">BLACK JACK</h2> <h2 class="h2bj">BLACK JACK</h2>
<div class="bjform"> <div class="bjform">
<h3>Dealer: <span id="dealer-sum"></span></h3> <h3>Dealer: <span id="dealer-sum"></span></h3>
<div id="dealer-cards"> <div id="dealer-cards">
<img id="hidden" src="./cards/BACK.png"> <img id="hidden" src="./cards/BACK.png">
</div> </div>
<h3>You: <span id="your-sum"></span></h3> <h3>You: <span id="your-sum"></span></h3>
<div id="your-cards"></div> <div id="your-cards"></div>
<br> <br>
<div class="buttonhs"> <div class="buttonhs">
<button id="hit">Hit</button> <button id="hit">Hit</button>
@ -53,18 +36,6 @@
<div class="reload"> <div class="reload">
<input type="button" onclick='window.location.reload(false)' value="Rafraichir" /> <input type="button" onclick='window.location.reload(false)' value="Rafraichir" />
</div> </div>
<div class="bg"></div> <div class="bg"></div>
<script src="loading.js"></script> <script src="loading.js"></script>

28
Index.php
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>casino 777</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<img class=logo src="image/logo.png">
<div class="loader">
<span class="lettre">7</span>
<span class="lettre">7</span>
<span class="lettre">7</span>
</div>
<p class="bg" id="demande_age">Veuillez entrer votre age</p>
<form method="post" action="menu.php" >
<p id="demande_age" class="input_age">
<input type="password" name="mot_de_passe" />
<input type="submit" value="Valider" />
</p>
</form>
<div class="bg"></div>
<script src="loading.js"></script>
</body>
</html>

36
Index.html → menu.php
View File

@ -1,34 +1,21 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>casino 777</title> <title>casino 777</title>
<link rel="stylesheet" type="text/css" href="styles.css"> <link rel="stylesheet" type="text/css" href="styles.css">
</head> </head>
<body> <body>
<?php
if (isset($_POST['mot_de_passe']) AND $_POST['mot_de_passe']>=18){
?>
<img class=logo src="image/logo.png"> <img class=logo src="image/logo.png">
<div class="loader"> <div class="loader">
<span class="lettre">7</span> <span class="lettre">7</span>
<span class="lettre">7</span> <span class="lettre">7</span>
<span class="lettre">7</span> <span class="lettre">7</span>
</div> </div>
<a href="slots.html"> <a href="slots.html">
<img class="img1" src="image/imgnoirslot.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirslot.png'" alt="" /> <img class="img1" src="image/imgnoirslot.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirslot.png'" alt="" />
</a> </a>
@ -38,11 +25,22 @@
<img class="img3" src="image/imgnoirroulette.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirroulette.png'" alt="" /> <img class="img3" src="image/imgnoirroulette.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirroulette.png'" alt="" />
<img class="img4" src="image/imgnoirbingo.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirbingo.png'" alt="" /> <img class="img4" src="image/imgnoirbingo.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirbingo.png'" alt="" />
<div class="bg"></div> <div class="bg"></div>
<script src="loading.js"></script> <script src="loading.js"></script>
<script src="main.js"></script> <script src="main.js"></script>
<?php
}
else{
?>
<p class="bg" id="demande_age">Vous êtes trop jeune !!!</p>
<div class="bg"></div>
<script src="loading.js"></script>
<script src="main.js"></script>
<?php
}
?>
</body> </body>
</html> </html>

25
slots.html
View File

@ -1,33 +1,20 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>casino 77</title> <title>casino 77</title>
<link rel="stylesheet" type="text/css" href="styles.css"> <link rel="stylesheet" type="text/css" href="styles.css">
</head> </head>
<body> <body>
<img class=logo src="image/logo.png"> <img class=logo src="image/logo.png">
<a href="menu.html">
<a href="Index.html">
<img class=accueil src="image/accueil.png"> <img class=accueil src="image/accueil.png">
</a> </a>
<div class="loader"> <div class="loader">
<span class="lettre">7</span> <span class="lettre">7</span>
<span class="lettre">7</span> <span class="lettre">7</span>
<span class="lettre">7</span> <span class="lettre">7</span>
</div> </div>
@ -71,15 +58,9 @@
<input type="text" id="mise" name="mise"> <input type="text" id="mise" name="mise">
<p class="info"></p> <p class="info"></p>
</div> </div>
</div>
</div>
<div class="bg"></div> <div class="bg"></div>
<script src="loading.js"></script> <script src="loading.js"></script>
<script src="main.js"></script> <script src="main.js"></script>

86
styles.css
View File

@ -1,19 +1,13 @@
.logo { .logo {
position:absolute; position:absolute;
right: 43% right: 43%
} }
.accueil { .accueil {
position:absolute; position:absolute;
left:88%; z-index:2; left:88%; z-index:2;
width: 10%; width: 10%;
height:18%; height:18%;
} }
.accueil:hover { .accueil:hover {
@ -28,8 +22,6 @@
height:100px; height:100px;
width: 200px; width: 200px;
transition: opacity linear .5s; transition: opacity linear .5s;
} }
.img2 { .img2 {
@ -39,7 +31,6 @@
height:100px; height:100px;
width: 200px; width: 200px;
transition: opacity linear .5s; transition: opacity linear .5s;
} }
@ -50,7 +41,6 @@
height:100px; height:100px;
width: 200px; width: 200px;
transition: opacity linear .5s; transition: opacity linear .5s;
} }
.img4 { .img4 {
@ -60,7 +50,6 @@
height:100px; height:100px;
width: 200px; width: 200px;
transition: opacity linear .5s; transition: opacity linear .5s;
} }
.img1 { .img1 {
@ -111,113 +100,65 @@
box-shadow:8px 8px 10px 0 rgba(147,112,219,0.5); box-shadow:8px 8px 10px 0 rgba(147,112,219,0.5);
} }
.loader { .loader {
position: absolute; position: absolute;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: white; background: white;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.lettre { .lettre {
color: #9700ff; color: #9700ff;
font-size: 80px; font-size: 80px;
letter-spacing: 15px; letter-spacing: 15px;
margin-bottom: 150px; margin-bottom: 150px;
animation: flash 1.2s linear infinite; animation: flash 1.2s linear infinite;
font-family: casino; font-family: casino;
} }
@keyframes flash { @keyframes flash {
0% { 0% {
color: #ff2d00; color: #ff2d00;
text-shadow: 0 0 7px #ff2d00; text-shadow: 0 0 7px #ff2d00;
} }
90% { 90% {
color: #9700ff; color: #9700ff;
text-shadow: none; text-shadow: none;
} }
100% { 100% {
color: #ff2d00; color: #ff2d00;
text-shadow: 0 0 7px #ff2d00; text-shadow: 0 0 7px #ff2d00;
} }
} }
.lettre:nth-child(1){ .lettre:nth-child(1){
animation-delay: 0.1s; animation-delay: 0.1s;
} }
.lettre:nth-child(2){ .lettre:nth-child(2){
animation-delay: 0.2s; animation-delay: 0.2s;
} }
.lettre:nth-child(3){ .lettre:nth-child(3){
animation-delay: 0.3s; animation-delay: 0.3s;
} }
.fondu-out { .fondu-out {
opacity: 0; opacity: 0;
transition: 0.4s ease-out; transition: 0.4s ease-out;
display: ; display: ;
} }
@font-face { @font-face {
font-family: "casino"; font-family: "casino";
src: url("casino.TTF"); src: url("casino.TTF");
} }
@ -247,19 +188,13 @@
} }
:root{ :root{
--hauteur-menu: 60px; --hauteur-menu: 60px;
} }
* { * {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
font-family: Montserrat, sans-serif; font-family: Montserrat, sans-serif;
} }
#app { #app {
@ -280,11 +215,9 @@
.bank{ .bank{
background: #fafafa; background: #fafafa;
box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.4) inset;
width: 100px; width: 100px;
height: 150px; height: 150px;
overflow: hidden; overflow: hidden;
border-radius: 1ex; border-radius: 1ex;
margin: 1ch; margin: 1ch;
float: top; float: top;
@ -301,11 +234,9 @@
.door { .door {
background: #fafafa; background: #fafafa;
box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.4) inset;
width: 100px; width: 100px;
height: 150px; height: 150px;
overflow: hidden; overflow: hidden;
border-radius: 1ex; border-radius: 1ex;
margin: 1ch; margin: 1ch;
float: right; float: right;
@ -329,10 +260,8 @@
button { button {
cursor: pointer; cursor: pointer;
font-size: 1.2rem; font-size: 1.2rem;
text-transform: uppercase; text-transform: uppercase;
margin: 0 0.2rem 0 0.2rem; margin: 0 0.2rem 0 0.2rem;
} }
@ -342,8 +271,6 @@ button {
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
body{ body{
color: rgb(90,46,255); color: rgb(90,46,255);
font-family: "casino"; font-family: "casino";
@ -355,7 +282,6 @@ body{
0 0 50px rgb(147,112,219), 0 0 50px rgb(147,112,219),
0 0 60px rgb(147,112,219) 0 0 60px rgb(147,112,219)
} }
h1{ h1{
color: rgb(190,46,255); color: rgb(190,46,255);
text-shadow: 0 0 7px rgb(147,112,219), text-shadow: 0 0 7px rgb(147,112,219),
@ -380,7 +306,6 @@ h2{
font-size: 200%; font-size: 200%;
margin-top: 15%; margin-top: 15%;
margin-left: 46%; margin-left: 46%;
color: rgb(90,46,255); color: rgb(90,46,255);
text-shadow: 0 0 7px rgb(0,0,219), text-shadow: 0 0 7px rgb(0,0,219),
0 0 10px rgb(147,112,219), 0 0 10px rgb(147,112,219),
@ -443,7 +368,6 @@ h2{
0 0 25px rgb(147,112,219), 0 0 25px rgb(147,112,219),
0 0 35px rgb(147,112,219), 0 0 35px rgb(147,112,219),
0 0 45px rgb(147,112,219) 0 0 45px rgb(147,112,219)
} }
.reload { .reload {
@ -451,7 +375,15 @@ h2{
z-index: 1; z-index: 1;
margin-top: 49%; margin-top: 49%;
margin-left: 47%; margin-left: 47%;
}
#demande_age{
text-align: center;
color: #fafafa;
}
.input_age{
position: relative;
} }

Write Preview
Loading…
Cancel
Save