Comment regarder ce qui se cache derrière un site Web 🔍️ ?

Cette page ne comprend pas de FLAG en tant que tels, mais 2 petits exemples de comment utiliser l'inspecteur, qui rapportent chacun 0.5 points !

Ouvrir la fenêtre d'inspection

Utilisons Firefox 🔥🦊 sur PC (sur un autre appareil comme une tablette ou un téléphone ces fonctionnalités n'existent pas) pour regarder le code source de cette page et trouver les 2 flags qui se cachent dans cette page.

Faites clic droit n'importe où dans la page et cliquez sur "Inspecter". Vous pouvez également appuyer sur la touche F12 de votre ordinateur.

Vous devriez avoir une fenêtre avec pleins de boutons compliqués 📟️. Rassurez-vous, on ne va pas les utiliser 😁, on va rester sur la fenêtre où nous sommes !

Lorsque vous passez la souris sur une ligne de l'inspecteur, vous pouvez voir que la partie du site correspondante se met en surbrillance 🙀. Cela vous permet de vous repérer.
Cliquons maintenant sur le petit triangle sur la gauche d'un élément ("Section" dans l'exemple ci-dessous, cherchez le rond rouge) qui permet d'afficher les éléments qui sont dedans (un peu comme un dossier qu'on ouvrirait). Vous devriez trouver une première énigme, vous pouvez nous envoyer la réponse pour gagner un demi-point !

L'énigme et les deux autres textes sont des commentaires (des textes que le navigateur n'affiche pas car ils servent normalement au développeur uniquement, affichés ici en vert).
Les challenges seront souvent cachés en commentaires sur le site donc n'hésitez pas à chercher cela sur les autres pages.

Enfin, j'attire votre attention sur les deux derniers éléments montrés ci-dessous que vous voyez logiquement en bas du "dossier" que nous avons ouvert pour voir l'énigme 👇️👇️👇️

Les mots style="display : none" indiquent au navigateur de ne pas montrer ce paragraphe 🫣. Et si nous essayions de l'afficher ? Pour cela deux méthodes :
- Première méthode la plus pratique : cliquer sur l'élément et décocher à droite la case display : none (en vert sur l'image).
- Deuxième méthode si vous lisez couramment le HTML : Cliquer sur le triangle à côté pour afficher son contenu (en rouge ci-dessous).

Il y a visiblement une image cachée en dessous du paragraphe, qui contient le 2e flag de cette page, je vous laisse trouver à quoi elle ressemble et nous envoyer le flag 😉 !