Passage vers un nouveau design et système

[Mopolo]

Introduction

J'ai découvert l'existence de ces sites en 2022 et ça me trotte dans la tête depuis.
On a récemment décider (à Lyon) d'arrêter de poster des articles dessus pour privilégier les posts sur LinkedIn (et autres réseaux).

On se retrouve donc avec un site qui date, au design vieillissant, plein d'articles qui sont destinés à vieillir (il n'y a que des annonces de meetups et quelques retours) et qui ne seront plus alimentés de toute façon.

Et c'est pareil sur toutes les antennes visiblement :

• https://aix-marseille.afup.org
• https://bordeaux.afup.org
• https://limoges.afup.org
• https://lyon.afup.org
• https://nantes.afup.org
• https://paris.afup.org
• https://rennes.afup.org
• https://toulouse.afup.org

La seule chose qui change c'est le bouton AFUP Day 20XX / Forum PHP 20XX qui est modifié quand on y pense, et quand il existe 😅

C'est pourquoi je vous propose de changer de système. Ces mini-sites ont encore un intérêt je trouve, à être un lieu central pour les différentes URLs à propos d'une antenne, un Linktree en gros.

Le résultat

Une image vaut mille mots donc voilà un rendu sur mobile :

Et un rendu sur desktop :

Comment ça fonctionne ?

Le système est volontairement simpliste tout en étant personnalisable pour chaque antenne.

Il y a 4 fichiers à modifier pour personnaliser le site.

La configuration générale

return Site::configure('Lyon')
    ->repository('https://github.com/afup/lyon.afup.org')
    ->twitter('AFUP_Lyon')
    ->mastodon('https://mastodon.social/@afup')
    ->bluesky('https://bsky.app/profile/afup.bsky.social')
    ->linkedIn('https://www.linkedin.com/company/afup-lyon/')
    ->meetup('https://www.meetup.com/fr-FR/afup-lyon/')
    ->currentEvent('AFUP Day 2024')
    ->callForPapers('https://afup.org/call-for-speakers')

    // Il est possible de spécifier des liens supplémentaires :

    // Pour ajouter un lien dans la section supérieure
    ->withTopLink(new Link('Exemple de lien', 'https://example.com', 'fa-solid fa-link'))
    
    // Pour ajouter un lien dans la section inférieure
    ->withBottomLink(new Link("Autre exemple", 'https://example.com', 'fa-solid fa-rocket'))
;

Les logos

Le logo de l'antenne doit être présent en deux versions :

• config/logo_simple.png : utilisé comme favicon
• config/logo_text.png : utilisé dans la page, doit avoir un fond transparent

Domaine

Le nom de domaine du site est à spécifier dans le fichier config/CNAME.

Déploiement

On continue à utiliser GitHub Pages, il faudra juste changer la config du repository pour deploy à partir de la branche gh-pages.

Cette branche est ensuite gerée automatiquement par un workflow GitHub.

Le dev local

Pour modifier le site en local, il faut :

• make install pour installer les dépendances PHP et Node
• make watch pour démarrer le watcher css et un serveur de test à l'adresse http://localhost:8000

Comment review tout ce bazard ???

J'ai découpé tout ça en deux commits pour faciliter la review :

• suppression de l'ancien site
• création du nouveau site

Merci d'avoir lu jusque-là 😊

Je suis preneur de retours/avis. Et j'ai une idée pour simplifier/semi-automatiser le bouton AFYP Day 20XX mais on en reparle plus tard si le projet vous plait.

Et petit bonus, ça fait passer le poids de la page de ~1mo à ~300ko 😉

Les archives

Bien sûr je peux comprendre qu'on ait envie de conserver des archives de l'ancien site, une solution possible serait, vu que c'est un site statique, de déplacer le site généré (sans les sources qui de toute façon seront toujours là dans git) dans un sous-dossier archive qui resterait accessible via un lien sur la page ? À discuter.

[fferriere]

Très intéressant. Effectivement pour les sites qui ne sont plus mis à jour ça peut être utile.
Personnellement, j'ai du mal à jeter les choses donc je me dis que ça pourrait être intéressant d'avoir une section "archive" qui permettrait d'accéder à l'ancien site.