Changes to leadgen.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   DIY Email Marketing Lead Generation System
+   Empowering Entrepreneurs with Simple, Effective Tools
+ 
+ 
+ 
+   Are You an Entrepreneur?
+   
+     
+     
+   
+ 
+ 
+ 
+   Lead Generation Tools
+   
+     
+       Email List Builder
+       
+       
+       
+     
+     
+       Conversion Rate Calculator
+       
+       
+       
+       
+     
+     
+       Campaign ROI Estimator
+       
+       
+       
+       
+     
+   
+ 
+ 
+ 
+   Start growing your business today with our DIY tools
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://leadgen.scroll.pub
+ metaTags
+ editButton /edit.html
+ title DIY Email Marketing Lead Generation System
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "82856c4b-115b-443f-af75-2c7dd962b2cf",
+   "object": "chat.completion",
+   "created": 1735318124,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nleadgen.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://leadgen.scroll.pub\nmetaTags\neditButton /edit.html\ntitle DIY Email Marketing Lead Generation System\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  DIY Email Marketing Lead Generation System\n  Empowering Entrepreneurs with Simple, Effective Tools
\n\n\n\n  Are You an Entrepreneur?\n  \n    \n    \n  
\n\n\n\n  Lead Generation Tools\n  \n    \n      Email List Builder\n      \n      \n      
\n    
\n    \n      Conversion Rate Calculator\n      \n      \n      \n      
\n    
\n    \n      Campaign ROI Estimator\n      \n      \n      \n      
\n    
\n  
\n\n\n\n  Start growing your business today with our DIY tools
\n\n---style.css---\n:root {\n  --primary-color: #4a90e2;\n  --secondary-color: #50e3c2;\n  --text-color: #333;\n  --bg-color: #f5f7fa;\n  --card-bg: #ffffff;\n  --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\nbody {\n  font-family: 'Segoe UI', sans-serif;\n  line-height: 1.6;\n  color: var(--text-color);\n  background-color: var(--bg-color);\n  margin: 0;\n  padding: 0;\n}\n\n.hero {\n  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n  color: white;\n  padding: 4rem 1rem;\n  text-align: center;\n}\n\n.choice-section {\n  text-align: center;\n  padding: 2rem;\n}\n\n.choice-buttons {\n  display: flex;\n  justify-content: center;\n  gap: 1rem;\n  margin-top: 1rem;\n}\n\n.choice-btn {\n  padding: 0.8rem 2rem;\n  border: none;\n  border-radius: 25px;\n  background-color: var(--primary-color);\n  color: white;\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\n.choice-btn:hover {\n  background-color: var(--secondary-color);\n  transform: translateY(-2px);\n}\n\n.tools-section {\n  padding: 2rem;\n}\n\n.hidden {\n  display: none;\n}\n\n.tool-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n  margin-top: 2rem;\n}\n\n.tool-card {\n  background: var(--card-bg);\n  padding: 1.5rem;\n  border-radius: 10px;\n  box-shadow: var(--shadow);\n  transition: transform 0.3s ease;\n}\n\n.tool-card:hover {\n  transform: translateY(-5px);\n}\n\ninput[type=\"number\"] {\n  width: 100%;\n  padding: 0.5rem;\n  margin: 0.5rem 0;\n  border: 1px solid #ddd;\n  border-radius: 5px;\n}\n\nbutton {\n  background-color: var(--primary-color);\n  color: white;\n  border: none;\n  padding: 0.5rem 1rem;\n  border-radius: 5px;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n\nbutton:hover {\n  background-color: var(--secondary-color);\n}\n\nfooter {\n  text-align: center;\n  padding: 2rem;\n  background-color: var(--primary-color);\n  color: white;\n  margin-top: 2rem;\n}\n\n@media (max-width: 768px) {\n  .tool-container {\n    grid-template-columns: 1fr;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n  const yesBtn = document.getElementById('yesBtn');\n  const noBtn = document.getElementById('noBtn');\n  const toolsSection = document.getElementById('toolsSection');\n\n  yesBtn.addEventListener('click', function() {\n    toolsSection.classList.remove('hidden');\n  });\n\n  noBtn.addEventListener('click', function() {\n    alert(\"This tool is designed for entrepreneurs. Come back when you're ready to start your journey!\");\n  });\n});\n\nfunction calculateListGrowth() {\n  const listSize = document.getElementById('listSize').value;\n  const growth = listSize * 1.2; // 20% growth\n  document.getElementById('listResult').textContent = `Projected list size: ${Math.round(growth)}`;\n}\n\nfunction calculateConversionRate() {\n  const visitors = document.getElementById('visitors').value;\n  const conversions = document.getElementById('conversions').value;\n  const rate = (conversions / visitors) * 100;\n  document.getElementById('conversionResult').textContent = `Conversion rate: ${rate.toFixed(2)}%`;\n}\n\nfunction calculateROI() {\n  const investment = document.getElementById('investment').value;\n  const revenue = document.getElementById('revenue').value;\n  const roi = ((revenue - investment) / investment) * 100;\n  document.getElementById('roiResult').textContent = `ROI: ${roi.toFixed(2)}%`;\n}\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 275,
+     "completion_tokens": 1410,
+     "total_tokens": 1685,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 275
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # leadgen.scroll.pub

+ Website generated by DeepSeek from prompt: I want a website that allows you to choose if you are an entrepreneur and if you need a diy email marketing lead generation system. so it should have some numerical tools and interactivity. be creative

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', function() {
+   const yesBtn = document.getElementById('yesBtn');
+   const noBtn = document.getElementById('noBtn');
+   const toolsSection = document.getElementById('toolsSection');
+ 
+   yesBtn.addEventListener('click', function() {
+     toolsSection.classList.remove('hidden');
+   });
+ 
+   noBtn.addEventListener('click', function() {
+     alert("This tool is designed for entrepreneurs. Come back when you're ready to start your journey!");
+   });
+ });
+ 
+ function calculateListGrowth() {
+   const listSize = document.getElementById('listSize').value;
+   const growth = listSize * 1.2; // 20% growth
+   document.getElementById('listResult').textContent = `Projected list size: ${Math.round(growth)}`;
+ }
+ 
+ function calculateConversionRate() {
+   const visitors = document.getElementById('visitors').value;
+   const conversions = document.getElementById('conversions').value;
+   const rate = (conversions / visitors) * 100;
+   document.getElementById('conversionResult').textContent = `Conversion rate: ${rate.toFixed(2)}%`;
+ }
+ 
+ function calculateROI() {
+   const investment = document.getElementById('investment').value;
+   const revenue = document.getElementById('revenue').value;
+   const roi = ((revenue - investment) / investment) * 100;
+   document.getElementById('roiResult').textContent = `ROI: ${roi.toFixed(2)}%`;
+ }

