- add todo list and a new prompt for creating tools/games

- add todo list to tools.json and sidebar.html

Author: TobiasMue91

PROMPTS.md

@@ -207,6 +207,28 @@ Here is the minified code:
 Now start providing improvements until I stop responding with `continue`.
 ````
 
+## Claude 3.7 Creating new tools/games
+```
+<goal>
+Create a standalone HTML page with embedded scripts and styling. The quality level should be exceptional. This time, we are creating an online ToDo-List.
+</goal>
+
+<requirements>
+* Don't overengineer.  Add smart, simple and straightforward features. If you realize you've overengineered, take a step back and try another approach.
+* Don't change the core functionality.
+* The tool should stay in the scope of this single HTML page.
+* Provide the updated code with a minimal amount of line breaks and indentations in order to save tokens.
+* Implement modern, well-structured and fitting design, UI and UX.
+* Take your time thinking and planning. Don't provide the finalized code before creating a watertight plan.
+* Modern JS, HTML and CSS only.
+* You are allowed/adviced to use external libraries via CDN.
+</requirements>
+
+<task>
+Provide an exceptionally well crafted and feature-rich online ToDo-List.
+</task>
+```
+
 ## Claude 3.7 Enhance existing tools/games Prompt
 
 ```

data/tools.json

@@ -1153,5 +1153,16 @@
     "aiPowered": false,
     "featured": false,
     "date": "2025-03-02"
+  },
+  {
+    "id": "todo_list",
+    "title": "ToDo-List",
+    "description": "Feature-rich todo list with priorities, due dates, and drag-drop reordering.",
+    "url": "tools/todo_list.html",
+    "screenshot": "screenshots/screenshot_155.png",
+    "type": "tool",
+    "aiPowered": false,
+    "featured": false,
+    "date": "2025-03-04"
   }
 ]

logo.js

@@ -18,8 +18,10 @@ window.addEventListener('load', function() {
     } else if (position === 'top-right') {
         logo.style.top = '10px';
         logo.style.right = '10px';
+    } else if (position === 'bottom-left') {
+        logo.style.bottom = '10px';
+        logo.style.left = '10px';
     } else {
-        // Default to bottom-right
         logo.style.bottom = '10px';
         logo.style.right = '10px';
     }

screenshots/screenshot_155.png

@@ -241,6 +241,7 @@ <h2>Tools by ChatGPT</h2>
       <li><a href="/tools/svg_path_editor.html">SVG Path Editor</a></li>
       <li><a href="/tools/video_to_gif_converter.html">Video to GIF Converter</a></li>
       <li><a href="/tools/code_case_converter.html">Code Case Converter</a></li>
+      <li><a href="/tools/todo_list.html">ToDo-List</a></li>
 <!-- end -->
     </ul>
   </div>