0 XP 0jours de suite

Journal du projet

Changelog

L’évolution des Carnets de Léka, version après version. Chaque entrée explique concrètement ce qui a été ajouté, corrigé ou amélioré.

73versions documentées
V93 → V165historique conservé
2026année du journal
V165Signature discrète sur la carte de contact
  • Ajout de la mention « Carnet de Leka » dans la carte de message privé.
  • Ajout de petit avatar circulaire.
  • Ajustement de le positionnement discret sur desktop.
  • Adaptation de responsive pour éviter les chevauchements sur mobile.
  • Incrément de cache-busting de la feuille de style contact.
V164Nettoyage des cartes de la popup
  • Mise en place : Apprendre le français devient Learn French.
  • Suppression de gros indicateurs AL / FR sur les deux cartes initiales.
  • Conservation de le comportement existant : aucun changement de destination ni de logique.
  • Mise en place : JS passé en v164.
  • Travail effectué : Service worker passé en leka-cache-v164.
V163Correction réelle de la phrase visible + cache
  • Constat : la phrase modifiée n'était pas celle visible sur la carte de la capture.
  • Correction de ce point technique : le JS restait appelé en ?v=161 et le service worker restait en leka-cache-v161.
  • mis toutes les pages à jour pour utiliser carnets-de-leka.js?v=168.
  • Mise en place : service worker: leka-cache-v163.
V162Phrase popup en anglais
  • Mise en place : Modification unique: Choose English or Shqip to learn French.
V161Langue de l'assistant selon le navigateur
  • Correspondance de navigation : sq / al -> Shqip.
  • Correspondance de navigation : en -> English.
  • Correspondance de navigation : de -> Deutsch.
  • Correspondance de navigation : fr -> Français.
  • Correspondance de navigation : toute autre langue -> English.
V160Assistant d'entrée discret
  • Mise en place : apprendre l'albanais.
  • Travail effectué : apprendre le français.
  • Correspondance de navigation : Français -> /.
  • Correspondance de navigation : English -> /en/.
  • Correspondance de navigation : Deutsch -> /de/.
V159Contact sans écran de boot
  • Correction de ce point : l'animation SYS://LEKA.PROFILE ne doit apparaître que sur les pages À propos.
  • Travail effectué : elle est supprimée des 6 pages Contact & communauté.
  • Intégration de cette évolution : bloc #about-boot.
  • Mise en place : about-geek.js.
  • Travail effectué : about-geek.css.
V158Contact & communauté centralisés
  • Mise en place : 6 pages Contact & communauté créées.
  • Travail effectué : Deux choix immédiatement visibles: mur public ou message privé.
  • Intégration de cette évolution : Formulaire privé unique: question, suggestion, bug, partenariat, autre.
  • Mise en place : Accès « signaler un bug » prérempli avec le bon sujet.
  • Évolution de ce comportement : les 6 pages du mur affichent clairement que les messages sont publics après modération.
V157Correction du slider des villes
  • Mise en place : CSS slider intégré également aux feuilles principales déjà chargées.
  • Travail effectué : feuille slider dédiée réincluse dans ce patch.
  • Intégration de cette évolution : anciennes règles.city-photo neutralisées pour le slider.
  • Mise en place : images en object-fit: contain afin de ne pas les couper.
  • Travail effectué : ratio du slider calculé à partir de la photo principale après son chargement.
V156Slider villes à 2 secondes
  • Mise en place : villes France: oui.
  • Travail effectué : villes Albanie: oui.
  • Conservation de la navigation manuelle sans modifier son comportement.
  • Conservation de la pause au survol et au focus.
  • Conservation de la navigation par swipe et au clavier.
V155Slider photos des villes
  • Correction de ce point : la photo principale et les images supplémentaires sont réunies dans un seul slider.
  • Évolution de ce comportement : la galerie séparée sous la grande photo n'est plus rendue.
  • Intégration de cette évolution : défilement automatique toutes les 5,2 secondes.
  • Mise en place : flèches, points et compteur.
  • Travail effectué : clavier gauche/droite.
V154Finition SEO avant pause
  • Traitement effectué : Pages sans H1 détectées au départ: 67.
  • Traitement effectué : H1 statiques ajoutés: 63.
  • Traitement effectué : Pages techniques volontairement non modifiées: 404 / offline / vérification Google.
  • Traitement effectué : Pages SEO autonomes sans H1 restantes: 0.
  • Travail effectué : Fragment HTML non autonome sans H1: lecture/integration/carnets-de-leka-snippet.html.
