Changes to degaulle.scroll.pub

root
root
21 days ago
Initial commit
body.html
Changed around line 1
+
+

Dialogue avec le Général de Gaulle

+

Posez vos questions sur ses mémoires et son histoire

+
+
+
+
+
+
+
+
+
+
+
+
+
+

À propos

+

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.

+
+
+
+
+

Un projet éducatif pour explorer l'histoire de France

+
index.scroll
Changed around line 1
+ 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
prompt.json
Changed around line 1
+ {
+ "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
\n

Dialogue avec le Général de Gaulle

\n

Posez vos questions sur ses mémoires et son histoire

\n
\n\n
\n
\n
\n \n
\n \n \n
\n
\n \n
\n

À propos

\n

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.

\n
\n
\n\n
\n

Un projet éducatif pour explorer l'histoire de France

\n
\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"
+ }
readme.scroll
Changed around line 1
+ # 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.
script.js
Changed around line 1
+ 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();
+ }
+ });
style.css
Changed around line 1
+ :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%;
+ }
+ }