Changes to tasktracker.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Task Tracker
+   Your personal assistant for staying organized and on top of your tasks.
+ 
+ 
+ 
+   
+     Add a New Task
+     
+       Task Name:
+       
+ 
+       Due Date:
+       
+ 
+       Set Reminder:
+       
+ 
+       
+     
+   
+ 
+   
+     Your Tasks
+     
+   
+ 
+ 
+ 
+   Stay productive and organized with Task Tracker.
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://tasktracker.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Task Tracker - Stay Organized & Set Reminders
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "f191583a-6102-44d9-9277-16e113b46320",
+   "object": "chat.completion",
+   "created": 1735334132,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\ntasktracker.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://tasktracker.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Task Tracker - Stay Organized & Set Reminders\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Task Tracker\n  Your personal assistant for staying organized and on top of your tasks.
\n\n\n\n  \n    Add a New Task\n    \n      Task Name:\n      \n      \n      Due Date:\n      \n      \n      Set Reminder:\n      \n      \n      \n    \n  \n\n  \n    Your Tasks\n    \n  \n\n\n\n  Stay productive and organized with Task Tracker.
\n\n---style.css---\n:root {\n  --primary-color: #4CAF50;\n  --secondary-color: #45a049;\n  --background-color: #f4f4f4;\n  --text-color: #333;\n  --white: #fff;\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: var(--white);\n  padding: 2rem;\n  text-align: center;\n}\n\nh1 {\n  margin: 0;\n  font-size: 2.5rem;\n}\n\np {\n  margin: 0.5rem 0;\n}\n\nmain {\n  padding: 2rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\nsection {\n  margin-bottom: 2rem;\n}\n\nform {\n  background-color: var(--white);\n  padding: 1.5rem;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\nlabel {\n  display: block;\n  margin-bottom: 0.5rem;\n  font-weight: bold;\n}\n\ninput {\n  width: 100%;\n  padding: 0.75rem;\n  margin-bottom: 1rem;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-size: 1rem;\n}\n\nbutton {\n  background-color: var(--primary-color);\n  color: var(--white);\n  padding: 0.75rem 1.5rem;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 1rem;\n  transition: background-color 0.3s ease;\n}\n\nbutton:hover {\n  background-color: var(--secondary-color);\n}\n\n#task-list ul {\n  list-style: none;\n  padding: 0;\n}\n\n#task-list li {\n  background-color: var(--white);\n  padding: 1rem;\n  margin-bottom: 1rem;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\nfooter {\n  text-align: center;\n  padding: 1rem;\n  background-color: var(--primary-color);\n  color: var(--white);\n  margin-top: 2rem;\n}\n\n@media (max-width: 600px) {\n  h1 {\n    font-size: 2rem;\n  }\n\n  main {\n    padding: 1rem;\n  }\n\n  form {\n    padding: 1rem;\n  }\n\n  input, button {\n    font-size: 0.9rem;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function () {\n  const taskForm = document.getElementById('add-task-form');\n  const taskList = document.getElementById('tasks');\n\n  taskForm.addEventListener('submit', function (e) {\n    e.preventDefault();\n\n    const taskName = document.getElementById('task-name').value;\n    const taskDue = document.getElementById('task-due').value;\n    const taskReminder = document.getElementById('task-reminder').value;\n\n    if (taskName && taskDue) {\n      const taskItem = document.createElement('li');\n      taskItem.innerHTML = `\n        ${taskName} - Due: ${new Date(taskDue).toLocaleString()}\n        \n      `;\n      taskList.appendChild(taskItem);\n\n      if (taskReminder) {\n        const reminderTime = new Date(taskReminder).getTime() - Date.now();\n        if (reminderTime > 0) {\n          setTimeout(() => {\n            alert(`Reminder: ${taskName} is due soon!`);\n          }, reminderTime);\n        }\n      }\n\n      taskForm.reset();\n    }\n  });\n});\n\nfunction removeTask(button) {\n  const taskItem = button.parentElement;\n  taskItem.remove();\n}\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 258,
+     "completion_tokens": 1213,
+     "total_tokens": 1471,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 258
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # tasktracker.scroll.pub

+ Website generated by DeepSeek from prompt: I want to create a website that can help me keep track of things I want to do and also help me set reminder

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', function () {
+   const taskForm = document.getElementById('add-task-form');
+   const taskList = document.getElementById('tasks');
+ 
+   taskForm.addEventListener('submit', function (e) {
+     e.preventDefault();
+ 
+     const taskName = document.getElementById('task-name').value;
+     const taskDue = document.getElementById('task-due').value;
+     const taskReminder = document.getElementById('task-reminder').value;
+ 
+     if (taskName && taskDue) {
+       const taskItem = document.createElement('li');
+       taskItem.innerHTML = `
+         ${taskName} - Due: ${new Date(taskDue).toLocaleString()}
+         
+       `;
+       taskList.appendChild(taskItem);
+ 
+       if (taskReminder) {
+         const reminderTime = new Date(taskReminder).getTime() - Date.now();
+         if (reminderTime > 0) {
+           setTimeout(() => {
+             alert(`Reminder: ${taskName} is due soon!`);
+           }, reminderTime);
+         }
+       }
+ 
+       taskForm.reset();
+     }
+   });
+ });
+ 
+ function removeTask(button) {
+   const taskItem = button.parentElement;
+   taskItem.remove();
+ }

style.css

Changed around line 1
+ :root {
+   --primary-color: #4CAF50;
+   --secondary-color: #45a049;
+   --background-color: #f4f4f4;
+   --text-color: #333;
+   --white: #fff;
+ }
+ 
+ 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: var(--white);
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ h1 {
+   margin: 0;
+   font-size: 2.5rem;
+ }
+ 
+ p {
+   margin: 0.5rem 0;
+ }
+ 
+ main {
+   padding: 2rem;
+   max-width: 800px;
+   margin: 0 auto;
+ }
+ 
+ section {
+   margin-bottom: 2rem;
+ }
+ 
+ form {
+   background-color: var(--white);
+   padding: 1.5rem;
+   border-radius: 8px;
+   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ }
+ 
+ label {
+   display: block;
+   margin-bottom: 0.5rem;
+   font-weight: bold;
+ }
+ 
+ input {
+   width: 100%;
+   padding: 0.75rem;
+   margin-bottom: 1rem;
+   border: 1px solid #ddd;
+   border-radius: 4px;
+   font-size: 1rem;
+ }
+ 
+ button {
+   background-color: var(--primary-color);
+   color: var(--white);
+   padding: 0.75rem 1.5rem;
+   border: none;
+   border-radius: 4px;
+   cursor: pointer;
+   font-size: 1rem;
+   transition: background-color 0.3s ease;
+ }
+ 
+ button:hover {
+   background-color: var(--secondary-color);
+ }
+ 
+ #task-list ul {
+   list-style: none;
+   padding: 0;
+ }
+ 
+ #task-list li {
+   background-color: var(--white);
+   padding: 1rem;
+   margin-bottom: 1rem;
+   border-radius: 8px;
+   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 1rem;
+   background-color: var(--primary-color);
+   color: var(--white);
+   margin-top: 2rem;
+ }
+ 
+ @media (max-width: 600px) {
+   h1 {
+     font-size: 2rem;
+   }
+ 
+   main {
+     padding: 1rem;
+   }
+ 
+   form {
+     padding: 1rem;
+   }
+ 
+   input, button {
+     font-size: 0.9rem;
+   }
+ }