Compare commits
No commits in common. "599de1d25f16b7df17bb4e43176670ed15b1a64b" and "10ab7bb1425c06fe9836095b20cdc8e34ad2d88f" have entirely different histories.
599de1d25f
...
10ab7bb142
14 changed files with 0 additions and 291 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
|
|
@ -1,9 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<browserconfig>
|
|
||||||
<msapplication>
|
|
||||||
<tile>
|
|
||||||
<square150x150logo src="/icons/mstile-150x150.png?v=potain"/>
|
|
||||||
<TileColor>#da532c</TileColor>
|
|
||||||
</tile>
|
|
||||||
</msapplication>
|
|
||||||
</browserconfig>
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 724 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
|
|
@ -1,29 +0,0 @@
|
||||||
<?xml version="1.0" standalone="no"?>
|
|
||||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
|
||||||
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
|
||||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width="256.000000pt" height="256.000000pt" viewBox="0 0 256.000000 256.000000"
|
|
||||||
preserveAspectRatio="xMidYMid meet">
|
|
||||||
<metadata>
|
|
||||||
Created by potrace 1.14, written by Peter Selinger 2001-2017
|
|
||||||
</metadata>
|
|
||||||
<g transform="translate(0.000000,256.000000) scale(0.100000,-0.100000)"
|
|
||||||
fill="#000000" stroke="none">
|
|
||||||
<path d="M1515 2548 c-2 -7 -5 -24 -7 -38 -3 -22 -61 -50 -638 -307 -485 -216
|
|
||||||
-645 -283 -675 -283 -37 0 -47 -7 -118 -78 -72 -72 -77 -80 -77 -120 l0 -42
|
|
||||||
80 0 80 0 0 -280 0 -280 -40 0 -40 0 0 -160 0 -160 36 0 35 0 -35 -34 c-32
|
|
||||||
-30 -36 -39 -36 -86 0 -46 4 -56 34 -86 30 -30 40 -34 86 -34 46 0 56 4 86 34
|
|
||||||
21 21 34 44 34 60 0 24 -3 26 -45 26 -32 0 -45 -4 -45 -14 0 -7 -8 -16 -17
|
|
||||||
-18 -53 -14 -58 32 -8 78 19 17 35 41 35 53 0 18 6 21 40 21 l40 0 0 160 0
|
|
||||||
160 -40 0 -40 0 0 280 0 280 520 0 520 0 0 -98 c0 -90 2 -100 23 -120 18 -17
|
|
||||||
36 -22 80 -22 l57 0 0 -640 0 -640 -160 0 -160 0 0 -80 0 -80 480 0 480 0 0
|
|
||||||
80 0 80 -160 0 -160 0 0 640 c0 613 1 640 18 640 10 0 28 10 40 23 19 21 22
|
|
||||||
34 22 120 l0 97 80 0 80 0 0 -80 0 -80 280 0 280 0 0 240 0 240 -113 0 -113 0
|
|
||||||
-316 230 c-320 232 -328 240 -328 303 l0 27 -85 0 c-60 0 -87 -4 -90 -12z
|
|
||||||
m-25 -175 c0 -5 -9 -66 -20 -138 -11 -71 -20 -136 -20 -142 0 -8 -12 -13 -29
|
|
||||||
-13 -55 0 -141 -83 -141 -136 l0 -24 -412 1 c-325 0 -408 3 -388 12 61 30 996
|
|
||||||
446 1003 446 4 1 7 -2 7 -6z m600 -371 l-90 -3 0 -39 0 -40 -80 0 -80 0 0 59
|
|
||||||
c0 52 -3 62 -26 80 -15 12 -34 21 -44 21 -14 0 -20 20 -33 118 -10 64 -17 122
|
|
||||||
-17 129 0 7 103 -63 230 -155 l230 -167 -90 -3z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.6 KiB |
|
|
@ -1,19 +0,0 @@
|
||||||
{
|
|
||||||
"name": "",
|
|
||||||
"short_name": "",
|
|
||||||
"icons": [
|
|
||||||
{
|
|
||||||
"src": "/icons/android-chrome-192x192.png?v=potain",
|
|
||||||
"sizes": "192x192",
|
|
||||||
"type": "image/png"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"src": "/icons/android-chrome-256x256.png?v=potain",
|
|
||||||
"sizes": "256x256",
|
|
||||||
"type": "image/png"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"theme_color": "#ffffff",
|
|
||||||
"background_color": "#ffffff",
|
|
||||||
"display": "standalone"
|
|
||||||
}
|
|
||||||
|
|
@ -1,89 +0,0 @@
|
||||||
"use strict";
|
|
||||||
|
|
||||||
const GAME_NOT_STARTED = 0;
|
|
||||||
const GAME_STARTED = 1;
|
|
||||||
const GAME_WON = 2;
|
|
||||||
const GAME_LOST = 3;
|
|
||||||
|
|
||||||
let gameState = GAME_NOT_STARTED;
|
|
||||||
|
|
||||||
let zones = undefined;
|
|
||||||
let endTimeout = undefined;
|
|
||||||
let roundTimeout = undefined;
|
|
||||||
let timeBetween = 2000;
|
|
||||||
const MIN_TIME_BETWEEN = 1000;
|
|
||||||
const ACCELERATION = 100;
|
|
||||||
|
|
||||||
let score = 0;
|
|
||||||
|
|
||||||
(function () {
|
|
||||||
zones = document.getElementsByClassName("zone");
|
|
||||||
for (const zone of zones) {
|
|
||||||
zone.addEventListener("click", event => {
|
|
||||||
if (gameState !== GAME_STARTED) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (event.target.classList.contains("inactive")) {
|
|
||||||
gameState = GAME_LOST;
|
|
||||||
end();
|
|
||||||
} else {
|
|
||||||
event.target.style.transition = "";
|
|
||||||
event.target.classList.remove("fade-out");
|
|
||||||
event.target.classList.add("inactive");
|
|
||||||
increment();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})();
|
|
||||||
|
|
||||||
function start() {
|
|
||||||
document.getElementsByTagName("button")[0].disabled = true;
|
|
||||||
gameState = GAME_STARTED;
|
|
||||||
endTimeout = setTimeout(end, 30_000);
|
|
||||||
roundTimeout = setTimeout(round, 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
function round() {
|
|
||||||
if (gameState !== GAME_STARTED) {
|
|
||||||
end();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let zone = zones[Math.floor(Math.random() * zones.length)];
|
|
||||||
zone.classList.remove("inactive");
|
|
||||||
setTimeout(function() {
|
|
||||||
zone.style.transition = `background-color ${timeBetween-(MIN_TIME_BETWEEN / 2)}ms`;
|
|
||||||
}, 100);
|
|
||||||
setTimeout(function () {
|
|
||||||
zone.classList.add("fade-out");
|
|
||||||
}, MIN_TIME_BETWEEN / 2);
|
|
||||||
let zoneTimeout = setTimeout(() => {
|
|
||||||
if (!zone.classList.contains("inactive")) {
|
|
||||||
console.log("lost because didn't click fast enough", zone.id);
|
|
||||||
gameState = GAME_LOST;
|
|
||||||
end();
|
|
||||||
}
|
|
||||||
}, timeBetween);
|
|
||||||
zone.addEventListener("click", () => {clearTimeout(zoneTimeout)})
|
|
||||||
|
|
||||||
// Recursive call
|
|
||||||
timeBetween -= ACCELERATION;
|
|
||||||
if (timeBetween <= MIN_TIME_BETWEEN) {timeBetween = MIN_TIME_BETWEEN;}
|
|
||||||
roundTimeout = setTimeout(round, timeBetween);
|
|
||||||
}
|
|
||||||
|
|
||||||
function end() {
|
|
||||||
clearTimeout(roundTimeout);
|
|
||||||
clearTimeout(endTimeout);
|
|
||||||
if (gameState === GAME_STARTED) {
|
|
||||||
gameState = GAME_WON;
|
|
||||||
document.getElementsByClassName("success stamp")[0].classList.remove("hidden");
|
|
||||||
} else if (gameState === GAME_LOST) {
|
|
||||||
document.getElementsByClassName("failure stamp")[0].classList.remove("hidden");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function increment() {
|
|
||||||
score += Math.floor(Math.random() * zones.length);
|
|
||||||
document.getElementById("score").innerText = score.toString();
|
|
||||||
}
|
|
||||||
|
|
@ -1,95 +0,0 @@
|
||||||
html {
|
|
||||||
height:100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
box-sizing: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
height: 100%;
|
|
||||||
margin: 0;
|
|
||||||
font-family: Arial, sans-serif;
|
|
||||||
display: grid;
|
|
||||||
grid-template-rows: auto 1fr auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
background-color: rgb(40,53,131);
|
|
||||||
color: white;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
main, footer {
|
|
||||||
max-width: 1600px;
|
|
||||||
width: 100%;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 0 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.stamp {
|
|
||||||
position: absolute;
|
|
||||||
font-size: 60px;
|
|
||||||
transform: rotate(-20deg);
|
|
||||||
display: inline-block;
|
|
||||||
padding: .2em .5em;
|
|
||||||
border-radius: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.success.stamp {
|
|
||||||
top: 110px;
|
|
||||||
left: 85px;
|
|
||||||
color: #0f5132;
|
|
||||||
background-color: #d1e7dd;
|
|
||||||
border: 3px solid #859a99;
|
|
||||||
}
|
|
||||||
|
|
||||||
.failure.stamp {
|
|
||||||
top: 110px;
|
|
||||||
left: 200px;
|
|
||||||
color: #510f0f;
|
|
||||||
background-color: #e7d1d1;
|
|
||||||
border: 3px solid #9a8585;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.failure {
|
|
||||||
color: #a71717;
|
|
||||||
}
|
|
||||||
|
|
||||||
.success {
|
|
||||||
color: green;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
header h1 {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: rgb(40,53,131);
|
|
||||||
}
|
|
||||||
|
|
||||||
.img-holder {
|
|
||||||
position: relative;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.img-holder .zone {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
background-color: #c6ff50;
|
|
||||||
}
|
|
||||||
|
|
||||||
.img-holder .zone.inactive,
|
|
||||||
.img-holder .zone.fade-out {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 MiB |
|
|
@ -1,50 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>Potain de chantier #5</title>
|
|
||||||
<link rel="stylesheet" href="assets/style.css">
|
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-touch-icon.png?v=potain">
|
|
||||||
<link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32x32.png?v=potain">
|
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon-16x16.png?v=potain">
|
|
||||||
<link rel="manifest" href="assets/icons/site.webmanifest?v=potain">
|
|
||||||
<link rel="mask-icon" href="assets/icons/safari-pinned-tab.svg?v=potain" color="#5bbad5">
|
|
||||||
<link rel="shortcut icon" href="assets/icons/favicon.ico?v=potain">
|
|
||||||
<meta name="msapplication-TileColor" content="#da532c">
|
|
||||||
<meta name="msapplication-config" content="assets/icons/browserconfig.xml?v=potain">
|
|
||||||
<meta name="theme-color" content="#ffffff">
|
|
||||||
<meta property="og:image" content="https://static.augendre.info/potain3/images/fond.png">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<h1>Potain de chantier #5</h1>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h2>Jeu interactif</h2>
|
|
||||||
<p>
|
|
||||||
Aide Pimpin le technicien à reboucher les fuites de fluide frigorigène ! <br>
|
|
||||||
Score : <span id="score">0</span> kg CO<sub>2</sub>e non rejetés dans l'atmosphère<br>
|
|
||||||
<button onclick="start()">Commencer</button>
|
|
||||||
</p>
|
|
||||||
<div class="img-holder">
|
|
||||||
<img src="images/fond.png" width="727" height="330" alt="Plan Cecolyon">
|
|
||||||
<div id="bureau-1" class="zone inactive" style="width:50px; height: 50px; top: 0; left: 0;"></div>
|
|
||||||
<div id="bureau-2" class="zone inactive" style="width:50px; height: 50px; top: 55px; left: 0;"></div>
|
|
||||||
<div id="bureau-3" class="zone inactive" style="width:50px; height: 50px; top: 0; left: 55px;"></div>
|
|
||||||
<div id="bureau-4" class="zone inactive" style="width:50px; height: 50px; top: 55px; left: 55px;"></div>
|
|
||||||
<span class="success stamp hidden">FÉLICITATIONS 🎉</span>
|
|
||||||
<span class="failure stamp hidden">PERDU 😞</span>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<footer>
|
|
||||||
<p>
|
|
||||||
Made with ♥ by <a href="https://gabnotes.org/about-me/">Gabriel Augendre</a>.
|
|
||||||
Ce programme est un <a href="https://fr.wikipedia.org/wiki/Logiciel_libre">logiciel libre</a>.
|
|
||||||
<a href="https://git.augendre.info/gaugendre/potain">Code source</a>.
|
|
||||||
</p>
|
|
||||||
</footer>
|
|
||||||
<script src="assets/jeu.js"></script>
|
|
||||||
<!--<script data-goatcounter="https://static.gc.augendre.info/count"-->
|
|
||||||
<!-- async src="https://static.gc.augendre.info/count.js"></script>-->
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Loading…
Reference in a new issue