Your Email Marketing Strategy Level:
\n \n \n\n
\n Want personalized suggestions?
\n \nOr email us directly at host@centersun21.com
\n
body.html
Changed around line 1
+
+
Email Marketing Strategy Quiz
+
Discover how to optimize your email marketing efforts in just 5 questions!
+
+
+
+
+
+
1. How often do you send email campaigns?
+
+
+
+
+
+
+
2. What types of emails do you currently send?
+
+
+
+
+
+
+
3. How would you describe your current email strategy?
+
+
+
+
+
+
+
4. Do you segment your email list?
+
+
+
+
+
+
+
5. How satisfied are you with your current email marketing results?
+
+
+
+
+
+
+
+
+
+
Your Email Marketing Strategy Level:
+
+
+
+
+
+
Take your email marketing to the next level!
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://emailquiz.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Email Marketing Quiz - Find Your Strategy
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "id": "ef80a236-f776-45e5-b92b-0c4823cc31d4",
+ "object": "chat.completion",
+ "created": 1735320434,
+ "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 - Find Your Strategy\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n \n\n \n \n \n \n \n \n\n---style.css---\n:root {\n --primary: #2563eb;\n --secondary: #1e40af;\n --background: #f8fafc;\n --text: #1e293b;\n --white: #ffffff;\n}\n\nbody {\n font-family: 'Segoe UI', system-ui, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background-color: var(--background);\n color: var(--text);\n}\n\nheader {\n background: var(--primary);\n color: var(--white);\n padding: 2rem;\n text-align: center;\n}\n\nh1 {\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n}\n\nmain {\n max-width: 800px;\n margin: 2rem auto;\n padding: 0 1rem;\n}\n\n.question {\n background: var(--white);\n padding: 1.5rem;\n margin: 1rem 0;\n border-radius: 0.5rem;\n box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n}\n\nlabel {\n display: block;\n margin: 0.75rem 0;\n cursor: pointer;\n}\n\ninput[type=\"radio\"] {\n margin-right: 0.5rem;\n}\n\nbutton {\n background: var(--primary);\n color: var(--white);\n border: none;\n padding: 0.75rem 1.5rem;\n border-radius: 0.25rem;\n cursor: pointer;\n font-size: 1rem;\n transition: background 0.3s ease;\n}\n\nbutton:hover {\n background: var(--secondary);\n}\n\n#results {\n background: var(--white);\n padding: 2rem;\n border-radius: 0.5rem;\n box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n}\n\n.hidden {\n display: none;\n}\n\n#contactForm {\n display: flex;\n gap: 0.5rem;\n margin: 1rem 0;\n}\n\n#contactForm input {\n flex: 1;\n padding: 0.75rem;\n border: 1px solid #ddd;\n border-radius: 0.25rem;\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background: var(--primary);\n color: var(--white);\n margin-top: 2rem;\n}\n\n@media (max-width: 600px) {\n h1 {\n font-size: 2rem;\n }\n \n #contactForm {\n flex-direction: column;\n }\n}\n---script.js---\ndocument.getElementById('quizForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n // Calculate score\n const answers = Array.from(document.querySelectorAll('input[type=\"radio\"]:checked')).map(input => input.value);\n const score = answers.reduce((acc, val) => acc + val.charCodeAt(0), 0) / answers.length;\n \n // Determine result\n let result, analysis;\n if (score >= 65) {\n result = 'A: Advanced';\n analysis = 'Your email marketing strategy is well-developed! Let us help you optimize further.';\n } else if (score >= 66) {\n result = 'B: Moderate';\n analysis = 'You have a good foundation, but there\\'s room for improvement. We can help you take it to the next level.';\n } else if (score >= 67) {\n result = 'C: Needs Improvement';\n analysis = 'Your email marketing could use some work. We can help you develop a more effective strategy.';\n } else {\n result = 'D: No Strategy';\n analysis = 'It\\'s time to start building your email marketing strategy. We can help you get started.';\n }\n \n // Show results\n document.getElementById('resultText').textContent = result;\n document.getElementById('resultAnalysis').textContent = analysis;\n document.getElementById('quiz').classList.add('hidden');\n document.getElementById('results').classList.remove('hidden');\n});\n\ndocument.getElementById('contactForm').addEventListener('submit', function(e) {\n e.preventDefault();\n alert('Thank you! We\\'ll be in touch soon with personalized suggestions.');\n});\n---end---"
Email Marketing Strategy Quiz
\nDiscover how to optimize your email marketing efforts in just 5 questions!
\n+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 429,
+ "completion_tokens": 1891,
+ "total_tokens": 2320,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 429
+ },
+ "system_fingerprint": "fp_f1afce2943"
+ }
readme.scroll
Changed around line 1
+ # emailquiz2.scroll.pub
+ Website generated by DeepSeek from prompt: Prompt for Quiz-Based Static Website: Create a static website featuring an interactive quiz designed to identify potential clients for email marketing services. The quiz should assess their current email marketing strategies and needs through five focused questions. Each question should have four multiple-choice answers that evaluate frequency, type, strategy, segmentation, and satisfaction with email marketing efforts. Questions: Frequency of email campaigns Types of emails currently sent Description of the current email strategy Use of email list segmentation Satisfaction with current email marketing results Provide users with results categories (A: Advanced, B: Moderate, C: Needs Improvement, D: No Strategy) that offer a brief analysis and encourage them to reach out. Include a contact section at the end of the quiz asking users to enter their email address for personalized suggestions, with a call-to-action inviting them to email host@centersun21.com for further consultation. Ensure the website is user-friendly, visually appealing, and encourages users to engage with the quiz and contact for further services.
script.js
Changed around line 1
+ document.getElementById('quizForm').addEventListener('submit', function(e) {
+ e.preventDefault();
+
+ // Calculate score
+ const answers = Array.from(document.querySelectorAll('input[type="radio"]:checked')).map(input => input.value);
+ const score = answers.reduce((acc, val) => acc + val.charCodeAt(0), 0) / answers.length;
+
+ // Determine result
+ let result, analysis;
+ if (score >= 65) {
+ result = 'A: Advanced';
+ analysis = 'Your email marketing strategy is well-developed! Let us help you optimize further.';
+ } else if (score >= 66) {
+ result = 'B: Moderate';
+ analysis = 'You have a good foundation, but there\'s room for improvement. We can help you take it to the next level.';
+ } else if (score >= 67) {
+ result = 'C: Needs Improvement';
+ analysis = 'Your email marketing could use some work. We can help you develop a more effective strategy.';
+ } else {
+ result = 'D: No Strategy';
+ analysis = 'It\'s time to start building your email marketing strategy. We can help you get started.';
+ }
+
+ // Show results
+ document.getElementById('resultText').textContent = result;
+ document.getElementById('resultAnalysis').textContent = analysis;
+ document.getElementById('quiz').classList.add('hidden');
+ document.getElementById('results').classList.remove('hidden');
+ });
+
+ document.getElementById('contactForm').addEventListener('submit', function(e) {
+ e.preventDefault();
+ alert('Thank you! We\'ll be in touch soon with personalized suggestions.');
+ });
style.css
Changed around line 1
+ :root {
+ --primary: #2563eb;
+ --secondary: #1e40af;
+ --background: #f8fafc;
+ --text: #1e293b;
+ --white: #ffffff;
+ }
+
+ body {
+ font-family: 'Segoe UI', system-ui, sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ padding: 0;
+ background-color: var(--background);
+ color: var(--text);
+ }
+
+ header {
+ background: var(--primary);
+ color: var(--white);
+ padding: 2rem;
+ text-align: center;
+ }
+
+ h1 {
+ font-size: 2.5rem;
+ margin-bottom: 0.5rem;
+ }
+
+ main {
+ max-width: 800px;
+ margin: 2rem auto;
+ padding: 0 1rem;
+ }
+
+ .question {
+ background: var(--white);
+ padding: 1.5rem;
+ margin: 1rem 0;
+ border-radius: 0.5rem;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+ }
+
+ label {
+ display: block;
+ margin: 0.75rem 0;
+ cursor: pointer;
+ }
+
+ input[type="radio"] {
+ margin-right: 0.5rem;
+ }
+
+ button {
+ background: var(--primary);
+ color: var(--white);
+ border: none;
+ padding: 0.75rem 1.5rem;
+ border-radius: 0.25rem;
+ cursor: pointer;
+ font-size: 1rem;
+ transition: background 0.3s ease;
+ }
+
+ button:hover {
+ background: var(--secondary);
+ }
+
+ #results {
+ background: var(--white);
+ padding: 2rem;
+ border-radius: 0.5rem;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+ }
+
+ .hidden {
+ display: none;
+ }
+
+ #contactForm {
+ display: flex;
+ gap: 0.5rem;
+ margin: 1rem 0;
+ }
+
+ #contactForm input {
+ flex: 1;
+ padding: 0.75rem;
+ border: 1px solid #ddd;
+ border-radius: 0.25rem;
+ }
+
+ footer {
+ text-align: center;
+ padding: 1rem;
+ background: var(--primary);
+ color: var(--white);
+ margin-top: 2rem;
+ }
+
+ @media (max-width: 600px) {
+ h1 {
+ font-size: 2rem;
+ }
+
+ #contactForm {
+ flex-direction: column;
+ }
+ }