commit df4f13abc0824cb812fbadd7d7bbe20ebb158cfb
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 19:13:49 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..da58a54
--- /dev/null
+++ b/body.html
@@ -0,0 +1,47 @@
+<header>
+ <h1>EconCompare</h1>
+ <p>Compare economic indicators of countries with a dash of humor!</p>
+</header>
+
+<main>
+ <section id="comparison-form">
+ <h2>Select Countries to Compare</h2>
+ <form id="compare-form">
+ <div class="form-group">
+ <label for="country1">Country 1:</label>
+ <select id="country1" name="country1" required>
+ <option value="">Select a country</option>
+ <option value="USA">United States</option>
+ <option value="CHN">China</option>
+ <option value="DEU">Germany</option>
+ <option value="JPN">Japan</option>
+ <option value="IND">India</option>
+ </select>
+ </div>
+ <div class="form-group">
+ <label for="country2">Country 2:</label>
+ <select id="country2" name="country2" required>
+ <option value="">Select a country</option>
+ <option value="USA">United States</option>
+ <option value="CHN">China</option>
+ <option value="DEU">Germany</option>
+ <option value="JPN">Japan</option>
+ <option value="IND">India</option>
+ </select>
+ </div>
+ <button type="submit">Compare</button>
+ </form>
+ </section>
+
+ <section id="results" class="hidden">
+ <h2>Comparison Results</h2>
+ <div id="comparison-data"></div>
+ <div id="joke-container">
+ <p id="joke"></p>
+ </div>
+ </section>
+</main>
+
+<footer>
+ <p>Made with ❤️ by EconCompare</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..609268e
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://econcompare.scroll.pub
+metaTags
+editButton /edit.html
+title EconCompare - Compare Economic Indicators with a Smile
+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..7d84dd5
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "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<header>\n <h1>EconCompare</h1>\n <p>Compare economic indicators of countries with a dash of humor!</p>\n</header>\n\n<main>\n <section id=\"comparison-form\">\n <h2>Select Countries to Compare</h2>\n <form id=\"compare-form\">\n <div class=\"form-group\">\n <label for=\"country1\">Country 1:</label>\n <select id=\"country1\" name=\"country1\" required>\n <option value=\"\">Select a country</option>\n <option value=\"USA\">United States</option>\n <option value=\"CHN\">China</option>\n <option value=\"DEU\">Germany</option>\n <option value=\"JPN\">Japan</option>\n <option value=\"IND\">India</option>\n </select>\n </div>\n <div class=\"form-group\">\n <label for=\"country2\">Country 2:</label>\n <select id=\"country2\" name=\"country2\" required>\n <option value=\"\">Select a country</option>\n <option value=\"USA\">United States</option>\n <option value=\"CHN\">China</option>\n <option value=\"DEU\">Germany</option>\n <option value=\"JPN\">Japan</option>\n <option value=\"IND\">India</option>\n </select>\n </div>\n <button type=\"submit\">Compare</button>\n </form>\n </section>\n\n <section id=\"results\" class=\"hidden\">\n <h2>Comparison Results</h2>\n <div id=\"comparison-data\"></div>\n <div id=\"joke-container\">\n <p id=\"joke\"></p>\n </div>\n </section>\n</main>\n\n<footer>\n <p>Made with ❤️ by EconCompare</p>\n</footer>\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 <h3>Comparison between ${country1} and ${country2}</h3>\n <p><strong>GDP:</strong> ${getRandomNumber()} vs ${getRandomNumber()}</p>\n <p><strong>Unemployment Rate:</strong> ${getRandomNumber()}% vs ${getRandomNumber()}%</p>\n <p><strong>Inflation Rate:</strong> ${getRandomNumber()}% vs ${getRandomNumber()}%</p>\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"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..89caccf
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# 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"
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..af09083
--- /dev/null
+++ b/script.js
@@ -0,0 +1,30 @@
+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 = `
+ <h3>Comparison between ${country1} and ${country2}</h3>
+ <p><strong>GDP:</strong> ${getRandomNumber()} vs ${getRandomNumber()}</p>
+ <p><strong>Unemployment Rate:</strong> ${getRandomNumber()}% vs ${getRandomNumber()}%</p>
+ <p><strong>Inflation Rate:</strong> ${getRandomNumber()}% vs ${getRandomNumber()}%</p>
+ `;
+
+ 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);
+}
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..44e9d3e
--- /dev/null
+++ b/style.css
@@ -0,0 +1,108 @@
+: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;
+ }
+}
\ No newline at end of file