{"id":26,"date":"2026-04-02T23:58:24","date_gmt":"2026-04-02T23:58:24","guid":{"rendered":"https:\/\/roxelila.com\/?page_id=26"},"modified":"2026-08-20T17:21:17","modified_gmt":"2026-08-20T17:21:17","slug":"26-2","status":"publish","type":"page","link":"https:\/\/roxelila.com\/","title":{"rendered":""},"content":{"rendered":"<div id=\"seduction-app-container\">\n<style>\n        #seduction-app-container {\n            --bg-color: #0b0d10;\n            --card-bg: #13161f;\n            --border-color: #222634;\n            --text-main: #f1f5f9;\n            --text-muted: #94a3b8;\n            --accent: #d4af37;\n            --target-col: #38bdf8;\n            --julien-col: #d4af37;\n            --success-color: #10b981;\n            --danger-color: #ef4444;\n            background-color: var(--bg-color);\n            color: var(--text-main);\n            padding: 1rem;\n            border-radius: 12px;\n            font-family: 'Segoe UI', system-ui, sans-serif;\n        }\n        #seduction-app-container .app-grid {\n            display: grid;\n            grid-template-columns: 320px 1fr;\n            gap: 1.5rem;\n        }\n        @media (max-width: 900px) {\n            #seduction-app-container .app-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n        #seduction-app-container .sidebar { display: flex; flex-direction: column; gap: 1rem; }\n        #seduction-app-container .skill-tree, \n        #seduction-app-container .tracker-card, \n        #seduction-app-container .content-panel {\n            background: var(--card-bg);\n            border: 1px solid var(--border-color);\n            border-radius: 10px;\n            padding: 1.2rem;\n        }\n        #seduction-app-container h2, #seduction-app-container h3 {\n            color: var(--accent);\n            font-size: 1rem;\n            margin-bottom: 0.8rem;\n            border-bottom: 1px solid var(--border-color);\n            padding-bottom: 0.4rem;\n        }\n        #seduction-app-container .tree-node { margin-bottom: 0.8rem; }\n        #seduction-app-container .tree-node-title { font-weight: 600; font-size: 0.85rem; margin-bottom: 0.3rem; }\n        #seduction-app-container .sub-nodes { list-style: none; padding-left: 0.8rem; border-left: 2px solid var(--border-color); }\n        #seduction-app-container .sub-nodes li {\n            padding: 0.3rem 0.5rem; font-size: 0.8rem; color: var(--text-muted); cursor: pointer; border-radius: 4px; margin: 0.1rem 0;\n        }\n        #seduction-app-container .sub-nodes li:hover { background: rgba(212, 175, 55, 0.08); color: var(--text-main); }\n        #seduction-app-container .sub-nodes li.active { background: var(--accent); color: var(--bg-color); font-weight: 600; }<\/p>\n<p>        \/* Calendrier *\/\n        #seduction-app-container .tracker-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.6rem; }\n        #seduction-app-container .streak-badge { font-size: 0.75rem; background: rgba(16, 185, 129, 0.15); color: var(--success-color); padding: 0.2rem 0.5rem; border-radius: 8px; font-weight: 600; }\n        #seduction-app-container .calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-bottom: 0.8rem; }\n        #seduction-app-container .cal-day-header { font-size: 0.65rem; color: var(--text-muted); text-align: center; font-weight: 600; }\n        #seduction-app-container .cal-cell {\n            aspect-ratio: 1; background: rgba(255, 255, 255, 0.02); border: 1px solid var(--border-color); border-radius: 4px;\n            display: flex; align-items: center; justify-content: center; font-size: 0.7rem; color: var(--text-muted); cursor: pointer;\n        }\n        #seduction-app-container .cal-cell.green { background: rgba(16, 185, 129, 0.2); border-color: var(--success-color); color: #34d399; font-weight: 600; }\n        #seduction-app-container .cal-cell.red { background: rgba(239, 68, 68, 0.2); border-color: var(--danger-color); color: #f87171; font-weight: 600; }\n        #seduction-app-container .tracker-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }\n        #seduction-app-container .btn-action { padding: 0.4rem; border-radius: 4px; border: none; font-size: 0.75rem; font-weight: 600; cursor: pointer; }\n        #seduction-app-container .btn-green { background: var(--success-color); color: #fff; }\n        #seduction-app-container .btn-red { background: var(--danger-color); color: #fff; }<\/p>\n<p>        \/* Contenu *\/\n        #seduction-app-container .content-section { display: none; }\n        #seduction-app-container .content-section.active { display: block; }\n        #seduction-app-container .badge { display: inline-block; padding: 0.2rem 0.5rem; background: rgba(212, 175, 55, 0.12); color: var(--accent); border-radius: 12px; font-size: 0.65rem; font-weight: 600; margin-bottom: 0.8rem; text-transform: uppercase; }\n        #seduction-app-container .node-card { background: rgba(0, 0, 0, 0.25); border: 1px solid var(--border-color); border-radius: 6px; padding: 0.8rem; margin-bottom: 0.8rem; }\n        #seduction-app-container .trigger-side { border-left: 3px solid var(--target-col); padding-left: 0.6rem; margin-bottom: 0.5rem; }\n        #seduction-app-container .trigger-side .label { color: var(--target-col); font-weight: 600; font-size: 0.65rem; text-transform: uppercase; display: block; }\n        #seduction-app-container .trigger-side .text { color: #bae6fd; font-size: 0.85rem; font-style: italic; }\n        #seduction-app-container .response-side { border-left: 3px solid var(--julien-col); padding-left: 0.6rem; }\n        #seduction-app-container .response-side .label { color: var(--accent); font-weight: 600; font-size: 0.65rem; text-transform: uppercase; display: block; }\n        #seduction-app-container .response-side .text { color: var(--text-main); font-size: 0.85rem; line-height: 1.4; }\n    <\/style>\n<div class=\"app-grid\">\n<div class=\"sidebar\">\n<div class=\"skill-tree\">\n<h2>Arbre d&rsquo;Apprentissage<\/h2>\n<div class=\"tree-node\">\n<div class=\"tree-node-title\">\ud83d\udcd6 Sc\u00e9nario Lin\u00e9aire<\/div>\n<ul class=\"sub-nodes\">\n<li onclick=\"wpShowContent('wp-scen-1')\" id=\"wp-btn-wp-scen-1\" class=\"active\">\u00c9tape 0 &#038; 1 : Ouverture<\/li>\n<li onclick=\"wpShowContent('wp-scen-2')\" id=\"wp-btn-wp-scen-2\">\u00c9tape 2 : Le Recadrage<\/li>\n<li onclick=\"wpShowContent('wp-scen-3')\" id=\"wp-btn-wp-scen-3\">\u00c9tape 3 : Joute Verbale<\/li>\n<li onclick=\"wpShowContent('wp-scen-4')\" id=\"wp-btn-wp-scen-4\">\u00c9tape 4 : Cl\u00f4ture<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<div class=\"tracker-card\">\n<div class=\"tracker-header\">\n<h3 id=\"wp-cal-title\">Suivi du Mois<\/h3>\n<p>                    <span class=\"streak-badge\" id=\"wp-streak\">\ud83d\udd25 0 jours<\/span>\n                <\/div>\n<div class=\"calendar-grid\" id=\"wp-cal-grid\"><\/div>\n<div class=\"tracker-actions\">\n                    <button class=\"btn-action btn-green\" onclick=\"wpMark('green')\">Valider (Vert)<\/button><br \/>\n                    <button class=\"btn-action btn-red\" onclick=\"wpMark('red')\">Manqu\u00e9 (Rouge)<\/button>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"content-panel\">\n<div id=\"wp-scen-1\" class=\"content-section active\">\n                <span class=\"badge\">Sc\u00e9nario \u2022 \u00c9tape 0 &#038; 1<\/span><\/p>\n<h3>L&rsquo;Interception cin\u00e9tique et l&rsquo;ouverture<\/h3>\n<div class=\"node-card\">\n<div class=\"response-side\">\n                        <span class=\"label\">R\u00e9plique d&rsquo;Ouverture :<\/span><\/p>\n<div class=\"text\">\u00ab C&rsquo;est une erreur technique impardonnable de marcher si vite sous une pluie pareille. Vous donnez \u00e0 ces gouttes m\u00e9diocres l&rsquo;illusion d&rsquo;une victoire sur vous. \u00bb<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"node-card\">\n<div class=\"trigger-side\">\n                        <span class=\"label\">D\u00e9clencheur (Cible) :<\/span><\/p>\n<div class=\"text\">\u00ab Pardon ? \u00bb<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"wp-scen-2\" class=\"content-section\">\n                <span class=\"badge\">Sc\u00e9nario \u2022 \u00c9tape 2<\/span><\/p>\n<h3>Le Recadrage statutaire<\/h3>\n<div class=\"node-card\">\n<div class=\"response-side\">\n                        <span class=\"label\">R\u00e9plique de Julien :<\/span><\/p>\n<div class=\"text\">\u00ab Je disais simplement que votre manteau m\u00e9rite une allure moins paniqu\u00e9e. L\u00e0, vous ressemblez \u00e0 une esquisse de Caillebotte qu&rsquo;un peintre du dimanche aurait termin\u00e9e \u00e0 la h\u00e2te. C&rsquo;est dommage pour le d\u00e9cor. \u00bb<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"node-card\">\n<div class=\"trigger-side\">\n                        <span class=\"label\">D\u00e9clencheur (Cible) :<\/span><\/p>\n<div class=\"text\">\u00ab Vous arr\u00eatez souvent les femmes sur le trottoir pour commenter leur rapport \u00e0 la m\u00e9t\u00e9o ? \u00bb<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"wp-scen-3\" class=\"content-section\">\n                <span class=\"badge\">Sc\u00e9nario \u2022 \u00c9tape 3<\/span><\/p>\n<h3>L&rsquo;Escalade po\u00e9tique<\/h3>\n<div class=\"node-card\">\n<div class=\"response-side\">\n                        <span class=\"label\">R\u00e9plique de Julien :<\/span><\/p>\n<div class=\"text\">\u00ab Le manque d&rsquo;inspiration me guette perp\u00e9tuellement, rassurez-vous. Mais vous fournissiez un pr\u00e9texte tout \u00e0 fait honorable pour suspendre mon ennui&#8230; C&rsquo;est une strat\u00e9gie de survie ou une na\u00efvet\u00e9 authentique ? \u00bb<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"wp-scen-4\" class=\"content-section\">\n                <span class=\"badge\">Sc\u00e9nario \u2022 \u00c9tape 4<\/span><\/p>\n<h3>La Cl\u00f4ture Asym\u00e9trique<\/h3>\n<div class=\"node-card\">\n<div class=\"response-side\">\n                        <span class=\"label\">R\u00e9plique finale de Julien :<\/span><\/p>\n<div class=\"text\">\u00ab Alors je me verrai contraint d&rsquo;inventer la fin de cette conversation. Et je vous avertis : dans ma version, vous perdez tout votre myst\u00e8re d\u00e8s la deuxi\u00e8me r\u00e9plique. Ne g\u00e2chez pas ce d\u00e9but. \u00c9crivez. \u00bb<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <script>\n        function wpShowContent(id) {\n            document.querySelectorAll('#seduction-app-container .content-section').forEach(s => s.classList.remove('active'));\n            document.querySelectorAll('#seduction-app-container .sub-nodes li').forEach(l => l.classList.remove('active'));\n            document.getElementById(id).classList.add('active');\n            document.getElementById('wp-btn-' + id).classList.add('active');\n        }<\/p>\n<p>        const WP_KEY = 'wp_seduction_tracker';\n        function wpInitCal() {\n            const grid = document.getElementById('wp-cal-grid');\n            const title = document.getElementById('wp-cal-title');\n            grid.innerHTML = '';\n            const now = new Date();\n            const y = now.getFullYear(), m = now.getMonth();\n            const names = [\"Jan\", \"F\u00e9v\", \"Mar\", \"Avr\", \"Mai\", \"Juin\", \"Juil\", \"Ao\u00fbt\", \"Sep\", \"Oct\", \"Nov\", \"D\u00e9c\"];\n            title.innerText = `${names[m]} ${y}`;<\/p>\n<p>            ['Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa', 'Di'].forEach(d => {\n                const h = document.createElement('div'); h.className = 'cal-day-header'; h.innerText = d; grid.appendChild(h);\n            });<\/p>\n<p>            const firstDay = (new Date(y, m, 1).getDay() + 6) % 7;\n            const total = new Date(y, m + 1, 0).getDate();\n            const data = JSON.parse(localStorage.getItem(WP_KEY) || '{}');<\/p>\n<p>            for (let i = 0; i < firstDay; i++) grid.appendChild(document.createElement('div'));\n\n            for (let d = 1; d <= total; d++) {\n                const key = `${y}-${String(m+1).padStart(2,'0')}-${String(d).padStart(2,'0')}`;\n                const cell = document.createElement('div');\n                cell.className = 'cal-cell'; cell.innerText = d;\n                if (data[key]) cell.classList.add(data[key]);\n                cell.onclick = () => {\n                    data[key] = data[key] === 'green' ? 'red' : (data[key] === 'red' ? '' : 'green');\n                    if (!data[key]) delete data[key];\n                    localStorage.setItem(WP_KEY, JSON.stringify(data));\n                    wpInitCal();\n                };\n                grid.appendChild(cell);\n            }<\/p>\n<p>            \/\/ Streak\n            let streak = 0;\n            for (let i = 0; i < 30; i++) {\n                const d = new Date(); d.setDate(now.getDate() - i);\n                const k = `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`;\n                if (data[k] === 'green') streak++;\n                else if (i > 0) break;\n            }\n            document.getElementById('wp-streak').innerText = `\ud83d\udd25 ${streak} jours`;\n        }<\/p>\n<p>        function wpMark(status) {\n            const now = new Date();\n            const key = `${now.getFullYear()}-${String(now.getMonth()+1).padStart(2,'0')}-${String(now.getDate()).padStart(2,'0')}`;\n            const data = JSON.parse(localStorage.getItem(WP_KEY) || '{}');\n            data[key] = status;\n            localStorage.setItem(WP_KEY, JSON.stringify(data));\n            wpInitCal();\n        }<\/p>\n<p>        wpInitCal();\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Arbre d&rsquo;Apprentissage \ud83d\udcd6 Sc\u00e9nario Lin\u00e9aire \u00c9tape 0 &#038; 1 : Ouverture \u00c9tape 2 : Le Recadrage \u00c9tape 3 : Joute Verbale \u00c9tape 4 : Cl\u00f4ture Suivi du Mois \ud83d\udd25 0 jours Valider (Vert) Manqu\u00e9 (Rouge) Sc\u00e9nario \u2022 \u00c9tape 0 &#038; 1 L&rsquo;Interception cin\u00e9tique et l&rsquo;ouverture R\u00e9plique d&rsquo;Ouverture : \u00ab C&rsquo;est une erreur technique impardonnable de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roxelila.com\/index.php\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roxelila.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roxelila.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roxelila.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roxelila.com\/index.php\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":11,"href":"https:\/\/roxelila.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/roxelila.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/roxelila.com\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}