diff --git a/LICENSE b/LICENSE
deleted file mode 100644
index dd9597e..0000000
--- a/LICENSE
+++ /dev/null
@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 Niilyx
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
diff --git a/LICENSE.MD b/LICENSE.MD
new file mode 100644
index 0000000..d38debf
--- /dev/null
+++ b/LICENSE.MD
@@ -0,0 +1 @@
+
Ce(tte) œuvre est mise à disposition selon les termes de la Licence Creative Commons Attribution - Pas d’Utilisation Commerciale 4.0 International.
diff --git a/README.md b/README.md
index ab814a0..3cf9288 100644
--- a/README.md
+++ b/README.md
@@ -34,3 +34,6 @@ Projet de fin d'année réalisé dans le cadre de cours de NSI Terminale.
##### Partie graphique :
- HTML + CSS (Valentyn) [@SH8LL3](https://github.com/SH8LL3)
- Design des éléments et assets [@Aixiis](https://github.com/Aixiis)
+
+## License :
+
Ce(tte) œuvre est mise à disposition selon les termes de la Licence Creative Commons Attribution - Pas d’Utilisation Commerciale 4.0 International.
diff --git a/css/index.css b/css/index.css
index dd8cc29..4b1e8e9 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1,3 +1,4 @@
+/* Importation de la police Oxygen */
@font-face {
font-family: "Oxygen";
src: url("../media/font/Oxygen-Regular.ttf");
@@ -11,25 +12,27 @@ body {
background-color: rgb(227, 238, 238);
}
+/* Logo du site */
#logo {
display: block;
margin: 0 auto;
transform: scale(0.5);
}
-
+/* Le formulaire entier */
form {
color: black;
width: 600px;
margin: 5% auto;
text-align: center;
}
+
/* Tous les inputs */
input {
margin: 25px 10px;
}
-/* Pseudo */
+/* Input Pseudo */
input[type="text"] {
color: black;
padding: 5px;
@@ -62,7 +65,7 @@ select, select option {
transition: outline 150ms ease-in;
}
-/* Aide */
+/* Checkbox Aide */
div {
height: 30px;
margin: 20px 10px;
@@ -80,6 +83,7 @@ input[type="checkbox"] {
transition: 250ms;
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}
+/* Checkbox quand elle est cochée */
input[type="checkbox"]:checked {
background-color: #178FEB;
}
@@ -125,4 +129,4 @@ input[type="submit"]:hover, input[type="submit"]:focus-visible {
height: 75px;
background-color: white;
outline: 1px solid black;
-}
\ No newline at end of file
+}
diff --git a/css/sudoku.css b/css/sudoku.css
index a61cb27..7f129e2 100644
--- a/css/sudoku.css
+++ b/css/sudoku.css
@@ -1,8 +1,11 @@
+/* Variables qui seront modifiées par le javascript
+ (pour la génération de couleurs aléatoires)*/
:root {
--dark: "#fff";
--light: "#fff";
}
+/* Importation de la police Oxygen */
@font-face {
font-family: "Oxygen";
src: url("../media/font/Oxygen-Regular.ttf");
@@ -13,6 +16,7 @@ body {
background-color: var(--light);
}
+/* Logo du site */
#logo {
display: block;
margin: 0 auto;
@@ -20,11 +24,11 @@ body {
border: 5px dashed black;
}
-
p {
text-align: center;
}
+/* Checkbox Aide */
input[type="checkbox"] {
position: relative;
appearance: none;
@@ -36,6 +40,8 @@ input[type="checkbox"] {
transition: 250ms;
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}
+
+/* Checkbox quand elle est cochée */
input[type="checkbox"]:checked {
background-color: #178FEB;
}
@@ -60,11 +66,11 @@ input[type="checkbox"]:checked::before{
color: rgb(240, 240, 240);
text-decoration: none;
}
-
.x:hover {
cursor: default;
}
+/* Bas de page */
#footer-container {
margin: auto;
height: 720px;
@@ -76,15 +82,13 @@ input[type="checkbox"]:checked::before{
padding: 5px;
}
-#whole-thing {
- width: 100%;
-}
-
+/* Container de la grille de sudoku */
#board-container {
position: relative;
height: 500px;
}
+/* Classement */
#leaderboard {
position: relative;
top: 25%;
@@ -102,13 +106,15 @@ ol {
margin: 0;
overflow-wrap: anywhere;
}
-
+/* 1er du classement */
#lead1 {
color: gold;
}
+/* 2ème du classement */
#lead2 {
color: silver;
}
+/* 3ème du classement */
#lead3 {
color: #CD7F32;
}
@@ -116,7 +122,7 @@ ol {
/* La grille du sudoku */
#board {
position: relative;
- user-select: none; /*Comme ça l'utilisateur ne sélectionne pas les nombres quand il clique dessus*/
+ user-select: none; /*Empêche l'utilisateur de sélectionner le numéro d'une case quand il clique dessus*/
width: 450px;
height: 450px;
position: absolute;
@@ -144,15 +150,15 @@ ol {
align-items: center;
}
-/* Les cases de départs */
+/* Les cases de départs (restantes après la génération du sudoku et suppression de cases aléatoires) */
.start-cell {
background-color: var(--dark);
}
+/* Style des cases quand la numéro posé est interdit (si l'aide est activée) */
.wrong {
background-color: rgb(141, 0, 0);
}
-
.wrong.start-cell {
background-color: rgb(111, 0, 0);
}
@@ -181,21 +187,22 @@ ol {
transform: translateY(-50%);
}
+/* Bouton indice */
#help {
margin: 0 50%;
transform: translate(-50%);
}
-
+/* Bouton indice quand l'aide est désactivée */
#help[disabled] {
cursor: not-allowed;
pointer-events: all !important;
background-color: #555555;
}
-
#help:focus-visible {
background-color: #bbbbbb;
}
+/* Bouton abandonner */
#giveup {
margin: 0 50%;
transform: translate(-50%);
@@ -269,6 +276,7 @@ ol {
background-color: rgb(143, 225, 17);
}
+/* Timer */
#clock {
font-size: xxx-large;
margin-top: -30px;
@@ -385,4 +393,4 @@ button:hover, button:focus-visible {
background-color: #999999;
color: white;
text-align: right;
-}
\ No newline at end of file
+}
diff --git a/index.html b/index.html
index 4ec6831..3285d13 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,7 @@
+
+
-