From 90593501e3ab9dd7c86778434c7644b14a62c5d3 Mon Sep 17 00:00:00 2001 From: Gabriel Augendre Date: Sat, 5 Jun 2021 16:47:24 +0200 Subject: [PATCH] Move text above images --- jeux/assets/camel.js | 15 ++++++++++++--- jeux/assets/style.css | 6 ++++++ jeux/camel.html | 35 ++++++++++++++++++----------------- jeux/nature.html | 9 +++++---- jeux/signal.html | 17 +++++++++-------- 5 files changed, 50 insertions(+), 32 deletions(-) diff --git a/jeux/assets/camel.js b/jeux/assets/camel.js index ad9043e..ff4c5da 100644 --- a/jeux/assets/camel.js +++ b/jeux/assets/camel.js @@ -1,13 +1,22 @@ let counter = new Set(); const MAX_DIFFS = 7; +const foundDisplay = []; + +(function () { + const found = document.getElementById("found"); + for (let i = 0; i < MAX_DIFFS; i++) { + const li = document.createElement("li"); + foundDisplay.push(li); + found.appendChild(li); + } +})(); function zone(name) { if (!counter.has(name)) { - counter.add(name); - const li = document.createElement("li"); const content = document.createTextNode(name); + const li = foundDisplay[counter.size]; li.appendChild(content); - document.getElementById("found").appendChild(li); + counter.add(name); } displayCounter(); } diff --git a/jeux/assets/style.css b/jeux/assets/style.css index 1582402..d216f00 100644 --- a/jeux/assets/style.css +++ b/jeux/assets/style.css @@ -51,3 +51,9 @@ header h1 { a { color: rgb(40,53,131); } + +.img-holder { + position: relative; + top: 0; + left: 0; +} diff --git a/jeux/camel.html b/jeux/camel.html index 6fc51cc..e39120e 100644 --- a/jeux/camel.html +++ b/jeux/camel.html @@ -14,22 +14,6 @@

Jouons donc au jeu des 7 différences avec GSE France !

-

- Moquette - Moquette -

- - - - - - - - - -

- Couleurs non contractuelles. -

Score: 0/7
Vous avez déjà trouvé : @@ -38,7 +22,24 @@

+

+ Moquette + Moquette + + + + + + + + + +

+

+ Couleurs non contractuelles.