V153Correction visuelle du menu Apprendre
  • Mise en place : feuille dédiée /assets/css/nav-levels-v153.css chargée explicitement sur toutes les pages avec le menu Apprendre.
  • Travail effectué : largeur et hauteur du dropdown adaptées.
  • Intégration de cette évolution : 5 niveaux empilés verticalement.
  • Ajout de Toutes les leçons / All lessons / Alle Lektionen / Të gjitha mësimet.
  • Travail effectué : niveaux déplacés juste sous cette entrée.
V1525 niveaux dans le menu Apprendre
  • Mise en place : ouvrir le menu Apprendre.
  • Travail effectué : juste sous Toutes les leçons, afficher 5 accès compacts.
  • Modification appliquée : un accès direct par niveau.
  • Mise en place : A1.
  • Travail effectué : A1-A2.
V151Menu niveaux visible / injection runtime
  • Correction de ce point : v150 contenait bien le menu statique dans les pages HTML et le CSS correspondant.
  • Évolution de ce comportement : pour rendre l'affichage robuste même si une page HTML ancienne est encore servie ou si un rendu réécrit le contenu,.
  • Correction de ce point technique : le JS ne crée rien si le bloc statique existe déjà, donc aucun doublon.
  • Mise en place : injection runtime sur toutes les pages data-page="lesson".
  • Travail effectué : 5 liens absolus vers #niveau1 à #niveau5.
V1505 accès de niveaux sous toutes les leçons
  • Mise en place : Niveau 1 / A1.
  • Travail effectué : Niveau 2 / A1-A2.
  • Intégration de cette évolution : Niveau 3 / A2-B1.
  • Mise en place : Niveau 4 / B1-B2.
  • Travail effectué : Niveau 5 / B2+.
V149Ressources UK/DE et CTA Explore
  • Correspondance de navigation : 8 PDF English -> Albanian créés.
  • Travail effectué : /en/ressources/ charge resources-en.json.
  • Intégration de cette évolution : /de/ressources/ conserve sa bibliothèque resources-de.json et ses 8 PDF allemands.
  • Mise en place : Recherche, catégories et boutons de téléchargement localisés.
  • Évolution de ce comportement : les cartes Explore / Discover ont un CTA plus petit.
V148Humanisation multilingue complète
  • Mise en place : toutes les pages HTML du site.
  • Travail effectué : introductions de leçons.
  • Intégration de cette évolution : textes de présentation des hubs.
  • Traitement effectué : pages Découvrir.
  • Travail effectué : textes de ressources.
V147Humanisation éditoriale du site
  • Mise en place : 71/71 blocs SEO éditoriaux réécrits avec une voix plus personnelle et moins répétitive.
  • Travail effectué : 6 pages « À propos » reprises dans une voix plus directe et personnelle.
  • Intégration de cette évolution : 15 introductions culturelles FR / EN / DE retravaillées sans changer les faits.
  • Mise en place : 3 pages d'accueil ont reçu des ajustements sur les longs textes promotionnels.
  • Travail effectué : 2 tirets cadratins supprimés.
V146Deutsch -> Albanisch
  • Mise en place : 50 interaktive Lektionen vollständig auf Deutsch synchronisiert.
  • Correspondance de navigation : Sichtbare Wortschatzlisten nur noch Albanisch -> Deutsch.
  • Intégration de cette évolution : Kulturhinweise auf Deutsch synchronisiert.
  • Mise en place : Alphabetseite und Aussprachehinweise für Deutschsprachige angepasst.
  • Travail effectué : Alphabet-Quiz und dynamische Alphabetdaten um deutsche Inhalte ergänzt.
V145Header du site Apprendre l'albanais
  • Mise en place : sélecteur intégré dans le header principal.
  • Suppression de la double barre.
  • Intégration de cette évolution : XP et langue d'interface regroupés à droite.
  • Mise en place : badge BETA supprimé.
  • Travail effectué : libellés localisés:.
V144Suppression du badge BETA
  • Correction de ce point : le badge BETA a été retiré du sélecteur Learn French sur l'ensemble du silo /francais/.
