diff --git a/index.html b/index.html
index fcdfa16..784b2ed 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
- LOTUS
+ L
TUS
diff --git a/script.js b/script.js
index e6697cf..52c0e6d 100644
--- a/script.js
+++ b/script.js
@@ -4,7 +4,8 @@ var motATrouver
var lettresTrouvees
var nbLettres
function nouvellePartie() {
- motATrouver = motsATrouver[Math.floor(motsATrouver.length * Math.random())].normalize("NFD").replace(/\p{Diacritic}/gu, "")
+ motATrouver = motsATrouver[Math.floor(motsATrouver.length * Math.pow(Math.random(), 1.5))]
+ motATrouver = motATrouver.normalize("NFD").replace(/\p{Diacritic}/gu, "")
motATrouver = Array.from(motATrouver)
nbLettres = motATrouver.length
@@ -34,6 +35,7 @@ function nouvelEssai() {
input.maxLength = 1
input.size = 1
input.pattern = "[a-z]"
+ input.placeholder = "."
input.onfocus = onfocus
input.onkeydown = onkeydown
input.oninput = oninput
diff --git a/style.css b/style.css
index b41e318..4dfac1f 100644
--- a/style.css
+++ b/style.css
@@ -2,6 +2,15 @@ h1 {
text-align: center;
}
+h1 img {
+ background-color: var(--pico-h1-color);
+ border-radius: 100%;
+ background-origin: content-box;
+ padding: 0;
+ height: 0.7em;
+ vertical-align: baseline;
+}
+
#grille {
width: fit-content;
margin: auto;
@@ -19,12 +28,11 @@ h1 {
}
.lettre-bien-placee {
- background-image: linear-gradient(#D93526D0, #D93526D0);
- background-origin: content-box;
+ background-color: #D93526D0;
}
.lettre-mal-placee {
background-image: radial-gradient(ellipse at center, #FFBF00A0 70%, transparent 70%);
- background-origin: content-box;
+ background-origin: border-box-box;
background-repeat: no-repeat;
}
\ No newline at end of file
diff --git a/thumbnail.png b/thumbnail.png
new file mode 100644
index 0000000..cdb4be0
Binary files /dev/null and b/thumbnail.png differ