Ce site est optimisé pour être consulté depuis un navigateur moderne dans lequel JavaScript est activé.

des gradients & dégradés

aqua

Salut la commu !
J’ai une proposition / suggestion de (léger) changement esthétique !
Tout part de mon amour des gradients et dégradés de couleurs (cf mon manteau coloré avec des montagnes et arcs en ciel pour ceux qui m’ont vue IRL en contexte hivernal).
Je souhaitais que le background de mon nom sur la page membres soit en dégradé

Or le style est en background-color et récupère le color code html rempli dans le fichier markdown de présentation (style="background-color: <?= $color ?>;)

Je voulais votre avis sur si ce serait ok que je modifie la ligne 1 de ce petit bout de code (genre si l’idée générale est ok, je fork, qqun approuve ma modif, je fait une petite màj dans la doc et voilou)
L’idée c’est que je m’implique dans un cas pratique pour un truc qui me fait kiffer ^^

Les conséquences de cette modif seraient que si je passe du background-color au background tout court, alors ce serait possible de mettre des couleurs, des gradients comme souhaité et aussi possiblement des images (comme pour le background d’une page d’un site en fait)
Voila, comme ça change qd même l’esthétique d’une des pages phare du site et que ça a des conséquences sur ce qu’on peut mettre comme fond, il me faut votre avis.
(Ce n’est absolument pas urgent ni important, on peut en discuter ici ou IRL à l’occaz)
@+++

vincent

Perso je trouve que si on changeait ça, ça serait pas mal d’aussi changer le nom de la propriété dans le fichier PRESENTATION.md, histoire de garder une constance.
Ça implique un petit script en plus avec un droit admin pour modifier toute les présentations existantes.

Un petit exemple de rendu avec un dégradé et une image de fond pour se faire une idée :

aperçu

Pour info, la ref qu’on avait c’était le site https://special.fish.

aqua

Salut, je suis revenue sur ce sujet que j’avais laissé un peu en suspens, à propos du remplacement de « background-color » par « background » pour pouvoir faire des dégradés et mettre des images dans les bulles !

🆕 J’ai fait cette pull request : https://github.com/club-1/members-presentation/pull/8
(/!\ j’ai oublié de modifier le markdown du projet, je vais corriger ça)

▶️ CONCRETEMENT
Pour les PRESENTATION.md, ça ressemblerait a ça :
user1 (exemple image / gif)

name: user1 
background: "url('https://.......')"

user2 (exemple gradient)

name: user2
background: "linear-gradient(24deg,rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 14%, rgba(232, 148, 233, 1) 100%);"

user3 (exemple qui reste en mode « classique » avec une seule couleur comme c’est actuellement)

name: user3
background: "#000"

—> DOC : ceci sera à ajouter dans la doc bien sur ! 🤓

—> INFO : aussi je pense que si on intègre cette màj, alors il faudrait qu’un admin remplace tout les « color » par des « background » dans les PRESENTATIONS.md des membres pour que ce soit transparent pour elleux (mais tout de même les informer dans une futur newsletter qu’on l’a fait ou va le faire)

—> SECURITE : Néanmoins il me reste une question concernant la sécurité, comment et surtout où puis-je vérifier qu’en faisant cette modification, on a les vérifications nécessaires pour éviter des injections ?