@jjlmoya/utils-tabletop 1.5.0 → 1.7.0

package/src/tool/investigation-board/i18n/en.ts

@@ -0,0 +1,209 @@
+import { bibliography } from '../bibliography';
+import type { InvestigationBoardLocaleContent } from '../entry';
+
+export const content: InvestigationBoardLocaleContent = {
+  slug: "investigation-board",
+  title: "Conspiracy Board Maker: Online Detective RPG Clue & Relationship Map Organizer",
+  description: "Design interactive digital conspiracy boards, virtual cork boards with red string, and RPG investigation maps. Connect clues, suspects, and locations for tabletop mystery campaigns.",
+  ui: {
+  "title": "Conspiracy Board Maker",
+  "addCard": "Add Card",
+  "searchPlaceholder": "Search cards by name or clues",
+  "filterAll": "All Categories",
+  "filterCharacter": "Characters",
+  "filterClue": "Clues",
+  "filterLocation": "Locations",
+  "filterItem": "Items",
+  "cardName": "Card Name",
+  "cardCategory": "Category",
+  "cardDescription": "Description",
+  "cardNotes": "Private Notes",
+  "cardTags": "Tags separated by commas",
+  "cardColor": "Card Highlight Color",
+  "save": "Save Changes",
+  "delete": "Delete",
+  "cancel": "Cancel",
+  "clearBoard": "Clear Board",
+  "connectionsTitle": "Relationships Map",
+  "addConnection": "Add Connection",
+  "connectionLabel": "Relationship Label",
+  "connectionColor": "Line Color",
+  "sourceCard": "From Card",
+  "targetCard": "To Card",
+  "close": "Close",
+  "character": "Character",
+  "clue": "Clue",
+  "location": "Location",
+  "item": "Item",
+  "custom": "Custom",
+  "immersive": "Fullscreen"
+},
+  seo: [
+    { type: 'title', text: "Online Conspiracy Board Maker: Organize Detective RPG Clues & Relationship Maps", level: 2 },
+    { type: 'paragraph', html: "Unraveling a complex web of lies, tracking suspect alibis, and connecting crime scene evidence can overwhelm any detective RPG group. Whether you are running a Call of Cthulhu campaign, a Cyberpunk murder mystery, a homebrew D&D detective quest, or writing a thriller novel, our online conspiracy board maker is the ultimate tool. Drag, drop, categorize, and link clues, NPCs, and physical evidence on an infinite digital cork board. Use color-coded relationship threads to instantly see how suspects relate to crime scenes, alibis, and hidden motives, eliminating messy paper notes and keeping players fully immersed in the investigation." },
+    {
+      type: 'stats',
+      items: [
+        { value: "Unlimited", label: "Nodes Board" },
+        { value: "4", label: "Categories" },
+        { value: "Drag-and-Drop", label: "Interface" }
+      ],
+      columns: 3
+    },
+    { type: 'title', text: "Tips for Structuring Your Detective RPG Mystery Board", level: 2 },
+    { type: 'tip', title: "The Three Clue Rule", html: "For every conclusion or deduction you want the players to make, add at least three distinct clues to the board. Connect them using custom colored threads to show alternative lines of reasoning. Use Character cards for suspects and witnesses, Locations for crime scenes, and Items for physical evidence or documents. Keep notes updated with player discoveries." },
+    { type: 'title', text: "Digital Conspiracy Boards vs Physical Cork Boards", level: 2 },
+    {
+      type: 'proscons',
+      title: "Digital Conspiracy Boards vs Physical Cork Boards",
+      items: [
+        { pro: "Infinite canvas size to add as many clues and character relationships as needed without space limits.", con: "Requires a screen, tablet, or digital device during the tabletop session." },
+        { pro: "Instant search and category filters to locate specific witnesses or clues during sessions.", con: "Lacks the tactile feel of physical red string and pins on a wall." },
+        { pro: "Save, load, and share maps digitally without taking up physical space between game nights.", con: "Requires internet access or local storage to persist the board state." }
+      ]
+    },
+    { type: 'title', text: "Choosing Card Categories for Your Mystery Map", level: 3 },
+    {
+      type: 'comparative',
+      items: [
+        {
+          title: "Character Nodes",
+          description: "Used to represent NPCs, suspects, witnesses, or organizations. Highlight relationships with colored lines.",
+          icon: 'mdi:account-group',
+          highlight: true,
+          points: [
+            "Track suspect alibis and motives",
+            "Link family and faction ties",
+            "Record witness testimonies"
+          ]
+        },
+        {
+          title: "Clue Nodes",
+          description: "Represent physical evidence, autopsy reports, alibis, or rumors discovered by the players during the campaign.",
+          icon: 'mdi:magnify',
+          highlight: false,
+          points: [
+            "Autopsy and forensic reports",
+            "Physical items from crime scenes",
+            "Heard rumors and secrets"
+          ]
+        },
+        {
+          title: "Location Nodes",
+          description: "Crime scenes, suspect houses, local hideouts, or cities where events take place.",
+          icon: 'mdi:map-marker',
+          highlight: false,
+          points: [
+            "Crime scene photos and maps",
+            "Residences of key NPCs",
+            "Secret hideouts and portals"
+          ]
+        }
+      ],
+      columns: 3
+    },
+    { type: 'title', text: "Conspiracy Mapping Terminology Glossary", level: 3 },
+    {
+      type: 'glossary',
+      items: [
+        { term: "Node", definition: "Any card on the canvas representing a person, location, clue, or item." },
+        { term: "Relationship Thread", definition: "A colored line linking two cards, indicating how they are connected (e.g. Investigating, Alibi, Owner)." },
+        { term: "Immersive Mode", definition: "A fullscreen layout that hides control panels, maximizing canvas workspace on mobile or tablets." },
+        { term: "Highlight Path", definition: "A visual path showing only the connected nodes and lines of a selected card, dimming the rest of the board." }
+      ]
+    },
+    {
+      type: 'diagnostic',
+      variant: 'info',
+      title: "Performance Tip for Mobile Devices",
+      icon: 'mdi:information-outline',
+      badge: 'GRID TIP',
+      html: "If dragging nodes feels slow on older tablets or phones, toggle the fullscreen mode to hide unnecessary menus. Make sure grid snapping is enabled (cards snap to every 15px) for consistent alignment with minimal effort."
+    }
+  ],
+  faq: [
+    { question: "How do I add cards?", answer: "Click Add Card in the control panel or long press on any empty space on the background canvas to open the context menu and select Add Card at that position." },
+    { question: "How do I connect two cards?", answer: "Click the link icon (chain) on a card, then click on the target card to create a connection. Or select Add Connection in the control panel to choose cards manually." },
+    { question: "Can I use custom card colors?", answer: "Yes. Open a card by double-clicking it, select Custom under the Category dropdown, pick your desired highlight color, and click Save Changes." },
+    { question: "Does the board save my work?", answer: "Yes. Your progress is saved automatically to your browser local storage under the current board name. You can create multiple boards using the dropdown selector." },
+    { question: "How do I zoom and pan the board?", answer: "Use pinch-to-zoom gestures or the mouse wheel to zoom in and out. Drag the background to pan the canvas around smoothly." }
+  ],
+  bibliography,
+  howTo: [
+    { name: "Add Investigation Cards", text: "Create cards representing NPCs, clues, crime scenes, or items." },
+    { name: "Link Relationships", text: "Create connection lines between cards to show how clues relate." }
+  ],
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      'name': "Conspiracy Board Maker: Online Detective RPG Clue & Relationship Map Organizer",
+      'operatingSystem': 'All',
+      'applicationCategory': 'UtilitiesApplication',
+      'browserRequirements': 'Requires HTML5 SVG support. Requires JavaScript.'
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      'mainEntity': [
+        {
+          '@type': 'Question',
+          'name': "How do I add cards?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Click Add Card in the control panel or long press on any empty space on the background canvas to open the context menu and select Add Card at that position."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "How do I connect two cards?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Click the link icon (chain) on a card, then click on the target card to create a connection. Or select Add Connection in the control panel to choose cards manually."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "Can I use custom card colors?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Yes. Open a card by double-clicking it, select Custom under the Category dropdown, pick your desired highlight color, and click Save Changes."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "Does the board save my work?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Yes. Your progress is saved automatically to your browser local storage under the current board name. You can create multiple boards using the dropdown selector."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "How do I zoom and pan the board?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Use pinch-to-zoom gestures or the mouse wheel to zoom in and out. Drag the background to pan the canvas around smoothly."
+          }
+        }
+      ]
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      'name': "How to Use the Conspiracy Board Maker",
+      'step': [
+        {
+          '@type': 'HowToStep',
+          'name': "Add Investigation Cards",
+          'text': "Create cards representing NPCs, clues, crime scenes, or items."
+        },
+        {
+          '@type': 'HowToStep',
+          'name': "Link Relationships",
+          'text': "Create connection lines between cards to show how clues relate."
+        }
+      ]
+    }
+  ]
+};

