Pour cette dernière partie, vous devrez apporter les derniers ajustements et le publier en ligne!
Aperçu du résultat 👇
Requis
Ajoutez le nom de la propriété correspondant au chapitre courant comme classe à la balise body. Par exemple, lorsque le chapitre “le_reveil” est affiché, la classe “le_reveil” devrait être ajoutée à <body>.
Attention, seule la classe correspondant au chapitre courant doit-être présente. Toutes celles de chapitres précédents devraient être retirées lorsqu’un nouveau chapitre est chargé.
À partir de ces classes, créez des styles particuliers afin de mettre en valeurs au minimum deux chapitres. Par exemple, changer la couleur ou l’image de fond, changer la typographie ou sa couleur, afficher une vidéo en arrière-plan, etc. (Voir l'aperçu pour des exemples. Soyez créatif!)
Attention, au moins deux styles différents doivent être créés.
Prenez un instant afin de revoir et d’ajuster vos styles afin de vous assurer qu’ils s’adaptent bien à vos différents médias (textes, images, vidéo). Par exemple, est-ce que votre projet est bien centré dans la page verticalement ↕️ et horizontalement↔️? Est-ce qu’il est possible de voir votre image/vidéo en même temps que vos boutons sans avoir à faire défiler la page? Est-ce qu’il y a de grands espaces entre vos textes et vos médias ou est-ce qu’il en manque? Etc.
Assurez-vous que votre fichier HTML se trouve bien à la racine de votre projet sur GitHub.com et qu’il porte bien le nom index.html. Ensuite dans l’onglet Settings, choisissez l’option Pages du menu de gauche, dans le menu déroulant Source, sélectionnez la branche que vous désirez voir publiée en ligne et finalement appuyez sur Save. Une URL devrait alors apparaître. Si votre fichier index.html est bien placé et nommé, vous devriez voir votre jeu en ligne à cette adresse.
Modifiez votre README.md afin d’inclure sous le titre de votre histoire le libellé “En ligne” suivi du lien GitHub Pages vers votre projet.
Vous pouvez partager cette adresse avec vos proches si vous le désirez!