Changes to cesar.scroll.pub

root

21 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Discutez avec Jules César
+   Posez vos questions sur la guerre des Gaules
+ 
+ 
+ 
+   
+     
+     
+       
+       
+     
+   
+ 
+ 
+ 
+   Une expérience interactive avec le célèbre général romain
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://cesar.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Discutez avec Jules César
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "52750f77-cb16-42d3-bdc0-1197a5efec2a",
+   "object": "chat.completion",
+   "created": 1735651579,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "\n\n---domain---\ncesar.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://cesar.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Discutez avec Jules César\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Discutez avec Jules César\n  Posez vos questions sur la guerre des Gaules
\n\n\n\n  \n    
\n    \n      \n      \n    
\n  
\n\n\n\n  Une expérience interactive avec le célèbre général romain
\n\n---style.css---\n:root {\n  --primary-color: #c82333;\n  --secondary-color: #e9ecef;\n  --background-color: #f8f9fa;\n  --text-color: #212529;\n  --border-radius: 8px;\n  --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\nbody {\n  font-family: 'Georgia', serif;\n  background-color: var(--background-color);\n  color: var(--text-color);\n  margin: 0;\n  padding: 20px;\n  line-height: 1.6;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n}\n\nheader {\n  text-align: center;\n  margin-bottom: 2rem;\n}\n\nheader h1 {\n  color: var(--primary-color);\n  font-size: 2.5rem;\n  margin-bottom: 0.5rem;\n}\n\n.chat-container {\n  max-width: 800px;\n  margin: 0 auto;\n  background: white;\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow);\n  padding: 20px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.chat-history {\n  flex: 1;\n  overflow-y: auto;\n  margin-bottom: 1rem;\n  padding: 1rem;\n  background: var(--secondary-color);\n  border-radius: var(--border-radius);\n}\n\n.message {\n  margin-bottom: 1rem;\n  padding: 0.75rem;\n  border-radius: var(--border-radius);\n  max-width: 70%;\n}\n\n.user-message {\n  background: var(--primary-color);\n  color: white;\n  margin-left: auto;\n}\n\n.caesar-message {\n  background: white;\n  border: 1px solid var(--secondary-color);\n  margin-right: auto;\n}\n\n.input-container {\n  display: flex;\n  gap: 10px;\n}\n\ninput {\n  flex: 1;\n  padding: 0.75rem;\n  border: 1px solid var(--secondary-color);\n  border-radius: var(--border-radius);\n}\n\nbutton {\n  background: var(--primary-color);\n  color: white;\n  border: none;\n  padding: 0.75rem 1.5rem;\n  border-radius: var(--border-radius);\n  cursor: pointer;\n  transition: background 0.3s ease;\n}\n\nbutton:hover {\n  background: #a71d2a;\n}\n\nfooter {\n  text-align: center;\n  margin-top: 2rem;\n  padding: 1rem;\n  color: #6c757d;\n}\n\n@media (max-width: 768px) {\n  header h1 {\n    font-size: 2rem;\n  }\n  \n  .chat-container {\n    padding: 15px;\n  }\n  \n  .message {\n    max-width: 85%;\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 caesarResponses = [\n  \"Veni, vidi, vici!\",\n  \"La Gaule est divisée en trois parties...\",\n  \"La fortune sourit aux audacieux.\",\n  \"Alea jacta est!\",\n  \"La discipline est la force principale des armées.\",\n  \"La guerre des Gaules fut une grande épreuve.\",\n  \"Les Belges sont les plus braves de tous les Gaulois.\",\n  \"La stratégie est essentielle dans toute campagne militaire.\",\n  \"Les Gaulois étaient de redoutables adversaires.\",\n  \"La victoire appartient à ceux qui savent l'attendre.\"\n];\n\nfunction addMessage(text, isUser) {\n  const messageDiv = document.createElement('div');\n  messageDiv.classList.add('message');\n  messageDiv.classList.add(isUser ? 'user-message' : 'caesar-message');\n  messageDiv.textContent = text;\n  chatHistory.appendChild(messageDiv);\n  chatHistory.scrollTop = chatHistory.scrollHeight;\n}\n\nfunction getCaesarResponse() {\n  const randomIndex = Math.floor(Math.random() * caesarResponses.length);\n  return caesarResponses[randomIndex];\n}\n\nsendBtn.addEventListener('click', () => {\n  const question = userInput.value.trim();\n  if (question) {\n    addMessage(question, true);\n    userInput.value = '';\n    setTimeout(() => {\n      addMessage(getCaesarResponse(), false);\n    }, 1000);\n  }\n});\n\nuserInput.addEventListener('keypress', (e) => {\n  if (e.key === 'Enter') {\n    sendBtn.click();\n  }\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 262,
+     "completion_tokens": 1223,
+     "total_tokens": 1485,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 262
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # cesar.scroll.pub

+ Website generated by DeepSeek from prompt: Créer un site qui permette de discuter avec Jules César et de lui poser des questions sur la guerre des Gaules

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 caesarResponses = [
+   "Veni, vidi, vici!",
+   "La Gaule est divisée en trois parties...",
+   "La fortune sourit aux audacieux.",
+   "Alea jacta est!",
+   "La discipline est la force principale des armées.",
+   "La guerre des Gaules fut une grande épreuve.",
+   "Les Belges sont les plus braves de tous les Gaulois.",
+   "La stratégie est essentielle dans toute campagne militaire.",
+   "Les Gaulois étaient de redoutables adversaires.",
+   "La victoire appartient à ceux qui savent l'attendre."
+ ];
+ 
+ function addMessage(text, isUser) {
+   const messageDiv = document.createElement('div');
+   messageDiv.classList.add('message');
+   messageDiv.classList.add(isUser ? 'user-message' : 'caesar-message');
+   messageDiv.textContent = text;
+   chatHistory.appendChild(messageDiv);
+   chatHistory.scrollTop = chatHistory.scrollHeight;
+ }
+ 
+ function getCaesarResponse() {
+   const randomIndex = Math.floor(Math.random() * caesarResponses.length);
+   return caesarResponses[randomIndex];
+ }
+ 
+ sendBtn.addEventListener('click', () => {
+   const question = userInput.value.trim();
+   if (question) {
+     addMessage(question, true);
+     userInput.value = '';
+     setTimeout(() => {
+       addMessage(getCaesarResponse(), false);
+     }, 1000);
+   }
+ });
+ 
+ userInput.addEventListener('keypress', (e) => {
+   if (e.key === 'Enter') {
+     sendBtn.click();
+   }
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #c82333;
+   --secondary-color: #e9ecef;
+   --background-color: #f8f9fa;
+   --text-color: #212529;
+   --border-radius: 8px;
+   --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+ 
+ body {
+   font-family: 'Georgia', serif;
+   background-color: var(--background-color);
+   color: var(--text-color);
+   margin: 0;
+   padding: 20px;
+   line-height: 1.6;
+   min-height: 100vh;
+   display: flex;
+   flex-direction: column;
+ }
+ 
+ header {
+   text-align: center;
+   margin-bottom: 2rem;
+ }
+ 
+ header h1 {
+   color: var(--primary-color);
+   font-size: 2.5rem;
+   margin-bottom: 0.5rem;
+ }
+ 
+ .chat-container {
+   max-width: 800px;
+   margin: 0 auto;
+   background: white;
+   border-radius: var(--border-radius);
+   box-shadow: var(--shadow);
+   padding: 20px;
+   flex: 1;
+   display: flex;
+   flex-direction: column;
+ }
+ 
+ .chat-history {
+   flex: 1;
+   overflow-y: auto;
+   margin-bottom: 1rem;
+   padding: 1rem;
+   background: var(--secondary-color);
+   border-radius: var(--border-radius);
+ }
+ 
+ .message {
+   margin-bottom: 1rem;
+   padding: 0.75rem;
+   border-radius: var(--border-radius);
+   max-width: 70%;
+ }
+ 
+ .user-message {
+   background: var(--primary-color);
+   color: white;
+   margin-left: auto;
+ }
+ 
+ .caesar-message {
+   background: white;
+   border: 1px solid var(--secondary-color);
+   margin-right: auto;
+ }
+ 
+ .input-container {
+   display: flex;
+   gap: 10px;
+ }
+ 
+ input {
+   flex: 1;
+   padding: 0.75rem;
+   border: 1px solid var(--secondary-color);
+   border-radius: var(--border-radius);
+ }
+ 
+ button {
+   background: var(--primary-color);
+   color: white;
+   border: none;
+   padding: 0.75rem 1.5rem;
+   border-radius: var(--border-radius);
+   cursor: pointer;
+   transition: background 0.3s ease;
+ }
+ 
+ button:hover {
+   background: #a71d2a;
+ }
+ 
+ footer {
+   text-align: center;
+   margin-top: 2rem;
+   padding: 1rem;
+   color: #6c757d;
+ }
+ 
+ @media (max-width: 768px) {
+   header h1 {
+     font-size: 2rem;
+   }
+ 
+   .chat-container {
+     padding: 15px;
+   }
+ 
+   .message {
+     max-width: 85%;
+   }
+ }