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

titre centré

Browse Source
This commit is contained in:
Adrien MALINGREY 2024-04-26 22:26:51 +02:00
parent 9aea682723
commit b42dc335b4
3 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@ -21,7 +21,7 @@
<header> <header>
<h2>L<img src="icones/lotus.svg" alt="O">TUS</h2> <h2>L<img src="icones/lotus.svg" alt="O">TUS</h2>
</header> </header>
<form id="optionsForm" action="#"> <form id="optionsForm" action="#" method="dialog">
<fieldset class="grid"> <fieldset class="grid">
<legend> <legend>
Trouvez des mot comprenant entre Trouvez des mot comprenant entre
@ -53,23 +53,28 @@
</fieldset> </fieldset>
</form> </form>
<footer> <footer>
<button id="confirmOptionsButton">OK</button> <button id="confirmOptionsButton" type="submit" form="optionsForm">Jouer</button>
</footer> </footer>
</article> </article>
</dialog> </dialog>
<main class="container"> <header class="container">
<nav> <nav>
<ul> <ul>
<li><button id="optionsButton" class="outline secondary" title="Options"> <li style="position: fixed;">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z"/></svg> <button id="optionsButton" class="outline secondary" title="Options">
</button></li> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z"/></svg>
</button>
</li>
</ul> </ul>
<ul> <ul>
<li><h1>L<img src="icones/lotus.svg" alt="O">TUS</h1></li> <li><h1>L<img src="icones/lotus.svg" alt="O">TUS</h1></li>
</ul> </ul>
<ul></ul> <ul></ul>
</nav> </nav>
</header>
<main class="container">
<div id="grille"></div> <div id="grille"></div>
</main> </main>

2
script.js
View File

@ -13,7 +13,7 @@ optionsButton.onclick = function(event) {
optionsDialog.showModal(); optionsDialog.showModal();
} }
confirmOptionsButton.onclick = function(event) { optionsForm.onsubmit = function(event) {
if (optionsForm.checkValidity()) { if (optionsForm.checkValidity()) {
volumeOn = volumeCheckbox.checked volumeOn = volumeCheckbox.checked
minLettres = Math.min(minLettresInput.value, maxLettresInput.value) minLettres = Math.min(minLettresInput.value, maxLettresInput.value)

2
style.css
View File

@ -13,7 +13,7 @@ h1 {
h1 img, h1 img,
h2 img { h2 img {
background-color: var(--pico-h1-color); background-color: currentColor;
border-radius: 100%; border-radius: 100%;
background-origin: content-box; background-origin: content-box;
padding: 0; padding: 0;