Changes to museumpicks.scroll.pub

root

22 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Museum Picks Paris
+   Discover the perfect Parisian museum for your tastes
+ 
+ 
+ 
+   
+     What's Your Museum Style?
+     
+       
+         What type of art do you prefer?
+         
+            Classical Masterpieces
+         
+         
+            Modern & Contemporary
+         
+         
+            A Bit of Everything
+         
+       
+ 
+       
+         What's your ideal museum size?
+         
+            Grand & Spacious
+         
+         
+            Moderate
+         
+         
+            Cozy & Intimate
+         
+       
+ 
+       
+         What's your preferred atmosphere?
+         
+            Quiet & Reflective
+         
+         
+            Lively & Social
+         
+         
+            A Balanced Mix
+         
+       
+ 
+       
+     
+   
+ 
+   
+     Your Perfect Museum Match
+     
+     
+   
+ 
+ 
+ 
+   Explore Paris through its incredible museums
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://museumpicks.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Museum Picks Paris - Find Your Perfect Museum
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "a625f730-532f-44df-8383-890c92817221",
+   "object": "chat.completion",
+   "created": 1735650181,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "\n\n---domain---\nmuseumpicks.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://museumpicks.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Museum Picks Paris - Find Your Perfect Museum\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Museum Picks Paris\n  Discover the perfect Parisian museum for your tastes
\n\n\n\n  \n    What's Your Museum Style?\n    \n      \n        What type of art do you prefer?\n        \n           Classical Masterpieces\n        \n        \n           Modern & Contemporary\n        \n        \n           A Bit of Everything\n        \n      
\n\n      \n        What's your ideal museum size?\n        \n           Grand & Spacious\n        \n        \n           Moderate\n        \n        \n           Cozy & Intimate\n        \n      
\n\n      \n        What's your preferred atmosphere?\n        \n           Quiet & Reflective\n        \n        \n           Lively & Social\n        \n        \n           A Balanced Mix\n        \n      
\n\n      \n    \n  \n\n  \n    Your Perfect Museum Match\n    
\n    \n  \n\n\n\n  Explore Paris through its incredible museums
\n\n---style.css---\n:root {\n  --primary-color: #2c3e50;\n  --secondary-color: #3498db;\n  --accent-color: #e74c3c;\n  --background-color: #f5f6fa;\n  --text-color: #2c3e50;\n  --light-text: #ecf0f1;\n}\n\nbody {\n  font-family: 'Segoe UI', system-ui, sans-serif;\n  line-height: 1.6;\n  margin: 0;\n  padding: 0;\n  background-color: var(--background-color);\n  color: var(--text-color);\n}\n\nheader {\n  background: var(--primary-color);\n  color: var(--light-text);\n  padding: 2rem;\n  text-align: center;\n}\n\nheader h1 {\n  margin: 0;\n  font-size: 2.5rem;\n}\n\nheader p {\n  margin: 0.5rem 0 0;\n  font-size: 1.2rem;\n}\n\nmain {\n  max-width: 800px;\n  margin: 2rem auto;\n  padding: 0 1rem;\n}\n\n.quiz-section, .result-section {\n  background: white;\n  padding: 2rem;\n  border-radius: 8px;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n}\n\n.question {\n  margin-bottom: 2rem;\n}\n\n.question h3 {\n  margin-bottom: 1rem;\n  color: var(--primary-color);\n}\n\nlabel {\n  display: block;\n  margin: 0.5rem 0;\n  padding: 0.75rem;\n  background: var(--background-color);\n  border-radius: 4px;\n  cursor: pointer;\n  transition: background 0.3s ease;\n}\n\nlabel:hover {\n  background: #dfe6e9;\n}\n\ninput[type=\"radio\"] {\n  margin-right: 0.5rem;\n}\n\nbutton {\n  background: var(--secondary-color);\n  color: white;\n  border: none;\n  padding: 1rem 2rem;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 1rem;\n  transition: background 0.3s ease;\n  width: 100%;\n}\n\nbutton:hover {\n  background: #2980b9;\n}\n\n.result-section {\n  text-align: center;\n}\n\n#museumResult {\n  margin: 2rem 0;\n  padding: 2rem;\n  background: var(--background-color);\n  border-radius: 4px;\n}\n\n.hidden {\n  display: none;\n}\n\nfooter {\n  text-align: center;\n  padding: 1rem;\n  background: var(--primary-color);\n  color: var(--light-text);\n  margin-top: 2rem;\n}\n\n@media (max-width: 600px) {\n  header h1 {\n    font-size: 2rem;\n  }\n  \n  header p {\n    font-size: 1rem;\n  }\n  \n  main {\n    padding: 0 0.5rem;\n  }\n  \n  .quiz-section, .result-section {\n    padding: 1rem;\n  }\n}\n---script.js---\nconst museumData = {\n  classic: {\n    large: \"Louvre Museum\",\n    medium: \"Musée d'Orsay\",\n    small: \"Musée Marmottan Monet\"\n  },\n  modern: {\n    large: \"Centre Pompidou\",\n    medium: \"Palais de Tokyo\",\n    small: \"Musée Picasso\"\n  },\n  varied: {\n    large: \"Grand Palais\",\n    medium: \"Musée Rodin\",\n    small: \"Musée de l'Orangerie\"\n  }\n};\n\nconst quizForm = document.getElementById('museumQuiz');\nconst resultSection = document.querySelector('.result-section');\nconst museumResult = document.getElementById('museumResult');\nconst retakeButton = document.getElementById('retakeQuiz');\n\nquizForm.addEventListener('submit', function(e) {\n  e.preventDefault();\n  \n  const artPreference = document.querySelector('input[name=\"art\"]:checked').value;\n  const sizePreference = document.querySelector('input[name=\"size\"]:checked').value;\n  \n  const result = museumData[artPreference][sizePreference];\n  \n  museumResult.textContent = `Your perfect museum match is: ${result}`;\n  quizForm.classList.add('hidden');\n  resultSection.classList.remove('hidden');\n});\n\nretakeButton.addEventListener('click', function() {\n  quizForm.reset();\n  resultSection.classList.add('hidden');\n  quizForm.classList.remove('hidden');\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 249,
+     "completion_tokens": 1529,
+     "total_tokens": 1778,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 249
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # museumpicks.scroll.pub

+ Website generated by DeepSeek from prompt: Build a site to chose the best museum to visit in Paris according to your tastes.

script.js

Changed around line 1
+ const museumData = {
+   classic: {
+     large: "Louvre Museum",
+     medium: "Musée d'Orsay",
+     small: "Musée Marmottan Monet"
+   },
+   modern: {
+     large: "Centre Pompidou",
+     medium: "Palais de Tokyo",
+     small: "Musée Picasso"
+   },
+   varied: {
+     large: "Grand Palais",
+     medium: "Musée Rodin",
+     small: "Musée de l'Orangerie"
+   }
+ };
+ 
+ const quizForm = document.getElementById('museumQuiz');
+ const resultSection = document.querySelector('.result-section');
+ const museumResult = document.getElementById('museumResult');
+ const retakeButton = document.getElementById('retakeQuiz');
+ 
+ quizForm.addEventListener('submit', function(e) {
+   e.preventDefault();
+ 
+   const artPreference = document.querySelector('input[name="art"]:checked').value;
+   const sizePreference = document.querySelector('input[name="size"]:checked').value;
+ 
+   const result = museumData[artPreference][sizePreference];
+ 
+   museumResult.textContent = `Your perfect museum match is: ${result}`;
+   quizForm.classList.add('hidden');
+   resultSection.classList.remove('hidden');
+ });
+ 
+ retakeButton.addEventListener('click', function() {
+   quizForm.reset();
+   resultSection.classList.add('hidden');
+   quizForm.classList.remove('hidden');
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #2c3e50;
+   --secondary-color: #3498db;
+   --accent-color: #e74c3c;
+   --background-color: #f5f6fa;
+   --text-color: #2c3e50;
+   --light-text: #ecf0f1;
+ }
+ 
+ body {
+   font-family: 'Segoe UI', system-ui, sans-serif;
+   line-height: 1.6;
+   margin: 0;
+   padding: 0;
+   background-color: var(--background-color);
+   color: var(--text-color);
+ }
+ 
+ header {
+   background: var(--primary-color);
+   color: var(--light-text);
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ header h1 {
+   margin: 0;
+   font-size: 2.5rem;
+ }
+ 
+ header p {
+   margin: 0.5rem 0 0;
+   font-size: 1.2rem;
+ }
+ 
+ main {
+   max-width: 800px;
+   margin: 2rem auto;
+   padding: 0 1rem;
+ }
+ 
+ .quiz-section, .result-section {
+   background: white;
+   padding: 2rem;
+   border-radius: 8px;
+   box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+ }
+ 
+ .question {
+   margin-bottom: 2rem;
+ }
+ 
+ .question h3 {
+   margin-bottom: 1rem;
+   color: var(--primary-color);
+ }
+ 
+ label {
+   display: block;
+   margin: 0.5rem 0;
+   padding: 0.75rem;
+   background: var(--background-color);
+   border-radius: 4px;
+   cursor: pointer;
+   transition: background 0.3s ease;
+ }
+ 
+ label:hover {
+   background: #dfe6e9;
+ }
+ 
+ input[type="radio"] {
+   margin-right: 0.5rem;
+ }
+ 
+ button {
+   background: var(--secondary-color);
+   color: white;
+   border: none;
+   padding: 1rem 2rem;
+   border-radius: 4px;
+   cursor: pointer;
+   font-size: 1rem;
+   transition: background 0.3s ease;
+   width: 100%;
+ }
+ 
+ button:hover {
+   background: #2980b9;
+ }
+ 
+ .result-section {
+   text-align: center;
+ }
+ 
+ #museumResult {
+   margin: 2rem 0;
+   padding: 2rem;
+   background: var(--background-color);
+   border-radius: 4px;
+ }
+ 
+ .hidden {
+   display: none;
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 1rem;
+   background: var(--primary-color);
+   color: var(--light-text);
+   margin-top: 2rem;
+ }
+ 
+ @media (max-width: 600px) {
+   header h1 {
+     font-size: 2rem;
+   }
+ 
+   header p {
+     font-size: 1rem;
+   }
+ 
+   main {
+     padding: 0 0.5rem;
+   }
+ 
+   .quiz-section, .result-section {
+     padding: 1rem;
+   }
+ }