Site web

TODOLe site web se doit de contenir un historique des événements ayant eu lieu tout au long de l'année académique dont vous êtes responsable. C'est pourquoi la section "News" doit être mise à jour constamment et dans le respect du plan académique de la communication. Assurez vous de bien avoir les accès au github avec votre responsable IT.

Nous allons vous expliquer étape par étape comment procéder pour créer une news sur le site web CLIC:

1. Ouvrez le dossier avec un éditeur de texte (Atom, VScode) et vous rendre dans src/components/news/content

2. Créez un nouveau dossier localement avec le numéro de la nouvelle news NUM_NEWS (veillez à respecter l'ordre de numérotation)en copiant l'un des dossiers précédents.

3. Modifiez les attributs du document meta.json

   • title: le nom de l'événement
   • date: la date de quand la news a été posté (pas de 0 inutiles dans les mois, i.e. Février == 2)
   • author: nom de l'auteur de la news
   • image: path vers l'image qui apparaitra sur la news et qui a été ajoutée préalablement dans news/NUM_NEWS
   • shortText: court texte qui apparaitra sous l'image de la news

4. Modifiez le texte contenu dans le document body.md:

   • Tenez compte de l'écriture du markdown
   • Texte qui apparaitra lorsqu'un visiteur clique sur la news

5. Ajoutez l'image banner.png qui illustrera votre événement. Dimension 1200x630 pixels.

6. git add, commit et push

7. Rendez-vous sur le github du site et demandez une pull request pour faire valider votre news par le responsable IT

PS: Pour tester le visuel du site en local avant de push, lancez les commandes npx gulp, puis npm start, et ouvrez localhost:8000 dans un naviguateur