V143Refonte du header du silo français
  • Correction de ce point : le sélecteur "Learn Albanian / Learn French" est intégré dans le header principal.
  • Travail effectué : navigation, parcours, XP et langue d'interface sont regroupés dans une seule barre cohérente.
  • Modification appliquée : le gros espace réservé aux actions fixes a été supprimé.
  • Mise en place : responsive mobile revu sur deux lignes.
  • Travail effectué : destination "Learn Albanian" corrigée sur la version EN: /en/.
V142Page À propos recentrée
  • Évolution de un bloc unique centré.
  • Travail effectué : largeur max du panneau: 980px.
  • Intégration de cette évolution : largeur de lecture du texte: 820px.
  • Mise en place : breadcrumb aligné sur le même axe.
  • Travail effectué : comportement mobile conservé.
V141Ressources : mot de passe et chargement
  • Mise en place : ressources-fr.js utilisait root sans le définir dans son propre scope.
  • Travail effectué : après déverrouillage, la porte disparaissait mais le JSON pouvait ne jamais charger.
  • Modification appliquée : l'ancien localStorage gardait la bibliothèque déverrouillée entre les visites, donc le mot de passe pouvait ne plus apparaître.
  • Mise en place : root est maintenant lu depuis body[data-root].
  • Travail effectué : déverrouillage stocké seulement pour la session courante ( sessionStorage ).
V140Cache JS / sélecteur de langue
  • Correction de ce point : les pages du silo /francais/ chargeaient encore carnets-de-leka.js?v=168.
  • Évolution de ce comportement : le service worker utilisait encore leka-cache-v96 et préchargeait du JS/CSS v94.
  • Intégration de cette évolution : Apache gardait les fichiers JS en cache pendant 30 jours.
  • Correction de ce point : le service worker servait les JS/CSS depuis le cache avant le réseau.
  • Travail effectué : cache-busting carnets-de-leka.js?v=168 sur 273 pages.
V139Sélecteur de langue
  • Conservation de Shqip comme langue proposée dans ce sélecteur.
  • Conservation de English comme autre langue proposée dans ce sélecteur.
V138Alignement Shqip -> Frëngjisht
  • Traitement effectué : interface albanaise nettoyée des libellés français génériques.
  • Correspondance de navigation : Aller au contenu -> Shko te përmbajtja.
  • Correspondance de navigation : Continuer -> Vazhdo.
  • Correspondance de navigation : 6 nouveaux PDF Shqip -> Frëngjisht.
  • Travail effectué : bibliothèque protégée par le même mot de passe et même présentation.
V137Additional English -> French resources
  • Traitement effectué : French Numbers & Time.
  • Travail effectué : 20 Essential French Verbs.
  • Traitement effectué : French Present Tense Quick Guide.
  • Traitement effectué : French Travel Pocket Kit.
  • Traitement effectué : French False Friends for English Speakers.
V136UK resources, menus and PDF cleanup
  • Traitement effectué : Common EN UI chrome cleaned on 91 pages.
  • Traitement effectué : Resource page placeholders, labels and filters converted to English.
  • Traitement effectué : Resource JS now uses language-aware English copy for download buttons, categories and errors.
  • Mise en place : The second language-switch handler was corrected (it was overriding the earlier fix).
  • Travail effectué : 8 English PDF resources cleaned:.
V135Verification des lecons UK
  • Traitement effectué : Pages HTML verifiees: 60.
  • Traitement effectué : Lecons interactives verifiees: 51.
  • Traitement effectué : Restes albanais visibles detectes apres correction: 0.
  • Traitement effectué : Restes albanais dans les champs dynamiques en: 0.
  • Travail effectué : Problemes lang / canonical detectes: 0.
V134UK / English cleanup
  • Mise en place : fixed language detection for /francais/en/.
  • Travail effectué : fixed language-switch URL generation inside the /francais/ silo.
  • Traitement effectué : English pages now force English dynamic lesson/category/track labels.
  • Mise en place : removed the French selector entry from all English pages, keeping Shqip + English.
  • Travail effectué : corrected static Albanian leftovers in About, Alphabet, Resources and History.
V133Humanisation des textes
  • Mise en place : 9575 tirets cadratins supprimés dans les ressources texte du site.
  • Travail effectué : 71 pages SEO V127 réécrites pour supprimer le ton répétitif et les formulations trop mécaniques.
  • Intégration de cette évolution : Meta descriptions des 71 pages harmonisées avec une formulation plus naturelle.
  • Correspondance de navigation : Plusieurs textes du parcours English -> French et de la home ont été reformulés.
  • Travail effectué : Aucun caractère — ne reste dans les fichiers texte du site.
