Voici 3 défis à réaliser sur votre espace de test


L'objectif de cette série d'exercices est de reproduire cette page d'accueil https://classe-dehors.org ;

Niveau 1 🥉 copier une page issue d'un autre wiki

  • copiez l'intégralité de la page https://classe-dehors.org dans une nouvelle page de votre espace de test, vous pouvez nommer cette nouvelle page PageModele par exemple
Astuce : pour copier rapidement la page : ajouter /raw à la fin de l'url pour accéder au code source
  • pour intégrer les images vous devrez les enregistrer sur votre PC puis les télécharger dans votre nouvelle page

Niveau 2 🥈 Modifier la palette de couleur

En passant par le menu "Roue crantée / Apparence"
Créez une nouvelle palette de couleur (Nouvelle configuration graphique) avec les couleurs suivantes :
  • couleur primaire #421ef4;
  • couleur secondaire 1: #489e83;
  • couleur secondaire2: #f8c6b1;
  • couleur texte : #4e5056;
  • couleur neutre: #87898e;
  • couleur claire : #f2f2f2;
  • police des textes : 'Cabin', sans-serif;
  • police des titres : 'Alegreya', sans-serif;

Modifiez son nom palette-modele et sauvegardez

Appliquez cette configuration à la PageModele seulement : pour cela éditez PageModele puis cliquer sur le bouton Theme en bas de page et choisir le preset palette-modele


Niveau 3 🥇 Personnalisez les couleurs

En éditant pageCSS, modifiez :
- la couleur des titres
- la couleur des liens
- la couleur de fond du pied de page
- augmentez l'arrondi des boutons