package/src/tool/investigation-board/i18n/es.ts

@@ -0,0 +1,209 @@
+import { bibliography } from '../bibliography';
+import type { InvestigationBoardLocaleContent } from '../entry';
+
+export const content: InvestigationBoardLocaleContent = {
+  slug: "creador-tablero-conspiracion",
+  title: "Creador de Tableros de Conspiración: Mapas de Pistas y Relaciones Online",
+  description: "Crea tableros de conspiración interactivos online, mapas de investigación y pizarras virtuales. Conecta sospechosos, pistas y ubicaciones con hilos de colores.",
+  ui: {
+  "title": "Creador de Tableros de Conspiración",
+  "addCard": "Añadir Tarjeta",
+  "searchPlaceholder": "Buscar tarjetas por nombre o pistas",
+  "filterAll": "Todas las Categorías",
+  "filterCharacter": "Personajes",
+  "filterClue": "Pistas",
+  "filterLocation": "Ubicaciones",
+  "filterItem": "Objetos",
+  "cardName": "Nombre de la Tarjeta",
+  "cardCategory": "Categoría",
+  "cardDescription": "Descripción",
+  "cardNotes": "Notas Privadas",
+  "cardTags": "Etiquetas separadas por comas",
+  "cardColor": "Color de Resaltado de Tarjeta",
+  "save": "Guardar Cambios",
+  "delete": "Eliminar",
+  "cancel": "Cancelar",
+  "clearBoard": "Limpiar Tablero",
+  "connectionsTitle": "Mapa de Relaciones",
+  "addConnection": "Añadir Conexión",
+  "connectionLabel": "Etiqueta de Relación",
+  "connectionColor": "Color de la Línea",
+  "sourceCard": "Desde Tarjeta",
+  "targetCard": "Hacia Tarjeta",
+  "close": "Cerrar",
+  "character": "Personaje",
+  "clue": "Pista",
+  "location": "Ubicación",
+  "item": "Objeto",
+  "custom": "Personalizado",
+  "immersive": "Pantalla Completa"
+},
+  seo: [
+    { type: 'title', text: "Creador de Tableros de Conspiración Online para Rol de Mesa y Detectives", level: 2 },
+    { type: 'paragraph', html: "Resolver una red compleja de mentiras, seguir pistas de sospechosos y conectar pruebas en la escena del crimen puede abrumar a cualquier grupo de rol. Ya sea que dirijas una campaña de La Llamada de Cthulhu, un misterio cyberpunk, una partida de detectives en D&D o estés escribiendo una novela de suspense, nuestro creador de tableros de conspiración online es la herramienta definitiva. Arrastra, suelta y clasifica pistas, personajes (PNJ) y evidencias físicas en un corcho digital infinito. Utiliza hilos de relaciones de colores personalizables para visualizar al instante cómo se conectan los sospechosos con las escenas del crimen, coartadas y motivos ocultos, eliminando las notas de papel desordenadas y manteniendo a los jugadores completamente inmersos en la investigación." },
+    {
+      type: 'stats',
+      items: [
+        { value: "Ilimitado", label: "Tablero de Nodos" },
+        { value: "4", label: "Categorías" },
+        { value: "Arrastrar y Soltar", label: "Interfaz" }
+      ],
+      columns: 3
+    },
+    { type: 'title', text: "Consejos para Estructurar tu Mapa de Investigación de Rol", level: 2 },
+    { type: 'tip', title: "La Regla de las Tres Pistas", html: "Para cada conclusión o deducción que desees que los jugadores alcancen, añade al menos tres pistas distintas al tablero de investigación. Conéctalas con hilos de colores personalizados para mostrar diferentes líneas de razonamiento posibles. Utiliza tarjetas de Personajes para los sospechosos e intermediarios, Ubicaciones para las escenas del crimen o puntos de interés, y Objetos para las pruebas físicas o documentos. Mantén las notas privadas de las cartas siempre actualizadas con los descubrimientos de los jugadores." },
+    { type: 'title', text: "Tableros de Conspiración Digitales vs Tableros de Corcho Físicos", level: 2 },
+    {
+      type: 'proscons',
+      title: "Tableros de Conspiración Digitales vs Tableros de Corcho Físicos",
+      items: [
+        { pro: "Tamaño de tablero ilimitado para añadir tantas pistas y relaciones de personajes como sea necesario sin limitaciones de espacio.", con: "Requiere una pantalla, tableta o dispositivo digital durante la sesión de juego de mesa." },
+        { pro: "Búsqueda instantánea y filtros de categoría para ubicar testigos o pistas específicas durante las sesiones.", con: "Falta la sensación táctil del hilo rojo físico y los pines en la pared real." },
+        { pro: "Guarda, carga y comparte mapas digitalmente sin ocupar espacio físico entre sesiones.", con: "Necesita acceso a Internet o almacenamiento local para persistir el estado del tablero." }
+      ]
+    },
+    { type: 'title', text: "Elección de Categorías de Tarjetas para tu Mapa de Misterio", level: 3 },
+    {
+      type: 'comparative',
+      items: [
+        {
+          title: "Nodos de Personajes",
+          description: "Representan PNJ, sospechosos, testigos u organizaciones. Destaca relaciones con líneas de colores.",
+          icon: 'mdi:account-group',
+          highlight: true,
+          points: [
+            "Seguimiento de coartadas y motivos de sospechosos",
+            "Relaciones familiares o de facciones secretas",
+            "Registro de declaraciones y testimonios de testigos"
+          ]
+        },
+        {
+          title: "Nodos de Pistas",
+          description: "Representan pruebas físicas, autopsias, coartadas o rumores descubiertos por los jugadores.",
+          icon: 'mdi:magnify',
+          highlight: false,
+          points: [
+            "Informes de autopsias y balística",
+            "Evidencia física recogida en la escena del crimen",
+            "Rumores, secretos y filtraciones"
+          ]
+        },
+        {
+          title: "Nodos de Ubicaciones",
+          description: "Escenas del crimen, casas de sospechosos, guaridas secretas o ciudades.",
+          icon: 'mdi:map-marker',
+          highlight: false,
+          points: [
+            "Fotos y planos de la escena del crimen",
+            "Residencias de personajes clave",
+            "Ubicaciones ocultas y portales secretos"
+          ]
+        }
+      ],
+      columns: 3
+    },
+    { type: 'title', text: "Glosario de Mapeo de Conspiraciones", level: 3 },
+    {
+      type: 'glossary',
+      items: [
+        { term: "Nodo de Investigación", definition: "Cualquier tarjeta en el lienzo que represente una persona, ubicación, pista u objeto." },
+        { term: "Hilo de Relación", definition: "Una línea de color que une dos tarjetas, indicando cómo están conectadas (por ejemplo: Coartada, Aliado, Propietario)." },
+        { term: "Modo Inmersivo", definition: "Un diseño a pantalla completa que oculta los paneles de control, maximizando el espacio de trabajo en tabletas y móviles." },
+        { term: "Ruta de Resaltado", definition: "Una ruta visual que muestra solo los nodos y líneas conectados de una tarjeta seleccionada, atenuando el resto." }
+      ]
+    },
+    {
+      type: 'diagnostic',
+      variant: 'info',
+      title: "Consejo de Rendimiento para Dispositivos Móviles",
+      icon: 'mdi:information-outline',
+      badge: 'GRID TIP',
+      html: "Si el arrastre de nodos va lento en tablets antiguas, activa el modo inmersivo para ocultar menús innecesarios. Asegúrate de habilitar el ajuste a cuadrícula (las tarjetas se alinean cada 15px) para mantener el tablero ordenado con mínimo esfuerzo."
+    }
+  ],
+  faq: [
+    { question: "¿Cómo añado líneas de conexión?", answer: "Haz clic en Añadir Conexión en el panel de control o haz clic en el icono de enlace de una tarjeta y selecciona la tarjeta de destino." },
+    { question: "¿Puedo arrastrar tarjetas en el móvil?", answer: "Sí, el tablero admite eventos táctiles para arrastrar y mover tarjetas sin problemas en smartphones y tablets." },
+    { question: "¿Puedo usar colores de tarjeta personalizados?", answer: "Sí. Haz doble clic en una tarjeta, selecciona Custom en Categoría y elige un color de resaltado." },
+    { question: "¿El tablero guarda mi trabajo?", answer: "Sí. Tu progreso se guarda automáticamente en el almacenamiento local de tu navegador bajo el nombre del tablero actual." },
+    { question: "¿Cómo hago zoom y me muevo por el tablero?", answer: "Usa gestos de pellizco o la rueda del ratón para hacer zoom. Arrastra el fondo para moverte por el lienzo." }
+  ],
+  bibliography,
+  howTo: [
+    { name: "Añadir Tarjetas de Investigación", text: "Crea tarjetas que representen PNJ, pistas, escenas del crimen u objetos." },
+    { name: "Enlazar Relaciones", text: "Crea líneas de conexión entre tarjetas para mostrar cómo se relacionan las pistas." }
+  ],
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      'name': "Creador de Tableros de Conspiración: Mapas de Pistas y Relaciones Online",
+      'operatingSystem': 'All',
+      'applicationCategory': 'UtilitiesApplication',
+      'browserRequirements': 'Requires HTML5 SVG support. Requires JavaScript.'
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      'mainEntity': [
+        {
+          '@type': 'Question',
+          'name': "¿Cómo añado líneas de conexión?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Haz clic en Añadir Conexión en el panel de control o haz clic en el icono de enlace de una tarjeta y selecciona la tarjeta de destino."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "¿Puedo arrastrar tarjetas en el móvil?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Sí, el tablero admite eventos táctiles para arrastrar y mover tarjetas sin problemas en smartphones y tablets."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "¿Puedo usar colores de tarjeta personalizados?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Sí. Haz doble clic en una tarjeta, selecciona Custom en Categoría y elige un color de resaltado."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "¿El tablero guarda mi trabajo?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Sí. Tu progreso se guarda automáticamente en el almacenamiento local de tu navegador bajo el nombre del tablero actual."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "¿Cómo hago zoom y me muevo por el tablero?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Usa gestos de pellizco o la rueda del ratón para hacer zoom. Arrastra el fondo para moverte por el lienzo."
+          }
+        }
+      ]
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      'name': "Cómo Usar el Creador de Tableros de Conspiración",
+      'step': [
+        {
+          '@type': 'HowToStep',
+          'name': "Añadir Tarjetas de Investigación",
+          'text': "Crea tarjetas que representen PNJ, pistas, escenas del crimen u objetos."
+        },
+        {
+          '@type': 'HowToStep',
+          'name': "Enlazar Relaciones",
+          'text': "Crea líneas de conexión entre tarjetas para mostrar cómo se relacionan las pistas."
+        }
+      ]
+    }
+  ]
+};