V132Panneau EN cliquable + menu langue simplifié
  • Retrait de « Français » du sélecteur de langue de /francais/en/.
  • Ajout de 4 zones cliquables sur le panneau illustré:.
  • Correspondance de navigation : Learn French →./apprendre/index.html.
  • Correspondance de navigation : Explore France →./decouvrir/index.html.
  • Correspondance de navigation : Daily practice →./apprendre/dialogues.html.
V131Panneau hero /francais/en/
  • Mise en place : Remplace la mascotte + panneau HTML superposé par une illustration unique intégrée, comme sur les autres homes.
  • Traitement effectué : Asset transparent, sans fond noir.
  • Traitement effectué : Variantes responsive AVIF/WebP 480/720/960 px.
  • Conservation de le comportement existant : aucun changement SEO de contenu ou d’URL.
V130English → French experience
  • Traitement effectué : English home now explicitly targets English speakers learning French.
  • Travail effectué : Added a beginner quick-start route.
  • Intégration de cette évolution : Learning hub now starts with a clear 5-step A1 sequence.
  • Mise en place : Corrected English UI copy that still referred to Albanian language/history/news.
  • Travail effectué : Reworked 51 interactive lesson pages:.
V129Suivi des recommandations SEO
  • Mise en place : consolidation des recommandations déjà identifiées.
  • Travail effectué : suivi de leur état de traitement.
  • Intégration de cette évolution : préparation des priorités pour les corrections techniques et éditoriales suivantes.
V128Audit backlinks et toxicité
  • Mise en place : revue du profil de liens externes.
  • Travail effectué : repérage des domaines ou liens pouvant mériter une vérification.
  • Intégration de cette évolution : préparation d'une liste de candidats à examiner avant toute action de désaveu.
  • Mise en place : séparation claire entre problèmes techniques internes et signaux SEO externes.
V127Suivi des 71 recommandations « mots clés de contenu »
  • Mise en place : Principe: aucune répétition artificielle. Chaque page reçoit un paragraphe éditorial visible, une meta description cohérente avec la requête cible et, lorsqu’il existe, le JSON-LD est synchronisé.
V126Quick wins du nouvel audit SEO
  • Traitement effectué : titres explicites des 4 pages légales EN/DE.
  • Traitement effectué : alternatives textuelles ajoutées sur les pages signalées par l'audit.
  • Intégration de cette évolution : page /decouvrir/culture-musique-chants.html allégée avec images responsive AVIF/WebP.
  • Mise en place : sources originales: 687 Kio environ.
  • Traitement effectué : variantes AVIF 720 px représentatives: 126 Kio environ.
V125Correction des 404 remontées par l'audit SEO
  • Mise en place : /apprendre/parcours.html.
  • Évolution de ce comportement : le lien interne pointe maintenant vers #parcours sur /apprendre/.
  • Modification appliquée : une 301 protège les anciens liens externes / historiques.
  • Mise en place : /francais/apprendre/parcours.html.
  • Évolution de ce comportement : le lien interne pointe maintenant vers #learn-tracks.
V124Correction du carré noir sur le panneau de la home Français
  • Traitement effectué : mêmes noms de fichiers.
  • Travail effectué : même structure.
  • Intégration de cette évolution : correction purement visuelle, compatible avec la home / et /francais/.
V123Harmonisation performance des six pages d’accueil
  • Mise en place : /.
  • Travail effectué : /en/.
  • Intégration de cette évolution : /de/.
  • Mise en place : /francais/.
  • Travail effectué : /francais/en/.
V122LCP, cache AVIF et CSS du miroir français
  • Mise en place : image/avif reçoit maintenant le même cache 1 an + immutable que WebP/JPEG/PNG.
  • Évolution de ce comportement : l'anti-hotlink reconnaît aussi l'extension AVIF.
  • Modification appliquée : le Louvre LCP est désormais un <img src="...960.avif"> direct dans le HTML.
  • Mise en place : plus de sélection <picture>/<srcset> pour cette ressource critique.
  • Traitement effectué : preload exact de la même URL.
