Changes to noteworthy.scroll.pub

root

23 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Noteworthy
+   Your digital notebook for capturing ideas in various formats
+ 
+ 
+ 
+   
+     
+     
+       
+       
+       
+     
+   
+ 
+   
+     
+   
+ 
+ 
+ 
+   Organize your thoughts, one note at a time
+ 
+ 
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://noteworthy.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Noteworthy - Your Digital Notebook
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "ee042fdd-ce82-46fe-ae7f-2e4532839a5c",
+   "object": "chat.completion",
+   "created": 1735476883,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nnoteworthy.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://noteworthy.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Noteworthy - Your Digital Notebook\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Noteworthy\n  Your digital notebook for capturing ideas in various formats
\n\n\n\n  \n    \n    \n      \n      \n      \n    
\n  \n\n  \n    \n  \n\n\n\n  Organize your thoughts, one note at a time
\n\n\n\n---style.css---\n:root {\n  --primary-color: #4a90e2;\n  --secondary-color: #50e3c2;\n  --background-color: #f5f7fa;\n  --text-color: #333;\n  --note-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  font-family: 'Segoe UI', system-ui, sans-serif;\n  line-height: 1.6;\n  color: var(--text-color);\n  background-color: var(--background-color);\n  padding: 2rem;\n  min-height: 100vh;\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\n.note-controls {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 2rem;\n}\n\n#new-note {\n  background-color: var(--primary-color);\n  color: white;\n  border: none;\n  padding: 0.75rem 1.5rem;\n  border-radius: 25px;\n  cursor: pointer;\n  transition: background-color 0.3s;\n}\n\n#new-note:hover {\n  background-color: #357abd;\n}\n\n.note-type-selector {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.note-type-selector button {\n  background: none;\n  border: 2px solid var(--primary-color);\n  padding: 0.5rem;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n\n.note-type-selector button.active {\n  background-color: var(--primary-color);\n  color: white;\n}\n\n.notes-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n.note {\n  background: white;\n  border-radius: 10px;\n  padding: 1rem;\n  box-shadow: var(--note-shadow);\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.note-content {\n  flex: 1;\n}\n\n.note-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 0.5rem;\n}\n\n.note-actions button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0.25rem;\n  transition: opacity 0.3s;\n}\n\n.note-actions button:hover {\n  opacity: 0.7;\n}\n\nfooter {\n  text-align: center;\n  margin-top: 2rem;\n  color: #666;\n}\n\n@media (max-width: 768px) {\n  body {\n    padding: 1rem;\n  }\n  \n  .notes-grid {\n    grid-template-columns: 1fr;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', () => {\n  const notesGrid = document.querySelector('.notes-grid');\n  const noteTemplate = document.getElementById('note-template');\n  const newNoteBtn = document.getElementById('new-note');\n  const typeButtons = document.querySelectorAll('.note-type-selector button');\n\n  let currentNoteType = 'text';\n\n  // Handle note type selection\n  typeButtons.forEach(button => {\n    button.addEventListener('click', () => {\n      typeButtons.forEach(btn => btn.classList.remove('active'));\n      button.classList.add('active');\n      currentNoteType = button.dataset.type;\n    });\n  });\n\n  // Create new note\n  newNoteBtn.addEventListener('click', () => {\n    const noteClone = noteTemplate.content.cloneNode(true);\n    const noteContent = noteClone.querySelector('.note-content');\n    \n    switch(currentNoteType) {\n      case 'text':\n        noteContent.innerHTML = ``;\n        break;\n      case 'image':\n        noteContent.innerHTML = `\n          \n          
\n        `;\n        break;\n      case 'video':\n        noteContent.innerHTML = `\n          \n          
\n        `;\n        break;\n    }\n\n    // Add event listeners for new note\n    const noteElement = noteClone.querySelector('.note');\n    const deleteBtn = noteElement.querySelector('.delete');\n    const editBtn = noteElement.querySelector('.edit');\n\n    deleteBtn.addEventListener('click', () => {\n      noteElement.remove();\n    });\n\n    editBtn.addEventListener('click', () => {\n      // Implement edit functionality\n      alert('Edit functionality coming soon!');\n    });\n\n    notesGrid.prepend(noteElement);\n  });\n\n  // Handle image upload preview\n  notesGrid.addEventListener('change', (e) => {\n    if (e.target.classList.contains('image-upload')) {\n      const file = e.target.files[0];\n      const preview = e.target.nextElementSibling;\n      \n      if (file) {\n        const reader = new FileReader();\n        reader.onload = (event) => {\n          preview.innerHTML = ``;\n        };\n        reader.readAsDataURL(file);\n      }\n    }\n  });\n\n  // Handle video URL input\n  notesGrid.addEventListener('input', (e) => {\n    if (e.target.classList.contains('video-url')) {\n      const url = e.target.value;\n      const preview = e.target.nextElementSibling;\n      \n      if (url) {\n        preview.innerHTML = `\n          \n          \n        `;\n      } else {\n        preview.innerHTML = '';\n      }\n    }\n  });\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 260,
+     "completion_tokens": 1658,
+     "total_tokens": 1918,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 260
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # noteworthy.scroll.pub

+ Website generated by DeepSeek from prompt: Create a site that helps record my notes in various areas, with display options of images, writings, videos. Be professional and creative

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', () => {
+   const notesGrid = document.querySelector('.notes-grid');
+   const noteTemplate = document.getElementById('note-template');
+   const newNoteBtn = document.getElementById('new-note');
+   const typeButtons = document.querySelectorAll('.note-type-selector button');
+ 
+   let currentNoteType = 'text';
+ 
+   // Handle note type selection
+   typeButtons.forEach(button => {
+     button.addEventListener('click', () => {
+       typeButtons.forEach(btn => btn.classList.remove('active'));
+       button.classList.add('active');
+       currentNoteType = button.dataset.type;
+     });
+   });
+ 
+   // Create new note
+   newNoteBtn.addEventListener('click', () => {
+     const noteClone = noteTemplate.content.cloneNode(true);
+     const noteContent = noteClone.querySelector('.note-content');
+ 
+     switch(currentNoteType) {
+       case 'text':
+         noteContent.innerHTML = ``;
+         break;
+       case 'image':
+         noteContent.innerHTML = `
+           
+           
+         `;
+         break;
+       case 'video':
+         noteContent.innerHTML = `
+           
+           
+         `;
+         break;
+     }
+ 
+     // Add event listeners for new note
+     const noteElement = noteClone.querySelector('.note');
+     const deleteBtn = noteElement.querySelector('.delete');
+     const editBtn = noteElement.querySelector('.edit');
+ 
+     deleteBtn.addEventListener('click', () => {
+       noteElement.remove();
+     });
+ 
+     editBtn.addEventListener('click', () => {
+       // Implement edit functionality
+       alert('Edit functionality coming soon!');
+     });
+ 
+     notesGrid.prepend(noteElement);
+   });
+ 
+   // Handle image upload preview
+   notesGrid.addEventListener('change', (e) => {
+     if (e.target.classList.contains('image-upload')) {
+       const file = e.target.files[0];
+       const preview = e.target.nextElementSibling;
+ 
+       if (file) {
+         const reader = new FileReader();
+         reader.onload = (event) => {
+           preview.innerHTML = ``;
+         };
+         reader.readAsDataURL(file);
+       }
+     }
+   });
+ 
+   // Handle video URL input
+   notesGrid.addEventListener('input', (e) => {
+     if (e.target.classList.contains('video-url')) {
+       const url = e.target.value;
+       const preview = e.target.nextElementSibling;
+ 
+       if (url) {
+         preview.innerHTML = `
+           +             src="${url}"
+             frameborder="0"
+             allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+             allowfullscreen>
+           
+         `;
+       } else {
+         preview.innerHTML = '';
+       }
+     }
+   });
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #4a90e2;
+   --secondary-color: #50e3c2;
+   --background-color: #f5f7fa;
+   --text-color: #333;
+   --note-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+ }
+ 
+ * {
+   box-sizing: border-box;
+   margin: 0;
+   padding: 0;
+ }
+ 
+ body {
+   font-family: 'Segoe UI', system-ui, sans-serif;
+   line-height: 1.6;
+   color: var(--text-color);
+   background-color: var(--background-color);
+   padding: 2rem;
+   min-height: 100vh;
+ }
+ 
+ header {
+   text-align: center;
+   margin-bottom: 2rem;
+ }
+ 
+ h1 {
+   font-size: 2.5rem;
+   color: var(--primary-color);
+   margin-bottom: 0.5rem;
+ }
+ 
+ .note-controls {
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
+   margin-bottom: 2rem;
+ }
+ 
+ #new-note {
+   background-color: var(--primary-color);
+   color: white;
+   border: none;
+   padding: 0.75rem 1.5rem;
+   border-radius: 25px;
+   cursor: pointer;
+   transition: background-color 0.3s;
+ }
+ 
+ #new-note:hover {
+   background-color: #357abd;
+ }
+ 
+ .note-type-selector {
+   display: flex;
+   gap: 0.5rem;
+ }
+ 
+ .note-type-selector button {
+   background: none;
+   border: 2px solid var(--primary-color);
+   padding: 0.5rem;
+   border-radius: 50%;
+   cursor: pointer;
+   transition: all 0.3s;
+ }
+ 
+ .note-type-selector button.active {
+   background-color: var(--primary-color);
+   color: white;
+ }
+ 
+ .notes-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+   gap: 1.5rem;
+ }
+ 
+ .note {
+   background: white;
+   border-radius: 10px;
+   padding: 1rem;
+   box-shadow: var(--note-shadow);
+   display: flex;
+   flex-direction: column;
+   gap: 1rem;
+ }
+ 
+ .note-content {
+   flex: 1;
+ }
+ 
+ .note-actions {
+   display: flex;
+   justify-content: flex-end;
+   gap: 0.5rem;
+ }
+ 
+ .note-actions button {
+   background: none;
+   border: none;
+   cursor: pointer;
+   padding: 0.25rem;
+   transition: opacity 0.3s;
+ }
+ 
+ .note-actions button:hover {
+   opacity: 0.7;
+ }
+ 
+ footer {
+   text-align: center;
+   margin-top: 2rem;
+   color: #666;
+ }
+ 
+ @media (max-width: 768px) {
+   body {
+     padding: 1rem;
+   }
+ 
+   .notes-grid {
+     grid-template-columns: 1fr;
+   }
+ }