Changes to secretfire.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Secret Fire
+   Write your secret, burn it, and get a unique code.
+ 
+ 
+ 
+   
+     
+     
+   
+ 
+   
+     Your Unique Code
+     
+     
+   
+ 
+ 
+ 
+   Your secrets are safe with us. Once burned, they're gone forever.
+ 

index.scroll

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

prompt.json

Changed around line 1
+ {
+   "id": "5a35db82-4200-4470-a749-38d92f52124b",
+   "object": "chat.completion",
+   "created": 1735357660,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nsecretfire.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://secretfire.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Secret Fire - Burn Your Secrets Safely\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Secret Fire\n  Write your secret, burn it, and get a unique code.
\n\n\n\n  \n    \n    \n  \n\n  \n    Your Unique Code\n    
\n    \n  \n\n\n\n  Your secrets are safe with us. Once burned, they're gone forever.
\n\n---style.css---\n:root {\n  --primary-color: #ff6b6b;\n  --secondary-color: #4ecdc4;\n  --background-color: #1a1a1a;\n  --text-color: #f0f0f0;\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  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\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\nmain {\n  width: 100%;\n  max-width: 600px;\n}\n\n#secret-section {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\ntextarea {\n  width: 100%;\n  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: none;\n}\n\nbutton {\n  padding: 0.75rem 1.5rem;\n  border: none;\n  border-radius: 8px;\n  background-color: var(--primary-color);\n  color: var(--background-color);\n  font-size: 1rem;\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\nbutton:hover {\n  transform: scale(1.05);\n  background-color: #ff5252;\n}\n\n#code-section {\n  margin-top: 2rem;\n  text-align: center;\n}\n\n#code-display {\n  font-size: 2rem;\n  font-weight: bold;\n  color: var(--secondary-color);\n  margin: 1rem 0;\n  padding: 1rem;\n  background-color: rgba(78, 205, 196, 0.1);\n  border-radius: 8px;\n}\n\n.hidden {\n  display: none;\n}\n\nfooter {\n  margin-top: 3rem;\n  text-align: center;\n  color: #666;\n}\n\n@media (max-width: 600px) {\n  h1 {\n    font-size: 2rem;\n  }\n  \n  textarea {\n    height: 120px;\n  }\n}\n---script.js---\nconst secretInput = document.getElementById('secret-input');\nconst fireBtn = document.getElementById('fire-btn');\nconst codeSection = document.getElementById('code-section');\nconst codeDisplay = document.getElementById('code-display');\nconst copyBtn = document.getElementById('copy-btn');\n\nfireBtn.addEventListener('click', () => {\n  const secret = secretInput.value.trim();\n  \n  if (secret) {\n    // Generate unique code\n    const code = generateUniqueCode();\n    \n    // Display code section\n    codeDisplay.textContent = code;\n    codeSection.classList.remove('hidden');\n    \n    // Clear input\n    secretInput.value = '';\n    \n    // Simulate burning effect\n    setTimeout(() => {\n      secretInput.style.transition = 'opacity 1s';\n      secretInput.style.opacity = '0';\n      setTimeout(() => {\n        secretInput.style.opacity = '1';\n      }, 1000);\n    }, 500);\n  }\n});\n\ncopyBtn.addEventListener('click', () => {\n  const code = codeDisplay.textContent;\n  navigator.clipboard.writeText(code)\n    .then(() => {\n      copyBtn.textContent = '✅ Copied!';\n      setTimeout(() => {\n        copyBtn.textContent = '📋 Copy Code';\n      }, 2000);\n    });\n});\n\nfunction generateUniqueCode() {\n  const timestamp = Date.now().toString(36);\n  const random = Math.random().toString(36).substr(2, 5);\n  return `${timestamp}-${random}`.toUpperCase();\n}\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 256,
+     "completion_tokens": 1138,
+     "total_tokens": 1394,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 256
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # secretfire.scroll.pub

+ Website generated by DeepSeek from prompt: I want a complete crud operation that holds secrets then burns them and generates a unique code when you press fire

script.js

Changed around line 1
+ const secretInput = document.getElementById('secret-input');
+ const fireBtn = document.getElementById('fire-btn');
+ const codeSection = document.getElementById('code-section');
+ const codeDisplay = document.getElementById('code-display');
+ const copyBtn = document.getElementById('copy-btn');
+ 
+ fireBtn.addEventListener('click', () => {
+   const secret = secretInput.value.trim();
+ 
+   if (secret) {
+     // Generate unique code
+     const code = generateUniqueCode();
+ 
+     // Display code section
+     codeDisplay.textContent = code;
+     codeSection.classList.remove('hidden');
+ 
+     // Clear input
+     secretInput.value = '';
+ 
+     // Simulate burning effect
+     setTimeout(() => {
+       secretInput.style.transition = 'opacity 1s';
+       secretInput.style.opacity = '0';
+       setTimeout(() => {
+         secretInput.style.opacity = '1';
+       }, 1000);
+     }, 500);
+   }
+ });
+ 
+ copyBtn.addEventListener('click', () => {
+   const code = codeDisplay.textContent;
+   navigator.clipboard.writeText(code)
+     .then(() => {
+       copyBtn.textContent = '✅ Copied!';
+       setTimeout(() => {
+         copyBtn.textContent = '📋 Copy Code';
+       }, 2000);
+     });
+ });
+ 
+ function generateUniqueCode() {
+   const timestamp = Date.now().toString(36);
+   const random = Math.random().toString(36).substr(2, 5);
+   return `${timestamp}-${random}`.toUpperCase();
+ }

style.css

Changed around line 1
+ :root {
+   --primary-color: #ff6b6b;
+   --secondary-color: #4ecdc4;
+   --background-color: #1a1a1a;
+   --text-color: #f0f0f0;
+   --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);
+   min-height: 100vh;
+   display: flex;
+   flex-direction: column;
+   align-items: center;
+   justify-content: center;
+   padding: 2rem;
+ }
+ 
+ header {
+   text-align: center;
+   margin-bottom: 2rem;
+ }
+ 
+ h1 {
+   font-size: 2.5rem;
+   color: var(--primary-color);
+   margin-bottom: 0.5rem;
+ }
+ 
+ main {
+   width: 100%;
+   max-width: 600px;
+ }
+ 
+ #secret-section {
+   display: flex;
+   flex-direction: column;
+   gap: 1rem;
+ }
+ 
+ textarea {
+   width: 100%;
+   height: 150px;
+   padding: 1rem;
+   border: 2px solid var(--secondary-color);
+   border-radius: 8px;
+   background-color: transparent;
+   color: var(--text-color);
+   font-size: 1rem;
+   resize: none;
+ }
+ 
+ button {
+   padding: 0.75rem 1.5rem;
+   border: none;
+   border-radius: 8px;
+   background-color: var(--primary-color);
+   color: var(--background-color);
+   font-size: 1rem;
+   cursor: pointer;
+   transition: all 0.3s ease;
+ }
+ 
+ button:hover {
+   transform: scale(1.05);
+   background-color: #ff5252;
+ }
+ 
+ #code-section {
+   margin-top: 2rem;
+   text-align: center;
+ }
+ 
+ #code-display {
+   font-size: 2rem;
+   font-weight: bold;
+   color: var(--secondary-color);
+   margin: 1rem 0;
+   padding: 1rem;
+   background-color: rgba(78, 205, 196, 0.1);
+   border-radius: 8px;
+ }
+ 
+ .hidden {
+   display: none;
+ }
+ 
+ footer {
+   margin-top: 3rem;
+   text-align: center;
+   color: #666;
+ }
+ 
+ @media (max-width: 600px) {
+   h1 {
+     font-size: 2rem;
+   }
+ 
+   textarea {
+     height: 120px;
+   }
+ }