V121Performance mobile du miroir français
  • Mise en place : /francais/.
  • Travail effectué : /francais/en/.
  • Intégration de cette évolution : /francais/fr/.
  • Mise en place : CSS complet inline sur les homes, même méthode que la V116 gagnante de la home principale.
  • Traitement effectué : variantes responsive AVIF/WebP du Louvre (480/720/960 px).
V120optimisation image mobile (homepage)
  • Mise en place : nouvelles versions plus légères du panneau hero mobile:.
  • Traitement effectué : hero-signboard-v120-400.{avif,webp}.
  • Traitement effectué : hero-signboard-v120-560.{avif,webp}.
  • Traitement effectué : hero-signboard-v120-640.{avif,webp}.
  • Travail effectué : sizes réaliste au lieu de 100vw partout.
V119Footer mobile + accessibilité agentique
  • Correction de ce point : le lien.footer-signature reçoit un aria-label explicite.
  • Évolution de ce comportement : l'image de mascotte interne n'est plus chargée en priorité haute.
  • Intégration de cette évolution : badges de validation W3C masqués.
  • Mise en place : grande signature graphique du footer masquée.
  • Évolution de ce comportement : ces éléments sont décoratifs / techniques, pas nécessaires à la navigation.
V118Accessibilité / Navigation agentique
  • Correction de ce point : le hero desktop avait aria-hidden="true" sur son conteneur.
  • Évolution de ce comportement : ce conteneur contient pourtant plusieurs liens cliquables.
  • Modification appliquée : ces liens avaient eux-mêmes aria-hidden="true" et tabindex="-1".
  • Suppression de aria-hidden sur le conteneur desktop.
  • Suppression de aria-hidden et tabindex=-1 sur les hotspots.
V117LCP mobile ciblé
  • Traitement effectué : srcset plafonné à 720 px au lieu de 960 px.
  • Travail effectué : nouvelle variante 640 px.
  • Intégration de cette évolution : vrai fallback WebP au lieu du GIF transparent.
  • Traitement effectué : preload mobile unique et cohérent avec l'image réellement affichée.
  • Travail effectué : decoding="sync" sur l'image LCP.
V116CSS complet inline sur la home
  • Correction de ce point : v114 chargeait seulement un CSS critique incomplet, puis appliquait style.css après le premier rendu.
  • Évolution de ce comportement : v116 injecte directement le CSS COMPLET de la home dans le HTML.
  • Intégration de cette évolution : aucune requête render-blocking vers /css/style.css sur la page d'accueil.
  • Conservation de le comportement existant : aucun changement de mise en page quand le CSS "final" arrive, puisqu'il est déjà présent.
  • Travail effectué : conservation des optimisations V112/V113 sur les images responsive/AVIF.
V115Rollback V114
  • Mise en place : Restaure la page d'accueil dans l'état V113 afin d'annuler le Critical CSS de V114, qui a dégradé le CLS et le LCP mobile.
V114Critical CSS / Hero mobile
  • Traitement effectué : CSS critique du switcher, header et hero directement inline dans le <head>.
  • Évolution de ce comportement : la grosse feuille style.css devient non bloquante ( media=print + onload).
  • Traitement effectué : Fallback <noscript> conservé.
  • Correction de ce point : les préconnexions Google Fonts sont supprimées du chemin critique.
  • Évolution de ce comportement : les polices restent chargées de façon asynchrone comme en V113.
V113LCP mobile / objectif 90+
  • Traitement effectué : variantes AVIF du hero/panneau en complément du WebP.
  • Traitement effectué : preload LCP en AVIF, conditionné desktop/mobile.
  • Traitement effectué : fallback WebP conservé pour compatibilité.
  • Mise en place : Google Fonts n'est plus préchargé en priorité haute: la feuille de police devient non bloquante.
  • Travail effectué : cache-busting des assets critiques en ?v=113.
V112Performance mobile
  • Correction de ce point : le hero desktop ne se télécharge plus sur mobile.
  • Évolution de ce comportement : le panneau mobile ne se télécharge plus sur desktop.
  • Modification appliquée : le panneau mobile utilise des variantes 480 / 720 / 960 px.
  • Correction de ce point : le hero desktop utilise 1280 / 1600 px.
  • Évolution de ce comportement : le preload LCP est conditionné au viewport.
