SEND all files + questionnaires + json + data_tests

public/codes/all/cibler_has_checked.txt

@@ -0,0 +1,29 @@
+<codescape class="css">:has</codescape> est magique
+Cette pseudo-class permet de cibler (et donc modfifier le comportement d'un élement) dès lors qu'il contient un autre élement
+Si <code>#foret</code> contient <code>.champignon_rouge</code> on peut ajouter une propriété à <code>#foret</code>
+
+<codescape class="css">:checked</codescape> vérifie si un checkbox est checker (cochée)
+Si elle est cochée on peut faire quelque chose avec les éléments suivants
+ou, grace à <codescape class="css">:has</codescape> ... aux éléments parents
+
+TODO:
+... quand la checkbox est checked :
+- Modifier l'image de fond de #foret 
+... on charge l'image en indiquant son <u>url("....")</u>
+par exemple avec : 
+https://cdn.futura-sciences.com/sources/images/dossier/1088/03-1308.jpg
+<img src="https://cdn.futura-sciences.com/sources/images/dossier/1088/03-1308.jpg" style="width: 100px;">
+
+- Modifier le background de #world_wrapper
+par exemple avec : 
+https://www.borealforest.org/wp-content/uploads/2022/08/Forest-area-1024x576.jpg
+<img src="https://www.borealforest.org/wp-content/uploads/2022/08/Forest-area-1024x576.jpg" style="width: 100px;">
+Ajouter également :
+<codescape class="css">background-size: cover;</codescape>
+
+
+Changer la position de <code>.champignon_rouge</code> où vous voulez
+- faire cela quand la checkbox est <codescape class="css">:checked</codescape>
+- egalement quand le lien est <codescape class="css">:active</codescape>
+- et quand :checked et <codescape class="css">:hover</codescape> sont cumulés
+( chercher où modifier le code existant )