body.html
Changed around line 1
+
+
+
DOS Notes App
+
+
+
+
+
+
+
+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://notes.scroll.pub
+ metaTags
+ editButton /edit.html
+ title DOS Notes App
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "id": "0f24867e-e192-4de0-99bc-8c0d74cdc836",
+ "object": "chat.completion",
+ "created": 1735394309,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nnotes.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://notes.scroll.pub\nmetaTags\neditButton /edit.html\ntitle DOS Notes App\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n \n \n \n \n \n \n \n---style.css---\n:root {\n --bg-color: #000;\n --text-color: #00ff00;\n --border-color: #00ff00;\n --button-bg: #333;\n --button-hover: #555;\n}\n\nbody {\n background-color: var(--bg-color);\n color: var(--text-color);\n font-family: 'Courier New', Courier, monospace;\n margin: 0;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n}\n\n.dos-container {\n width: 90%;\n max-width: 800px;\n border: 2px solid var(--border-color);\n padding: 20px;\n box-shadow: 0 0 10px var(--border-color);\n}\n\n.dos-header {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.notes-section {\n margin-bottom: 20px;\n}\n\n.dos-textarea {\n width: 100%;\n height: 300px;\n background-color: var(--bg-color);\n color: var(--text-color);\n border: 1px solid var(--border-color);\n padding: 10px;\n font-family: 'Courier New', Courier, monospace;\n font-size: 16px;\n resize: none;\n}\n\n.dos-footer {\n display: flex;\n justify-content: space-between;\n}\n\n.dos-button {\n background-color: var(--button-bg);\n color: var(--text-color);\n border: 1px solid var(--border-color);\n padding: 10px 20px;\n cursor: pointer;\n font-family: 'Courier New', Courier, monospace;\n font-size: 16px;\n}\n\n.dos-button:hover {\n background-color: var(--button-hover);\n}\n\n@media (max-width: 600px) {\n .dos-container {\n width: 100%;\n padding: 10px;\n }\n\n .dos-textarea {\n height: 200px;\n }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n const notes = document.getElementById('notes');\n const saveButton = document.getElementById('save');\n const clearButton = document.getElementById('clear');\n\n // Load saved notes from localStorage\n if (localStorage.getItem('notes')) {\n notes.value = localStorage.getItem('notes');\n }\n\n // Save notes to localStorage\n saveButton.addEventListener('click', function() {\n localStorage.setItem('notes', notes.value);\n alert('Notes saved!');\n });\n\n // Clear notes\n clearButton.addEventListener('click', function() {\n notes.value = '';\n localStorage.removeItem('notes');\n alert('Notes cleared!');\n });\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 242,
+ "completion_tokens": 758,
+ "total_tokens": 1000,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 242
+ },
+ "system_fingerprint": "fp_f1afce2943"
+ }
readme.scroll
Changed around line 1
+ # notes.scroll.pub
+ Website generated by DeepSeek from prompt: a black and green dos style notes app
script.js
Changed around line 1
+ document.addEventListener('DOMContentLoaded', function() {
+ const notes = document.getElementById('notes');
+ const saveButton = document.getElementById('save');
+ const clearButton = document.getElementById('clear');
+
+ // Load saved notes from localStorage
+ if (localStorage.getItem('notes')) {
+ notes.value = localStorage.getItem('notes');
+ }
+
+ // Save notes to localStorage
+ saveButton.addEventListener('click', function() {
+ localStorage.setItem('notes', notes.value);
+ alert('Notes saved!');
+ });
+
+ // Clear notes
+ clearButton.addEventListener('click', function() {
+ notes.value = '';
+ localStorage.removeItem('notes');
+ alert('Notes cleared!');
+ });
+ });
style.css
Changed around line 1
+ :root {
+ --bg-color: #000;
+ --text-color: #00ff00;
+ --border-color: #00ff00;
+ --button-bg: #333;
+ --button-hover: #555;
+ }
+
+ body {
+ background-color: var(--bg-color);
+ color: var(--text-color);
+ font-family: 'Courier New', Courier, monospace;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ }
+
+ .dos-container {
+ width: 90%;
+ max-width: 800px;
+ border: 2px solid var(--border-color);
+ padding: 20px;
+ box-shadow: 0 0 10px var(--border-color);
+ }
+
+ .dos-header {
+ text-align: center;
+ margin-bottom: 20px;
+ }
+
+ .notes-section {
+ margin-bottom: 20px;
+ }
+
+ .dos-textarea {
+ width: 100%;
+ height: 300px;
+ background-color: var(--bg-color);
+ color: var(--text-color);
+ border: 1px solid var(--border-color);
+ padding: 10px;
+ font-family: 'Courier New', Courier, monospace;
+ font-size: 16px;
+ resize: none;
+ }
+
+ .dos-footer {
+ display: flex;
+ justify-content: space-between;
+ }
+
+ .dos-button {
+ background-color: var(--button-bg);
+ color: var(--text-color);
+ border: 1px solid var(--border-color);
+ padding: 10px 20px;
+ cursor: pointer;
+ font-family: 'Courier New', Courier, monospace;
+ font-size: 16px;
+ }
+
+ .dos-button:hover {
+ background-color: var(--button-hover);
+ }
+
+ @media (max-width: 600px) {
+ .dos-container {
+ width: 100%;
+ padding: 10px;
+ }
+
+ .dos-textarea {
+ height: 200px;
+ }
+ }