Generate a New Math Course
\n \n \nPractice Whiteboard
\n\n \n \n \n
\n \n 
body.html
Changed around line 1
+
+
MathGenius
+
Your personal math learning and practice platform
+
+
+
+
+
Generate a New Math Course
+
+
+
+
+
+
Practice Whiteboard
+
+
+
+
+
+
+
+
+
+
+
MathGenius - Continuous Learning, Infinite Possibilities
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://mathgenius.scroll.pub
+ metaTags
+ editButton /edit.html
+ title MathGenius - Learn and Practice Math
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "id": "0409ec80-bfb7-4022-a281-4fc5ccb6f51b",
+ "object": "chat.completion",
+ "created": 1735339428,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nmathgenius.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://mathgenius.scroll.pub\nmetaTags\neditButton /edit.html\ntitle MathGenius - Learn and Practice Math\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n \n\n\n \n \n\n \n \n \n\n\n---style.css---\n:root {\n --primary-color: #4a90e2;\n --secondary-color: #f5f5f5;\n --accent-color: #ff6b6b;\n}\n\nbody {\n font-family: 'Segoe UI', system-ui, sans-serif;\n margin: 0;\n padding: 0;\n background-color: var(--secondary-color);\n color: #333;\n line-height: 1.6;\n}\n\nheader {\n background: var(--primary-color);\n color: white;\n padding: 2rem;\n text-align: center;\n}\n\nh1 {\n margin: 0;\n font-size: 2.5rem;\n}\n\nmain {\n max-width: 1200px;\n margin: 2rem auto;\n padding: 0 1rem;\n}\n\nsection {\n background: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n margin-bottom: 2rem;\n padding: 1.5rem;\n}\n\nbutton {\n background: var(--primary-color);\n color: white;\n border: none;\n padding: 0.75rem 1.5rem;\n border-radius: 4px;\n cursor: pointer;\n transition: background 0.3s ease;\n}\n\nbutton:hover {\n background: #357abd;\n}\n\n#whiteboard-canvas {\n width: 100%;\n height: 500px;\n border: 1px solid #ddd;\n border-radius: 4px;\n margin-top: 1rem;\n}\n\n.whiteboard-tools {\n display: flex;\n gap: 0.5rem;\n margin-bottom: 1rem;\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background: var(--primary-color);\n color: white;\n margin-top: 2rem;\n}\n\n@media (max-width: 768px) {\n h1 {\n font-size: 2rem;\n }\n \n #whiteboard-canvas {\n height: 300px;\n }\n}\n---script.js---\n// Course Generator\nconst courseGenerator = document.getElementById('generate-course');\nconst courseContent = document.getElementById('course-content');\n\nconst mathTopics = {\n highschool: ['Algebra', 'Geometry', 'Trigonometry', 'Calculus'],\n college: ['Linear Algebra', 'Differential Equations', 'Probability', 'Statistics'],\n graduate: ['Real Analysis', 'Abstract Algebra', 'Topology', 'Number Theory']\n};\n\nfunction generateCourse() {\n const level = Object.keys(mathTopics)[Math.floor(Math.random() * 3)];\n const topic = mathTopics[level][Math.floor(Math.random() * mathTopics[level].length)];\n \n const courseHTML = `\n
MathGenius
\nYour personal math learning and practice platform
\nNew ${level} Course: ${topic}
\nHere's what you'll learn:
\n- \n
- Introduction to ${topic} \n
- Core concepts and theories \n
- Practical applications \n
- Problem-solving techniques \n
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 279,
+ "completion_tokens": 1267,
+ "total_tokens": 1546,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 279
+ },
+ "system_fingerprint": "fp_f1afce2943"
+ }
readme.scroll
Changed around line 1
+ # mathgenius.scroll.pub
+ Website generated by DeepSeek from prompt: Create a website that constantly generates new math courses from highschool up till graduate level, make it look fancy yet minimalistic, with a whiteboard with different whiteboard tools where i can practice the new learned theory and solve problems
script.js
Changed around line 1
+ // Course Generator
+ const courseGenerator = document.getElementById('generate-course');
+ const courseContent = document.getElementById('course-content');
+
+ const mathTopics = {
+ highschool: ['Algebra', 'Geometry', 'Trigonometry', 'Calculus'],
+ college: ['Linear Algebra', 'Differential Equations', 'Probability', 'Statistics'],
+ graduate: ['Real Analysis', 'Abstract Algebra', 'Topology', 'Number Theory']
+ };
+
+ function generateCourse() {
+ const level = Object.keys(mathTopics)[Math.floor(Math.random() * 3)];
+ const topic = mathTopics[level][Math.floor(Math.random() * mathTopics[level].length)];
+
+ const courseHTML = `
+
New ${level} Course: ${topic}
+
Here's what you'll learn:
+
+ Introduction to ${topic}
+ Core concepts and theories
+ Practical applications
+ Problem-solving techniques
+
+ `;
+
+ courseContent.innerHTML = courseHTML;
+ }
+
+ courseGenerator.addEventListener('click', generateCourse);
+
+ // Whiteboard
+ const canvas = document.getElementById('whiteboard-canvas');
+ const ctx = canvas.getContext('2d');
+ let isDrawing = false;
+
+ canvas.width = canvas.offsetWidth;
+ canvas.height = canvas.offsetHeight;
+
+ ctx.lineWidth = 3;
+ ctx.lineCap = 'round';
+ ctx.strokeStyle = '#000';
+
+ function startDrawing(e) {
+ isDrawing = true;
+ draw(e);
+ }
+
+ function stopDrawing() {
+ isDrawing = false;
+ ctx.beginPath();
+ }
+
+ function draw(e) {
+ if (!isDrawing) return;
+
+ ctx.lineTo(e.offsetX, e.offsetY);
+ ctx.stroke();
+ ctx.beginPath();
+ ctx.moveTo(e.offsetX, e.offsetY);
+ }
+
+ canvas.addEventListener('mousedown', startDrawing);
+ canvas.addEventListener('mouseup', stopDrawing);
+ canvas.addEventListener('mousemove', draw);
+
+ document.getElementById('pen-tool').addEventListener('click', () => {
+ ctx.strokeStyle = '#000';
+ });
+
+ document.getElementById('eraser-tool').addEventListener('click', () => {
+ ctx.strokeStyle = '#fff';
+ });
+
+ document.getElementById('clear-board').addEventListener('click', () => {
+ ctx.clearRect(0, 0, canvas.width, canvas.height);
+ });
+
+ // Responsive Canvas
+ window.addEventListener('resize', () => {
+ canvas.width = canvas.offsetWidth;
+ canvas.height = canvas.offsetHeight;
+ });
style.css
Changed around line 1
+ :root {
+ --primary-color: #4a90e2;
+ --secondary-color: #f5f5f5;
+ --accent-color: #ff6b6b;
+ }
+
+ body {
+ font-family: 'Segoe UI', system-ui, sans-serif;
+ margin: 0;
+ padding: 0;
+ background-color: var(--secondary-color);
+ color: #333;
+ line-height: 1.6;
+ }
+
+ header {
+ background: var(--primary-color);
+ color: white;
+ padding: 2rem;
+ text-align: center;
+ }
+
+ h1 {
+ margin: 0;
+ font-size: 2.5rem;
+ }
+
+ main {
+ max-width: 1200px;
+ margin: 2rem auto;
+ padding: 0 1rem;
+ }
+
+ section {
+ background: white;
+ border-radius: 8px;
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+ margin-bottom: 2rem;
+ padding: 1.5rem;
+ }
+
+ button {
+ background: var(--primary-color);
+ color: white;
+ border: none;
+ padding: 0.75rem 1.5rem;
+ border-radius: 4px;
+ cursor: pointer;
+ transition: background 0.3s ease;
+ }
+
+ button:hover {
+ background: #357abd;
+ }
+
+ #whiteboard-canvas {
+ width: 100%;
+ height: 500px;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ margin-top: 1rem;
+ }
+
+ .whiteboard-tools {
+ display: flex;
+ gap: 0.5rem;
+ margin-bottom: 1rem;
+ }
+
+ footer {
+ text-align: center;
+ padding: 1rem;
+ background: var(--primary-color);
+ color: white;
+ margin-top: 2rem;
+ }
+
+ @media (max-width: 768px) {
+ h1 {
+ font-size: 2rem;
+ }
+
+ #whiteboard-canvas {
+ height: 300px;
+ }
+ }