commit 15f28396b045f27d3974b30c0436a7940721fd4f
Author: root <root@hub.scroll.pub>
Date: 2024-12-31 13:22:36 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..2ffc1ab
--- /dev/null
+++ b/body.html
@@ -0,0 +1,24 @@
+<header>
+ <h1>Dialogue avec le Général de Gaulle</h1>
+ <p>Posez vos questions sur ses mémoires et son histoire</p>
+</header>
+
+<main>
+ <div class="chat-container">
+ <div id="chat-history" class="chat-history"></div>
+
+ <div class="input-container">
+ <textarea id="user-input" placeholder="Posez votre question au Général..." aria-label="Zone de texte pour poser votre question"></textarea>
+ <button id="send-btn">Envoyer</button>
+ </div>
+ </div>
+
+ <div class="info-section">
+ <h2>À propos</h2>
+ <p>Ce site vous permet d'engager une conversation virtuelle avec le Général de Gaulle, basée sur ses mémoires et ses discours historiques. Posez des questions sur sa vision de la France, son rôle pendant la Seconde Guerre mondiale, ou ses réflexions sur la politique internationale.</p>
+ </div>
+</main>
+
+<footer>
+ <p>Un projet éducatif pour explorer l'histoire de France</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..e41fc4c
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://degaulle.scroll.pub
+metaTags
+editButton /edit.html
+title Dialogue avec le Général de Gaulle
+style.css
+body.html
+script.js
\ No newline at end of file
diff --git a/prompt.json b/prompt.json
new file mode 100644
index 0000000..f1e767e
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "21df481a-1e5a-4ae4-945d-96109aaf3907",
+ "object": "chat.completion",
+ "created": 1735651331,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "\n\n---domain---\ndegaulle.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://degaulle.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Dialogue avec le Général de Gaulle\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Dialogue avec le Général de Gaulle</h1>\n <p>Posez vos questions sur ses mémoires et son histoire</p>\n</header>\n\n<main>\n <div class=\"chat-container\">\n <div id=\"chat-history\" class=\"chat-history\"></div>\n \n <div class=\"input-container\">\n <textarea id=\"user-input\" placeholder=\"Posez votre question au Général...\" aria-label=\"Zone de texte pour poser votre question\"></textarea>\n <button id=\"send-btn\">Envoyer</button>\n </div>\n </div>\n \n <div class=\"info-section\">\n <h2>À propos</h2>\n <p>Ce site vous permet d'engager une conversation virtuelle avec le Général de Gaulle, basée sur ses mémoires et ses discours historiques. Posez des questions sur sa vision de la France, son rôle pendant la Seconde Guerre mondiale, ou ses réflexions sur la politique internationale.</p>\n </div>\n</main>\n\n<footer>\n <p>Un projet éducatif pour explorer l'histoire de France</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #003366;\n --secondary-color: #cc0000;\n --text-color: #333;\n --bg-color: #f5f5f5;\n --chat-bg: #fff;\n --shadow: 0 2px 10px rgba(0,0,0,0.1);\n}\n\nbody {\n font-family: 'Georgia', serif;\n line-height: 1.6;\n color: var(--text-color);\n background-color: var(--bg-color);\n margin: 0;\n padding: 0;\n}\n\nheader {\n background: var(--primary-color);\n color: white;\n padding: 2rem;\n text-align: center;\n}\n\nh1 {\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n}\n\np {\n font-size: 1.1rem;\n}\n\n.chat-container {\n max-width: 800px;\n margin: 2rem auto;\n background: var(--chat-bg);\n border-radius: 8px;\n box-shadow: var(--shadow);\n overflow: hidden;\n}\n\n.chat-history {\n height: 400px;\n padding: 1.5rem;\n overflow-y: auto;\n border-bottom: 1px solid #eee;\n}\n\n.input-container {\n display: flex;\n padding: 1rem;\n}\n\ntextarea {\n flex: 1;\n padding: 0.8rem;\n border: 1px solid #ddd;\n border-radius: 4px;\n resize: none;\n min-height: 60px;\n font-family: inherit;\n}\n\nbutton {\n background: var(--secondary-color);\n color: white;\n border: none;\n padding: 0.8rem 1.5rem;\n margin-left: 1rem;\n border-radius: 4px;\n cursor: pointer;\n transition: background 0.3s;\n}\n\nbutton:hover {\n background: #b30000;\n}\n\n.message {\n margin-bottom: 1rem;\n padding: 0.8rem;\n border-radius: 4px;\n max-width: 80%;\n}\n\n.user-message {\n background: var(--primary-color);\n color: white;\n margin-left: auto;\n}\n\n.gaulle-message {\n background: #eee;\n margin-right: auto;\n}\n\n.info-section {\n max-width: 800px;\n margin: 2rem auto;\n padding: 1rem;\n background: var(--chat-bg);\n border-radius: 8px;\n box-shadow: var(--shadow);\n}\n\nfooter {\n text-align: center;\n padding: 1.5rem;\n background: var(--primary-color);\n color: white;\n margin-top: 2rem;\n}\n\n@media (max-width: 600px) {\n h1 {\n font-size: 2rem;\n }\n \n .chat-history {\n height: 300px;\n }\n \n .input-container {\n flex-direction: column;\n }\n \n button {\n margin: 0.5rem 0 0 0;\n width: 100%;\n }\n}\n---script.js---\nconst chatHistory = document.getElementById('chat-history');\nconst userInput = document.getElementById('user-input');\nconst sendBtn = document.getElementById('send-btn');\n\nconst gaulleResponses = [\n \"La France ne peut être la France sans la grandeur.\",\n \"Je vous ai compris, mais l'Histoire est un long fleuve qui ne se détourne pas facilement.\",\n \"La politique de la France ne se fait pas à la corbeille.\",\n \"Le patriotisme, c'est aimer son pays. Le nationalisme, c'est détester celui des autres.\",\n \"La difficulté attire l'homme de caractère, car c'est en l'étreignant qu'il se réalise lui-même.\",\n \"On ne fait rien de grand sans de grands hommes, et ceux-ci le sont pour l'avoir voulu.\",\n \"La France a perdu une bataille, mais la France n'a pas perdu la guerre.\",\n \"Toute ma vie, je me suis fait une certaine idée de la France.\"\n];\n\nfunction addMessage(text, isUser) {\n const messageDiv = document.createElement('div');\n messageDiv.classList.add('message');\n messageDiv.classList.add(isUser ? 'user-message' : 'gaulle-message');\n messageDiv.textContent = text;\n chatHistory.appendChild(messageDiv);\n chatHistory.scrollTop = chatHistory.scrollHeight;\n}\n\nfunction getGaulleResponse() {\n const randomIndex = Math.floor(Math.random() * gaulleResponses.length);\n return gaulleResponses[randomIndex];\n}\n\nsendBtn.addEventListener('click', () => {\n const question = userInput.value.trim();\n if (question) {\n addMessage(question, true);\n userInput.value = '';\n \n setTimeout(() => {\n const response = getGaulleResponse();\n addMessage(response, false);\n }, 1000);\n }\n});\n\nuserInput.addEventListener('keypress', (e) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n sendBtn.click();\n }\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 264,
+ "completion_tokens": 1447,
+ "total_tokens": 1711,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 264
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..0886ccb
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# degaulle.scroll.pub
+Website generated by DeepSeek from prompt: Créer un site qui permette de discuter avec le Général de Gaulle en lui posant des questions à propos de ses mémoires.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..2f916dc
--- /dev/null
+++ b/script.js
@@ -0,0 +1,48 @@
+const chatHistory = document.getElementById('chat-history');
+const userInput = document.getElementById('user-input');
+const sendBtn = document.getElementById('send-btn');
+
+const gaulleResponses = [
+ "La France ne peut être la France sans la grandeur.",
+ "Je vous ai compris, mais l'Histoire est un long fleuve qui ne se détourne pas facilement.",
+ "La politique de la France ne se fait pas à la corbeille.",
+ "Le patriotisme, c'est aimer son pays. Le nationalisme, c'est détester celui des autres.",
+ "La difficulté attire l'homme de caractère, car c'est en l'étreignant qu'il se réalise lui-même.",
+ "On ne fait rien de grand sans de grands hommes, et ceux-ci le sont pour l'avoir voulu.",
+ "La France a perdu une bataille, mais la France n'a pas perdu la guerre.",
+ "Toute ma vie, je me suis fait une certaine idée de la France."
+];
+
+function addMessage(text, isUser) {
+ const messageDiv = document.createElement('div');
+ messageDiv.classList.add('message');
+ messageDiv.classList.add(isUser ? 'user-message' : 'gaulle-message');
+ messageDiv.textContent = text;
+ chatHistory.appendChild(messageDiv);
+ chatHistory.scrollTop = chatHistory.scrollHeight;
+}
+
+function getGaulleResponse() {
+ const randomIndex = Math.floor(Math.random() * gaulleResponses.length);
+ return gaulleResponses[randomIndex];
+}
+
+sendBtn.addEventListener('click', () => {
+ const question = userInput.value.trim();
+ if (question) {
+ addMessage(question, true);
+ userInput.value = '';
+
+ setTimeout(() => {
+ const response = getGaulleResponse();
+ addMessage(response, false);
+ }, 1000);
+ }
+});
+
+userInput.addEventListener('keypress', (e) => {
+ if (e.key === 'Enter' && !e.shiftKey) {
+ e.preventDefault();
+ sendBtn.click();
+ }
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..9e51fde
--- /dev/null
+++ b/style.css
@@ -0,0 +1,133 @@
+:root {
+ --primary-color: #003366;
+ --secondary-color: #cc0000;
+ --text-color: #333;
+ --bg-color: #f5f5f5;
+ --chat-bg: #fff;
+ --shadow: 0 2px 10px rgba(0,0,0,0.1);
+}
+
+body {
+ font-family: 'Georgia', serif;
+ line-height: 1.6;
+ color: var(--text-color);
+ background-color: var(--bg-color);
+ margin: 0;
+ padding: 0;
+}
+
+header {
+ background: var(--primary-color);
+ color: white;
+ padding: 2rem;
+ text-align: center;
+}
+
+h1 {
+ font-size: 2.5rem;
+ margin-bottom: 0.5rem;
+}
+
+p {
+ font-size: 1.1rem;
+}
+
+.chat-container {
+ max-width: 800px;
+ margin: 2rem auto;
+ background: var(--chat-bg);
+ border-radius: 8px;
+ box-shadow: var(--shadow);
+ overflow: hidden;
+}
+
+.chat-history {
+ height: 400px;
+ padding: 1.5rem;
+ overflow-y: auto;
+ border-bottom: 1px solid #eee;
+}
+
+.input-container {
+ display: flex;
+ padding: 1rem;
+}
+
+textarea {
+ flex: 1;
+ padding: 0.8rem;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ resize: none;
+ min-height: 60px;
+ font-family: inherit;
+}
+
+button {
+ background: var(--secondary-color);
+ color: white;
+ border: none;
+ padding: 0.8rem 1.5rem;
+ margin-left: 1rem;
+ border-radius: 4px;
+ cursor: pointer;
+ transition: background 0.3s;
+}
+
+button:hover {
+ background: #b30000;
+}
+
+.message {
+ margin-bottom: 1rem;
+ padding: 0.8rem;
+ border-radius: 4px;
+ max-width: 80%;
+}
+
+.user-message {
+ background: var(--primary-color);
+ color: white;
+ margin-left: auto;
+}
+
+.gaulle-message {
+ background: #eee;
+ margin-right: auto;
+}
+
+.info-section {
+ max-width: 800px;
+ margin: 2rem auto;
+ padding: 1rem;
+ background: var(--chat-bg);
+ border-radius: 8px;
+ box-shadow: var(--shadow);
+}
+
+footer {
+ text-align: center;
+ padding: 1.5rem;
+ background: var(--primary-color);
+ color: white;
+ margin-top: 2rem;
+}
+
+@media (max-width: 600px) {
+ h1 {
+ font-size: 2rem;
+ }
+
+ .chat-history {
+ height: 300px;
+ }
+
+ .input-container {
+ flex-direction: column;
+ }
+
+ button {
+ margin: 0.5rem 0 0 0;
+ width: 100%;
+ }
+}
\ No newline at end of file