Changes to infogen.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     Transform Data into Stunning Infographics
+     AI-powered infographic generation made simple and beautiful.
+     Get Started
+   
+ 
+ 
+ 
+   
+     Why Choose Infogen?
+     
+       
+         📊
+         Data-Driven Design
+         Automatically generate infographics from your data with precision and clarity.
+       
+       
+         🎨
+         Customizable Templates
+         Choose from a variety of professionally designed templates to suit your needs.
+       
+       
+         🤖
+         AI-Powered Insights
+         Our AI analyzes your data to suggest the most effective visualizations.
+       
+     
+   
+ 
+ 
+ 
+   
+     Ready to Create?
+     Sign up today and start generating infographics in minutes.
+     Sign Up Now
+   
+ 
+ 
+ 
+   
+     Infogen - AI-Powered Infographic Generation
+   
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://infogen.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Infogen - AI-Powered Infographic Generation
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "ebef1790-0f04-4e51-86ae-b11b14ce7179",
+   "object": "chat.completion",
+   "created": 1735350826,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\ninfogen.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://infogen.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Infogen - AI-Powered Infographic Generation\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    Transform Data into Stunning Infographics\n    AI-powered infographic generation made simple and beautiful.
\n    Get Started\n  
\n\n\n\n  \n    Why Choose Infogen?\n    \n      \n        📊
\n        Data-Driven Design\n        Automatically generate infographics from your data with precision and clarity.
\n      
\n      \n        🎨
\n        Customizable Templates\n        Choose from a variety of professionally designed templates to suit your needs.
\n      
\n      \n        🤖
\n        AI-Powered Insights\n        Our AI analyzes your data to suggest the most effective visualizations.
\n      
\n    
\n  
\n\n\n\n  \n    Ready to Create?\n    Sign up today and start generating infographics in minutes.
\n    Sign Up Now\n  
\n\n\n\n  \n    Infogen - AI-Powered Infographic Generation
\n  
\n\n---style.css---\n:root {\n  --primary-color: #4a90e2;\n  --secondary-color: #333;\n  --background-color: #f9f9f9;\n  --text-color: #333;\n  --cta-color: #ff6f61;\n  --font-family: 'Arial', sans-serif;\n}\n\nbody {\n  font-family: var(--font-family);\n  color: var(--text-color);\n  margin: 0;\n  padding: 0;\n  background-color: var(--background-color);\n  line-height: 1.6;\n}\n\n.container {\n  width: 90%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n}\n\n.hero {\n  background: linear-gradient(135deg, var(--primary-color), #6a11cb);\n  color: white;\n  padding: 100px 0;\n  text-align: center;\n}\n\n.hero h1 {\n  font-size: 3rem;\n  margin-bottom: 20px;\n}\n\n.hero .subtitle {\n  font-size: 1.5rem;\n  margin-bottom: 40px;\n}\n\n.cta-button {\n  background-color: var(--cta-color);\n  color: white;\n  padding: 15px 30px;\n  text-decoration: none;\n  border-radius: 5px;\n  font-size: 1.2rem;\n  transition: background-color 0.3s ease;\n}\n\n.cta-button:hover {\n  background-color: #ff3b2f;\n}\n\n.features {\n  padding: 80px 0;\n  background-color: white;\n}\n\n.features h2 {\n  text-align: center;\n  font-size: 2.5rem;\n  margin-bottom: 60px;\n}\n\n.feature-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 30px;\n}\n\n.feature {\n  text-align: center;\n  padding: 20px;\n  background-color: var(--background-color);\n  border-radius: 10px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.feature .icon {\n  font-size: 3rem;\n  margin-bottom: 20px;\n}\n\n.feature h3 {\n  font-size: 1.5rem;\n  margin-bottom: 15px;\n}\n\n.feature p {\n  font-size: 1rem;\n  color: #666;\n}\n\n.cta {\n  background: linear-gradient(135deg, var(--primary-color), #6a11cb);\n  color: white;\n  padding: 100px 0;\n  text-align: center;\n}\n\n.cta h2 {\n  font-size: 2.5rem;\n  margin-bottom: 20px;\n}\n\n.cta p {\n  font-size: 1.5rem;\n  margin-bottom: 40px;\n}\n\nfooter {\n  background-color: var(--secondary-color);\n  color: white;\n  text-align: center;\n  padding: 20px 0;\n}\n\nfooter p {\n  margin: 0;\n}\n\n@media (max-width: 768px) {\n  .hero h1 {\n    font-size: 2.5rem;\n  }\n\n  .hero .subtitle {\n    font-size: 1.2rem;\n  }\n\n  .features h2 {\n    font-size: 2rem;\n  }\n\n  .cta h2 {\n    font-size: 2rem;\n  }\n\n  .cta p {\n    font-size: 1.2rem;\n  }\n}\n---script.js---\n// Smooth scrolling for anchor links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n  anchor.addEventListener('click', function (e) {\n    e.preventDefault();\n    document.querySelector(this.getAttribute('href')).scrollIntoView({\n      behavior: 'smooth'\n    });\n  });\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 241,
+     "completion_tokens": 1299,
+     "total_tokens": 1540,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 241
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # infogen.scroll.pub

+ Website generated by DeepSeek from prompt: ai saas for infographic generation

script.js

Changed around line 1
+ // Smooth scrolling for anchor links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+   anchor.addEventListener('click', function (e) {
+     e.preventDefault();
+     document.querySelector(this.getAttribute('href')).scrollIntoView({
+       behavior: 'smooth'
+     });
+   });
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #4a90e2;
+   --secondary-color: #333;
+   --background-color: #f9f9f9;
+   --text-color: #333;
+   --cta-color: #ff6f61;
+   --font-family: 'Arial', sans-serif;
+ }
+ 
+ body {
+   font-family: var(--font-family);
+   color: var(--text-color);
+   margin: 0;
+   padding: 0;
+   background-color: var(--background-color);
+   line-height: 1.6;
+ }
+ 
+ .container {
+   width: 90%;
+   max-width: 1200px;
+   margin: 0 auto;
+   padding: 20px;
+ }
+ 
+ .hero {
+   background: linear-gradient(135deg, var(--primary-color), #6a11cb);
+   color: white;
+   padding: 100px 0;
+   text-align: center;
+ }
+ 
+ .hero h1 {
+   font-size: 3rem;
+   margin-bottom: 20px;
+ }
+ 
+ .hero .subtitle {
+   font-size: 1.5rem;
+   margin-bottom: 40px;
+ }
+ 
+ .cta-button {
+   background-color: var(--cta-color);
+   color: white;
+   padding: 15px 30px;
+   text-decoration: none;
+   border-radius: 5px;
+   font-size: 1.2rem;
+   transition: background-color 0.3s ease;
+ }
+ 
+ .cta-button:hover {
+   background-color: #ff3b2f;
+ }
+ 
+ .features {
+   padding: 80px 0;
+   background-color: white;
+ }
+ 
+ .features h2 {
+   text-align: center;
+   font-size: 2.5rem;
+   margin-bottom: 60px;
+ }
+ 
+ .feature-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+   gap: 30px;
+ }
+ 
+ .feature {
+   text-align: center;
+   padding: 20px;
+   background-color: var(--background-color);
+   border-radius: 10px;
+   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+ 
+ .feature .icon {
+   font-size: 3rem;
+   margin-bottom: 20px;
+ }
+ 
+ .feature h3 {
+   font-size: 1.5rem;
+   margin-bottom: 15px;
+ }
+ 
+ .feature p {
+   font-size: 1rem;
+   color: #666;
+ }
+ 
+ .cta {
+   background: linear-gradient(135deg, var(--primary-color), #6a11cb);
+   color: white;
+   padding: 100px 0;
+   text-align: center;
+ }
+ 
+ .cta h2 {
+   font-size: 2.5rem;
+   margin-bottom: 20px;
+ }
+ 
+ .cta p {
+   font-size: 1.5rem;
+   margin-bottom: 40px;
+ }
+ 
+ footer {
+   background-color: var(--secondary-color);
+   color: white;
+   text-align: center;
+   padding: 20px 0;
+ }
+ 
+ footer p {
+   margin: 0;
+ }
+ 
+ @media (max-width: 768px) {
+   .hero h1 {
+     font-size: 2.5rem;
+   }
+ 
+   .hero .subtitle {
+     font-size: 1.2rem;
+   }
+ 
+   .features h2 {
+     font-size: 2rem;
+   }
+ 
+   .cta h2 {
+     font-size: 2rem;
+   }
+ 
+   .cta p {
+     font-size: 1.2rem;
+   }
+ }