commit 14f6c55ce300f47b552a2891668ae32fd4e72cda
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 17:27:40 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..3bcb89c
--- /dev/null
+++ b/body.html
@@ -0,0 +1,62 @@
+<header>
+ <h1>Email Marketing Strategy Quiz</h1>
+ <p>Discover how to optimize your email marketing efforts in just 5 questions!</p>
+</header>
+<main>
+ <section id="quiz">
+ <form id="quizForm">
+ <div class="question">
+ <h2>1. How often do you send email campaigns?</h2>
+ <label><input type="radio" name="frequency" value="A"> Weekly</label>
+ <label><input type="radio" name="frequency" value="B"> Monthly</label>
+ <label><input type="radio" name="frequency" value="C"> Quarterly</label>
+ <label><input type="radio" name="frequency" value="D"> Rarely or never</label>
+ </div>
+ <div class="question">
+ <h2>2. What types of emails do you currently send?</h2>
+ <label><input type="radio" name="type" value="A"> Newsletters, promotions, and transactional</label>
+ <label><input type="radio" name="type" value="B"> Newsletters and promotions</label>
+ <label><input type="radio" name="type" value="C"> Only newsletters</label>
+ <label><input type="radio" name="type" value="D"> I don't send emails</label>
+ </div>
+ <div class="question">
+ <h2>3. How would you describe your current email strategy?</h2>
+ <label><input type="radio" name="strategy" value="A"> Data-driven and automated</label>
+ <label><input type="radio" name="strategy" value="B"> Planned but manual</label>
+ <label><input type="radio" name="strategy" value="C"> Ad-hoc and reactive</label>
+ <label><input type="radio" name="strategy" value="D"> I don't have a strategy</label>
+ </div>
+ <div class="question">
+ <h2>4. Do you segment your email list?</h2>
+ <label><input type="radio" name="segmentation" value="A"> Yes, with advanced segmentation</label>
+ <label><input type="radio" name="segmentation" value="B"> Yes, basic segmentation</label>
+ <label><input type="radio" name="segmentation" value="C"> No, but I plan to</label>
+ <label><input type="radio" name="segmentation" value="D"> No, and I don't plan to</label>
+ </div>
+ <div class="question">
+ <h2>5. How satisfied are you with your current email marketing results?</h2>
+ <label><input type="radio" name="satisfaction" value="A"> Very satisfied</label>
+ <label><input type="radio" name="satisfaction" value="B"> Somewhat satisfied</label>
+ <label><input type="radio" name="satisfaction" value="C"> Not very satisfied</label>
+ <label><input type="radio" name="satisfaction" value="D"> Not satisfied at all</label>
+ </div>
+ <button type="submit">Get Results</button>
+ </form>
+ </section>
+ <section id="results" class="hidden">
+ <h2>Your Email Marketing Strategy Level:</h2>
+ <p id="resultText"></p>
+ <p id="resultAnalysis"></p>
+ <div id="contact">
+ <h3>Want personalized suggestions?</h3>
+ <form id="contactForm">
+ <input type="email" placeholder="Enter your email" required>
+ <button type="submit">Get Personalized Advice</button>
+ </form>
+ <p>Or email us directly at <a href="mailto:host@centersun21.com">host@centersun21.com</a></p>
+ </div>
+ </section>
+</main>
+<footer>
+ <p>Take your email marketing to the next level!</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..d170779
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://emailquiz.scroll.pub
+metaTags
+editButton /edit.html
+title Email Marketing Quiz - Find Your Strategy
+style.css
+body.html
+script.js
\ No newline at end of file
diff --git a/prompt.json b/prompt.json
new file mode 100644
index 0000000..094728d
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "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<header>\n <h1>Email Marketing Strategy Quiz</h1>\n <p>Discover how to optimize your email marketing efforts in just 5 questions!</p>\n</header>\n<main>\n <section id=\"quiz\">\n <form id=\"quizForm\">\n <div class=\"question\">\n <h2>1. How often do you send email campaigns?</h2>\n <label><input type=\"radio\" name=\"frequency\" value=\"A\"> Weekly</label>\n <label><input type=\"radio\" name=\"frequency\" value=\"B\"> Monthly</label>\n <label><input type=\"radio\" name=\"frequency\" value=\"C\"> Quarterly</label>\n <label><input type=\"radio\" name=\"frequency\" value=\"D\"> Rarely or never</label>\n </div>\n <div class=\"question\">\n <h2>2. What types of emails do you currently send?</h2>\n <label><input type=\"radio\" name=\"type\" value=\"A\"> Newsletters, promotions, and transactional</label>\n <label><input type=\"radio\" name=\"type\" value=\"B\"> Newsletters and promotions</label>\n <label><input type=\"radio\" name=\"type\" value=\"C\"> Only newsletters</label>\n <label><input type=\"radio\" name=\"type\" value=\"D\"> I don't send emails</label>\n </div>\n <div class=\"question\">\n <h2>3. How would you describe your current email strategy?</h2>\n <label><input type=\"radio\" name=\"strategy\" value=\"A\"> Data-driven and automated</label>\n <label><input type=\"radio\" name=\"strategy\" value=\"B\"> Planned but manual</label>\n <label><input type=\"radio\" name=\"strategy\" value=\"C\"> Ad-hoc and reactive</label>\n <label><input type=\"radio\" name=\"strategy\" value=\"D\"> I don't have a strategy</label>\n </div>\n <div class=\"question\">\n <h2>4. Do you segment your email list?</h2>\n <label><input type=\"radio\" name=\"segmentation\" value=\"A\"> Yes, with advanced segmentation</label>\n <label><input type=\"radio\" name=\"segmentation\" value=\"B\"> Yes, basic segmentation</label>\n <label><input type=\"radio\" name=\"segmentation\" value=\"C\"> No, but I plan to</label>\n <label><input type=\"radio\" name=\"segmentation\" value=\"D\"> No, and I don't plan to</label>\n </div>\n <div class=\"question\">\n <h2>5. How satisfied are you with your current email marketing results?</h2>\n <label><input type=\"radio\" name=\"satisfaction\" value=\"A\"> Very satisfied</label>\n <label><input type=\"radio\" name=\"satisfaction\" value=\"B\"> Somewhat satisfied</label>\n <label><input type=\"radio\" name=\"satisfaction\" value=\"C\"> Not very satisfied</label>\n <label><input type=\"radio\" name=\"satisfaction\" value=\"D\"> Not satisfied at all</label>\n </div>\n <button type=\"submit\">Get Results</button>\n </form>\n </section>\n <section id=\"results\" class=\"hidden\">\n <h2>Your Email Marketing Strategy Level:</h2>\n <p id=\"resultText\"></p>\n <p id=\"resultAnalysis\"></p>\n <div id=\"contact\">\n <h3>Want personalized suggestions?</h3>\n <form id=\"contactForm\">\n <input type=\"email\" placeholder=\"Enter your email\" required>\n <button type=\"submit\">Get Personalized Advice</button>\n </form>\n <p>Or email us directly at <a href=\"mailto:host@centersun21.com\">host@centersun21.com</a></p>\n </div>\n </section>\n</main>\n<footer>\n <p>Take your email marketing to the next level!</p>\n</footer>\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---"
+ },
+ "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"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..1c9c5a8
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# 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.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..a8f2395
--- /dev/null
+++ b/script.js
@@ -0,0 +1,34 @@
+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.');
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..b1d5933
--- /dev/null
+++ b/style.css
@@ -0,0 +1,109 @@
+: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;
+ }
+}
\ No newline at end of file