adrien/lotus
adrien/lotus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

thumbnail

Browse Source
This commit is contained in:
Adrien MALINGREY 2024-04-25 02:40:33 +02:00
parent 479b632989
commit 4f7abafe8f
4 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -16,7 +16,7 @@
<body>
<main class="container">
<h1>LOTUS</h1>
<h1>L<img src="favicons/favicon-32x32.png" alt="O">TUS</h1>
<div id="grille"></div>
</main>

4
script.js
View File

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

14
style.css
View File

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

BIN
thumbnail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB