Changes to secretscroll.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Secret Scroll
+   Write your secrets. Burn them forever.
+ 
+ 
+ 
+   
+     
+     
+   
+ 
+   
+     Your Secrets
+     
+   
+ 
+ 
+ 
+   Your secrets are safe with us. Until you burn them.
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://secretscroll.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Secret Scroll - Burn Your Secrets
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "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\n  Secret Scroll\n  Write your secrets. Burn them forever.
\n\n\n\n  \n    \n    \n  \n\n  \n    Your Secrets\n    \n  \n\n\n\n  Your secrets are safe with us. Until you burn them.
\n\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    \n      ${secret.text}\n      \n    
\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"
+ }

readme.scroll

Changed around line 1

+ # 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

script.js

Changed around line 1
+ 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 => `
+     
+       ${secret.text}
+       
+     
+   `).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();

style.css

Changed around line 1
+ :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;
+   }
+ }