add copyright & disclaime and remove double content

website/src/main.jsx

@@ -44,57 +44,57 @@ const DEFAULT_TOOLBOX_ICON = `${TOOLBOX_ICON_BASE}toolbox.png`;
 const DEFAULT_SITE_CONTENT = {
   brand: { name: "Sokko G", homeAriaLabel: "Accueil Sokko G" },
   navigation: { home: "Accueil", toolboxes: "Toolboxes", games: "Jeux", mobileGames: "Infos" },
-  sidebar: { badge: "Local only", note: "Données stockées dans ce navigateur." },
-  topbar: { dashboard: "Dashboard", toolbox: "Toolbox active", games: "Informations jeu" },
+  sidebar: { badge: "", note: "" },
+  topbar: { dashboard: "", toolbox: "", games: "" },
   gamesPage: {
-    eyebrow: "Pages informatives",
-    title: "Jeux disponibles",
-    description: "Choisissez un jeu pour consulter ses données maintenues et associer une toolbox locale.",
+    eyebrow: "",
+    title: "Jeux",
+    description: "",
     emptyTitle: "Aucun jeu disponible",
-    emptyText: "Ajoutez des entrées dans /data/games.json."
+    emptyText: ""
   },
   home: {
     hero: {
-      eyebrow: "Session gaming efficace",
+      eyebrow: "",
       title: "Sokko G",
-      description: "Centralisez vos outils et repères de jeu dans une interface locale, rapide à consulter, pensée pour accompagner vos sessions sans interrompre l’action.",
-      primaryAction: "Voir les toolboxes",
-      secondaryAction: "Voir les jeux"
+      description: "",
+      primaryAction: "Toolboxes",
+      secondaryAction: "Jeux"
     },
     stats: {
-      toolboxSingular: "toolbox créée",
-      toolboxPlural: "toolboxs créées",
-      toolSingular: "outil disponible",
-      toolPlural: "outils disponibles"
+      toolboxSingular: "toolbox",
+      toolboxPlural: "toolboxes",
+      toolSingular: "outil",
+      toolPlural: "outils"
     },
     origin: {
-      eyebrow: "Origine du nom",
-      title: "Pourquoi Sokko G ?",
-      visualAlt: "Dragon Sokko G",
-      dialogueAriaLabel: "Dialogue d’origine du nom Sokko G",
-      caption: "\"G\" c'est pour Gaming",
+      eyebrow: "",
+      title: "",
+      visualAlt: "",
+      dialogueAriaLabel: "",
+      caption: "",
       lines: []
+    },
+    legal: {
+      copyright: "",
+      disclaimer: ""
     }
   },
   toolboxes: {
-    eyebrow: "Données locales",
+    eyebrow: "",
     title: "Toolboxes",
     newButton: "Nouvelle toolbox",
-    importAll: "Importer tout",
-    exportAll: "Exporter tout",
-    importOne: "Importer une toolbox",
-    summary: "Créez des espaces modulaires pour regrouper vos outils de session : notes, suivis, références, captures et futurs modules restent accessibles rapidement, en local, par jeu ou par usage.",
+    importAll: "Importer",
+    exportAll: "Exporter",
+    importOne: "Importer",
+    summary: "",
     storageHelp: {
-      title: "Sauvegardes locales",
-      text: "Vos toolboxes restent sur cet appareil, dans 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 screenshots.",
-        "Faites un export global régulier pour garder une sauvegarde."
-      ]
+      title: "",
+      text: "",
+      items: []
     },
     emptyTitle: "Aucune toolbox",
-    emptyText: "Créez une première toolbox pour stocker vos outils dans ce navigateur."
+    emptyText: ""
   }
 };
 
@@ -901,8 +901,8 @@ function Shell({ route, content, games, toolboxes, links, actions, children }) {
           <span className="badge">{content.sidebar.badge}</span>
           <p>{content.sidebar.note}</p>
           <div className="sidebar-storage-actions" aria-label="Actions globales de stockage">
+            <button className="sidebar-action-button primary" onClick={actions.exportAllToolboxes} aria-label="Exporter toutes les toolboxes" title="Exporter tout"><Icon name="export" /></button>
             <ImportButton className="sidebar-action-button import-icon-button" title="Importer tout" ariaLabel="Importer toutes les toolboxes" onFile={actions.importAllToolboxes} icon="import" />
-            <button className="sidebar-action-button" onClick={actions.exportAllToolboxes} aria-label="Exporter toutes les toolboxes" title="Exporter tout"><Icon name="export" /></button>
           </div>
         </div>
       </aside>
@@ -973,6 +973,10 @@ function HomePage({ siteContent, toolboxes }) {
           <img src="/static/img/dragon.png" alt={content.origin.visualAlt} />
         </div>
       </section>
+      <footer className="home-legal">
+        <p>{content.legal.copyright}</p>
+        <p>{content.legal.disclaimer}</p>
+      </footer>
     </>
   );
 }
