Site web

Le 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~~

News

~~vous~~

Les denews ~~bien~~apparaissent ~~avoir~~sur ~~les~~la ~~accès~~page auprincipale du site et ici : ~~github~~https://clic.epfl.ch/news ~~avec votre responsable IT.~~

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

Allez sur https://clic.epfl.ch/directus/admin/content/news.

Créez une nouvelle news (bouton + en haut à droite)

Renseignez tous les champs obligatoires, et pensez aux traductions EN/FR !

Une fois que ça vous semble bon, sauvegardez la news. Elle n'apparaitra pas tant que le status n'est pas "published"

Si tout vous semble correcte, alors il suffit de modifer le champ status en Published et la news est disponible sur le site hehe

~~Ouvrez~~Il est possible de preview la news en cliquant sur le bouton "Enable Preview" en forme d'œil une fois la news sauvegardée, même si elle n'est pas encore publiée.

Pensez bien à choisir une image dans le dossier ~~avec~~directus un"public" ~~éditeur de texte (Atom, VScode) et vous rendre dans~~ ~~src/components/news/content~~

~~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~~ou l'un ~~des dossiers précédents.~~

~~Modifiez les attributs du document~~ ~~meta.json~~

~~title: le nom~~ de ~~l'événement~~

ses

~~date:~~sous-dossiers. Télécharger une image la ~~date de quand la news a été posté~~rajoute (~~pas~~à dechaque ~~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~~

~~Modifiez le texte contenu~~fois) dans le ~~document~~dossier ~~body.md~~:public/news.

Pour

~~Tenez~~modifier ~~compte~~une deimage, ~~l'écriture~~le dubouton ~~markdown~~

"replace

~~Texte~~file" ~~qui~~remplace ~~apparaitra~~le ~~lorsqu'un~~fichier ~~visiteur~~source, ~~clique sur la news~~

~~Ajoutez~~si l'image ~~banner.png~~est ~~qui~~utilisée ~~illustrera~~ailleurs, ~~votre~~elle ~~événement.~~sera ~~Dimension~~remplacée ~~1200x630~~partout ~~pixels.~~! Si ce n'est pas souhaité, désélectionné l'image et choisissez-en une autre

Galeries

La page https://clic.epfl.ch/galleries est une sorte de hub vers les différents folders de galeries des événements CLIC.

Pour rajouter une galerie :

Allez sur https://clic.epfl.ch/directus/admin/content/galleries
Créez
~~git~~une ~~add~~,nouvelle ~~commit~~entrée (bouton + en haut à droite)

Renseignez tous les champs obligatoires

Sauvegardez… et ~~push~~
c'est

tout

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

~~PS:~~Pensez ~~Pour~~à ~~tester~~vérifier que le ~~visuel~~lien duest ~~site~~bien enaccessible ~~local~~au ~~avant de push, lancez les commandes~~ npx gulp~~, puis~~ npm start,public, et ~~ouvrez~~qu'il ~~localhost:8000~~ne ~~dans~~s'agit pas d'un ~~naviguateur~~lien d'édition.