Cette page retrace ce qui a été ajouté, corrigé ou amélioré sur Le Vestibule au fil du temps. Chaque entrée contient un résumé accessible à tous, suivi d'un volet technique pour les développeurs curieux.
L'illustration principale de l'accueil passe maintenant du dessin au trait à une version colorée au survol. L'effet est aussi disponible au focus clavier.
LeVestibuleCouleurCalque.pngLeVestibule.png dans home.blade.phpUn lien direct « Contact : stephan@le-vestibule.ca » a été ajouté dans le pied de page du site. Il permet de contacter rapidement le responsable par courriel depuis n'importe quelle page.
mailto:stephan@le-vestibule.ca dans le footer global (layouts/main.blade.php)Une nouvelle section « Blague du jour » s'affiche désormais sur la page d'accueil, en plus du dessin et de la photo du jour. La blague est choisie aléatoirement et présentée dans une carte stylisée, centrée, avec lien vers la fiche détail.
Cette évolution renforce l'aspect ludique et éditorial du Vestibule, tout en gardant une cohérence visuelle avec les autres contenus du jour.
/ enrichie pour charger une blague aléatoire (Blague::inRandomOrder())home.blade.php avec carte centrée, texte seul, et lien détailAGENTS.md, JOURNAL.md, changelog)Une nouvelle entrée « Photos » a été ajoutée dans le header. Elle pointe vers une galerie dédiée.
La liste et la fiche détail des photos réutilisent les mêmes vues que les dessins, ce qui évite la duplication et garde un rendu cohérent.
/photos et /photos/{slug}galerie.blade.php et galerie-detail.blade.php avec base URL et labels dynamiquesPhoto expose désormais toPublicArray() pour le même format d'affichageLe menu « Dessins » du header a été corrigé: il ne reste plus ouvert en permanence sur desktop, et s'ouvre désormais correctement quand on clique dessus.
L'entrée « Tous les dessins » reste le point d'accès principal vers la galerie, directement depuis le sous-menu.
La navigation clavier et les retours visuels ont été améliorés, avec un comportement plus clair à l'ouverture/fermeture et un hover plus lisible.
La page d'accueil a été réorganisée pour mieux mettre en scène l'introduction: une composition en 2 colonnes avec l'illustration à gauche et le texte à droite.
Le bloc d'introduction a été ajusté finement (taille de texte, interligne, espacement vertical) pour un rendu plus lisible et plus équilibré.
Dans le header, le nom textuel du site a été remplacé par un logo illustré, plus présent visuellement.
home.blade.phpLeVestibule.png avec largeur max ajustée selon breakpointleading-loose et variantes md:leading-* pour la lisibilitéog_description et JSON-LD WebSite.descriptionLeVestibuleTitreCouleur.png dans layouts/main.blade.phpLa grille de la galerie a été uniformisée pour que toutes les cartes aient la même hauteur, avec des zones image et texte mieux alignées.
Le lien « Voir en détail » et la catégorie restent maintenant alignés en bas de chaque carte, même quand les titres ou descriptions sont plus longs.
Les mots-clefs affichent désormais une info-bulle au survol avec le nombre de dessins associés, et un compteur de filtres actifs a été ajouté au bouton des filtres.
La galerie propose maintenant deux exports PDF: un catalogue des dessins et un format dédié à l'impression de cartes QR.
Les cartes QR ont été optimisées pour l'impression sur format Letter avec une grille de 16 cartes par page, des repères de coupe légers et un QR recentré pour une lecture claire.
Plusieurs ajustements techniques ont aussi été appliqués pour fiabiliser le rendu PDF en production, notamment sur la gestion des images et des QR codes.
/galerie/catalogue.pdf et /galerie/cartes-qr.pdf + bouton d'accès depuis la galerieletter harmonisé entre contrôleur et templatestorage/app/pdf-cache pour éviter les rendus obsolètespublic/img-cache/pdf-cache pour améliorer la stabilité DompdfChaque fiche de dessin affiche maintenant une section « Dans la même veine » avec 3 à 4 dessins liés, sélectionnés selon la catégorie et les mots-clefs en commun.
Un dessin aléatoire a été ajouté sur la page d'accueil, sous forme d'une bande discrète cliquable menant à sa fiche détaillée.
Lorsqu'on ouvre une fiche depuis la galerie, les filtres et le tri actifs sont désormais conservés pour la navigation entre dessins, tandis que le lien « Galerie » du breadcrumb sert de remise à zéro.
Un repère discret `x sur y dessins` apparaît aussi sur la fiche pour situer le dessin courant à l'intérieur du sous-ensemble filtré.
$relatedDrawings/ récupère un dessin aléatoire (Drawing::inRandomOrder()); teaser compact avec flèche à droite et hover renforcé/galerie pour réinitialiser rapidement les filtresx sur y dessins lorsque des filtres sont actifsLes dessins disponibles à la vente sur Redbubble sont maintenant mis en avant directement dans la galerie : un bouton s'affiche sur la fiche du dessin et dans la ligne d'action de chaque carte, et un filtre permet d'afficher uniquement les dessins disponibles à l'achat.
La barre de partage (Facebook, X, WhatsApp, e-mail…) a été déplacée tout en bas de la fiche dessin, après la navigation précédent/suivant, pour un meilleur ordre de lecture.
Le panneau d'administration interne, qui n'était plus utilisé, a été entièrement retiré du code.
add_redbubble_url_to_drawings_table — colonne nullable string(2048)redbubble_url par post en requête groupée + sanitisation URL (http/https uniquement)Drawing : ajout dans $fillable et toPublicArray()?redbubble=1 appliqué dans les trois passes de filtrage de DrawingController (filtered, categoryCounts, keywordCounts)<x-redbubble-icon> : charge /img/redbubble-logo.svg depuis public/img/, fallback texte "RB"og:locale, og:image:alt, JSON-LD WebSite (accueil), JSON-LD BreadcrumbList (détail dessin)robots.txt avec sitemap absolu https://le-vestibule.ca/sitemap.xmlDrawingAdminController, vues, dossiers Admin/ et admin/Chaque fiche dessin affiche maintenant des boutons pour partager le dessin sur les réseaux sociaux ou par e-mail : Facebook, X, Pinterest, WhatsApp, et un bouton natif pour iOS/Android. Un bouton « Copier le lien » complète le tout.
En coulisses, des outils ont été ajoutés pour pré-générer les vignettes et images utilisées par le site, ce qui accélère la navigation pour les visiteurs.
execCommand, URLs encodées Facebook / X / Pinterest / WhatsApp / mailtoimages:cache-generate — itération via cursor(), génération des formats nav/galerie/détail/OG, rapport --report-missingdrawings:import-wordpress et images:cache-clear déplacés dans app/Console/Commandsenv() vers config() pour compatibilité avec config:cacheAgent.md — conventions de code, UI, routing, SEO et workflowQuand vous partagez un dessin sur Facebook, LinkedIn ou WhatsApp, l'aperçu généré (titre, description, image) est maintenant propre et cohérent sur tous les canaux, même pour les dessins importés depuis WordPress dont le texte contenait des caractères spéciaux.
Les images des dessins importés depuis WordPress se chargent automatiquement si elles ne sont pas encore disponibles localement — sans avoir besoin de relancer une synchro manuelle.
/og-image/home.jpg, /og-image/default.jpg, /og-image/{slug}.jpghtml_entity_decode + normalisation whitespace)ImageController : si une image WordPress locale est absente, tentative de récupération depuis la source WP, écriture locale puis resize habituelsource_id → DB wordpress → _thumbnail_id/guidfb:app_id via config('services.facebook.app_id')galerie-detail compactée ; padding global du <main> suppriméLes polices de caractères ont été mises à jour : le site utilise désormais Work Sans pour les textes et Cormorant pour les titres — hébergées directement sur le serveur, sans dépendance à Google Fonts.
La page d'accueil a été entièrement réécrite avec le texte définitif présentant le concept du Vestibule. Les cartes de la galerie ont aussi été retravaillées : la catégorie apparaît maintenant dans la ligne d'action en bas de carte, à côté du lien « Voir en détail ».
@fontsource-variable/work-sans et @fontsource-variable/cormorant (npm, subsets latin/latin-ext uniquement)@font-face manuels dans app.css avec font-display: swap--font-sans / --font-display déclarées dans @theme.ui-surface, .ui-input, .ui-button-*, .ui-filter-*, etc.flex items-end justify-between en basLe filtre par mots-clefs dans la galerie fonctionnait mal — cliquer sur un mot-clef ne retournait souvent aucun résultat. Le problème venait de caractères spéciaux mal encodés lors de l'import WordPress. C'est maintenant corrigé.
Les vignettes de la galerie s'affichent toujours en carré, quelle que soit la proportion originale du dessin. Les miniatures de navigation précédent/suivant ont aussi été harmonisées.
Plusieurs améliorations SEO ont été apportées : image de prévisualisation par défaut, sitemap plus précis, et exclusion automatique des éventuelles pages internes des moteurs de recherche.
normalizeKeyword() dans DrawingController : html_entity_decode + lowercase + trim, appliqué à la query string ET aux mots-clefs du dessin avant comparaisonnormalizeTerm() dans WordPressImportService : nettoyage à la source dès l'importis_file()request()->is('admin*') dans le layoutlastmod basé sur updated_at du dessin ; URLs statiques sur startOfDay()aspect-square Tailwind au lieu de style="aspect-ratio:..." dynamiqueLe Vestibule est désormais entièrement alimenté depuis WordPress : les titres, descriptions, catégories, mots-clefs et images des dessins sont importés automatiquement depuis la base de données WordPress source.
Les images sont téléchargées et stockées localement pour un affichage rapide, y compris quand le site WordPress source est protégé par un mot de passe.
WordPressImportService : import posts → drawings, taxonomies category/post_tag, featured image en local avec dimensionsWP_MEDIA_BASIC_AUTH_USER / WP_MEDIA_BASIC_AUTH_PASSWORD--reset-images sur drawings:import-wordpress : suppression fichiers locaux + reset champs DB avant réimportdrawings alimentée depuis WordPress, lue par LaravelLa galerie est passée d'une liste statique à une vraie base de données, ce qui permet une gestion plus solide et évolutive des dessins.
Les filtres ont été repensés : ils s'affichent dans un panneau repliable avec une recherche textuelle, un filtre par catégorie et un filtre par mots-clefs — le tout fonctionnant ensemble.
Chaque dessin génère maintenant une image sociale dédiée (pour Facebook, Twitter, etc.) avec le titre du dessin et un arrière-plan cohérent avec le site.
Drawing ; repository pattern (DrawingRepositoryInterface + EloquentDrawingRepository)DrawingControllerOgImageController : image OG 1200×630 générée via GD avec overlay texte + catégorie<x-filter-section> pour les panneaux de filtres
Les adresses des pages de dessins utilisent maintenant des mots lisibles
(ex. /galerie/que-cest-chat) au lieu d'un numéro opaque.
Les anciens liens sont automatiquement redirigés.
La navigation entre dessins affiche maintenant une miniature du dessin précédent et suivant, en haut et en bas de la fiche. Les filtres de la galerie affichent le nombre de dessins disponibles par catégorie et par mot-clef, en tenant compte des filtres déjà actifs.
Un sitemap XML est généré automatiquement pour aider les moteurs de recherche à découvrir tous les dessins.
/galerie/{slug} + redirection 301 /galerie/{id} → slugCollectionPage + ItemList JSON-LD, canonical, robotsloading="lazy", decoding="async", width/height explicitesgetimagesize() + aspect-square object-contain