move to indexedb and add about page

website/public/data/site.json

@@ -7,6 +7,7 @@
     "home": "Accueil",
     "toolboxes": "Toolboxes",
     "games": "Jeux",
+    "about": "C'est quoi Sokko G ?",
     "mobileGames": "Infos"
   },
   "sidebar": {
@@ -76,11 +77,96 @@
         }
       ]
     },
+    "aboutLink": "Comprendre Sokko G",
     "legal": {
       "copyright": "© 2026 Shinuwa / Sokko G. Tous droits réservés.",
       "disclaimer": "Sokko G est un projet non officiel. Les noms, logos, images, illustrations et contenus liés aux jeux présentés appartiennent à leurs éditeurs et ayants droit respectifs. Les visuels officiels utilisés sur le site restent la propriété de leurs détenteurs."
     }
   },
+  "about": {
+    "eyebrow": "À propos",
+    "title": "C'est quoi Sokko G ?",
+    "description": "Un espace second écran pour garder vos outils, repères et infos de jeu sous la main pendant une session.",
+    "sections": [
+      {
+        "title": "Le but du site",
+        "text": "Sokko G sert à regrouper les outils utiles pendant une session : notes, suivis, images, liens et repères de jeu. L’objectif est de garder les informations importantes accessibles rapidement sur un second écran."
+      },
+      {
+        "title": "Fonctionnement",
+        "text": "Chaque toolbox est composée d’outils que vous ajoutez selon vos besoins. Elle peut rester indépendante ou être associée à une page jeu pour passer rapidement du guide à vos notes personnelles."
+      },
+      {
+        "title": "Stockage local",
+        "text": "Aucun compte, aucune synchronisation cloud et aucune donnée utilisateur envoyée au serveur. Les toolboxes sont enregistrées localement dans le navigateur que vous utilisez."
+      },
+      {
+        "title": "IndexedDB simplement",
+        "text": "IndexedDB est un espace de stockage intégré au navigateur. Il permet de conserver des données locales plus riches, comme des images ou des annotations. Ces données restent liées au navigateur et au profil utilisé : un nettoyage, un changement d’appareil ou une réinitialisation peut les supprimer."
+      }
+    ],
+    "toolsTitle": "Outils disponibles",
+    "tools": [
+      {
+        "icon": "notepad",
+        "name": "Bloc notes",
+        "description": "Un espace texte simple pour garder des notes rapides, idées ou rappels pendant une session."
+      },
+      {
+        "icon": "checklist",
+        "name": "Checklist",
+        "description": "Une liste d’objectifs avec quantités pour suivre crafts, ressources, tâches ou préparatifs."
+      },
+      {
+        "icon": "picture",
+        "name": "Images",
+        "description": "Un espace pour conserver des images utiles, ajoutées par fichier ou collage depuis le presse-papiers."
+      },
+      {
+        "icon": "map",
+        "name": "Annotation d'images",
+        "description": "Une image unique annotable avec des marqueurs, pratique pour une carte, un plan ou un screenshot important."
+      },
+      {
+        "icon": "link",
+        "name": "Liens",
+        "description": "Une liste de raccourcis vers des guides, builds, cartes interactives ou ressources externes."
+      },
+      {
+        "icon": "abacus",
+        "name": "Compteurs",
+        "description": "Des compteurs personnalisables pour suivre scores, ressources, victoires, essais ou résultats."
+      },
+      {
+        "icon": "calculator",
+        "name": "Calculateur",
+        "description": "Un calculateur avec résultats enregistrables et arborescence pour préparer des chaînes de craft ou de ressources."
+      }
+    ],
+    "limitsTitle": "À retenir",
+    "limits": [
+      {
+        "icon": "toolbox",
+        "title": "Données locales",
+        "text": "Vos toolboxes restent dans le navigateur et le profil utilisés. Elles ne sont pas synchronisées automatiquement entre plusieurs appareils."
+      },
+      {
+        "icon": "export",
+        "title": "Sauvegarde utile",
+        "text": "Un export global régulier est recommandé, surtout avant un nettoyage du navigateur, un changement de machine ou une réinstallation."
+      },
+      {
+        "icon": "abacus",
+        "title": "Budget conseillé",
+        "text": "Le budget affiché dans l’app sert de repère de confort. Ce n’est pas une limite serveur, mais un seuil au-delà duquel l’expérience peut devenir moins fluide."
+      },
+      {
+        "icon": "picture",
+        "title": "Médias lourds",
+        "text": "Les images et annotations prennent plus de place que du texte. Elles sont pratiques, mais elles doivent être surveillées si vous en ajoutez beaucoup."
+      }
+    ]
+  },
   "toolboxes": {
     "eyebrow": "Données locales",
     "title": "Toolboxes",
@@ -91,10 +177,10 @@
     "summary": "Créez des espaces modulaires pour regrouper vos outils de session : notes, suivis, références, captures et futurs outils restent accessibles rapidement, en local, par jeu ou par usage.",
     "storageHelp": {
       "title": "Sauvegardes locales",
-      "text": "Vos toolboxes restent sur cet appareil, dans ce navigateur. Rien n’est envoyé sur un serveur.",
+      "text": "Vos toolboxes restent dans l'IndexedDB de ce navigateur. Rien n’est envoyé sur un serveur.",
       "items": [
         "Un nettoyage du navigateur ou un changement d’appareil peut supprimer les données.",
-        "Surveillez le quota, surtout si vous ajoutez des images.",
+        "Surveillez le budget recommandé : au-delà, le navigateur peut encore stocker des données, mais l’app peut devenir moins fluide.",
         "Faites un export global régulier pour garder une sauvegarde."
       ]
     },