Images/Couleurs dynamiques

[Sekooly]

Problème

Les classes-matieres sont limitées à 1 image par couleur, pas très représentatif de ce qu'on enseigne dedans.

Solution

• [ ] Améliorer le design des cards (borders, colors)
• [x] Choisir parmi une liste d'icônes d'images
• [x] attribuer une couleur à 1 icône choisie : dans les préférences de l'établissement

A faire

• [ ] CSS cards
• [ ] Personnalisation du CSS cards
• [ ] Trouver, lister et choisir les icônes des cards
• [ ] Classes sans img background
• [ ] Choisir les hexcodes des couleurs (borders + back + fore)

[Sekooly]

Intéressant et à tester

Utiliser flaticon.

Éventuel blocage

La recherche par mot clé embedded

[Sekooly]

Icônes personnalisés

Si la solution de flaticon n'est pas bonne, autoriser l'upload directement sur supabase (cf paragraphe Upload)

Utile

https://github.com/josefrichter/resize/blob/master/public/preprocess.js

Limiter les dimensions

Max. 40x40 px pour ne pas surcharger la DB

Upload

Apprendre l'upload sur storage bucket, Sinon directement en upload dans la DB. Si bucket, le nom du fichier = (classe|matière)