C’est la semaine des livraisons #shameless_autopromo… on vient donc de mettre en ligne, avec Emmanuel, le site du Frac Paca :
▻https://www.fracpaca.org
Évidemment c’est du #SPIP. Graphiquement c’est lié à la charte de l’institution, que nous avons évidemment adaptée à un site Web.
Dans les trucs originaux :
1. Le bandeau supérieur prend différentes formes selon la taille de l’écran :
Ça se fait entièrement en CSS évidemment.
2. Le menu hamburger est plus classique, mais à nouveau tout se gère en CSS (animations, accordéons…) ?
3. Mes longforms, pour les expositions. Mais évidemment avec un traitement graphique beaucoup plus minimaliste que pour Fabre :
▻https://www.fracpaca.org/Des-marches-demarches-remarche
4. Un mini-agenda en page d’accueil, avec les prochains événements. L’aspect original, c’est que c’est responsive de façon un peu rigolote, puisque c’est un slider avec un nombre variable de cases, et que c’est réglé entièrement en CSS (si je te le dis : c’est plutôt astucieux…)
5. Une carte des déplacements de la collection en région. Pour l’affichage, c’est du classique : Leaflet avec des clusters. L’intérêt ici c’est que ça va chercher les œuvres dans une base de donnée spécialisée (Navigart), pour les afficher sur le site. Aspect SPIP-c’est-bon-mangez-en : l’interrogation et le traitement de l’API distante se fait directement dans une boucle DATA dans le squelette, sans rien faire en PHP.
6. Afficher automatiquement un portfolio des œuvres d’une exposition :
Même principe, interrogation et affichage d’infos tirées de Navigart directement dans un boucle DATA. Et pour l’affichage des lignes façon Google Image, c’est mon bon vieux script tel que tu peux le récupérer dans mon plugin medias_responsive_mod… (modèle ligne.html
et script portfolio_ligne.js
).
7. Une page d’agenda par semaine :
▻https://www.fracpaca.org/?page=tout_agenda&id_rubrique=1&date_p=2020-07-23
Pour le mini-calendrier en javascript, j’ai joué avec Pignose Calendar :
▻https://www.pigno.se/barn/PIGNOSE-Calendar
8. Pour les plugins importants ici :
– plugin agenda
– sélections éditoriales
– plugin GIS (mais l’affichage des cartes côté public, je le refais moi-même, comme ça je vois directement ce que je fais).
Et sinon, ma trousse à outil habituelle :
– image_reponsive
– centre image
– css imbriqués
– insertion avancée d’images