Changes to retronotes.scroll.pub

root

24 days ago

Initial commit

body.html

Changed around line 1
+ 
+   RetroNotes
+   Your advanced, interactive note-taking dashboard
+ 
+ 
+ 
+   
+     
+       
+       
+     
+ 
+     
+       
+     
+   
+ 
+ 
+ 
+   Keep your thoughts organized in style
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://retronotes.scroll.pub
+ metaTags
+ editButton /edit.html
+ title RetroNotes - Advanced Note Taking Dashboard
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "ce7cca14-3cb0-4912-a7ed-d18ad2b9ef50",
+   "object": "chat.completion",
+   "created": 1735394389,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nretronotes.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://retronotes.scroll.pub\nmetaTags\neditButton /edit.html\ntitle RetroNotes - Advanced Note Taking Dashboard\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  RetroNotes\n  Your advanced, interactive note-taking dashboard
\n\n\n\n  \n    \n      \n      \n    
\n    \n    \n      \n    
\n  \n\n\n\n  Keep your thoughts organized in style
\n\n---style.css---\n:root {\n  --retro-primary: #ff6f61;\n  --retro-secondary: #6b5b95;\n  --retro-bg: #f4f4f4;\n  --retro-text: #333;\n  --retro-border: #ddd;\n}\n\nbody {\n  font-family: 'Courier New', monospace;\n  background: var(--retro-bg);\n  color: var(--retro-text);\n  margin: 0;\n  padding: 20px;\n  line-height: 1.6;\n}\n\nheader {\n  text-align: center;\n  padding: 2rem 0;\n  border-bottom: 3px solid var(--retro-primary);\n}\n\nh1 {\n  color: var(--retro-secondary);\n  font-size: 2.5rem;\n  margin: 0;\n}\n\n.dashboard {\n  max-width: 1200px;\n  margin: 2rem auto;\n  padding: 1rem;\n}\n\n.controls {\n  display: flex;\n  gap: 1rem;\n  margin-bottom: 2rem;\n}\n\n.retro-btn {\n  background: var(--retro-primary);\n  color: white;\n  border: none;\n  padding: 0.5rem 1rem;\n  font-size: 1rem;\n  cursor: pointer;\n  transition: background 0.3s ease;\n}\n\n.retro-btn:hover {\n  background: var(--retro-secondary);\n}\n\n.retro-input {\n  flex-grow: 1;\n  padding: 0.5rem;\n  border: 2px solid var(--retro-border);\n  font-family: inherit;\n}\n\n.notes-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n  gap: 1rem;\n}\n\n.note-card {\n  background: white;\n  padding: 1rem;\n  border: 2px solid var(--retro-border);\n  box-shadow: 3px 3px 0 var(--retro-primary);\n  transition: transform 0.2s ease;\n}\n\n.note-card:hover {\n  transform: translate(-2px, -2px);\n}\n\nfooter {\n  text-align: center;\n  padding: 2rem 0;\n  margin-top: 2rem;\n  border-top: 3px solid var(--retro-secondary);\n}\n\n@media (max-width: 768px) {\n  .controls {\n    flex-direction: column;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n  const notesGrid = document.querySelector('.notes-grid');\n  const newNoteBtn = document.getElementById('newNote');\n  const searchInput = document.getElementById('search');\n\n  // Sample notes data\n  let notes = [\n    { id: 1, title: 'Meeting Notes', content: 'Discussed project timeline...' },\n    { id: 2, title: 'Shopping List', content: 'Milk, Eggs, Bread...' }\n  ];\n\n  // Render notes\n  function renderNotes(filter = '') {\n    notesGrid.innerHTML = '';\n    const filteredNotes = notes.filter(note => \n      note.title.toLowerCase().includes(filter.toLowerCase()) ||\n      note.content.toLowerCase().includes(filter.toLowerCase())\n    );\n\n    filteredNotes.forEach(note => {\n      const noteCard = document.createElement('div');\n      noteCard.className = 'note-card';\n      noteCard.innerHTML = `\n        ${note.title}\n        ${note.content}
\n      `;\n      notesGrid.appendChild(noteCard);\n    });\n  }\n\n  // Add new note\n  newNoteBtn.addEventListener('click', () => {\n    const newNote = {\n      id: Date.now(),\n      title: 'New Note',\n      content: 'Start typing your note here...'\n    };\n    notes.unshift(newNote);\n    renderNotes();\n  });\n\n  // Search notes\n  searchInput.addEventListener('input', (e) => {\n    renderNotes(e.target.value);\n  });\n\n  // Initial render\n  renderNotes();\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 242,
+     "completion_tokens": 1069,
+     "total_tokens": 1311,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 242
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # retronotes.scroll.pub

+ Website generated by DeepSeek from prompt: an interactive retro dashboard for advanced note taking

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', function() {
+   const notesGrid = document.querySelector('.notes-grid');
+   const newNoteBtn = document.getElementById('newNote');
+   const searchInput = document.getElementById('search');
+ 
+   // Sample notes data
+   let notes = [
+     { id: 1, title: 'Meeting Notes', content: 'Discussed project timeline...' },
+     { id: 2, title: 'Shopping List', content: 'Milk, Eggs, Bread...' }
+   ];
+ 
+   // Render notes
+   function renderNotes(filter = '') {
+     notesGrid.innerHTML = '';
+     const filteredNotes = notes.filter(note =>
+       note.title.toLowerCase().includes(filter.toLowerCase()) ||
+       note.content.toLowerCase().includes(filter.toLowerCase())
+     );
+ 
+     filteredNotes.forEach(note => {
+       const noteCard = document.createElement('div');
+       noteCard.className = 'note-card';
+       noteCard.innerHTML = `
+         ${note.title}
+         ${note.content}
+       `;
+       notesGrid.appendChild(noteCard);
+     });
+   }
+ 
+   // Add new note
+   newNoteBtn.addEventListener('click', () => {
+     const newNote = {
+       id: Date.now(),
+       title: 'New Note',
+       content: 'Start typing your note here...'
+     };
+     notes.unshift(newNote);
+     renderNotes();
+   });
+ 
+   // Search notes
+   searchInput.addEventListener('input', (e) => {
+     renderNotes(e.target.value);
+   });
+ 
+   // Initial render
+   renderNotes();
+ });

style.css

Changed around line 1
+ :root {
+   --retro-primary: #ff6f61;
+   --retro-secondary: #6b5b95;
+   --retro-bg: #f4f4f4;
+   --retro-text: #333;
+   --retro-border: #ddd;
+ }
+ 
+ body {
+   font-family: 'Courier New', monospace;
+   background: var(--retro-bg);
+   color: var(--retro-text);
+   margin: 0;
+   padding: 20px;
+   line-height: 1.6;
+ }
+ 
+ header {
+   text-align: center;
+   padding: 2rem 0;
+   border-bottom: 3px solid var(--retro-primary);
+ }
+ 
+ h1 {
+   color: var(--retro-secondary);
+   font-size: 2.5rem;
+   margin: 0;
+ }
+ 
+ .dashboard {
+   max-width: 1200px;
+   margin: 2rem auto;
+   padding: 1rem;
+ }
+ 
+ .controls {
+   display: flex;
+   gap: 1rem;
+   margin-bottom: 2rem;
+ }
+ 
+ .retro-btn {
+   background: var(--retro-primary);
+   color: white;
+   border: none;
+   padding: 0.5rem 1rem;
+   font-size: 1rem;
+   cursor: pointer;
+   transition: background 0.3s ease;
+ }
+ 
+ .retro-btn:hover {
+   background: var(--retro-secondary);
+ }
+ 
+ .retro-input {
+   flex-grow: 1;
+   padding: 0.5rem;
+   border: 2px solid var(--retro-border);
+   font-family: inherit;
+ }
+ 
+ .notes-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+   gap: 1rem;
+ }
+ 
+ .note-card {
+   background: white;
+   padding: 1rem;
+   border: 2px solid var(--retro-border);
+   box-shadow: 3px 3px 0 var(--retro-primary);
+   transition: transform 0.2s ease;
+ }
+ 
+ .note-card:hover {
+   transform: translate(-2px, -2px);
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 2rem 0;
+   margin-top: 2rem;
+   border-top: 3px solid var(--retro-secondary);
+ }
+ 
+ @media (max-width: 768px) {
+   .controls {
+     flex-direction: column;
+   }
+ }