@@ -1012,8 +1016,8 @@ function ToolboxesPage({ siteContent, toolboxes, getToolboxGame, actions }) {
           <ImportButton className="import-button" label={content.importOne} onFile={actions.importToolbox} />
         </div>
         <div>
+          <button className="primary" onClick={actions.exportAllToolboxes}>{content.exportAll}</button>
           <ImportButton className="import-button" label={content.importAll} onFile={actions.importAllToolboxes} />
-          <button onClick={actions.exportAllToolboxes}>{content.exportAll}</button>
         </div>
       </section>
       <section className="cards">

website/src/styles/_base.scss

@@ -296,6 +296,52 @@ input[type="checkbox"]:focus-visible {
     inset 0 1px 0 rgba(255, 255, 255, 0.05);
 }
 
+.sidebar-action-button.primary,
+.import-icon-button.primary,
+.toolbox-icon-button.primary,
+.card-icon-button.primary,
+.drawer-action-button.primary,
+.drawer-close-button.primary,
+.filter-reset-button.primary,
+.screenshot-viewer-button.primary,
+.module-edit-button.primary,
+.module-delete-button.primary,
+.shot-delete-button.primary,
+.tool-quick-add-button.primary {
+  border-color: rgba(246, 196, 83, 0.34);
+  background:
+    linear-gradient(135deg, rgba(72, 43, 160, 0.96), rgba(45, 52, 146, 0.94)) padding-box,
+    linear-gradient(135deg, rgba(246, 196, 83, 0.66), rgba(139, 92, 246, 0.36)) border-box;
+  color: #fff;
+  box-shadow:
+    0 8px 22px rgba(5, 7, 17, 0.22),
+    inset 0 1px 0 rgba(255, 255, 255, 0.08);
+}
+
+.sidebar-action-button.primary:hover,
+.import-icon-button.primary:hover,
+.toolbox-icon-button.primary:hover,
+.card-icon-button.primary:hover,
+.drawer-action-button.primary:hover,
+.drawer-close-button.primary:hover,
+.filter-reset-button.primary:hover,
+.screenshot-viewer-button.primary:hover,
+.module-edit-button.primary:hover,
+.module-delete-button.primary:hover,
+.shot-delete-button.primary:hover,
+.tool-quick-add-button.primary:hover {
+  border-color: rgba(246, 196, 83, 0.72);
+  background:
+    linear-gradient(135deg, rgba(109, 40, 217, 0.98), rgba(67, 56, 202, 0.96)) padding-box,
+    linear-gradient(135deg, rgba(246, 196, 83, 0.96), rgba(196, 181, 253, 0.68)) border-box;
+  color: #fff;
+  box-shadow:
+    0 0 0 1px rgba(246, 196, 83, 0.16),
+    0 0 18px rgba(139, 92, 246, 0.3),
+    0 0 30px rgba(246, 196, 83, 0.16),
+    inset 0 1px 0 rgba(255, 255, 255, 0.18);
+}
+
 .sidebar-action-button:hover .ui-icon,
 .import-icon-button:hover .ui-icon,
 .toolbox-icon-button:hover .ui-icon,

website/src/styles/_home.scss

@@ -321,3 +321,19 @@ span {
   font-weight: 700;
   line-height: 1.35;
 }
+
+.home-legal {
+  display: grid;
+  gap: 6px;
+  margin-top: var(--space-5);
+  padding-top: var(--space-4);
+  border-top: 1px solid rgba(150, 165, 205, 0.14);
+  color: var(--color-text-muted);
+  font-size: var(--font-size-xs);
+  line-height: 1.45;
+}
+
+.home-legal p {
+  max-width: 920px;
+  margin: 0;
+}