commit a7193eff557c387afd1b601ff0715cd7c0476b2e
Author: root <root@hub.scroll.pub> Date: 2024-12-27 23:55:00 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..adad5b1 --- /dev/null +++ b/body.html @@ -0,0 +1,45 @@ +<header> + <h1>MindFlow</h1> + <p>Your Personalized Knowledge Hub</p> +</header> + +<main> + <section id="wiki"> + <h2>Dynamic Wiki</h2> + <div class="content"> + <textarea id="wikiInput" placeholder="Start typing your ideas here..."></textarea> + <div id="wikiPreview"></div> + </div> + </section> + + <section id="tasks"> + <h2>Task Tracker</h2> + <form id="taskForm"> + <input type="text" id="taskInput" placeholder="Add a new task..." aria-label="Add a new task"> + <button type="submit">Add</button> + </form> + <ul id="taskList"></ul> + </section> + + <section id="analytics"> + <h2>AI-Powered Analytics</h2> + <div class="stats"> + <div class="stat"> + <span id="wordCount">0</span> + <p>Words Written</p> + </div> + <div class="stat"> + <span id="taskCount">0</span> + <p>Tasks Completed</p> + </div> + </div> + </section> +</main> + +<footer> + <nav> + <a href="#wiki">Wiki</a> + <a href="#tasks">Tasks</a> + <a href="#analytics">Analytics</a> + </nav> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..0b80a3e --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://mindflow.scroll.pub +metaTags +editButton /edit.html +title MindFlow - Your Personalized Knowledge Hub +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..43ba4d8 --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "8f47bc77-024e-4830-876a-2dcdd6d269ee", + "object": "chat.completion", + "created": 1735343681, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nmindflow.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://mindflow.scroll.pub\nmetaTags\neditButton /edit.html\ntitle MindFlow - Your Personalized Knowledge Hub\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>MindFlow</h1>\n <p>Your Personalized Knowledge Hub</p>\n</header>\n\n<main>\n <section id=\"wiki\">\n <h2>Dynamic Wiki</h2>\n <div class=\"content\">\n <textarea id=\"wikiInput\" placeholder=\"Start typing your ideas here...\"></textarea>\n <div id=\"wikiPreview\"></div>\n </div>\n </section>\n\n <section id=\"tasks\">\n <h2>Task Tracker</h2>\n <form id=\"taskForm\">\n <input type=\"text\" id=\"taskInput\" placeholder=\"Add a new task...\" aria-label=\"Add a new task\">\n <button type=\"submit\">Add</button>\n </form>\n <ul id=\"taskList\"></ul>\n </section>\n\n <section id=\"analytics\">\n <h2>AI-Powered Analytics</h2>\n <div class=\"stats\">\n <div class=\"stat\">\n <span id=\"wordCount\">0</span>\n <p>Words Written</p>\n </div>\n <div class=\"stat\">\n <span id=\"taskCount\">0</span>\n <p>Tasks Completed</p>\n </div>\n </div>\n </section>\n</main>\n\n<footer>\n <nav>\n <a href=\"#wiki\">Wiki</a>\n <a href=\"#tasks\">Tasks</a>\n <a href=\"#analytics\">Analytics</a>\n </nav>\n</footer>\n---style.css---\n:root {\n --primary-color: #4a90e2;\n --secondary-color: #50e3c2;\n --background-color: #f5f7fa;\n --text-color: #333;\n --border-radius: 8px;\n --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n background-color: var(--background-color);\n padding: 2rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\nheader {\n text-align: center;\n margin-bottom: 2rem;\n}\n\nh1 {\n font-size: 2.5rem;\n color: var(--primary-color);\n margin-bottom: 0.5rem;\n}\n\nh2 {\n font-size: 1.8rem;\n color: var(--primary-color);\n margin-bottom: 1rem;\n}\n\nsection {\n background: white;\n padding: 1.5rem;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow);\n margin-bottom: 2rem;\n}\n\ntextarea {\n width: 100%;\n min-height: 150px;\n padding: 1rem;\n border: 1px solid #ddd;\n border-radius: var(--border-radius);\n resize: vertical;\n font-family: inherit;\n}\n\n#taskForm {\n display: flex;\n gap: 0.5rem;\n margin-bottom: 1rem;\n}\n\n#taskForm input {\n flex: 1;\n padding: 0.5rem;\n border: 1px solid #ddd;\n border-radius: var(--border-radius);\n}\n\n#taskForm button {\n background: var(--primary-color);\n color: white;\n border: none;\n padding: 0.5rem 1rem;\n border-radius: var(--border-radius);\n cursor: pointer;\n}\n\n#taskList {\n list-style: none;\n}\n\n#taskList li {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.5rem;\n border-bottom: 1px solid #eee;\n}\n\n.stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 1rem;\n text-align: center;\n}\n\n.stat span {\n font-size: 2rem;\n color: var(--primary-color);\n font-weight: bold;\n}\n\nfooter {\n text-align: center;\n margin-top: 2rem;\n}\n\nfooter nav {\n display: flex;\n justify-content: center;\n gap: 1rem;\n}\n\nfooter nav a {\n color: var(--primary-color);\n text-decoration: none;\n}\n\n@media (max-width: 600px) {\n body {\n padding: 1rem;\n }\n \n h1 {\n font-size: 2rem;\n }\n \n h2 {\n font-size: 1.5rem;\n }\n}\n---script.js---\n// Wiki functionality\nconst wikiInput = document.getElementById('wikiInput');\nconst wikiPreview = document.getElementById('wikiPreview');\n\nwikiInput.addEventListener('input', () => {\n wikiPreview.innerHTML = wikiInput.value;\n updateWordCount();\n});\n\n// Task functionality\nconst taskForm = document.getElementById('taskForm');\nconst taskInput = document.getElementById('taskInput');\nconst taskList = document.getElementById('taskList');\n\ntaskForm.addEventListener('submit', (e) => {\n e.preventDefault();\n if (taskInput.value.trim()) {\n addTask(taskInput.value);\n taskInput.value = '';\n updateTaskCount();\n }\n});\n\nfunction addTask(task) {\n const li = document.createElement('li');\n li.textContent = task;\n \n const deleteBtn = document.createElement('button');\n deleteBtn.textContent = '×';\n deleteBtn.addEventListener('click', () => {\n li.remove();\n updateTaskCount();\n });\n \n li.appendChild(deleteBtn);\n taskList.appendChild(li);\n}\n\n// Analytics functionality\nconst wordCount = document.getElementById('wordCount');\nconst taskCount = document.getElementById('taskCount');\n\nfunction updateWordCount() {\n const words = wikiInput.value.split(/\\s+/).filter(word => word.length > 0);\n wordCount.textContent = words.length;\n}\n\nfunction updateTaskCount() {\n const tasks = taskList.querySelectorAll('li').length;\n taskCount.textContent = tasks;\n}\n\n// Initial setup\nupdateWordCount();\nupdateTaskCount();\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 288, + "completion_tokens": 1417, + "total_tokens": 1705, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 288 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..7496b47 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# mindflow.scroll.pub +Website generated by DeepSeek from prompt: I want a website that is a personalized knowledge hub that combines a dynamic wiki, task tracker, and AI-powered analytics to help users organize their ideas, track progress, and improve productivity. Its minimalist design and customizable features create a focused, distraction-free environment for achieving goals efficiently. \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..e91e2ae --- /dev/null +++ b/script.js @@ -0,0 +1,55 @@ +// Wiki functionality +const wikiInput = document.getElementById('wikiInput'); +const wikiPreview = document.getElementById('wikiPreview'); + +wikiInput.addEventListener('input', () => { + wikiPreview.innerHTML = wikiInput.value; + updateWordCount(); +}); + +// Task functionality +const taskForm = document.getElementById('taskForm'); +const taskInput = document.getElementById('taskInput'); +const taskList = document.getElementById('taskList'); + +taskForm.addEventListener('submit', (e) => { + e.preventDefault(); + if (taskInput.value.trim()) { + addTask(taskInput.value); + taskInput.value = ''; + updateTaskCount(); + } +}); + +function addTask(task) { + const li = document.createElement('li'); + li.textContent = task; + + const deleteBtn = document.createElement('button'); + deleteBtn.textContent = '×'; + deleteBtn.addEventListener('click', () => { + li.remove(); + updateTaskCount(); + }); + + li.appendChild(deleteBtn); + taskList.appendChild(li); +} + +// Analytics functionality +const wordCount = document.getElementById('wordCount'); +const taskCount = document.getElementById('taskCount'); + +function updateWordCount() { + const words = wikiInput.value.split(/\s+/).filter(word => word.length > 0); + wordCount.textContent = words.length; +} + +function updateTaskCount() { + const tasks = taskList.querySelectorAll('li').length; + taskCount.textContent = tasks; +} + +// Initial setup +updateWordCount(); +updateTaskCount(); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..a3988cd --- /dev/null +++ b/style.css @@ -0,0 +1,136 @@ +:root { + --primary-color: #4a90e2; + --secondary-color: #50e3c2; + --background-color: #f5f7fa; + --text-color: #333; + --border-radius: 8px; + --shadow: 0 4px 6px rgba(0, 0, 0, 0.1); +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; + line-height: 1.6; + color: var(--text-color); + background-color: var(--background-color); + padding: 2rem; + max-width: 800px; + margin: 0 auto; +} + +header { + text-align: center; + margin-bottom: 2rem; +} + +h1 { + font-size: 2.5rem; + color: var(--primary-color); + margin-bottom: 0.5rem; +} + +h2 { + font-size: 1.8rem; + color: var(--primary-color); + margin-bottom: 1rem; +} + +section { + background: white; + padding: 1.5rem; + border-radius: var(--border-radius); + box-shadow: var(--shadow); + margin-bottom: 2rem; +} + +textarea { + width: 100%; + min-height: 150px; + padding: 1rem; + border: 1px solid #ddd; + border-radius: var(--border-radius); + resize: vertical; + font-family: inherit; +} + +#taskForm { + display: flex; + gap: 0.5rem; + margin-bottom: 1rem; +} + +#taskForm input { + flex: 1; + padding: 0.5rem; + border: 1px solid #ddd; + border-radius: var(--border-radius); +} + +#taskForm button { + background: var(--primary-color); + color: white; + border: none; + padding: 0.5rem 1rem; + border-radius: var(--border-radius); + cursor: pointer; +} + +#taskList { + list-style: none; +} + +#taskList li { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0.5rem; + border-bottom: 1px solid #eee; +} + +.stats { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); + gap: 1rem; + text-align: center; +} + +.stat span { + font-size: 2rem; + color: var(--primary-color); + font-weight: bold; +} + +footer { + text-align: center; + margin-top: 2rem; +} + +footer nav { + display: flex; + justify-content: center; + gap: 1rem; +} + +footer nav a { + color: var(--primary-color); + text-decoration: none; +} + +@media (max-width: 600px) { + body { + padding: 1rem; + } + + h1 { + font-size: 2rem; + } + + h2 { + font-size: 1.5rem; + } +} \ No newline at end of file