{"id":3631,"date":"2026-01-01T07:30:21","date_gmt":"2026-01-01T07:30:21","guid":{"rendered":"https:\/\/crehistor.com\/?page_id=3631"},"modified":"2026-01-01T07:30:28","modified_gmt":"2026-01-01T07:30:28","slug":"forge-personnages","status":"publish","type":"page","link":"https:\/\/crehistor.com\/en\/forge-personnages\/","title":{"rendered":"Forge personnages"},"content":{"rendered":"<div class=\"crehistor-forge forge-dark\" \n     id=\"crehistorForgeApp\"\n     data-lang=\"fr\"\n     style=\"--forge-accent: #d4af37;\">\n    \n    <!-- Header -->\n    <header class=\"forge-header\">\n        <div class=\"forge-header-top\">\n            <div class=\"forge-badge\">\n                <span data-i18n=\"badge\">G\u00e9n\u00e9rateur IA<\/span>\n            <\/div>\n            \n            <!-- Language Selector -->\n            <div class=\"forge-lang-selector\">\n                <span class=\"forge-lang-label\" data-i18n=\"select_language\">Langue<\/span>\n                <select id=\"forgeLangSelect\" class=\"forge-lang-select\">\n                    <option value=\"fr\"  selected='selected'>\ud83c\uddeb\ud83c\uddf7 Fran\u00e7ais<\/option>\n                    <option value=\"en\" >\ud83c\uddec\ud83c\udde7 English<\/option>\n                    <option value=\"es\" >\ud83c\uddea\ud83c\uddf8 Espa\u00f1ol<\/option>\n                    <option value=\"de\" >\ud83c\udde9\ud83c\uddea Deutsch<\/option>\n                    <option value=\"it\" >\ud83c\uddee\ud83c\uddf9 Italiano<\/option>\n                <\/select>\n            <\/div>\n        <\/div>\n        \n        <h2 class=\"forge-title\" data-i18n=\"title\">Forge de Personnages<\/h2>\n        <p class=\"forge-subtitle\" data-i18n=\"subtitle\">Donnez vie \u00e0 vos protagonistes et laissez leurs histoires \u00e9merger<\/p>\n        \n        <!-- History Button -->\n        <button type=\"button\" class=\"forge-history-btn\" id=\"forgeHistoryBtn\">\n            <span data-i18n=\"btn_history\">\ud83d\udcda Historique<\/span>\n        <\/button>\n    <\/header>\n\n    <!-- Steps Navigation -->\n    <div class=\"forge-steps\">\n        <div class=\"forge-step\">\n            <div class=\"forge-step-number active current\" data-step=\"1\">1<\/div>\n            <span class=\"forge-step-label\" data-i18n=\"step1\">Cr\u00e9ation<\/span>\n        <\/div>\n        <div class=\"forge-step-line\" data-line=\"1\"><\/div>\n        <div class=\"forge-step\">\n            <div class=\"forge-step-number\" data-step=\"2\">2<\/div>\n            <span class=\"forge-step-label\" data-i18n=\"step2\">Personnage<\/span>\n        <\/div>\n        <div class=\"forge-step-line\" data-line=\"2\"><\/div>\n        <div class=\"forge-step\">\n            <div class=\"forge-step-number\" data-step=\"3\">3<\/div>\n            <span class=\"forge-step-label\" data-i18n=\"step3\">Stories<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Step 1: Form -->\n    <section class=\"forge-section forge-form-section active\" data-section=\"form\">\n        <div class=\"forge-card\">\n            <h3 class=\"forge-card-title\" data-i18n=\"form_title\">\u2726 Esquissez votre personnage \u2726<\/h3>\n            <p class=\"forge-card-hint\" data-i18n=\"form_hint\">Remplissez les champs souhait\u00e9s ou laissez l'IA d\u00e9cider...<\/p>\n            \n            <form id=\"forgeCharacterForm\" class=\"forge-form\" action=\"\">\n                <div class=\"forge-form-grid\">\n                    <div class=\"forge-field\">\n                        <label class=\"forge-label\" data-i18n=\"genre\">Genre<\/label>\n                        <select name=\"genre\" class=\"forge-select\">\n                            <option value=\"\" data-i18n=\"genre_random\">\u2014 Laisser \u00e0 l'IA \u2014<\/option>\n                            <option value=\"masculin\" data-i18n=\"genre_m\">Masculin<\/option>\n                            <option value=\"feminin\" data-i18n=\"genre_f\">F\u00e9minin<\/option>\n                            <option value=\"neutre\" data-i18n=\"genre_n\">Non-binaire<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"forge-field\">\n                        <label class=\"forge-label\" data-i18n=\"age\">\u00c2ge<\/label>\n                        <input type=\"text\" name=\"age\" class=\"forge-input\" data-i18n-placeholder=\"age_placeholder\">\n                    <\/div>\n                    \n                    <div class=\"forge-field\">\n                        <label class=\"forge-label\" data-i18n=\"trait\">Trait principal<\/label>\n                        <input type=\"text\" name=\"trait\" class=\"forge-input\" data-i18n-placeholder=\"trait_placeholder\">\n                    <\/div>\n                    \n                    <div class=\"forge-field\">\n                        <label class=\"forge-label\" data-i18n=\"flaw\">D\u00e9faut majeur<\/label>\n                        <input type=\"text\" name=\"defaut\" class=\"forge-input\" data-i18n-placeholder=\"flaw_placeholder\">\n                    <\/div>\n                    \n                    <div class=\"forge-field\">\n                        <label class=\"forge-label\" data-i18n=\"profession\">Profession \/ R\u00f4le<\/label>\n                        <input type=\"text\" name=\"profession\" class=\"forge-input\" data-i18n-placeholder=\"profession_placeholder\">\n                    <\/div>\n                <\/div>\n                \n                <div class=\"forge-field forge-field-full\">\n                    <label class=\"forge-label\" data-i18n=\"goal\">Objectif \/ Motivation (optionnel)<\/label>\n                    <input type=\"text\" name=\"objectif\" class=\"forge-input\" data-i18n-placeholder=\"goal_placeholder\">\n                <\/div>\n                \n                <div class=\"forge-field forge-field-full\">\n                    <label class=\"forge-label\" data-i18n=\"past\">\u00c9l\u00e9ment du pass\u00e9 (optionnel)<\/label>\n                    <input type=\"text\" name=\"passe\" class=\"forge-input\" data-i18n-placeholder=\"past_placeholder\">\n                <\/div>\n                \n                <button type=\"submit\" class=\"forge-btn forge-btn-primary\" id=\"forgeGenerateBtn\">\n                    <span class=\"forge-btn-text\" data-i18n=\"btn_generate\">\u2726 INVOQUER LE PERSONNAGE \u2726<\/span>\n                    <span class=\"forge-btn-loading\">\n                        <span class=\"forge-spinner\"><\/span>\n                        <span data-i18n=\"btn_loading\">G\u00e9n\u00e9ration en cours...<\/span>\n                    <\/span>\n                <\/button>\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n        <\/div>\n    <\/section>\n\n    <!-- Step 2: Character Display -->\n    <section class=\"forge-section forge-character-section\" data-section=\"character\">\n        <div class=\"forge-card\" id=\"forgeCharacterCard\">\n            <div class=\"forge-character-header\">\n                <div class=\"forge-avatar\" id=\"forgeAvatar\"><\/div>\n                <h3 class=\"forge-character-name\" id=\"forgeCharName\"><\/h3>\n                <p class=\"forge-character-profession\" id=\"forgeCharProfession\"><\/p>\n            <\/div>\n            \n            <div class=\"forge-character-grid\">\n                <div class=\"forge-info-box\">\n                    <h4 class=\"forge-info-title\">\u25c8 <span data-i18n=\"appearance\">Apparence<\/span><\/h4>\n                    <p id=\"forgeCharApparence\"><\/p>\n                <\/div>\n                \n                <div class=\"forge-info-box\">\n                    <h4 class=\"forge-info-title\">\u25c8 <span data-i18n=\"character\">Caract\u00e8re<\/span><\/h4>\n                    <div class=\"forge-traits\">\n                        <div class=\"forge-traits-row\">\n                            <span class=\"forge-traits-label forge-traits-positive\" data-i18n=\"strengths\">Forces<\/span>\n                            <span class=\"forge-traits-list\" id=\"forgeCharTraitsPos\"><\/span>\n                        <\/div>\n                        <div class=\"forge-traits-row\">\n                            <span class=\"forge-traits-label forge-traits-negative\" data-i18n=\"flaws\">Failles<\/span>\n                            <span class=\"forge-traits-list\" id=\"forgeCharTraitsNeg\"><\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"forge-info-box forge-info-full\">\n                <h4 class=\"forge-info-title\">\u25c8 <span data-i18n=\"backstory\">Pass\u00e9<\/span><\/h4>\n                <p id=\"forgeCharBackstory\"><\/p>\n            <\/div>\n            \n            <div class=\"forge-motivation-box\">\n                <h4 class=\"forge-info-title\">\u25c8 <span data-i18n=\"motivation\">Ce qui le\/la pousse<\/span><\/h4>\n                <p id=\"forgeCharMotivation\"><\/p>\n            <\/div>\n            \n            <div class=\"forge-info-box forge-info-full forge-secret-box\" id=\"forgeSecretBox\">\n                <h4 class=\"forge-info-title\">\u25c8 <span data-i18n=\"secret\">Secret<\/span><\/h4>\n                <p id=\"forgeCharSecret\"><\/p>\n            <\/div>\n            \n            <div class=\"forge-quote-box\" id=\"forgeQuoteBox\">\n                <p id=\"forgeCharQuote\"><\/p>\n            <\/div>\n            \n            <!-- Section CTA pour les histoires -->\n            <div class=\"forge-stories-cta\">\n                <h4 class=\"forge-stories-cta-title\">\u2726 <span data-i18n=\"stories_cta_title\">INVOQUEZ DES ID\u00c9ES D'HISTOIRES<\/span> \u2726<\/h4>\n                <p class=\"forge-stories-cta-desc\" data-i18n=\"stories_cta_desc\">L'IA va cr\u00e9er 5 id\u00e9es d'histoires uniques bas\u00e9es sur ce personnage<\/p>\n                <button type=\"button\" class=\"forge-btn forge-btn-primary\" data-action=\"stories\" id=\"forgeStoriesBtn\">\n                    <span class=\"forge-btn-text\" data-i18n=\"btn_stories\">\u2728 G\u00c9N\u00c9RER DES HISTOIRES \u2728<\/span>\n                    <span class=\"forge-btn-loading\">\n                        <span class=\"forge-spinner\"><\/span>\n                        <span data-i18n=\"btn_loading\">G\u00e9n\u00e9ration...<\/span>\n                    <\/span>\n                <\/button>\n            <\/div>\n            \n            <!-- Boutons secondaires en bas -->\n            <div class=\"forge-bottom-actions\">\n                <button type=\"button\" class=\"forge-btn forge-btn-secondary\" data-action=\"reset\">\n                    <span data-i18n=\"btn_new\">\u2726 Nouveau personnage<\/span>\n                <\/button>\n                <button type=\"button\" class=\"forge-btn forge-btn-secondary\" data-action=\"print\">\n                    <span data-i18n=\"btn_print\">\ud83d\udda8\ufe0f Imprimer PDF<\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Step 3: Stories -->\n    <section class=\"forge-section forge-stories-section\" data-section=\"stories\">\n        <div class=\"forge-stories-header\">\n            <h3 class=\"forge-stories-title\">\n                <span data-i18n=\"stories_title\">Histoires pour<\/span> \n                <span id=\"forgeStoriesCharName\"><\/span>\n            <\/h3>\n            <p class=\"forge-stories-hint\" data-i18n=\"stories_hint\">Cliquez sur une id\u00e9e pour voir les d\u00e9tails<\/p>\n        <\/div>\n        \n        <div class=\"forge-stories-list\" id=\"forgeStoriesList\"><\/div>\n        \n        <div class=\"forge-buttons forge-buttons-multi\">\n            <button type=\"button\" class=\"forge-btn forge-btn-secondary\" data-action=\"back-character\">\n                <span data-i18n=\"btn_back\">\u2190 Retour au personnage<\/span>\n            <\/button>\n            <button type=\"button\" class=\"forge-btn forge-btn-secondary\" data-action=\"regenerate-stories\" id=\"forgeRegenerateBtn\">\n                <span class=\"forge-btn-text\" data-i18n=\"btn_regenerate\">\u21bb Nouvelles id\u00e9es<\/span>\n                <span class=\"forge-btn-loading\">\n                    <span class=\"forge-spinner\"><\/span>\n                <\/span>\n            <\/button>\n            <button type=\"button\" class=\"forge-btn forge-btn-secondary\" data-action=\"print-stories\">\n                <span data-i18n=\"btn_print\">\ud83d\udda8\ufe0f Imprimer PDF<\/span>\n            <\/button>\n            <button type=\"button\" class=\"forge-btn forge-btn-primary\" data-action=\"reset\">\n                <span data-i18n=\"btn_new\">\u2726 Nouveau personnage<\/span>\n            <\/button>\n        <\/div>\n    <\/section>\n\n    <!-- Loading Overlay -->\n    <div class=\"forge-loading-overlay\" id=\"forgeLoadingOverlay\">\n        <div class=\"forge-loading-content\">\n            <div class=\"forge-loading-spinner\"><\/div>\n            <h3 class=\"forge-loading-title\" id=\"forgeLoadingTitle\">Cr\u00e9ation en cours...<\/h3>\n            <p class=\"forge-loading-message\" id=\"forgeLoadingMessage\">L'IA travaille sur votre personnage. Cela peut prendre quelques secondes.<\/p>\n            <p class=\"forge-loading-tips\" id=\"forgeLoadingTips\">\ud83d\udca1 Astuce : Plus vous donnez de d\u00e9tails, plus le personnage sera riche !<\/p>\n            <div class=\"forge-loading-progress\">\n                <div class=\"forge-loading-bar\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- History Modal -->\n    <div class=\"forge-modal\" id=\"forgeHistoryModal\">\n        <div class=\"forge-modal-overlay\"><\/div>\n        <div class=\"forge-modal-content\">\n            <div class=\"forge-modal-header\">\n                <h3 data-i18n=\"history_title\">Historique des personnages<\/h3>\n                <button type=\"button\" class=\"forge-modal-close\">&times;<\/button>\n            <\/div>\n            <div class=\"forge-modal-body\">\n                <div class=\"forge-history-list\" id=\"forgeHistoryList\">\n                    <p class=\"forge-history-empty\" data-i18n=\"history_empty\">Aucun personnage enregistr\u00e9<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Footer -->\n    <footer class=\"forge-footer\">\n        <p data-i18n=\"footer\">Propuls\u00e9 par l'IA \u2014 Crehistor.com<\/p>\n    <\/footer>\n    \n<\/div>\n\n<!-- Print Stylesheet (inline for browser print) -->\n<style id=\"forgePrintStyles\" media=\"print\">\n    body * { visibility: hidden; }\n    .forge-print-area, .forge-print-area * { visibility: visible; }\n    .forge-print-area {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        background: white !important;\n        color: black !important;\n        padding: 40px;\n    }\n    .forge-print-area h1 { font-size: 28px; margin-bottom: 20px; color: #333; }\n    .forge-print-area h2 { font-size: 18px; margin-top: 20px; color: #666; border-bottom: 1px solid #ccc; padding-bottom: 5px; }\n    .forge-print-area p { margin: 10px 0; line-height: 1.6; }\n    .forge-print-area .print-traits { display: flex; gap: 30px; margin: 15px 0; }\n    .forge-print-area .print-section { margin-bottom: 20px; }\n    .forge-print-area .print-quote { font-style: italic; text-align: center; margin: 20px 0; padding: 15px; border-left: 3px solid #d4af37; }\n    .forge-print-area .print-story { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dashed #ccc; }\n    .forge-print-area .print-genre { display: inline-block; background: #f0f0f0; padding: 3px 10px; border-radius: 10px; font-size: 12px; margin-bottom: 10px; }\n    @page { margin: 2cm; }\n<\/style>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3631","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/crehistor.com\/en\/wp-json\/wp\/v2\/pages\/3631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crehistor.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crehistor.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crehistor.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crehistor.com\/en\/wp-json\/wp\/v2\/comments?post=3631"}],"version-history":[{"count":1,"href":"https:\/\/crehistor.com\/en\/wp-json\/wp\/v2\/pages\/3631\/revisions"}],"predecessor-version":[{"id":3632,"href":"https:\/\/crehistor.com\/en\/wp-json\/wp\/v2\/pages\/3631\/revisions\/3632"}],"wp:attachment":[{"href":"https:\/\/crehistor.com\/en\/wp-json\/wp\/v2\/media?parent=3631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}