2025-07-03

- étoffe le fichier `JOURNAL` avec les nouveaux changements majeurs.
- propose une tâche _Justfile_ pour un rechargement à chaud primitif lors de changements
  CSS.
- ne précompresse pas et ne propose plus de versions « legacy » des scripts JS en methodes
  développement.
- appose correctement `aria-current` sur le lien de la page courante dans les deux menus
  de navigation.
- remplace une image statique « Scroll down » avec une animation SVG reposant sur du texte
  et des chemins.
- renomme moultes choses.

docs/JOURNAL.md

@@ -0,0 +1,36 @@
+# Journal de développement
+
+## 2025-06-13
+
+### Informations produit sous forme de grille
+
+- L'idée est de réimplémenter les informations essentiels du produit (nom, prix), le sélecteur de variation, les textes de détail, de conditions et d'entretien, et le bouton d'ajout au Panier.
+- Plutôt qu'un encart flottant, contenant tout, il n'y aurait qu'une barre pleine longueur comprenant nom, prix et sélecteur de variation (`.essentiel-produit`).
+- Il flotterait en bas de l'écran jusqu'à ce se poser à la fin des photos.
+- Une nouvelle section, statique elle et faisant suite à la fois aux photos et à la barre, s'afficherait en pleine longueur sous forme d'accordéon, avec les anciens onglets comme sections.
+- Par défaut, la section « Détails » serait développée.
+- `<details>` et `<summary>` sont aujourd'hui pris en charge par les navigateurs (niveau _Baseline_), mais l'attribut `name` permettant l'ouverture exclusive d'une section par accordéon (p. ex. le développement d'une ferme toutes les autres) n'a que récemment été implémentée (2024 pour _Firefox_).
+- Une implémentation en _JavaScript_ est donc pour l'instant nécessaire.
+
+### Remaniement du défilement des photos de la page Produit
+
+- Les flèches de défilement sont supprimées.
+- À la place, les photos ne s'affichent plus en pleine longueur.
+- Elles le sont à ~93%, pour que l'on perçoive sur les bords la photo précédente/suivante et signale à l'Utilisateur qu'il est possible de défiler.
+
+## 2025-06-30
+
+- Test de _LogTape_ comme librairie de journalisation.
+
+## 2025-07-03
+
+- Création d'une animation SVG avec des `<text>` défilants sur un `<path>`.
+  - Le redimensionnement dynamique du conteneur de l'animation se fait via JavaScript.
+    - Le script récupère la longueur d'une image au redimensionnement de la vue.
+    - Il injecte un attribut CSS `inline-size` dans le HTML de la page correspondant à cette nouvelle longueur.
+  - Il n'est pas encore possible de mettre en pause l'animation au survol de la souris, qui est une bonne pratique pour ce style d'éléments visuels.
+  - Le `<svg>` doit être d'une longueur supérieure au conteneur (ici `120%`) pour que le texte disparaisse de façon progressive, qu'il ne soit pas « coupé » brutalement aux extrémités.
+- Début de l'implémentation d'une classe `no-js` pour un affichage adapté en cas d'absence de JavaScript.
+- Développement d'un script `fish` qui lance un onglet Cromite en mode sans-tête avec profile Invité sur le site Haiku Atelier.
+  - Il est possible, en utilisant le débogueur à distance Chromium, de rafraîchir un onglet via le terminal en passant par `fx` et `websocat` pour l'interface _WebSocket_.
+  - Cela offre une forme primitive de « hot reload » (rechargement à chaud) pour éviter d'avoir manuellement taper F5 à chaque changement.

docs/TODO.md

@@ -12,16 +12,23 @@
   - Champs
 - Utiliser un polyfill pour BroadcastChannel
 - PAGE SHOP
-  - [ ] Faire apparaître le menu des catégories de Produits quand on scroll vers le haut
 - PAGE PANIER
   - Erreur lorsque l'on ajoute deux variations d'un même produit et que l'on essaie d'en supprimer une.
   - Il semblerait que supprimer une variation supprime toutes les entrées du même produit.
 - MÉTHODES DE LIVRAISON
   - [ ] Proposer la livraison à domicile en Belgique et en France pour le coût unique de 8 euros, quel que soit le montant de la commande
+  - [ ] Proposer la livraison aux États-Unis.
 - PAGE PRODUIT
 - PIED DE PAGE
 - TOUTES LES PAGES
   - Trouver la source des bordures superflues.
+    - Sur Chromium : box-shadow sur <article> ?
+
+- MODE VACANCES
+  - Pour l'été, superposer à la page SHOP un calque gris sur lequel défile une animation d'un texte indiquant que la boutique est en vacances.
+  - La page doit rester défilable.
+- MODE NO JS
+  - Laisser la page normalement défilable avec les images les une après les autres quand _JavaScript_ n'est pas présent.
 
 ---
 

docs/travail/2025-06-13-informations-produit-en-grille.md

@@ -1,9 +0,0 @@
-# Informations produit sous forme de grille
-
-- L'idée est de réimplémenter les informations essentiels du produit (nom, prix), le sélecteur de variation, les textes de détail, de conditions et d'entretien, et le bouton d'ajout au Panier.
-- Plutôt qu'un encart flottant, contenant tout, il n'y aurait qu'une barre pleine longueur comprenant nom, prix et sélecteur de variation (`.essentiel-produit`).
-- Il flotterait en bas de l'écran jusqu'à ce se poser à la fin des photos.
-- Une nouvelle section, statique elle et faisant suite à la fois aux photos et à la barre, s'afficherait en pleine longueur sous forme d'accordéon, avec les anciens onglets comme sections.
-- Par défaut, la section « Détails » serait développée.
-- `<details>` et `<summary>` sont aujourd'hui pris en charge par les navigateurs (niveau _Baseline_), mais l'attribut `name` permettant l'ouverture exclusive d'une section par accordéon (p. ex. le développement d'une ferme toutes les autres) n'a que récemment été implémentée (2024 pour _Firefox_).
-- Une implémentation en _JavaScript_ est donc pour l'instant nécessaire.

docs/travail/2025-06-13-remaniement-defilement-photos-produit.md

@@ -1,5 +0,0 @@
-# Remaniement du défilement des photos de la page Produit
-
-- Les flèches de défilement sont supprimées.
-- À la place, les photos ne s'affichent plus en pleine longueur.
-- Elles le sont à ~93%, pour que l'on perçoive sur les bords la photo précédente/suivante et signale à l'utilisteur qu'il est possible de défiler.