Changes to emailquiz1.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Master Email Marketing in 5 Stages
+   Take this interactive quiz to discover your email marketing expertise and get personalized tips to level up your skills.
+ 
+ 
+ 
+   
+     
+       Stage 1: Foundation
+       How would you describe your current email list building strategy?
+       
+         
+         
+         
+       
+     
+ 
+     
+ 
+     
+       Your Results
+       Enter your email to receive your personalized email marketing assessment:
+       
+         
+         
+       
+     
+   
+ 
+ 
+ 
+   Designed to help you grow your email marketing skills
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://emailquiz.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Email Marketing Quiz - Master the 5 Stages
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "252ee22e-f6e4-45a8-9e52-2134b47ff6fd",
+   "object": "chat.completion",
+   "created": 1735319324,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nemailquiz.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://emailquiz.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Email Marketing Quiz - Master the 5 Stages\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Master Email Marketing in 5 Stages\n  Take this interactive quiz to discover your email marketing expertise and get personalized tips to level up your skills.
\n\n\n\n  \n    \n      Stage 1: Foundation\n      How would you describe your current email list building strategy?
\n      \n        \n        \n        \n      
\n    
\n    \n    \n    \n    \n      Your Results\n      Enter your email to receive your personalized email marketing assessment:
\n      \n        \n        \n      \n    
\n  \n\n\n\n  Designed to help you grow your email marketing skills
\n\n---style.css---\n:root {\n  --primary: #2563eb;\n  --secondary: #1e40af;\n  --background: #f8fafc;\n  --text: #1e293b;\n}\n\nbody {\n  font-family: system-ui, -apple-system, sans-serif;\n  line-height: 1.6;\n  color: var(--text);\n  background: var(--background);\n  margin: 0;\n  padding: 2rem;\n}\n\nheader {\n  text-align: center;\n  margin-bottom: 3rem;\n}\n\nh1 {\n  color: var(--primary);\n  font-size: 2.5rem;\n  margin-bottom: 1rem;\n}\n\n#quiz-container {\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.stage {\n  background: white;\n  padding: 2rem;\n  border-radius: 1rem;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n  margin-bottom: 2rem;\n}\n\n.options {\n  display: grid;\n  gap: 1rem;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n}\n\nbutton {\n  background: var(--primary);\n  color: white;\n  border: none;\n  padding: 1rem;\n  border-radius: 0.5rem;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n\nbutton:hover {\n  background: var(--secondary);\n  transform: translateY(-2px);\n}\n\n.results {\n  text-align: center;\n  padding: 2rem;\n}\n\ninput[type=\"email\"] {\n  padding: 1rem;\n  border: 1px solid #ddd;\n  border-radius: 0.5rem;\n  width: 100%;\n  max-width: 300px;\n  margin: 1rem 0;\n}\n\nfooter {\n  text-align: center;\n  margin-top: 3rem;\n  color: #64748b;\n}\n\n@media (max-width: 600px) {\n  h1 {\n    font-size: 2rem;\n  }\n  \n  .stage {\n    padding: 1rem;\n  }\n}\n---script.js---\nconst quizContainer = document.getElementById('quiz-container');\nconst resultsForm = document.getElementById('results-form');\nlet userResponses = [];\n\ndocument.querySelectorAll('.stage .options button').forEach(button => {\n  button.addEventListener('click', (e) => {\n    const stage = e.target.closest('.stage');\n    const nextStage = stage.nextElementSibling;\n    \n    // Store response\n    userResponses.push({\n      stage: stage.id,\n      value: e.target.dataset.value\n    });\n    \n    // Show next stage\n    if (nextStage && nextStage.classList.contains('stage')) {\n      nextStage.scrollIntoView({ behavior: 'smooth' });\n    } else {\n      document.querySelector('.results').scrollIntoView({ behavior: 'smooth' });\n    }\n  });\n});\n\nresultsForm.addEventListener('submit', (e) => {\n  e.preventDefault();\n  const email = e.target.querySelector('input').value;\n  \n  // Send data\n  const data = {\n    email: email,\n    responses: userResponses\n  };\n  \n  // Send to both user and host\n  sendResults(data, email);\n  sendResults(data, 'host@centersun21.com');\n  \n  alert('Your results have been sent! Check your email.');\n});\n\nfunction sendResults(data, recipient) {\n  // This would be replaced with actual email sending logic\n  console.log('Sending results to:', recipient);\n  console.log('Data:', data);\n}\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 285,
+     "completion_tokens": 1123,
+     "total_tokens": 1408,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 285
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # emailquiz1.scroll.pub

+ Website generated by DeepSeek from prompt: I want a quiz website that guides the user through 5 stages of email marketing development. at the end, I want the user to enter their email and get their results sent to them with a blind copy sent to host@centersun21.com

script.js

Changed around line 1
+ const quizContainer = document.getElementById('quiz-container');
+ const resultsForm = document.getElementById('results-form');
+ let userResponses = [];
+ 
+ document.querySelectorAll('.stage .options button').forEach(button => {
+   button.addEventListener('click', (e) => {
+     const stage = e.target.closest('.stage');
+     const nextStage = stage.nextElementSibling;
+ 
+     // Store response
+     userResponses.push({
+       stage: stage.id,
+       value: e.target.dataset.value
+     });
+ 
+     // Show next stage
+     if (nextStage && nextStage.classList.contains('stage')) {
+       nextStage.scrollIntoView({ behavior: 'smooth' });
+     } else {
+       document.querySelector('.results').scrollIntoView({ behavior: 'smooth' });
+     }
+   });
+ });
+ 
+ resultsForm.addEventListener('submit', (e) => {
+   e.preventDefault();
+   const email = e.target.querySelector('input').value;
+ 
+   // Send data
+   const data = {
+     email: email,
+     responses: userResponses
+   };
+ 
+   // Send to both user and host
+   sendResults(data, email);
+   sendResults(data, 'host@centersun21.com');
+ 
+   alert('Your results have been sent! Check your email.');
+ });
+ 
+ function sendResults(data, recipient) {
+   // This would be replaced with actual email sending logic
+   console.log('Sending results to:', recipient);
+   console.log('Data:', data);
+ }

style.css

Changed around line 1
+ :root {
+   --primary: #2563eb;
+   --secondary: #1e40af;
+   --background: #f8fafc;
+   --text: #1e293b;
+ }
+ 
+ body {
+   font-family: system-ui, -apple-system, sans-serif;
+   line-height: 1.6;
+   color: var(--text);
+   background: var(--background);
+   margin: 0;
+   padding: 2rem;
+ }
+ 
+ header {
+   text-align: center;
+   margin-bottom: 3rem;
+ }
+ 
+ h1 {
+   color: var(--primary);
+   font-size: 2.5rem;
+   margin-bottom: 1rem;
+ }
+ 
+ #quiz-container {
+   max-width: 800px;
+   margin: 0 auto;
+ }
+ 
+ .stage {
+   background: white;
+   padding: 2rem;
+   border-radius: 1rem;
+   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+   margin-bottom: 2rem;
+ }
+ 
+ .options {
+   display: grid;
+   gap: 1rem;
+   grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+ }
+ 
+ button {
+   background: var(--primary);
+   color: white;
+   border: none;
+   padding: 1rem;
+   border-radius: 0.5rem;
+   cursor: pointer;
+   transition: all 0.2s;
+ }
+ 
+ button:hover {
+   background: var(--secondary);
+   transform: translateY(-2px);
+ }
+ 
+ .results {
+   text-align: center;
+   padding: 2rem;
+ }
+ 
+ input[type="email"] {
+   padding: 1rem;
+   border: 1px solid #ddd;
+   border-radius: 0.5rem;
+   width: 100%;
+   max-width: 300px;
+   margin: 1rem 0;
+ }
+ 
+ footer {
+   text-align: center;
+   margin-top: 3rem;
+   color: #64748b;
+ }
+ 
+ @media (max-width: 600px) {
+   h1 {
+     font-size: 2rem;
+   }
+ 
+   .stage {
+     padding: 1rem;
+   }
+ }