Implémentation du sélecteur de profil

_includes/layouts/profil.njk

@@ -7,11 +7,18 @@ sidemenu: false
         <div class="fr-grid-row">
             <div class="fr-col-4">
                 <p>Je suis</p>
-                <ul>
-                    <li>Développeur</li>
-                    <li>Producteur</li>
-                    <li>Utilisateur</li>
-                </ul>
+                <div>
+                <input type="radio" id="developpeur" name="profil" value="developpeur" onclick="document.location.href='../developpeur/'" {% if developpeur %}checked{% endif %} />
+                <label for="developpeur">Développ·eur·euse</label>
+                </div>
+                <div>
+                <input type="radio" id="producteur" name="profil" value="producteur" onclick="document.location.href='../producteur/'" {% if producteur %}checked{% endif %} />
+                <label for="producteur">Product·eur·rice</label>
+                </div>
+                <div>
+                <input type="radio" id="utilisateur" name="profil" value="utilisateur" onclick="document.location.href='../utilisateur/'" {% if utilisateur %}checked{% endif %} />
+                <label for="utilisateur">Utilisat·eur·rice</label>
+                </div>
             </div>
             <div class="fr-col-8">
                 <h1>{{ title }}</h1>

content/fr/developpeur/index.md

@@ -1,6 +1,7 @@
 ---
 title: Toutes les ressources techniques pour utiliser cartes.gouv.fr et les briques de la Géoplateforme
 layout: layouts/profil.njk
+developpeur: true
 ---
 
 Consultez nos guides, FAQ, tutoriels et documentations techniques pour vous accompagner dans la prise en main des outils de la Géoplateforme et cartes.gouv.fr.

content/fr/first-steps/index.md

@@ -14,17 +14,19 @@ L’espace de documentation collaborative est conçu pour vous accompagner à ch
 
 Découvrez des instructions détaillées et des bonnes pratiques provenant de collaborateurs experts pour maximiser la qualité et la pertinence de vos données. Les guides évoluent en fonction des retours d’expérience partagés au sein de notre communauté.
 
-[Guide de production](){.fr-link .fr-fi-arrow-right-line .fr-link--icon-right}
+[Guides de production](/fr/producteur){.fr-link .fr-fi-arrow-right-line .fr-link--icon-right}
 
 ### Ressources pour les Développeurs :
 
 Plongez dans la documentation technique, alimentée par les contributions de développeurs chevronnés. Retrouvez des références, des exemples de code et des conseils pour intégrer des solutions de manière transparente dans vos applications, le tout enrichi par l’expertise de la communauté.
 
+[Guides de développement](/fr/developpeur){.fr-link .fr-fi-arrow-right-line .fr-link--icon-right}
+
 ### Manuels pour les Utilisateurs :
 
 Explorez des manuels détaillés, fruits de l’expérience utilisateur partagée. Apprenez à tirer le meilleur parti de carte.gouv grâce à des informations sur les fonctionnalités, les raccourcis et les astuces, régulièrement actualisées grâce aux retours de la communauté.
 
-[Guide d’utilisation](){.fr-link .fr-fi-arrow-right-line .fr-link--icon-right}
+[Guides d’utilisation](/fr/utilisateur){.fr-link .fr-fi-arrow-right-line .fr-link--icon-right}
 
 ### Section "Premiers Pas" :
 

content/fr/producteur/index.md

@@ -1,6 +1,7 @@
 ---
 title: Toutes les ressources pour utiliser cartes.gouv.fr
 layout: layouts/profil.njk
+producteur: true
 ---
 
 Consultez nos guides, FAQ, tutoriels et documentations techniques pour vous accompagner dans la prise en main des outils de cartes.gouv.fr.

content/fr/utilisateur/index.md

@@ -1,6 +1,7 @@
 ---
 title: Toutes les ressources pour utiliser cartes.gouv.fr
 layout: layouts/profil.njk
+utilisateur: true
 ---
 
 Consultez nos guides, FAQ, tutoriels et documentations techniques pour vous accompagner dans la prise en main des outils de cartes.gouv.fr.