Changes to emailimpact.scroll.pub

root

26 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Why Email Marketing Matters
+   Discover the power of email marketing and how it can transform your business.
+ 
+ 
+ 
+   
+     What is Email Marketing?
+     Email marketing is a powerful tool to reach your audience directly. It helps you build relationships, drive sales, and grow your business.
+   
+ 
+   
+     Calculate Your Email Marketing Impact
+     
+       Number of Subscribers:
+       
+ 
+       Average Open Rate (%):
+       
+ 
+       Average Click Rate (%):
+       
+ 
+       Average Conversion Rate (%):
+       
+ 
+       Average Order Value ($):
+       
+ 
+       
+     
+ 
+     
+       Your Email Marketing Impact Score
+       
+       
+     
+   
+ 
+   
+     Benefits of Email Marketing
+     
+       Direct communication with your audience
+       High ROI compared to other marketing channels
+       Personalized and targeted campaigns
+       Measurable results and analytics
+     
+   
+ 
+ 
+ 
+   Learn more about how email marketing can help your business grow.
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://emailimpact.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Why Email Marketing Matters
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "27267219-831a-4810-8a5f-182a5435f0f8",
+   "object": "chat.completion",
+   "created": 1735319566,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nemailimpact.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://emailimpact.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Why Email Marketing Matters\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Why Email Marketing Matters\n  Discover the power of email marketing and how it can transform your business.
\n\n\n\n  \n    What is Email Marketing?\n    Email marketing is a powerful tool to reach your audience directly. It helps you build relationships, drive sales, and grow your business.
\n  \n\n  \n    Calculate Your Email Marketing Impact\n    \n      Number of Subscribers:\n      \n\n      Average Open Rate (%):\n      \n\n      Average Click Rate (%):\n      \n\n      Average Conversion Rate (%):\n      \n\n      Average Order Value ($):\n      \n\n      \n    \n\n    \n      Your Email Marketing Impact Score\n      
\n      
\n    
\n  \n\n  \n    Benefits of Email Marketing\n    \n      Direct communication with your audience
\n      High ROI compared to other marketing channels
\n      Personalized and targeted campaigns
\n      Measurable results and analytics
\n    \n  \n\n\n\n  Learn more about how email marketing can help your business grow.
\n\n---style.css---\nbody {\n  font-family: 'Arial', sans-serif;\n  line-height: 1.6;\n  margin: 0;\n  padding: 0;\n  background-color: #f4f4f4;\n  color: #333;\n}\n\nheader {\n  background: #007BFF;\n  color: #fff;\n  padding: 20px 0;\n  text-align: center;\n}\n\nheader h1 {\n  margin: 0;\n  font-size: 2.5em;\n}\n\nheader p {\n  font-size: 1.2em;\n}\n\nmain {\n  padding: 20px;\n}\n\nsection {\n  margin-bottom: 40px;\n}\n\nh2 {\n  color: #007BFF;\n  font-size: 2em;\n  margin-bottom: 10px;\n}\n\nform {\n  background: #fff;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\nlabel {\n  display: block;\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n\ninput {\n  width: 100%;\n  padding: 10px;\n  margin-bottom: 15px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n}\n\nbutton {\n  background: #007BFF;\n  color: #fff;\n  padding: 10px 20px;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\nbutton:hover {\n  background: #0056b3;\n}\n\n#result {\n  background: #fff;\n  padding: 20px;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  margin-top: 20px;\n}\n\n#result.hidden {\n  display: none;\n}\n\n#impactScore {\n  font-size: 2em;\n  color: #007BFF;\n  margin: 0;\n}\n\n#impactDescription {\n  font-size: 1.2em;\n  color: #333;\n}\n\nfooter {\n  background: #007BFF;\n  color: #fff;\n  text-align: center;\n  padding: 10px 0;\n  margin-top: 40px;\n}\n\n@media (max-width: 768px) {\n  header h1 {\n    font-size: 2em;\n  }\n\n  header p {\n    font-size: 1em;\n  }\n\n  h2 {\n    font-size: 1.5em;\n  }\n\n  #impactScore {\n    font-size: 1.5em;\n  }\n\n  #impactDescription {\n    font-size: 1em;\n  }\n}\n---script.js---\ndocument.getElementById('emailImpactForm').addEventListener('submit', function(event) {\n  event.preventDefault();\n\n  const subscribers = parseInt(document.getElementById('subscribers').value);\n  const openRate = parseInt(document.getElementById('openRate').value) / 100;\n  const clickRate = parseInt(document.getElementById('clickRate').value) / 100;\n  const conversionRate = parseInt(document.getElementById('conversionRate').value) / 100;\n  const averageOrderValue = parseFloat(document.getElementById('averageOrderValue').value);\n\n  const impactScore = subscribers * openRate * clickRate * conversionRate * averageOrderValue;\n\n  document.getElementById('impactScore').textContent = `$${impactScore.toFixed(2)}`;\n  document.getElementById('impactDescription').textContent = 'This is the estimated revenue impact of your email marketing efforts.';\n\n  document.getElementById('result').classList.remove('hidden');\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 269,
+     "completion_tokens": 1327,
+     "total_tokens": 1596,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 269
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # emailimpact.scroll.pub

+ Website generated by DeepSeek from prompt: I want an interactive website that helps user understand why they need email marketing. I want the user to use numerical and interactive tools to help them get a score at the end.

script.js

Changed around line 1
+ document.getElementById('emailImpactForm').addEventListener('submit', function(event) {
+   event.preventDefault();
+ 
+   const subscribers = parseInt(document.getElementById('subscribers').value);
+   const openRate = parseInt(document.getElementById('openRate').value) / 100;
+   const clickRate = parseInt(document.getElementById('clickRate').value) / 100;
+   const conversionRate = parseInt(document.getElementById('conversionRate').value) / 100;
+   const averageOrderValue = parseFloat(document.getElementById('averageOrderValue').value);
+ 
+   const impactScore = subscribers * openRate * clickRate * conversionRate * averageOrderValue;
+ 
+   document.getElementById('impactScore').textContent = `$${impactScore.toFixed(2)}`;
+   document.getElementById('impactDescription').textContent = 'This is the estimated revenue impact of your email marketing efforts.';
+ 
+   document.getElementById('result').classList.remove('hidden');
+ });

style.css

Changed around line 1
+ body {
+   font-family: 'Arial', sans-serif;
+   line-height: 1.6;
+   margin: 0;
+   padding: 0;
+   background-color: #f4f4f4;
+   color: #333;
+ }
+ 
+ header {
+   background: #007BFF;
+   color: #fff;
+   padding: 20px 0;
+   text-align: center;
+ }
+ 
+ header h1 {
+   margin: 0;
+   font-size: 2.5em;
+ }
+ 
+ header p {
+   font-size: 1.2em;
+ }
+ 
+ main {
+   padding: 20px;
+ }
+ 
+ section {
+   margin-bottom: 40px;
+ }
+ 
+ h2 {
+   color: #007BFF;
+   font-size: 2em;
+   margin-bottom: 10px;
+ }
+ 
+ form {
+   background: #fff;
+   padding: 20px;
+   border-radius: 8px;
+   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ }
+ 
+ label {
+   display: block;
+   margin-bottom: 5px;
+   font-weight: bold;
+ }
+ 
+ input {
+   width: 100%;
+   padding: 10px;
+   margin-bottom: 15px;
+   border: 1px solid #ccc;
+   border-radius: 4px;
+ }
+ 
+ button {
+   background: #007BFF;
+   color: #fff;
+   padding: 10px 20px;
+   border: none;
+   border-radius: 4px;
+   cursor: pointer;
+ }
+ 
+ button:hover {
+   background: #0056b3;
+ }
+ 
+ #result {
+   background: #fff;
+   padding: 20px;
+   border-radius: 8px;
+   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+   margin-top: 20px;
+ }
+ 
+ #result.hidden {
+   display: none;
+ }
+ 
+ #impactScore {
+   font-size: 2em;
+   color: #007BFF;
+   margin: 0;
+ }
+ 
+ #impactDescription {
+   font-size: 1.2em;
+   color: #333;
+ }
+ 
+ footer {
+   background: #007BFF;
+   color: #fff;
+   text-align: center;
+   padding: 10px 0;
+   margin-top: 40px;
+ }
+ 
+ @media (max-width: 768px) {
+   header h1 {
+     font-size: 2em;
+   }
+ 
+   header p {
+     font-size: 1em;
+   }
+ 
+   h2 {
+     font-size: 1.5em;
+   }
+ 
+   #impactScore {
+     font-size: 1.5em;
+   }
+ 
+   #impactDescription {
+     font-size: 1em;
+   }
+ }