Changes to econcompare.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   EconCompare
+   Compare economic indicators of countries with a dash of humor!
+ 
+ 
+ 
+   
+     Select Countries to Compare
+     
+       
+         Country 1:
+         
+       
+       
+         Country 2:
+         
+       
+       
+     
+   
+ 
+   
+     Comparison Results
+     
+     
+       
+     
+   
+ 
+ 
+ 
+   Made with ❤️ by EconCompare
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://econcompare.scroll.pub
+ metaTags
+ editButton /edit.html
+ title EconCompare - Compare Economic Indicators with a Smile
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "66881a18-5b56-4de0-bfed-6a5c4dca2273",
+   "object": "chat.completion",
+   "created": 1735326812,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\neconcompare.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://econcompare.scroll.pub\nmetaTags\neditButton /edit.html\ntitle EconCompare - Compare Economic Indicators with a Smile\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  EconCompare\n  Compare economic indicators of countries with a dash of humor!
\n\n\n\n  \n    Select Countries to Compare\n    \n      \n        Country 1:\n        \n      
\n      \n        Country 2:\n        \n      
\n      \n    \n  \n\n  \n    Comparison Results\n    
\n    \n      
\n    
\n  \n\n\n\n  Made with ❤️ by EconCompare
\n\n---style.css---\n:root {\n  --primary-color: #2c3e50;\n  --secondary-color: #3498db;\n  --background-color: #ecf0f1;\n  --text-color: #333;\n  --border-radius: 8px;\n  --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\nbody {\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n  margin: 0;\n  padding: 0;\n  background-color: var(--background-color);\n  color: var(--text-color);\n  line-height: 1.6;\n}\n\nheader {\n  background-color: var(--primary-color);\n  color: white;\n  padding: 2rem;\n  text-align: center;\n}\n\nmain {\n  padding: 2rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n#comparison-form {\n  background: white;\n  padding: 2rem;\n  border-radius: var(--border-radius);\n  box-shadow: var(--box-shadow);\n}\n\n.form-group {\n  margin-bottom: 1rem;\n}\n\nlabel {\n  display: block;\n  margin-bottom: 0.5rem;\n}\n\nselect, button {\n  width: 100%;\n  padding: 0.75rem;\n  border: 1px solid #ddd;\n  border-radius: var(--border-radius);\n  font-size: 1rem;\n}\n\nbutton {\n  background-color: var(--secondary-color);\n  color: white;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n\nbutton:hover {\n  background-color: #2980b9;\n}\n\n#results {\n  margin-top: 2rem;\n  background: white;\n  padding: 2rem;\n  border-radius: var(--border-radius);\n  box-shadow: var(--box-shadow);\n}\n\n#joke-container {\n  margin-top: 2rem;\n  padding: 1rem;\n  background-color: #f8f9fa;\n  border-radius: var(--border-radius);\n  text-align: center;\n}\n\nfooter {\n  text-align: center;\n  padding: 1rem;\n  background-color: var(--primary-color);\n  color: white;\n  margin-top: 2rem;\n}\n\n.hidden {\n  display: none;\n}\n\n@media (max-width: 600px) {\n  main {\n    padding: 1rem;\n  }\n\n  header {\n    padding: 1rem;\n  }\n\n  #comparison-form, #results {\n    padding: 1rem;\n  }\n}\n---script.js---\nconst jokes = [\n  \"Why did the economist break up with the calculator? It couldn't handle the complex relationship!\",\n  \"Why don't economists ever get lost? Because they always follow the demand curve!\",\n  \"What do you call an economist with a sense of humor? A unicorn!\",\n  \"Why did the economist cross the road? To get to the other side of the equation!\",\n  \"What's an economist's favorite type of music? Supply and demand!\",\n];\n\ndocument.getElementById('compare-form').addEventListener('submit', function (e) {\n  e.preventDefault();\n  const country1 = document.getElementById('country1').value;\n  const country2 = document.getElementById('country2').value;\n\n  if (country1 && country2) {\n    const comparisonData = `\n      Comparison between ${country1} and ${country2}\n      GDP: ${getRandomNumber()} vs ${getRandomNumber()}
\n      Unemployment Rate: ${getRandomNumber()}% vs ${getRandomNumber()}%
\n      Inflation Rate: ${getRandomNumber()}% vs ${getRandomNumber()}%
\n    `;\n\n    document.getElementById('comparison-data').innerHTML = comparisonData;\n    document.getElementById('joke').textContent = jokes[Math.floor(Math.random() * jokes.length)];\n    document.getElementById('results').classList.remove('hidden');\n  }\n});\n\nfunction getRandomNumber() {\n  return (Math.random() * 100).toFixed(2);\n}\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 281,
+     "completion_tokens": 1369,
+     "total_tokens": 1650,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 281
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # econcompare.scroll.pub

+ Website generated by DeepSeek from prompt: Stwórz stronę internetową do porównywania współczynników ekonomicznych krajów. Bądź kreatywny, za każdym wygenerowanym porównaniem dodaj "suchara"

script.js

Changed around line 1
+ const jokes = [
+   "Why did the economist break up with the calculator? It couldn't handle the complex relationship!",
+   "Why don't economists ever get lost? Because they always follow the demand curve!",
+   "What do you call an economist with a sense of humor? A unicorn!",
+   "Why did the economist cross the road? To get to the other side of the equation!",
+   "What's an economist's favorite type of music? Supply and demand!",
+ ];
+ 
+ document.getElementById('compare-form').addEventListener('submit', function (e) {
+   e.preventDefault();
+   const country1 = document.getElementById('country1').value;
+   const country2 = document.getElementById('country2').value;
+ 
+   if (country1 && country2) {
+     const comparisonData = `
+       Comparison between ${country1} and ${country2}
+       GDP: ${getRandomNumber()} vs ${getRandomNumber()}
+       Unemployment Rate: ${getRandomNumber()}% vs ${getRandomNumber()}%
+       Inflation Rate: ${getRandomNumber()}% vs ${getRandomNumber()}%
+     `;
+ 
+     document.getElementById('comparison-data').innerHTML = comparisonData;
+     document.getElementById('joke').textContent = jokes[Math.floor(Math.random() * jokes.length)];
+     document.getElementById('results').classList.remove('hidden');
+   }
+ });
+ 
+ function getRandomNumber() {
+   return (Math.random() * 100).toFixed(2);
+ }

style.css

Changed around line 1
+ :root {
+   --primary-color: #2c3e50;
+   --secondary-color: #3498db;
+   --background-color: #ecf0f1;
+   --text-color: #333;
+   --border-radius: 8px;
+   --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+ 
+ body {
+   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+   margin: 0;
+   padding: 0;
+   background-color: var(--background-color);
+   color: var(--text-color);
+   line-height: 1.6;
+ }
+ 
+ header {
+   background-color: var(--primary-color);
+   color: white;
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ main {
+   padding: 2rem;
+   max-width: 800px;
+   margin: 0 auto;
+ }
+ 
+ #comparison-form {
+   background: white;
+   padding: 2rem;
+   border-radius: var(--border-radius);
+   box-shadow: var(--box-shadow);
+ }
+ 
+ .form-group {
+   margin-bottom: 1rem;
+ }
+ 
+ label {
+   display: block;
+   margin-bottom: 0.5rem;
+ }
+ 
+ select, button {
+   width: 100%;
+   padding: 0.75rem;
+   border: 1px solid #ddd;
+   border-radius: var(--border-radius);
+   font-size: 1rem;
+ }
+ 
+ button {
+   background-color: var(--secondary-color);
+   color: white;
+   border: none;
+   cursor: pointer;
+   transition: background-color 0.3s ease;
+ }
+ 
+ button:hover {
+   background-color: #2980b9;
+ }
+ 
+ #results {
+   margin-top: 2rem;
+   background: white;
+   padding: 2rem;
+   border-radius: var(--border-radius);
+   box-shadow: var(--box-shadow);
+ }
+ 
+ #joke-container {
+   margin-top: 2rem;
+   padding: 1rem;
+   background-color: #f8f9fa;
+   border-radius: var(--border-radius);
+   text-align: center;
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 1rem;
+   background-color: var(--primary-color);
+   color: white;
+   margin-top: 2rem;
+ }
+ 
+ .hidden {
+   display: none;
+ }
+ 
+ @media (max-width: 600px) {
+   main {
+     padding: 1rem;
+   }
+ 
+   header {
+     padding: 1rem;
+   }
+ 
+   #comparison-form, #results {
+     padding: 1rem;
+   }
+ }