⚠️ Tous les caractères doivent-être en majuscules.

  1. Inspectez la bande verte 🟢 ci-dessus ☝️ et désactivez sa propriété gérant sa couleur d'arrière-plan afin de révéler le premier caractère mystère.

  2. Dans le <head>, trouvez la balise <link rel="icon"> et remplacez sa valeur de href "img/icon.svg" par "img/a.svg".

    Le 2e caractère de la combinaison sera alors affiché dans l'onglet de votre navigateur à la place du symbole de la clé 🔑 affichée initialement.

    Unlock favicon

  3. Inspectez le bouton "Valider" situé sous la combinaison. Remarquez la présence d'un attribut [name] sur celui-ci. Cet attribut contient le 3e caractère de la combinaison.

  4. À l'aide de l'inspecteur, activez la pseudo-classe :focus sur le <li> courant. Le 4e caractère de la combinaison devrait alors se révéler à la fin du <li> en question.

  5. Inspectez la lettre dans le titre "Unlock!" décalé. À même l'inspecteur, ajoutez-y les propriétés CSS top et left ainsi que les valeurs en pixel (px) adéquates afin qu'elle ne soit plus décalée. Lorsque la position adéquate sera atteinte, le titre s'animera et deviendra jaune 🟡.

    Une fois cette étape complétée, inspecter la balise <head>. Vous trouverez à la fin de celle-ci un commentaire HTML contenant le 5e caractère de la combinaison.

  6. Effectuez une recherche dans le DOM afin de déterminer combien de fois le texte The Beatles est présent dans le code de la page. Ce nombre correspond au 6ecaractère de la combinaison.

  7. Déplacez dans le DOM ce <li> afin qu'il soit le premier de cette liste. Le 7e caractère de la combinaison s'affichera alors au début de cette phrase.

  8. Effacez la balise <a> pointant vers les notes de cours en bas de page, mais attention, vous ne devez effacer que cette balise!

    Une fois complété, cliquer sur le bouton contenant un extrait sonore afin de savoir le prochain caractère de la combinaison 🎧

  9. Remplacez tout le texte affiché dans l'avertissement en jaune sous la combinaison par le texte suivant: Sésame, ouvre-toi!

    Allez ensuite dans l'onglet "Console" de votre inspecteur. Une lettre bleue 🔵 correspondant au dernier caractère de la combinaison sera alors affichée.