pascal.lafourcade
/
onthedots
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modes light/dark étendus sur tout le site

Browse Source
master
adplantade 5 years ago
parent 09f881adba
commit f4998ba996
8 changed files with 136 additions and 113 deletions
Show Stats Download Patch File Download Diff File

8
code/game.css
Unescape View File

@ -13,6 +13,14 @@
}
.day { background: #eee; color: black; }
.night { background: #333; color: white; }
.lightButton {
position: absolute;
right: 0px;
}
.flex-container {
/* We first create a flex layout context */
display : flex;

2
code/game.html
Unescape View File

@ -7,6 +7,7 @@
<script>var tutoMode=false;</script>
</head>
<body>
<img src="ress/light" id="light" class="lightButton" onClick="switchLight()"/>
<ul id="all-container" class="all-container">
<ul class="stats">
@ -51,6 +52,7 @@
<script src="chrono.js"></script>
<script src="timer.js"></script>
<script src="vitraux.js"></script>
<script src="themeSwitcher.js"></script>
</body>
</html>

8
code/highscores.css
Unescape View File

@ -92,3 +92,11 @@
text-decoration: none;
cursor: pointer;
}
.lightButton {
position: absolute;
right: 0px;
}
.day { background: #eee; color: black; }
.night { background: #333; color: white; }

42
code/highscores.php
Unescape View File

@ -1,9 +1,11 @@
<head>
<link rel="stylesheet" type="text/css" href="highscores.css"/>
</head>
<body>
<form action="highscores.php" method="post">
<div id="modeSelection">
<img src="ress/light" id="light" class="lightButton" onClick="switchLight()"/>
<form action="highscores.php" method="post">
<div id="modeSelection">
<ul id="modes">
<img id="img_points" class="button" src="./ress/button_mode_points.png"/>
@ -44,7 +46,7 @@
<label for="45s"><img id="img_45s" class="button" src="./ress/button_survie_45.png"/> </label>
</ul>
</div>
</div>
<ul id="diff" class="all-container">
<input type="radio" class="rad" name="difficulty" id="easy" value="easy" />
<label for="easy"><img id="img_easy" class="button" src="./ress/button_diff_easy.png"/></label>
@ -66,24 +68,25 @@
<p>Changer le nombre de points</p>
<input type="range" min="2" max="8" class="slider" name="dotsAmount" id="range_dots">
<p>Nombre de points : <span id="dotsNumber"></span></p>
<input type="image" src="ress/button_highscores.png" alt="Submit" id="btn_high">
<img id="btn_high_des" src="ress/button_highscores_desac.png"/>
</form>
Entrez votre pseudo (optionnel, mais n&eacute;cessaire si vous voulez sauvegarder votre score): <br/>
<input type="image" src="ress/button_highscores.png" alt="Submit" id="btn_high">
<img id="btn_high_des" src="ress/button_highscores_desac.png"/>
</form>
Entrez votre pseudo (optionnel, mais n&eacute;cessaire si vous voulez sauvegarder votre score): <br/>
<input type="text" id="field_pseudo" /><br/>
<img id="btn_play" src="ress/button_play.png" onClick="play()"/>
<img id="btn_play_des" src="ress/button_play_desac.png"/>
<img id="btn_play" src="ress/button_play.png" onClick="play()"/>
<img id="btn_play_des" src="ress/button_play_desac.png"/>
<script src="bakery.js"></script>
<script src="highscore_button_displayer.js"></script>
<?php
<script src="bakery.js"></script>
<script src="highscore_button_displayer.js"></script>
<script src="themeSwitcher.js"></script>
<?php
$database = new SQLite3("data.db");
$database = new SQLite3("data.db");
if(isset($_POST["game_mode"]) && $_POST["game_mode"]!="" && $_POST["difficulty"]!="" && $_POST["dotsAmount"]!="" && $_POST["pause"]!="")
{
if(isset($_POST["game_mode"]) && $_POST["game_mode"]!="" && $_POST["difficulty"]!="" && $_POST["dotsAmount"]!="" && $_POST["pause"]!="")
{
if(stristr($_POST['game_mode'], "p") === FALSE)
{
$sql='select score, player from score where game_mode="'.$_POST['game_mode'].'" and difficulty="'.$_POST['difficulty'].'" and dots_amount='.$_POST["dotsAmount"].' and pause='.$_POST["pause"].' and score=(select min(score) from score where game_mode="'.$_POST['game_mode'].'" and difficulty="'.$_POST['difficulty'].'" and dots_amount='.$_POST["dotsAmount"].' and pause='.$_POST["pause"].')';
@ -106,8 +109,11 @@ if(isset($_POST["game_mode"]) && $_POST["game_mode"]!="" && $_POST["difficulty"]
$phrase=$phrase.", ".$row["player"];
}
}
}
echo "<h1 id='aya'>".$phrase."</h1>";
}
?>
}
?>
<script src="bakery.js"></script>
<script src="themeSwitcher.js"></script>
</body>

10
code/index.css
Unescape View File

@ -12,16 +12,6 @@
.day { background: #eee; color: black; }
.night { background: #333; color: white; }
@media (prefers-color-scheme: dark) {
.day.dark-scheme { background: #333; color: white; }
.night.dark-scheme { background: black; color: #ddd; }
}
@media (prefers-color-scheme: light) {
.day.light-scheme { background: white; color: #555; }
.night.light-scheme { background: #eee; color: black; }
}
.button {
padding: 2px;
}

2
code/index.php
Unescape View File

@ -5,7 +5,7 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/themes/monolith.min.css"/> <!-- 'monolith' theme -->
<script src="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/pickr.min.js"></script>
</head>
<body class="night">
<body>
<div>
<div class="logo">
<img src="ress/logo_dark.png" id="logo"/>

5
code/score.php
Unescape View File

@ -1,8 +1,10 @@
<html>
<head>
<link rel="stylesheet" type="text/css" href="index.css"/>
</head>
<body>
<img src="ress/light" id="light" class="lightButton" onClick="switchLight()"/>
<script src="selecteur.js"></script>
Votre score est : <h1 id="points"></h1>
@ -91,5 +93,8 @@ function index()
window.location.replace("./");
}
</script>
<script src="bakery.js"></script>
<script src="themeSwitcher.js"></script>
</body>
</html>

4
code/themeSwitcher.js
Unescape View File

@ -13,7 +13,11 @@ function switchLight() {
function applyLight(li) {
console.log("app li "+li);
document.getElementById("light").src="ress/"+(li=="true" ? "light" : "dark")+".png";
if(document.getElementById("logo")!=null)
{
document.getElementById("logo").src="ress/logo_"+(li=="true" ? "clair" : "dark")+".png";
}
document.getElementsByTagName("body")[0].classList.add((li=="true" ? "day" : "night"));
document.getElementsByTagName("body")[0].classList.remove((li=="true" ? "night" : "day"));
}

Write Preview
Loading…
Cancel
Save