commit 9a9f6d52f82bfd2467739f8d0fd077b92ae4e497
Author: root <root@hub.scroll.pub> Date: 2024-12-28 03:40:59 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..ab219e0 --- /dev/null +++ b/body.html @@ -0,0 +1,20 @@ +<header> + <h1>Secret Scroll</h1> + <p>Write your secrets. Burn them forever.</p> +</header> + +<main> + <section id="secret-form"> + <textarea id="secret-input" placeholder="Write your secret here..." maxlength="500"></textarea> + <button id="save-secret">Save Secret</button> + </section> + + <section id="secrets-list"> + <h2>Your Secrets</h2> + <ul id="secrets-container"></ul> + </section> +</main> + +<footer> + <p>Your secrets are safe with us. Until you burn them.</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..9a1d51d --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://secretscroll.scroll.pub +metaTags +editButton /edit.html +title Secret Scroll - Burn Your Secrets +style.css +body.html +script.js \ No newline at end of file diff --git a/prompt.json b/prompt.json new file mode 100644 index 0000000..6454952 --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "2dbf62b1-5ea4-4036-ab17-d36de83e8d70", + "object": "chat.completion", + "created": 1735357243, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nsecretscroll.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://secretscroll.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Secret Scroll - Burn Your Secrets\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Secret Scroll</h1>\n <p>Write your secrets. Burn them forever.</p>\n</header>\n\n<main>\n <section id=\"secret-form\">\n <textarea id=\"secret-input\" placeholder=\"Write your secret here...\" maxlength=\"500\"></textarea>\n <button id=\"save-secret\">Save Secret</button>\n </section>\n\n <section id=\"secrets-list\">\n <h2>Your Secrets</h2>\n <ul id=\"secrets-container\"></ul>\n </section>\n</main>\n\n<footer>\n <p>Your secrets are safe with us. Until you burn them.</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #ff6b6b;\n --secondary-color: #4ecdc4;\n --background-color: #1a1a1a;\n --text-color: #f5f5f5;\n --font-family: 'Segoe UI', system-ui, sans-serif;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background-color: var(--background-color);\n color: var(--text-color);\n font-family: var(--font-family);\n line-height: 1.6;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n}\n\nheader {\n text-align: center;\n padding: 2rem;\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n}\n\nh1 {\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n}\n\nmain {\n flex: 1;\n padding: 2rem;\n max-width: 800px;\n margin: 0 auto;\n width: 100%;\n}\n\n#secret-form {\n margin-bottom: 2rem;\n}\n\ntextarea {\n width: 100%;\n min-height: 150px;\n padding: 1rem;\n border: 2px solid var(--secondary-color);\n border-radius: 8px;\n background-color: transparent;\n color: var(--text-color);\n font-size: 1rem;\n resize: vertical;\n margin-bottom: 1rem;\n}\n\nbutton {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1rem;\n transition: background-color 0.3s ease;\n}\n\nbutton:hover {\n background-color: #ff5252;\n}\n\n#secrets-list {\n margin-top: 2rem;\n}\n\n#secrets-container {\n list-style: none;\n}\n\n.secret-item {\n background-color: rgba(255, 255, 255, 0.1);\n padding: 1rem;\n border-radius: 8px;\n margin-bottom: 1rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n animation: fadeIn 0.5s ease;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.burn-btn {\n background-color: #ff5252;\n padding: 0.5rem 1rem;\n border-radius: 4px;\n font-size: 0.9rem;\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background-color: rgba(255, 255, 255, 0.05);\n}\n\n@media (max-width: 768px) {\n h1 {\n font-size: 2rem;\n }\n \n main {\n padding: 1rem;\n }\n}\n---script.js---\nlet secrets = JSON.parse(localStorage.getItem('secrets')) || [];\n\nfunction saveSecret() {\n const secretText = document.getElementById('secret-input').value.trim();\n if (secretText) {\n const newSecret = {\n id: Date.now(),\n text: secretText\n };\n secrets.push(newSecret);\n localStorage.setItem('secrets', JSON.stringify(secrets));\n document.getElementById('secret-input').value = '';\n displaySecrets();\n }\n}\n\nfunction displaySecrets() {\n const secretsContainer = document.getElementById('secrets-container');\n secretsContainer.innerHTML = secrets.map(secret => `\n <li class=\"secret-item\">\n <span>${secret.text}</span>\n <button class=\"burn-btn\" onclick=\"burnSecret(${secret.id})\">Burn</button>\n </li>\n `).join('');\n}\n\nfunction burnSecret(id) {\n secrets = secrets.filter(secret => secret.id !== id);\n localStorage.setItem('secrets', JSON.stringify(secrets));\n displaySecrets();\n}\n\ndocument.getElementById('save-secret').addEventListener('click', saveSecret);\ndocument.getElementById('secret-input').addEventListener('keydown', (e) => {\n if (e.ctrlKey && e.key === 'Enter') {\n saveSecret();\n }\n});\n\n// Initial display\ndisplaySecrets();\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 251, + "completion_tokens": 1175, + "total_tokens": 1426, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 251 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..9ea7994 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# secretscroll.scroll.pub +Website generated by DeepSeek from prompt: I want a complete crud operation that holds secrets then burns them when you press fire \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..5605584 --- /dev/null +++ b/script.js @@ -0,0 +1,41 @@ +let secrets = JSON.parse(localStorage.getItem('secrets')) || []; + +function saveSecret() { + const secretText = document.getElementById('secret-input').value.trim(); + if (secretText) { + const newSecret = { + id: Date.now(), + text: secretText + }; + secrets.push(newSecret); + localStorage.setItem('secrets', JSON.stringify(secrets)); + document.getElementById('secret-input').value = ''; + displaySecrets(); + } +} + +function displaySecrets() { + const secretsContainer = document.getElementById('secrets-container'); + secretsContainer.innerHTML = secrets.map(secret => ` + <li class="secret-item"> + <span>${secret.text}</span> + <button class="burn-btn" onclick="burnSecret(${secret.id})">Burn</button> + </li> + `).join(''); +} + +function burnSecret(id) { + secrets = secrets.filter(secret => secret.id !== id); + localStorage.setItem('secrets', JSON.stringify(secrets)); + displaySecrets(); +} + +document.getElementById('save-secret').addEventListener('click', saveSecret); +document.getElementById('secret-input').addEventListener('keydown', (e) => { + if (e.ctrlKey && e.key === 'Enter') { + saveSecret(); + } +}); + +// Initial display +displaySecrets(); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..5bc8fac --- /dev/null +++ b/style.css @@ -0,0 +1,121 @@ +:root { + --primary-color: #ff6b6b; + --secondary-color: #4ecdc4; + --background-color: #1a1a1a; + --text-color: #f5f5f5; + --font-family: 'Segoe UI', system-ui, sans-serif; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background-color: var(--background-color); + color: var(--text-color); + font-family: var(--font-family); + line-height: 1.6; + min-height: 100vh; + display: flex; + flex-direction: column; +} + +header { + text-align: center; + padding: 2rem; + background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); +} + +h1 { + font-size: 2.5rem; + margin-bottom: 0.5rem; +} + +main { + flex: 1; + padding: 2rem; + max-width: 800px; + margin: 0 auto; + width: 100%; +} + +#secret-form { + margin-bottom: 2rem; +} + +textarea { + width: 100%; + min-height: 150px; + padding: 1rem; + border: 2px solid var(--secondary-color); + border-radius: 8px; + background-color: transparent; + color: var(--text-color); + font-size: 1rem; + resize: vertical; + margin-bottom: 1rem; +} + +button { + background-color: var(--primary-color); + color: white; + border: none; + padding: 0.75rem 1.5rem; + border-radius: 8px; + cursor: pointer; + font-size: 1rem; + transition: background-color 0.3s ease; +} + +button:hover { + background-color: #ff5252; +} + +#secrets-list { + margin-top: 2rem; +} + +#secrets-container { + list-style: none; +} + +.secret-item { + background-color: rgba(255, 255, 255, 0.1); + padding: 1rem; + border-radius: 8px; + margin-bottom: 1rem; + display: flex; + justify-content: space-between; + align-items: center; + animation: fadeIn 0.5s ease; +} + +@keyframes fadeIn { + from { opacity: 0; transform: translateY(20px); } + to { opacity: 1; transform: translateY(0); } +} + +.burn-btn { + background-color: #ff5252; + padding: 0.5rem 1rem; + border-radius: 4px; + font-size: 0.9rem; +} + +footer { + text-align: center; + padding: 1rem; + background-color: rgba(255, 255, 255, 0.05); +} + +@media (max-width: 768px) { + h1 { + font-size: 2rem; + } + + main { + padding: 1rem; + } +} \ No newline at end of file