V111SEO Homepage + Performance
  • Mise en place : cohérence de la requête « apprendre l'albanais » dans title, description et headings.
  • Travail effectué : contenu éditorial visible supplémentaire + FAQ utile.
  • Intégration de cette évolution : liens cliquables sans texte dotés d'un libellé accessible.
  • Mise en place : URLs des hubs remplacées par leurs formes /dossier/ lorsqu'elles existent déjà.
  • Travail effectué : scripts locaux chargés avec defer.
V110V110
  • Correction de ce point : patch V110 – suppression des derniers ajouts de mascottes Léka sur le miroir français. Ce patch retire l'injection JS restante et le CSS associé pour éviter toute apparition involontaire sur les pages.
V109V109
  • Correction de ce point : v109 — retrait des mascottes ajoutées sur le miroir français.
V108V108
  • Traitement effectué : accueil: carte Vivre & voyager.
  • Traitement effectué : Découvrir: carte Paris.
  • Traitement effectué : Culture: carte Fêtes de l'année.
  • Mise en place : Musique: première carte Chanson & cabaret (XXe siècle).
  • Travail effectué : Vidéothèque: première carte Alphabet & prononciation.
V107V107
  • Correction de ce point : patch V107 – Miroir français: placements de mascottes alignés sur la logique du site Albanie.
V106Panneau miroir français
  • Mise en place : Frëngjisht hap pas hapi.
  • Travail effectué : Kulturë franceze.
  • Intégration de cette évolution : Misione të drejtuara.
  • Mise en place : Histori & lexim.
V105Accueil Français miroir visuel
  • Traitement effectué : hero plein écran inspiré de l’accueil principal.
  • Travail effectué : arrière-plan Louvre/Paris conservé pour l’identité française.
  • Intégration de cette évolution : grand titre éditorial en albanais.
  • Mise en place : Léka recentré au cœur du visuel.
  • Travail effectué : panneau en bois recréé en HTML/CSS avec les rubriques Français, Culture, Missions et Histoire.
V104Festivals sur la page Musique albanaise
  • Ajout de section « L'Albanie en concert ».
  • Ajout de trois rendez-vous: Colour Day Festival à Tirana, Himara International Music Festival et Korça Beer Fest.
  • Ajout de visuels et de textes de contexte pour chaque festival.
  • Adaptation de de l'introduction et des statistiques du hero pour prendre en compte les festivals.
  • Travail effectué : enrichissement du maillage vers les activités d'apprentissage liées à la musique.
V103correction des vignettes musique
  • Suppression de iframes YouTube intégrées qui affichaient l'erreur 153.
  • Remplacement de par deux **cartes vidéo cliquables** avec vignette, overlay, bouton play et CTA "Regarder sur YouTube".
  • Intégration de cette évolution : Vidéos corrigées: **Iso-polyphony** et **Alban Skënderaj · Unë dhe Ti**.
  • Nettoyage de des visuels **Lahuta**, **Çifteli**, **Klarinetë** et **Def** pour supprimer le texte parasite en haut des images.
  • Travail effectué : Ajustement du cadrage des vignettes d'instruments pour un rendu plus propre et homogène.
V102vidéothèque : carte Alphabet
  • Mise en place : Suppression du placement de la mascotte popcorn sur la première carte générique de la vidéothèque.
  • Travail effectué : Léka version **pointing** est désormais placée sur la carte **Alphabet & prononciation — Débutant / Albanian Alphabet — Alfabeti në shqip**.
  • Intégration de cette évolution : Placement sur le côté gauche de la carte, avec adaptation responsive.
  • Mise en place : Cache busting mis à jour: style.css?v=102 et carnets-de-leka.js?v=168.
V101placements ciblés + corrections musique
  • Traitement effectué : Accueil: Léka est placée sur la carte **Travel / Vivre & voyager** de la section Missions en Albanie.
  • Traitement effectué : Découvrir l’Albanie: Léka est déplacée plus bas dans la page, sur la carte **Berat — la ville aux mille fenêtres**, avec une taille réduite.
  • Traitement effectué : Culture & traditions: Léka est placée **de côté** sur la carte **Musique & chants**.
  • Mise en place : Musique albanaise: la mascotte reste sur la carte **XXe siècle — La chanson devient scène**.
  • Travail effectué : Correction des vignettes **Alban Skënderaj** et **Aurela Gaçe** pour éviter les aperçus gris cassés de YouTube.
