feat(product): improve product page

gatsby-config.js

@@ -10,7 +10,6 @@ module.exports = {
   plugins: [
     `gatsby-plugin-typescript`,
     `gatsby-plugin-react-helmet`,
-    `gatsby-transformer-remark`,
     `gatsby-transformer-sharp`,
     `gatsby-plugin-sharp`,
     {
@@ -26,6 +25,16 @@ module.exports = {
         defaultLayouts: {
           default: require.resolve("./src/layout/index.tsx"),
         },
+        gatsbyRemarkPlugins: [
+          {
+            options: {
+              elements: [`h2`],
+              enableCustomId: true,
+              icon: false,
+            },
+            resolve: `gatsby-remark-autolink-headers`,
+          },
+        ],
       },
       resolve: `gatsby-plugin-mdx`,
     },

package.json

@@ -33,6 +33,7 @@
     "gatsby-plugin-react-helmet": "latest",
     "gatsby-plugin-sharp": "^2.6.34",
     "gatsby-plugin-typescript": "latest",
+    "gatsby-remark-autolink-headers": "^2.3.12",
     "gatsby-source-filesystem": "^2.3.29",
     "gatsby-transformer-remark": "^2.8.34",
     "gatsby-transformer-sharp": "^2.5.14",

src/pages/produit.mdx

@@ -53,7 +53,7 @@ import MergeTypeIcon from '@material-ui/icons/MergeType';
 
 ## Nouveautés
 
-## v3.0.0 - 27/07/2020
+## v3.0.0 Poetic Papangue - 27/07/2020 {#300}
 
 Archifiltre sort dans une toute nouvelle version majeure, la v3 ! Au programme, refonte totale de l‘interface, déplacements de fichiers, recherche, des filtres et bien plus encore !
 
@@ -70,7 +70,7 @@ En haut à droite, un nouveau bouton de **recherche** permet d‘ouvrir une fen
 
 En plus de cela, nous avons ajouté de nombreuses nouvelles fonctionnalités : **nouveaux tris et options de visualisation**, **exports groupés**, **corrections de nombreux bugs** (notamment sur le calcul des hashs), **accélération du chargement**...
 
-## v2.1.1 - 29/05/2020
+## v2.1.1 Optimistic Otter - 29/05/2020 {#211}
 
 Cette version mineure ajoute quelques fonctionnalités et corrections de bugs. Son plus gros ajout est une **traduction allemande** : wunderbar ! La co-construction s'illustre aussi dans la traduction puisque c'est un travail réalisé par nos collègues Steffen Lippitz et Sabine Drotziger que nous tenons à remercier chaleureusement pour leur contribution.
 
@@ -84,7 +84,7 @@ Il y a aussi eu la correction d‘un **bug sur les couleurs d‘enrichissement**
 
 Enfin, les astuces ont été déplacées de l‘écran de chargement vers ce [wiki](https://github.com/SocialGouv/archifiltre/wiki/Astuces).
 
-## v2.1.0 - 02/03/2020
+## v2.1.0 Optimistic Otter - 02/03/2020 {#210}
 
 Cette version améliore tout d‘abord les **performances** : **chargement plus rapide**, et **navigation plus fluide** dans l‘interface principale ! Plusieurs améliorations ont été faites pour rendre l‘interface plus claire et lisible, notamment grâce à l‘utilisation de **nouvelles icônes**.
 
@@ -96,35 +96,35 @@ De plus, l‘interface principale s‘enrichit avec plusieurs éléments : **cho
 
 Enfin, nous avons enrichi l‘**export CSV** avec de nouvelles informations : **type du fichier, nombre de fichiers d‘un dossier, et date de première modification**. Les autres exports ont par ailleurs bénéficié de corrections de bugs.
 
-## v2.0.0 - 24/12/2019
+## v2.0.0 Nosy Narwhal- 24/12/2019 {#200}
 
 Changement de numérotation, cette nouvelle version est la 2.0 ! Les versions précédentes seront précédées par 1. (ex: 1.13).
 
 La grande nouveauté de cette version est **l‘enrichissement du rapport d‘audit** : chiffres clés de l‘arborescence, répartition des éléments, informations sur les doublons, et bien plus encore.
 
 Autre fonctionnalité, les *empreintes des fichiers et dossiers sont disponibles dans l‘export CSV*, pour les détecter plus facilement. Enfin, comme à chaque nouvelle version, nous avons amélioré la gestion des erreurs, corrigé des bugs, et mis à jour certains éléments de l‘interface.
 
-## v1.13.1 - 15/11/2019
+## v1.13.1 Magic Moose - 15/11/2019 {#1131}
 
 Cette nouvelle version propose une nouvelle fonctionnalité qui permet de visualiser son arborescence **par volume ou par nombre d‘éléments** dans un dossier. Désormais, il est possible de choisir l‘une des deux pondérations via l‘interface d‘Archifiltre.
 
 De plus, cette version s‘occupe essentiellement de **corriger des bugs** : tags, export RESIP, export CSV et correction de ralentissements et plantages au chargement de l‘arborescence et dans l‘interface principale.
 
-## v1.13.0 - 23/10/2019
+## v1.13.0 Magic Moose - 23/10/2019 {#1130}
 
 La nouveauté principale de cette version est la génération d‘un **rapport d‘audit** ! Après avoir importé votre arborescence de fichiers, vous pourrez exporter un rapport d‘audit qui vous donnera des conseils et remarques sur l‘oganisation de vos fichiers.
 
 Le chargement de l‘arborescence a lui aussi évolué ! Désormais, **l‘écran de chargement contient des barres de progression** qui détaillent chaque étape de l‘import.
 
 Enfin, Archifiltre calcule désormais des **hashs pour chaque fichier et dossier**. Deux hashs identiques indiquent que les deux fichiers ou dossiers contiennent les mêmes données, même s‘ils ont des noms différents !
 
-## v1.12.0 - 09/08/2019
+## v1.12.0 Lucky Llama - 09/08/2019 {#1120}
 
 Grande nouveauté de cette version pour le monde de l‘archivage : Archifiltre vous permet désormais d‘éditer un **bordereau CSV de méta-données à destination du logiciel ReSIP**, du Programme Vitam ! Ceci devient la méthode officielle pour éditer des paquets de versement incluant toutes les métadonnées d‘origine des dossiers et fichiers, ainsi que les tags et descriptions que vous avez renseignés dans Archifiltre.
 
 Pendant le chargement d‘un arborescence, vous verrez s‘afficher des **astuces**, histoire de patienter et d‘en apprendre plus sur le fonctionnement d‘Archifiltre. Dernière modification, et pas des moindres : Archifiltre est désormais compatible avec les ordinateurs sous **Windows 32 bits** !
 
-## v1.11.0 - 25/07/2019
+## v1.11.0 Kinky Kookaburra - 25/07/2019 {#1110}
 
 Après une période de transition, Archifiltre reprend ses évolutions !
 
@@ -134,13 +134,13 @@ Lorsque vous déposez une arborescence, des **barres de progression** vous indiq
 
 L‘**export en CSV** a été revu pour plus de lisibilité dans les colonnes et un encodage qui soit mieux pris en charge par Excel.
 
-## v1.10.0 - 10/05/2019
+## v1.10.0 Jazzy Jellyfish - 10/05/2019 {#1100}
 
 Grande nouveauté pour les archivistes : Archifiltre permet désormais **l‘export de paquets SEDA** !
 
 D‘un simple clic, vous éditez un fichier zip contenant l‘intégralité des fichiers analysés, ainsi qu‘un manifeste conforme à la norme SEDA 2.1, reprenant toutes leurs métadonnées. Y compris, bien sûr, les alias, tags et commentaires que vous avez renseignés dans Archifiltre. Votre SIP est prêt à verser !
 
-## v1.9.0 - 18/10/2018
+## v1.9.0 Irrational Indoraptor - 18/10/2018 {#190}
 
 Archifiltre prend une toute nouvelle direction ! Peu de choses ont changé dans cette nouvelle version, hormis une, très importante : **Archifiltre devient une application téléchargeable** !
 
@@ -154,7 +154,7 @@ Comme ce changement n‘est pas anodin, nous avons fait en sorte qu‘il soit le
 
 Plein de nouveautés sont en préparation dans ce nouveau format, alors tendez l‘oreille, et comme toujours, n‘hésitez pas à nous faire des retours !
 
-## v1.8.0 - 17/07/2018
+## v1.8.0 Hipster Hippo - 17/07/2018 {#180}
 
 Préparez-vous à faire chauffer vos arborescences, car cette nouvelle version va vous permettre d‘être encore plus efficaces !
 
@@ -165,7 +165,7 @@ Amélioration supplémentaire : une **barre de progression** apparaît désormai
 
 Ne soyez plus jamais perdus avec la **fonctionnalité zoom** ! Elle est maintenant animée pour mieux indiquer ce qui se passe quand vous double-cliquez sur un rectangle. Et en plus, une mini-carte vous permet de toujours savoir où vous vous situez !
 
-## v1.7.0 - 20/06/2018
+## v1.7.0 Gentle Gorilla - 20/06/2018 {#170}
 
 Toujours plus vite, toujours plus loin, toujours plus pratique ! Archifiltre s‘offre une mise à jour sur le pouce, centrée sur une chose et une seule : **votre confort** !
 
@@ -177,15 +177,15 @@ Et parce que le Diable est dans les détails, on s‘est penchés sur deux d‘e
 
 D‘autres améliorations arrivent, beaucoup plus conséquentes : on vous tient au courant !
 
-## v1.6.0 - 13/06/2018
+## v1.6.0 Frolic Fox - 13/06/2018 {#160}
 
 Une nouvelle version, une nouvelle ribambelle d‘améliorations ! Aujourd‘hui, ce sont **les dates** qui sont à l‘honneur, puisqu‘elles s‘affichent maintenant avec une foultitude de précisions. Passez la souris sur un répertoire, et vous verrez, dans sa fiche, quelles sont les dates de modification minimale, maximale, moyenne et médiane de tous les fichiers qu‘il contient ! Vous pouvez aller encore plus loin, et choisir **le mode de vue “Dates”**, dans la barre de navigation : vos dossiers et fichiers se colorent en fonction de leur date de modification.
 
 Ce sont ensuite **les tags** qui bénéficient d‘un beau renouveau : vous voyez maintenant, à leur liseré bleu, quels dossiers et fichiers sont tagués, et un panneau à droite vous liste tous les tags que vous avez utilisés. Passez votre souris dessus pour voir qui est tagué comment !
 
 Enfin, nous nous sommes démenés pour vous rendre Archifiltre encore plus confortable ! Déjà, il devrait être **beaucoup plus rapide** à l‘utilisation - tant mieux si vous aimez visualiser de grandes arborescences. Plus visible encore : nous avons repensé l‘interface ! Elle devrait être **plus claire**, **plus agréable** à utiliser (remarquez les jolis halos, ils vous indiquent les zones que vous pouvez modifier en cliquant dessus), et aussi **plus compacte**, parce que c‘est mieux quand les stalactites tiennent en entier dans votre fenêtre.
 
-## v1.5.0 - 16/05/2018
+## v1.5.0 Elegant Elephant - 16/05/2018 {#150}
 
 C‘est notre deuxième grande version publique, et nous l‘avons **blindée** de nouveautés !
 Fer de lance de cette mouture, **le tableau de bord** ! Au-dessus des stalactites, une zone vous donne la fiche d‘identité du fichier ou répertoire actif. Dessus, vous pouvez **renommer**, **commenter** ou **taguer** l‘élement. À l‘avenir, ça va devenir central pour Archifiltre : soyez prêt.e.s !
@@ -203,13 +203,13 @@ En vrac, quelques **améliorations de l‘interface** :
 
 Enfin, ça se voit moins à l‘extérieur, mais il y a **de très gros changements sous le capot** ! Pour les curieux, on a réécrit un module fait avec D3.js, pour que notre application fonctionne entièrement avec React ; d‘autre part, comme framework CSS, on est passés de Material Design Lite à Foundation. Il se peut que les performances de l‘application soient un poil moins bonnes qu‘avant sur certains gros répertoires, mais pas d‘inquiétude, on y travaille d‘arrache-pied !
 
-## v1.4.0 - 14/04/2018
+## v1.4.0 Demanding Dolphin - 14/04/2018 {#140}
 
 Nouvelle version, **nouveau look** ! Déjà, l‘application se met aux jolies couleurs de notre site web. C‘est plus zen, plus bonsai. Ensuite, et ça rend les choses plus claires, **le fil d‘Ariane** déménage en regard des stalactites. Un niveau dans les stalactites = un niveau dans le fil d‘Ariane !
 
 Enfin, la taille des fichiers ou répertoires est maintenant lisible à la verticale, sur une **réglette**, en bas des stalactites.
 
-## v1.3.0 - 28/03/2018
+## v1.3.0 Cheeky Cheetah - 28/03/2018 {#130}
 
 Prenez un nouveau départ : un **bouton Réinitialiser** vous permet de vous lancer dans une nouvelle partie de tri !
 Des déboires lors de l‘import ? Un **bouton Exporter les erreurs** sera là pour les détailler. N‘hésitez pas à
@@ -218,15 +218,15 @@ Les anglophones sont désormais les bienvenus : **l‘application a été tradui
 
 Enfin, quelques **améliorations pour l‘interface** : ces transitions agaçantes quand votre souris quitte les stalactites ont disparu, et l‘application s‘adapte un peu mieux à la taille de votre écran.
 
-## v1.2.0 - 15/03/2018
+## v1.2.0 Bonkers Bumblebee - 15/03/2018 {#120}
 
 Allez au coeur de vos arborescences : vous pouvez maintenant **zoomer sur un sous-répertoire** en cliquant dessus !
 
 Un chargement un peu long ? Au moins, vous ne serez plus perdu.e : **un écran de chargement** vous indique l‘avancement des opérations.
 
 Sauvegardez votre travail, et reprenez-le plus tard : en cliquant sur le **bouton Exporter**, vous obtenez un fichier de sauvegarde. La prochaine fois, déposez celui-ci plutôt que votre arborescence, et le chargement sera bien plus rapide !
 
-## v1.1.0 - 02/03/2018
+## v1.1.0 Abstract Antilop - 02/03/2018 {#110}
 
 La première version d‘archifiltre est en ligne !
 Vous pouvez visualiser une arborescence en un seul coup d‘oeil !

src/pages/telechargements.tsx

@@ -32,11 +32,11 @@ const Telechargements: FC = () => (
       {versions.map((version) => (
         <div key={`${version.name}-${version.number}`}>
           <h3>
-            {`${version.name} ${version.number} - ${version.date} - `}
+            {`v${version.number} ${version.name} - ${version.date} - `}
             <Button
               color="primary"
               component={GatsbyLink}
-              to="/produit"
+              to={`/produit#${version.number.replace(/\./g, "")}`}
               size="small"
             >
               Nouveautés

yarn.lock

@@ -7069,6 +7069,17 @@ gatsby-recipes@^0.2.7:
     yoga-layout-prebuilt "^1.9.6"
     yup "^0.27.0"
 
+gatsby-remark-autolink-headers@^2.3.12:
+  version "2.3.12"
+  resolved "https://registry.yarnpkg.com/gatsby-remark-autolink-headers/-/gatsby-remark-autolink-headers-2.3.12.tgz#bf0c99c0b0385076ce51c9f1c3b1bfd7249da1ee"
+  integrity sha512-FHuI3xRN1dP+UazrpJ5rdOx08jMUscPcW/TOCpkPe02Qc5w1FZgd1Zjb768Lip786HQ/jLcqtV33P/XLwBpyHQ==
+  dependencies:
+    "@babel/runtime" "^7.10.3"
+    github-slugger "^1.3.0"
+    lodash "^4.17.20"
+    mdast-util-to-string "^1.1.0"
+    unist-util-visit "^1.4.1"
+
 gatsby-source-filesystem@^2.3.29:
   version "2.3.29"
   resolved "https://registry.yarnpkg.com/gatsby-source-filesystem/-/gatsby-source-filesystem-2.3.29.tgz#5eaf1434593f38523655145323e426f21c30687a"
@@ -7415,7 +7426,7 @@ github-from-package@0.0.0:
   resolved "https://registry.yarnpkg.com/github-from-package/-/github-from-package-0.0.0.tgz#97fb5d96bfde8973313f20e8288ef9a167fa64ce"
   integrity sha1-l/tdlr/eiXMxPyDoKI75oWf6ZM4=
 
-github-slugger@^1.2.1:
+github-slugger@^1.2.1, github-slugger@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-1.3.0.tgz#9bd0a95c5efdfc46005e82a906ef8e2a059124c9"
   integrity sha512-gwJScWVNhFYSRDvURk/8yhcFBee6aFjye2a7Lhb2bUyRulpIoek9p0I9Kt7PT67d/nUlZbFu8L9RLiA0woQN8Q==