Changes to whatsgen.scroll.pub

root
root
25 days ago
Initial commit
body.html
Changed around line 1
+
+

WhatsApp Template Generator

+

Create and customize WhatsApp message templates for Meta integration

+
+
+
+
+

Create Your Template

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Generated Template

+
+ 
+     
+     
+   
+ 
+ 
+ 
+   
Simple and efficient WhatsApp template generation
+ 

          

        

      
        

          

            
              
            
            index.scroll
          

          

      
Changed around line 1
+ buildHtml
+ baseUrl https://whatsgen.scroll.pub
+ metaTags
+ editButton /edit.html
+ title WhatsApp Template Generator
+ style.css
+ body.html
+ script.js

          

        

      
        

          

            
              
            
            prompt.json
          

          

      
Changed around line 1
+ {
+   "id": "3c428f70-dcad-41fa-a5c3-74a03d326bbd",
+   "object": "chat.completion",
+   "created": 1735354817,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nwhatsgen.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://whatsgen.scroll.pub\nmetaTags\neditButton /edit.html\ntitle WhatsApp Template Generator\nstyle.css\nbody.html\nscript.js\n---body.html---\n
\n  
WhatsApp Template Generator
\n  
Create and customize WhatsApp message templates for Meta integration
\n
\n\n
\n  
\n    
Create Your Template
\n    
\n      
\n        \n        \n      
\n      \n      
\n        \n        \n      
\n\n      
\n        \n        \n      
\n\n      \n    
\n  
\n\n  
\n    
Generated Template
\n    
\n      
\n    
\n    \n  
\n
\n\n
\n  
Simple and efficient WhatsApp template generation
\n
\n---style.css---\n:root {\n  --primary-color: #25D366;\n  --secondary-color: #075E54;\n  --background-color: #f5f5f5;\n  --text-color: #333;\n  --white: #ffffff;\n}\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: 'Segoe UI', sans-serif;\n  line-height: 1.6;\n  color: var(--text-color);\n  background-color: var(--background-color);\n  padding: 2rem;\n}\n\nheader {\n  text-align: center;\n  margin-bottom: 2rem;\n}\n\nheader h1 {\n  color: var(--secondary-color);\n  font-size: 2.5rem;\n  margin-bottom: 0.5rem;\n}\n\nmain {\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.template-form, .template-output {\n  background: var(--white);\n  padding: 2rem;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n  margin-bottom: 2rem;\n}\n\n.form-group {\n  margin-bottom: 1.5rem;\n}\n\nlabel {\n  display: block;\n  margin-bottom: 0.5rem;\n  font-weight: 600;\n}\n\ninput, textarea {\n  width: 100%;\n  padding: 0.8rem;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-size: 1rem;\n}\n\ntextarea {\n  resize: vertical;\n}\n\nbutton {\n  background-color: var(--primary-color);\n  color: var(--white);\n  border: none;\n  padding: 1rem 2rem;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 1rem;\n  transition: background-color 0.3s ease;\n}\n\nbutton:hover {\n  background-color: var(--secondary-color);\n}\n\n.output-container {\n  background: #f8f9fa;\n  padding: 1rem;\n  border-radius: 4px;\n  margin-bottom: 1rem;\n}\n\npre {\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n\nfooter {\n  text-align: center;\n  margin-top: 2rem;\n  color: #666;\n}\n\n@media (max-width: 768px) {\n  body {\n    padding: 1rem;\n  }\n  \n  header h1 {\n    font-size: 2rem;\n  }\n  \n  .template-form, .template-output {\n    padding: 1.5rem;\n  }\n}\n---script.js---\ndocument.getElementById('templateForm').addEventListener('submit', function(e) {\n  e.preventDefault();\n  \n  const templateName = document.getElementById('templateName').value;\n  const messageContent = document.getElementById('messageContent').value;\n  const variables = document.getElementById('variables').value.split(',').map(v => v.trim());\n  \n  const templateData = {\n    name: templateName,\n    message: messageContent,\n    variables: variables.filter(v => v !== '')\n  };\n  \n  const jsonOutput = JSON.stringify(templateData, null, 2);\n  document.getElementById('jsonOutput').textContent = jsonOutput;\n});\n\ndocument.getElementById('copyButton').addEventListener('click', function() {\n  const output = document.getElementById('jsonOutput').textContent;\n  navigator.clipboard.writeText(output)\n    .then(() => alert('Template copied to clipboard!'))\n    .catch(() => alert('Failed to copy template'));\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 251,
+     "completion_tokens": 1112,
+     "total_tokens": 1363,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 251
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

          

        

      
        

          

            
              
            
            readme.scroll
          

          

      
Changed around line 1
+ # whatsgen.scroll.pub
+ Website generated by DeepSeek from prompt: Create a whatsapp template generator than can modify and generate the data to sent to meta

          

        

      
        

          

            
              
            
            script.js
          

          

      
Changed around line 1
+ document.getElementById('templateForm').addEventListener('submit', function(e) {
+   e.preventDefault();
+ 
+   const templateName = document.getElementById('templateName').value;
+   const messageContent = document.getElementById('messageContent').value;
+   const variables = document.getElementById('variables').value.split(',').map(v => v.trim());
+ 
+   const templateData = {
+     name: templateName,
+     message: messageContent,
+     variables: variables.filter(v => v !== '')
+   };
+ 
+   const jsonOutput = JSON.stringify(templateData, null, 2);
+   document.getElementById('jsonOutput').textContent = jsonOutput;
+ });
+ 
+ document.getElementById('copyButton').addEventListener('click', function() {
+   const output = document.getElementById('jsonOutput').textContent;
+   navigator.clipboard.writeText(output)
+     .then(() => alert('Template copied to clipboard!'))
+     .catch(() => alert('Failed to copy template'));
+ });

          

        

      
        

          

            
              
            
            style.css
          

          

      
Changed around line 1
+ :root {
+   --primary-color: #25D366;
+   --secondary-color: #075E54;
+   --background-color: #f5f5f5;
+   --text-color: #333;
+   --white: #ffffff;
+ }
+ 
+ * {
+   margin: 0;
+   padding: 0;
+   box-sizing: border-box;
+ }
+ 
+ body {
+   font-family: 'Segoe UI', sans-serif;
+   line-height: 1.6;
+   color: var(--text-color);
+   background-color: var(--background-color);
+   padding: 2rem;
+ }
+ 
+ header {
+   text-align: center;
+   margin-bottom: 2rem;
+ }
+ 
+ header h1 {
+   color: var(--secondary-color);
+   font-size: 2.5rem;
+   margin-bottom: 0.5rem;
+ }
+ 
+ main {
+   max-width: 800px;
+   margin: 0 auto;
+ }
+ 
+ .template-form, .template-output {
+   background: var(--white);
+   padding: 2rem;
+   border-radius: 8px;
+   box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+   margin-bottom: 2rem;
+ }
+ 
+ .form-group {
+   margin-bottom: 1.5rem;
+ }
+ 
+ label {
+   display: block;
+   margin-bottom: 0.5rem;
+   font-weight: 600;
+ }
+ 
+ input, textarea {
+   width: 100%;
+   padding: 0.8rem;
+   border: 1px solid #ddd;
+   border-radius: 4px;
+   font-size: 1rem;
+ }
+ 
+ textarea {
+   resize: vertical;
+ }
+ 
+ button {
+   background-color: var(--primary-color);
+   color: var(--white);
+   border: none;
+   padding: 1rem 2rem;
+   border-radius: 4px;
+   cursor: pointer;
+   font-size: 1rem;
+   transition: background-color 0.3s ease;
+ }
+ 
+ button:hover {
+   background-color: var(--secondary-color);
+ }
+ 
+ .output-container {
+   background: #f8f9fa;
+   padding: 1rem;
+   border-radius: 4px;
+   margin-bottom: 1rem;
+ }
+ 
+ pre {
+   white-space: pre-wrap;
+   word-wrap: break-word;
+ }
+ 
+ footer {
+   text-align: center;
+   margin-top: 2rem;
+   color: #666;
+ }
+ 
+ @media (max-width: 768px) {
+   body {
+     padding: 1rem;
+   }
+ 
+   header h1 {
+     font-size: 2rem;
+   }
+ 
+   .template-form, .template-output {
+     padding: 1.5rem;
+   }
+ }