Browse Source

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

master
quipiq 3 years ago
parent
commit
a7be2f7bb1
  1. 31
      BJ.html
  2. 28
      Index.php
  3. 36
      menu.php
  4. 21
      slots.html
  5. 84
      styles.css

31
BJ.html

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

28
Index.php

@ -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

@ -1,34 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>casino 777</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<?php
if (isset($_POST['mot_de_passe']) AND $_POST['mot_de_passe']>=18){
?>
<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>
<a href="slots.html">
<img class="img1" src="image/imgnoirslot.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirslot.png'" alt="" />
</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="img4" src="image/imgnoirbingo.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirbingo.png'" alt="" />
<div class="bg"></div>
<script src="loading.js"></script>
<script src="main.js"></script>
<script src="loading.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>
</html>

21
slots.html

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

84
styles.css

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

Loading…
Cancel
Save