Changes to solveit.scroll.pub

root
root
25 days ago
Initial commit
body.html
Changed around line 1
+
+

SolveIt

+

Master Problem-Solving Through Real-World Scenarios

+
+
+
+
+

Choose Your Challenge

+
+
+

Urban Planning

+

Design a sustainable city layout

+
+
+

Business Strategy

+

Launch a successful startup

+
+
+

Environmental Crisis

+

Solve a coastal pollution problem

+
+
+
+
+
+

+
+
+
+
+
+
+
+

Deepen Your Understanding

+
+
+
+
+
+
+
+
index.scroll
Changed around line 1
+ 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
prompt.json
Changed around line 1
+ {
+ "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
\n

SolveIt

\n

Master Problem-Solving Through Real-World Scenarios

\n
\n\n
\n
\n

Choose Your Challenge

\n
\n
\n

Urban Planning

\n

Design a sustainable city layout

\n
\n
\n

Business Strategy

\n

Launch a successful startup

\n
\n
\n

Environmental Crisis

\n

Solve a coastal pollution problem

\n
\n
\n
\n\n
\n

\n
\n
\n
\n \n
\n\n
\n

Deepen Your Understanding

\n
\n
\n
\n\n\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 = `

${scenario.description}

`;\n \n const decisionPoints = document.getElementById('decision-points');\n decisionPoints.innerHTML = scenario.decisions.map(decision => `\n \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"
+ }
readme.scroll
Changed around line 1
+ # 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.
script.js
Changed around line 1
+ 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 = `

${scenario.description}

`;
+
+ const decisionPoints = document.getElementById('decision-points');
+ decisionPoints.innerHTML = scenario.decisions.map(decision => `
+
+ `).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');
+ });
style.css
Changed around line 1
+ :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);
+ }
+ }