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 2 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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 31
      BJ.html
  2. 28
      Index.php
  3. 30
      menu.php
  4. 21
      slots.html
  5. 84
      styles.css

31
BJ.html
View File

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

30
Index.html → menu.php
View File

@ -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>
<?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
View File

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

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

Write Preview
Loading…
Cancel
Save