commit 85c515f32a5d342280a6ce866932db7e41a989a7
Author: root <root@hub.scroll.pub>
Date: 2024-12-28 00:01:04 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..18ece68
--- /dev/null
+++ b/body.html
@@ -0,0 +1,44 @@
+<header>
+ <h1>SolveIt</h1>
+ <p>Master Problem-Solving Through Real-World Scenarios</p>
+</header>
+
+<main>
+ <section id="scenario-intro">
+ <h2>Choose Your Challenge</h2>
+ <div class="scenario-grid">
+ <div class="scenario-card" data-scenario="1">
+ <h3>Urban Planning</h3>
+ <p>Design a sustainable city layout</p>
+ </div>
+ <div class="scenario-card" data-scenario="2">
+ <h3>Business Strategy</h3>
+ <p>Launch a successful startup</p>
+ </div>
+ <div class="scenario-card" data-scenario="3">
+ <h3>Environmental Crisis</h3>
+ <p>Solve a coastal pollution problem</p>
+ </div>
+ </div>
+ </section>
+
+ <section id="scenario-container" class="hidden">
+ <h2 id="scenario-title"></h2>
+ <div id="scenario-content"></div>
+ <div id="decision-points"></div>
+ <div id="outcome-display"></div>
+ <button id="reset-scenario">Try Again</button>
+ </section>
+
+ <section id="learning-resources" class="hidden">
+ <h2>Deepen Your Understanding</h2>
+ <div id="resource-content"></div>
+ </section>
+</main>
+
+<footer>
+ <nav>
+ <a href="/about">About</a>
+ <a href="/contact">Contact</a>
+ </nav>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..7341f2b
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://solveit.scroll.pub
+metaTags
+editButton /edit.html
+title SolveIt - Master Problem-Solving Through Real-World Scenarios
+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..37a63df
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "9ee76795-fc9c-4a9a-958d-92c963432ded",
+ "object": "chat.completion",
+ "created": 1735344043,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nsolveit.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://solveit.scroll.pub\nmetaTags\neditButton /edit.html\ntitle SolveIt - Master Problem-Solving Through Real-World Scenarios\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>SolveIt</h1>\n <p>Master Problem-Solving Through Real-World Scenarios</p>\n</header>\n\n<main>\n <section id=\"scenario-intro\">\n <h2>Choose Your Challenge</h2>\n <div class=\"scenario-grid\">\n <div class=\"scenario-card\" data-scenario=\"1\">\n <h3>Urban Planning</h3>\n <p>Design a sustainable city layout</p>\n </div>\n <div class=\"scenario-card\" data-scenario=\"2\">\n <h3>Business Strategy</h3>\n <p>Launch a successful startup</p>\n </div>\n <div class=\"scenario-card\" data-scenario=\"3\">\n <h3>Environmental Crisis</h3>\n <p>Solve a coastal pollution problem</p>\n </div>\n </div>\n </section>\n\n <section id=\"scenario-container\" class=\"hidden\">\n <h2 id=\"scenario-title\"></h2>\n <div id=\"scenario-content\"></div>\n <div id=\"decision-points\"></div>\n <div id=\"outcome-display\"></div>\n <button id=\"reset-scenario\">Try Again</button>\n </section>\n\n <section id=\"learning-resources\" class=\"hidden\">\n <h2>Deepen Your Understanding</h2>\n <div id=\"resource-content\"></div>\n </section>\n</main>\n\n<footer>\n <nav>\n <a href=\"/about\">About</a>\n <a href=\"/contact\">Contact</a>\n </nav>\n</footer>\n---style.css---\n:root {\n --primary-color: #2563eb;\n --secondary-color: #1e40af;\n --background-color: #f8fafc;\n --text-color: #1e293b;\n --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n}\n\nbody {\n font-family: system-ui, -apple-system, 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: white;\n padding: 2rem;\n text-align: center;\n}\n\nh1 {\n font-size: 2.5rem;\n margin: 0;\n}\n\np {\n font-size: 1.2rem;\n margin: 0.5rem 0 0;\n}\n\n.scenario-grid {\n display: grid;\n gap: 1.5rem;\n padding: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.scenario-card {\n background: white;\n border-radius: 8px;\n padding: 1.5rem;\n box-shadow: var(--card-shadow);\n cursor: pointer;\n transition: transform 0.2s ease;\n}\n\n.scenario-card:hover {\n transform: translateY(-5px);\n}\n\n.scenario-card h3 {\n color: var(--primary-color);\n margin: 0 0 0.5rem;\n}\n\n#scenario-container {\n max-width: 800px;\n margin: 2rem auto;\n padding: 0 1rem;\n}\n\n#decision-points {\n margin: 2rem 0;\n}\n\n.decision-button {\n display: block;\n width: 100%;\n padding: 1rem;\n margin: 0.5rem 0;\n background: var(--primary-color);\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: background 0.2s ease;\n}\n\n.decision-button:hover {\n background: var(--secondary-color);\n}\n\n#outcome-display {\n margin: 2rem 0;\n padding: 1rem;\n background: white;\n border-radius: 8px;\n box-shadow: var(--card-shadow);\n}\n\n.hidden {\n display: none;\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n margin-top: 2rem;\n background: var(--primary-color);\n color: white;\n}\n\nfooter a {\n color: white;\n margin: 0 1rem;\n text-decoration: none;\n}\n\n@media (min-width: 768px) {\n .scenario-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n---script.js---\nconst scenarios = {\n 1: {\n title: \"Urban Planning Challenge\",\n description: \"You're tasked with designing a sustainable city layout for a growing population. How will you approach this complex problem?\",\n decisions: [\n {\n text: \"Prioritize green spaces and public transportation\",\n outcome: \"Your city becomes a model for sustainable living, attracting eco-conscious residents and businesses.\"\n },\n {\n text: \"Focus on high-density housing and commercial zones\",\n outcome: \"The city experiences rapid growth but struggles with traffic congestion and pollution.\"\n }\n ],\n resources: [\n \"Urban planning best practices\",\n \"Sustainable development principles\",\n \"Case studies of successful cities\"\n ]\n },\n 2: {\n title: \"Startup Strategy Challenge\",\n description: \"You're launching a new tech startup. What's your approach to gaining market traction?\",\n decisions: [\n {\n text: \"Focus on rapid user acquisition through aggressive marketing\",\n outcome: \"You gain many users quickly but struggle with retention and profitability.\"\n },\n {\n text: \"Build a core product with a small, dedicated user base\",\n outcome: \"Your startup grows slowly but develops a loyal customer base and strong product-market fit.\"\n }\n ],\n resources: [\n \"Lean startup methodology\",\n \"Growth hacking strategies\",\n \"Product-market fit analysis\"\n ]\n }\n};\n\ndocument.querySelectorAll('.scenario-card').forEach(card => {\n card.addEventListener('click', () => {\n const scenarioId = card.dataset.scenario;\n loadScenario(scenarioId);\n });\n});\n\nfunction loadScenario(id) {\n const scenario = scenarios[id];\n document.getElementById('scenario-title').textContent = scenario.title;\n document.getElementById('scenario-content').innerHTML = `<p>${scenario.description}</p>`;\n \n const decisionPoints = document.getElementById('decision-points');\n decisionPoints.innerHTML = scenario.decisions.map(decision => `\n <button class=\"decision-button\" data-outcome=\"${decision.outcome}\">${decision.text}</button>\n `).join('');\n \n document.querySelectorAll('.decision-button').forEach(button => {\n button.addEventListener('click', showOutcome);\n });\n \n document.getElementById('scenario-intro').classList.add('hidden');\n document.getElementById('scenario-container').classList.remove('hidden');\n}\n\nfunction showOutcome(event) {\n const outcome = event.target.dataset.outcome;\n document.getElementById('outcome-display').textContent = outcome;\n}\n\ndocument.getElementById('reset-scenario').addEventListener('click', () => {\n document.getElementById('scenario-container').classList.add('hidden');\n document.getElementById('scenario-intro').classList.remove('hidden');\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 296,
+ "completion_tokens": 1636,
+ "total_tokens": 1932,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 296
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..8162e8f
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# solveit.scroll.pub
+Website generated by DeepSeek from prompt: an interactive educational platform that teaches complex problem-solving through branching, real-world scenarios where users can explore different solution paths and see the consequences of their choices. The site would combine visual learning tools, collaborative features, and cross-domain challenges to help users develop practical problem-solving skills while understanding the "why" behind different approaches.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..31622ce
--- /dev/null
+++ b/script.js
@@ -0,0 +1,75 @@
+const scenarios = {
+ 1: {
+ title: "Urban Planning Challenge",
+ description: "You're tasked with designing a sustainable city layout for a growing population. How will you approach this complex problem?",
+ decisions: [
+ {
+ text: "Prioritize green spaces and public transportation",
+ outcome: "Your city becomes a model for sustainable living, attracting eco-conscious residents and businesses."
+ },
+ {
+ text: "Focus on high-density housing and commercial zones",
+ outcome: "The city experiences rapid growth but struggles with traffic congestion and pollution."
+ }
+ ],
+ resources: [
+ "Urban planning best practices",
+ "Sustainable development principles",
+ "Case studies of successful cities"
+ ]
+ },
+ 2: {
+ title: "Startup Strategy Challenge",
+ description: "You're launching a new tech startup. What's your approach to gaining market traction?",
+ decisions: [
+ {
+ text: "Focus on rapid user acquisition through aggressive marketing",
+ outcome: "You gain many users quickly but struggle with retention and profitability."
+ },
+ {
+ text: "Build a core product with a small, dedicated user base",
+ outcome: "Your startup grows slowly but develops a loyal customer base and strong product-market fit."
+ }
+ ],
+ resources: [
+ "Lean startup methodology",
+ "Growth hacking strategies",
+ "Product-market fit analysis"
+ ]
+ }
+};
+
+document.querySelectorAll('.scenario-card').forEach(card => {
+ card.addEventListener('click', () => {
+ const scenarioId = card.dataset.scenario;
+ loadScenario(scenarioId);
+ });
+});
+
+function loadScenario(id) {
+ const scenario = scenarios[id];
+ document.getElementById('scenario-title').textContent = scenario.title;
+ document.getElementById('scenario-content').innerHTML = `<p>${scenario.description}</p>`;
+
+ const decisionPoints = document.getElementById('decision-points');
+ decisionPoints.innerHTML = scenario.decisions.map(decision => `
+ <button class="decision-button" data-outcome="${decision.outcome}">${decision.text}</button>
+ `).join('');
+
+ document.querySelectorAll('.decision-button').forEach(button => {
+ button.addEventListener('click', showOutcome);
+ });
+
+ document.getElementById('scenario-intro').classList.add('hidden');
+ document.getElementById('scenario-container').classList.remove('hidden');
+}
+
+function showOutcome(event) {
+ const outcome = event.target.dataset.outcome;
+ document.getElementById('outcome-display').textContent = outcome;
+}
+
+document.getElementById('reset-scenario').addEventListener('click', () => {
+ document.getElementById('scenario-container').classList.add('hidden');
+ document.getElementById('scenario-intro').classList.remove('hidden');
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..dd087e8
--- /dev/null
+++ b/style.css
@@ -0,0 +1,118 @@
+:root {
+ --primary-color: #2563eb;
+ --secondary-color: #1e40af;
+ --background-color: #f8fafc;
+ --text-color: #1e293b;
+ --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+}
+
+body {
+ font-family: system-ui, -apple-system, 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: white;
+ padding: 2rem;
+ text-align: center;
+}
+
+h1 {
+ font-size: 2.5rem;
+ margin: 0;
+}
+
+p {
+ font-size: 1.2rem;
+ margin: 0.5rem 0 0;
+}
+
+.scenario-grid {
+ display: grid;
+ gap: 1.5rem;
+ padding: 2rem;
+ max-width: 1200px;
+ margin: 0 auto;
+}
+
+.scenario-card {
+ background: white;
+ border-radius: 8px;
+ padding: 1.5rem;
+ box-shadow: var(--card-shadow);
+ cursor: pointer;
+ transition: transform 0.2s ease;
+}
+
+.scenario-card:hover {
+ transform: translateY(-5px);
+}
+
+.scenario-card h3 {
+ color: var(--primary-color);
+ margin: 0 0 0.5rem;
+}
+
+#scenario-container {
+ max-width: 800px;
+ margin: 2rem auto;
+ padding: 0 1rem;
+}
+
+#decision-points {
+ margin: 2rem 0;
+}
+
+.decision-button {
+ display: block;
+ width: 100%;
+ padding: 1rem;
+ margin: 0.5rem 0;
+ background: var(--primary-color);
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ transition: background 0.2s ease;
+}
+
+.decision-button:hover {
+ background: var(--secondary-color);
+}
+
+#outcome-display {
+ margin: 2rem 0;
+ padding: 1rem;
+ background: white;
+ border-radius: 8px;
+ box-shadow: var(--card-shadow);
+}
+
+.hidden {
+ display: none;
+}
+
+footer {
+ text-align: center;
+ padding: 1rem;
+ margin-top: 2rem;
+ background: var(--primary-color);
+ color: white;
+}
+
+footer a {
+ color: white;
+ margin: 0 1rem;
+ text-decoration: none;
+}
+
+@media (min-width: 768px) {
+ .scenario-grid {
+ grid-template-columns: repeat(3, 1fr);
+ }
+}
\ No newline at end of file