V100ajustements mascotte + chronologie musique
  • Traitement effectué : Accueil: Léka est déplacée à droite sur l’image de la section « Une langue, des paysages, des sons, des visages ».
  • Travail effectué : Hub Découvrir: Léka est placée sur la carte « Villes & régions » (image de Berat) au lieu de « Musique albanaise ».
  • Traitement effectué : Pages Découvrir: lorsqu’une carte contenant « Berat » est présente, Léka se place au-dessus de cette image.
  • Mise en place : Page « Musique albanaise »: Léka se place sur la carte « XXe siècle / La chanson devient scène ».
  • Évolution de ce comportement : la section « Voyage à travers les époques » passe en grille desktop de 4 colonnes.
V99Accueil sur un seul écran
  • Correction de ce point : le hero V92 utilise désormais exactement la hauteur disponible sous le sélecteur de langue et le header.
  • Travail effectué : Calcul dynamique en JavaScript à partir des hauteurs réelles du header.
  • Modification appliquée : l’illustration garde son ratio 1672×853 et n’est pas recadrée.
  • Correction de ce point : les hotspots restent alignés avec l’image.
  • Travail effectué : Recalcul au redimensionnement, changement d’orientation et changement de hauteur du header.
V98Intro Coin lecture plus compacte
  • Réduction de de la hauteur du hero d’introduction.
  • Traitement effectué : Desktop: environ 82svh avec bornes min/max.
  • Intégration de cette évolution : Ajustements tablette et mobile.
  • Mise en place : Espacements verticaux resserrés.
  • Travail effectué : Zone du carrousel légèrement compactée.
V97Ajustements d’intégration lecture
  • Mise en place : lecture/styles/home.css.
  • Évolution de ce comportement : le header du Coin lecture réserve désormais un espace visuel pour la mascotte.
  • Modification appliquée : la navigation du haut est rendue plus lisible avec un fond pill semi-transparent + blur.
  • Mise en place : sur mobile, le menu se replie proprement et ne passe plus sous la mascotte.
  • Évolution de ce comportement : la mascotte hero__leka est repositionnée plus bas, sous la zone de navigation.
V96Mascottes calées sur les maquettes
  • Mise en place : Léka est placée au-dessus des cartes, les mains posées visuellement sur le bord supérieur.
  • Suppression de l’espace artificiel ajouté en V95 autour des grilles.
  • Intégration de cette évolution : Sur le hub Découvrir, la mascotte se pose sur « Musique albanaise », première carte de la seconde rangée, comme dans la composition de référence.
  • Mise en place : Ciblage déterministe et non aléatoire.
  • Travail effectué : Taille responsive desktop / tablette / mobile.
V95LEKA V95
  • Mise en place : Léka est de nouveau positionnée **au-dessus** des cartes, pas à l'intérieur.
  • Évolution de ce comportement : l'espace vertical est réservé sur le conteneur de grille (.leka-cameo-lane ) pour éviter chevauchements et débordements de viewport.
  • Modification appliquée : le positionnement des variantes de Léka est centré et responsive, avec réduction sur mobile.
  • Correction de ce point : les portraits des artistes albanais utilisent désormais des **vignettes de vidéos YouTube officielles / vérifiées** lorsqu'une vidéo fiable a été identifiée, avec fallback HQ puis image locale.
  • Évolution de ce comportement : les cartes artistes utilisent un cadrage 16:10 object-fit: cover pour rendre les visages plus lisibles.
V94UI polish
  • Mise en place : Mascotte Léka: intégration contenue dans les cartes, sans débordement horizontal/vertical.
  • Travail effectué : Mascotte Léka: taille et position responsive, visible aussi sur mobile à une échelle réduite.
  • Intégration de cette évolution : Musique albanaise: zone portrait des artistes agrandie et images affichées sans recadrage agressif.
  • Mise en place : Coin lecture: ajout d'un Léka lecteur discret sur les accueils FR, EN et SQ.
  • Travail effectué : Cache: passage des assets partagés style.css et carnets-de-leka.js?v=168 en v=94.
V93Première base conservée
  • Mise en place : point de départ technique de l'historique reconstructible.
  • Travail effectué : présence des principaux silos d'apprentissage et de découverte.
  • Intégration de cette évolution : base utilisée pour comparer les évolutions suivantes.
  • Mise en place : aucune correction antérieure n'est attribuée à cette version sans preuve dans le code conservé.