style.css

Changed around line 1
+ :root {
+   --primary-color: #4a90e2;
+   --secondary-color: #50e3c2;
+   --text-color: #333;
+   --bg-color: #f5f7fa;
+   --card-bg: #ffffff;
+   --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+ 
+ body {
+   font-family: 'Segoe UI', sans-serif;
+   line-height: 1.6;
+   color: var(--text-color);
+   background-color: var(--bg-color);
+   margin: 0;
+   padding: 0;
+ }
+ 
+ .hero {
+   background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+   color: white;
+   padding: 4rem 1rem;
+   text-align: center;
+ }
+ 
+ .choice-section {
+   text-align: center;
+   padding: 2rem;
+ }
+ 
+ .choice-buttons {
+   display: flex;
+   justify-content: center;
+   gap: 1rem;
+   margin-top: 1rem;
+ }
+ 
+ .choice-btn {
+   padding: 0.8rem 2rem;
+   border: none;
+   border-radius: 25px;
+   background-color: var(--primary-color);
+   color: white;
+   cursor: pointer;
+   transition: all 0.3s ease;
+ }
+ 
+ .choice-btn:hover {
+   background-color: var(--secondary-color);
+   transform: translateY(-2px);
+ }
+ 
+ .tools-section {
+   padding: 2rem;
+ }
+ 
+ .hidden {
+   display: none;
+ }
+ 
+ .tool-container {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+   gap: 1.5rem;
+   margin-top: 2rem;
+ }
+ 
+ .tool-card {
+   background: var(--card-bg);
+   padding: 1.5rem;
+   border-radius: 10px;
+   box-shadow: var(--shadow);
+   transition: transform 0.3s ease;
+ }
+ 
+ .tool-card:hover {
+   transform: translateY(-5px);
+ }
+ 
+ input[type="number"] {
+   width: 100%;
+   padding: 0.5rem;
+   margin: 0.5rem 0;
+   border: 1px solid #ddd;
+   border-radius: 5px;
+ }
+ 
+ button {
+   background-color: var(--primary-color);
+   color: white;
+   border: none;
+   padding: 0.5rem 1rem;
+   border-radius: 5px;
+   cursor: pointer;
+   transition: background-color 0.3s ease;
+ }
+ 
+ button:hover {
+   background-color: var(--secondary-color);
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 2rem;
+   background-color: var(--primary-color);
+   color: white;
+   margin-top: 2rem;
+ }
+ 
+ @media (max-width: 768px) {
+   .tool-container {
+     grid-template-columns: 1fr;
+   }
+ }