Ajouter README détaillé et favicon

README.md

@@ -6,7 +6,7 @@ Carte du monde interactive plein écran pour visualiser des destinations de voya
 
 L'application affiche une carte mondiale cliquable, colorée par catégorie d'autorisation (codes métier), avec :
 
-- zoom/pan,
+- zoom,
 - recherche pays,
 - liste triée alphabétiquement,
 - modal de détail au clic,
@@ -43,6 +43,7 @@ L'application affiche une carte mondiale cliquable, colorée par catégorie d'au
 ### Source locale
 
 - `znep_gta_pays_etrangers.txt` : données brutes des pays/catégories.
+  - Aghora, intranet Gie
 
 ### Source cartographique
 
@@ -72,7 +73,6 @@ L'application affiche une carte mondiale cliquable, colorée par catégorie d'au
 - Carte plein écran.
 - Bouton `🔍` pour la recherche des pays (modal).
 - Bouton `Légende` pour afficher/masquer la légende.
-- Champ recherche en `font-size: 16px` pour limiter les zooms iOS.
 
 ## Structure du projet
 
@@ -110,6 +110,21 @@ Pour renforcer côté production, ajouter des en-têtes HTTP (`X-Robots-Tag`) au
 - URL : `git@git.goutfer.fr:benjamin/CarteVoyageGie.git`
 - Lien web : `https://git.goutfer.fr/benjamin/CarteVoyageGie`
 
+## Utilisation de l'intelligence artificielle
+
+Ce projet a été généré avec l'utilisation de l'intelligence artificielle (GPT-5.3-Codex d'OpenAI).
+
+L'intelligence artificielle, appliquée à la programmation, constitue un levier d'aide, de productivité et d'efficacité :
+
+- accélération de la mise en place technique,
+- assistance pour itérer rapidement sur l'interface et les fonctionnalités,
+- réduction du temps de traitement sur les tâches répétitives.
+
+Elle ne remplace pas les compétences d'un développeur.  
+La compréhension des besoins, les choix d'architecture, la validation des résultats, les arbitrages techniques et la qualité finale reposent sur l'expertise humaine.
+
+Les compétences du développeur restent donc indispensables, et elles sont ici appuyées par un parcours d'études solide permettant de cadrer, contrôler et fiabiliser l'usage de l'IA dans le projet.
+
 ## Auteur
 
 - Benjamin GOUTFER (MDC)

favicon.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <rect width="64" height="64" rx="12" fill="#5b616a" />
+  <g fill="none" stroke="#ffffff" stroke-linecap="round" stroke-width="2.6">
+    <circle cx="32" cy="32" r="19" />
+    <path d="M13 32h38" />
+    <path d="M32 13c-6 5-6 33 0 38" />
+    <path d="M32 13c6 5 6 33 0 38" />
+    <path d="M17 22c6 4 9 4 14 0" />
+    <path d="M47 42c-6-4-9-4-14 0" />
+  </g>
+  <path
+    fill="#ffffff"
+    d="M22 26l4-2 4 2-1 3-3 1-2 4-4-2 1-4zm14 8l4-2 5 1 1 4-3 3-5 1-2-3z"
+  />
+</svg>

index.html

@@ -3,6 +3,11 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="description"
+      content="Carte mondiale interactive des destinations de voyage et des niveaux d'autorisation pour les militaires de la Gendarmerie."
+    />
+    <meta name="theme-color" content="#1f2328" />
     <meta
       name="robots"
       content="noindex, nofollow, noarchive, nosnippet, noimageindex, notranslate"
@@ -15,6 +20,31 @@
       name="bingbot"
       content="noindex, nofollow, noarchive, nosnippet, noimageindex"
     />
+    <meta property="og:locale" content="fr_FR" />
+    <meta property="og:type" content="website" />
+    <meta
+      property="og:title"
+      content="Carte des destinations de voyage - Militaires de la Gendarmerie"
+    />
+    <meta
+      property="og:description"
+      content="Consultez une carte du monde interactive avec catégories d'autorisation, recherche pays et détails de procédure."
+    />
+    <meta property="og:url" content="https://git.goutfer.fr/benjamin/CarteVoyageGie" />
+    <meta property="og:site_name" content="CarteVoyageGie" />
+    <meta property="og:image" content="./favicon.svg" />
+    <meta name="twitter:card" content="summary" />
+    <meta
+      name="twitter:title"
+      content="Carte des destinations de voyage - Militaires de la Gendarmerie"
+    />
+    <meta
+      name="twitter:description"
+      content="Carte du monde interactive avec niveaux d'autorisation et détails par pays."
+    />
+    <meta name="twitter:image" content="./favicon.svg" />
+    <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
+    <link rel="shortcut icon" href="./favicon.svg" />
     <title>Carte du monde interactive</title>
     <link rel="stylesheet" href="styles.css" />
   </head>