package/src/tool/investigation-board/i18n/fr.ts

@@ -0,0 +1,209 @@
+import { bibliography } from '../bibliography';
+import type { InvestigationBoardLocaleContent } from '../entry';
+
+export const content: InvestigationBoardLocaleContent = {
+  slug: "createur-de-tableau-de-conspiration",
+  title: "Créateur de Tableau de Conspiration : Cartes d'Enquête RPG de Détective en Ligne",
+  description: "Concevez des tableaux de conspiration interactifs et des cartes d'enquête pour vos jeux de rôle. Connectez des personnages, indices et lieux avec des fils colorés.",
+  ui: {
+  "title": "Créateur de Tableau de Conspiration",
+  "addCard": "Ajouter une Carte",
+  "searchPlaceholder": "Rechercher des cartes par nom ou indices",
+  "filterAll": "Toutes les Catégories",
+  "filterCharacter": "Personnages",
+  "filterClue": "Indices",
+  "filterLocation": "Lieux",
+  "filterItem": "Objets",
+  "cardName": "Nom de la Carte",
+  "cardCategory": "Catégorie",
+  "cardDescription": "Description",
+  "cardNotes": "Notes Privées",
+  "cardTags": "Tags séparés par des virgules",
+  "cardColor": "Couleur de mise en valeur de la carte",
+  "save": "Enregistrer les modifications",
+  "delete": "Supprimer",
+  "cancel": "Annuler",
+  "clearBoard": "Effacer le tableau",
+  "connectionsTitle": "Carte des relations",
+  "addConnection": "Ajouter une connexion",
+  "connectionLabel": "Étiquette de relation",
+  "connectionColor": "Couleur de ligne",
+  "sourceCard": "De la carte",
+  "targetCard": "Vers la carte",
+  "close": "Fermer",
+  "character": "Personnage",
+  "clue": "Indice",
+  "location": "Lieu",
+  "item": "Objet",
+  "custom": "Personnalisé",
+  "immersive": "Plein écran"
+},
+  seo: [
+    { type: 'title', text: "Créateur de Tableau de Conspiration en Ligne : Organisez les Indices de JdR", level: 2 },
+    { type: 'paragraph', html: "Démêler un réseau complexe de mensonges, suivre les alibis des suspects et relier les indices d'une scène de crime peut rapidement submerger un groupe de jeu de rôle. Que vous meniez une campagne de L'Appel de Cthulhu, un mystère cyberpunk, une enquête policière dans D&D ou que vous écriviez un thriller, notre créateur de tableau de conspiration en ligne est l'outil ultime. Glissez, déposez, catégorisez et reliez les indices, les PNJ et les preuves matérielles sur un tableau de liège numérique infini. Utilisez des fils de relation colorés pour voir instantanément comment les suspects sont liés aux scènes de crime, aux alibis et aux motivations secrètes, éliminant les notes papier et gardant les joueurs immergés." },
+    {
+      type: 'stats',
+      items: [
+        { value: "Illimité", label: "Tableau de nœuds" },
+        { value: "4", label: "Catégories" },
+        { value: "Glisser-Déposer", label: "Interface" }
+      ],
+      columns: 3
+    },
+    { type: 'title', text: "Conseils pour Structurer votre Carte d'Enquête JDR", level: 2 },
+    { type: 'tip', title: "La Règle des Trois Indices", html: "Pour chaque conclusion ou déduction que vous souhaitez que les joueurs fassent, ajoutez au moins trois indices distincts sur le tableau d'enquête. Connectez-les avec des fils de couleur personnalisés pour montrer différentes lignes de raisonnement possibles. Utilisez des cartes de Personnages pour les suspects, des Lieux pour les scènes de crime et des Objets pour les preuves physiques ou documents. Gardez les notes privées à jour avec leurs découvertes." },
+    { type: 'title', text: "Tableaux de Conspiration Numériques vs Tableaux en Liège Physiques", level: 2 },
+    {
+      type: 'proscons',
+      title: "Tableaux de Conspiration Numériques vs Tableaux en Liège Physiques",
+      items: [
+        { pro: "Taille de tableau illimitée pour ajouter autant d'indices, de suspects et de relations que nécessaire sans aucune limite d'espace.", con: "Nécessite un écran, une tablette ou un appareil numérique pendant la session de jeu sur table." },
+        { pro: "Recherche instantanée et filtres de catégories pour localiser immédiatement un témoin ou un indice pendant la partie.", con: "Manque de sensation tactile des punaises et du fil de laine rouge sur un vrai mur." },
+        { pro: "Sauvegardez, chargez et partagez des cartes d'enquête numériquement sans encombrer l'espace physique entre les sessions.", con: "Nécessite un accès Internet ou le stockage local du navigateur pour sauvegarder l'état du tableau." }
+      ]
+    },
+    { type: 'title', text: "Choix des Catégories de Cartes pour votre Carte de Mystères", level: 3 },
+    {
+      type: 'comparative',
+      items: [
+        {
+          title: "Nœuds Personnages",
+          description: "Représentent les suspects, les témoins, les PNJ alliés ou les factions. Mettez en valeur les relations avec des fils colorés.",
+          icon: 'mdi:account-group',
+          highlight: true,
+          points: [
+            "Suivre les alibis et les mobiles des suspects",
+            "Relier les alliances familiales et de factions",
+            "Enregistrer les détails des témoignages de témoins"
+          ]
+        },
+        {
+          title: "Nœuds Indices",
+          description: "Représentent les preuves physiques, les rapports d'autopsie, les alibis ou les rumeurs découverts par les joueurs.",
+          icon: 'mdi:magnify',
+          highlight: false,
+          points: [
+            "Rapports d'autopsie et analyses médico-légales",
+            "Objets physiques trouvés sur les scènes de crime",
+            "Rumeurs interceptées et secrets partagés"
+          ]
+        },
+        {
+          title: "Nœuds Lieux",
+          description: "Scènes de crime, résidences des suspects, planques secrètes ou villes.",
+          icon: 'mdi:map-marker',
+          highlight: false,
+          points: [
+            "Photos de scènes de crime et cartes",
+            "Résidences des principaux PNJ",
+            "Planques secrètes et portails mystiques"
+          ]
+        }
+      ],
+      columns: 3
+    },
+    { type: 'title', text: "Glossaire du Tableau de Conspiration", level: 3 },
+    {
+      type: 'glossary',
+      items: [
+        { term: "Nœud d'enquête", definition: "Toute carte sur le tableau représentant une personne, un lieu, un indice ou un objet." },
+        { term: "Fil de relation", definition: "Une ligne colorée reliant deux cartes pour indiquer leur lien (ex : Suspect, Alibi, Propriétaire)." },
+        { term: "Mode Immersif", definition: "Un affichage plein écran qui masque les menus de contrôle pour maximiser l'espace sur mobile ou tablette." },
+        { term: "Chemin mis en valeur", definition: "Un chemin visuel affichant uniquement les nœuds et les lignes connectés à la carte sélectionnée, estompant le reste." }
+      ]
+    },
+    {
+      type: 'diagnostic',
+      variant: 'info',
+      title: "Astuce de Performance pour Appareils Mobiles",
+      icon: 'mdi:information-outline',
+      badge: 'GRID TIP',
+      html: "Si le déplacement des nœuds est lent sur de vieilles tablettes, activez le mode plein écran pour masquer les menus. Assurez-vous que l'alignement sur la grille est activé (les cartes s'alignent tous les 15px) pour garder le tableau ordonné avec peu d'effort."
+    }
+  ],
+  faq: [
+    { question: "Comment ajouter des lignes de connexion ?", answer: "Cliquez sur Ajouter une connexion dans le panneau de contrôle ou sur l'icône de lien d'une carte puis sur la carte cible." },
+    { question: "Puis-je glisser des cartes sur mobile ?", answer: "Oui, le tableau prend en charge les événements tactiles pour glisser et déplacer les cartes facilement sur smartphones et tablettes." },
+    { question: "Puis-je utiliser des couleurs de cartes personnalisées ?", answer: "Oui. Double-cliquez sur une carte, choisissez Custom dans Catégorie et sélectionnez une couleur." },
+    { question: "Le tableau sauvegarde-t-il mon travail ?", answer: "Oui. Votre progression est automatiquement sauvegardée dans le stockage local de votre navigateur." },
+    { question: "Comment zoomer et me déplacer sur le tableau ?", answer: "Pincez l'écran ou utilisez la molette de la souris pour zoomer. Glissez le fond pour vous déplacer sur le tableau." }
+  ],
+  bibliography,
+  howTo: [
+    { name: "Ajouter des cartes d'enquête", text: "Créez des cartes représentant des PNJ, des indices, des scènes de crime ou des objets." },
+    { name: "Lier les relations", text: "Créez des lignes de connexion entre les cartes pour montrer le lien entre les indices." }
+  ],
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      'name': "Créateur de Tableau de Conspiration : Cartes d'Enquête RPG de Détective en Ligne",
+      'operatingSystem': 'All',
+      'applicationCategory': 'UtilitiesApplication',
+      'browserRequirements': 'Requires HTML5 SVG support. Requires JavaScript.'
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      'mainEntity': [
+        {
+          '@type': 'Question',
+          'name': "Comment ajouter des lignes de connexion ?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Cliquez sur Ajouter une connexion dans le panneau de contrôle ou sur l'icône de lien d'une carte puis sur la carte cible."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "Puis-je glisser des cartes sur mobile ?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Oui, le tableau prend en charge les événements tactiles pour glisser et déplacer les cartes facilement sur smartphones et tablettes."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "Puis-je utiliser des couleurs de cartes personnalisées ?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Oui. Double-cliquez sur une carte, choisissez Custom dans Catégorie et sélectionnez une couleur."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "Le tableau sauvegarde-t-il mon travail ?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Oui. Votre progression est automatiquement sauvegardée dans le stockage local de votre navigateur."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "Comment zoomer et me déplacer sur le tableau ?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Pincez l'écran ou utilisez la molette de la souris pour zoomer. Glissez le fond pour vous déplacer sur le tableau."
+          }
+        }
+      ]
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      'name': "Comment utiliser le créateur de tableau de conspiration",
+      'step': [
+        {
+          '@type': 'HowToStep',
+          'name': "Ajouter des cartes d'enquête",
+          'text': "Créez des cartes représentant des PNJ, des indices, des scènes de crime ou des objets."
+        },
+        {
+          '@type': 'HowToStep',
+          'name': "Lier les relations",
+          'text': "Créez des lignes de connexion entre les cartes pour montrer le lien entre les indices."
+        }
+      ]
+    }
+  ]
+};