Changes to bananacostume.scroll.pub

root

16 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Banana Costume
+   Your one-stop guide to the most iconic fruit costume
+ 
+ 
+ 
+   
+     
+       Be the Life of the Party
+       Stand out with our premium banana costumes, perfect for any occasion.
+       Explore Features
+     
+   
+ 
+   
+     Why Choose Our Banana Costume?
+     
+       
+         Premium Quality
+         Made with durable, soft materials for maximum comfort and longevity.
+       
+       
+         Perfect Fit
+         Available in sizes for everyone, from kids to adults.
+       
+       
+         Easy to Wear
+         Simple design for quick wear and removal.
+       
+     
+   
+ 
+   
+     Gallery
+     
+       
+       
+       
+     
+   
+ 
+   
+     What People Are Saying
+     
+       "Best costume ever! I got so many compliments at the party."
+       - Jane D.
+     
+     
+       "Comfortable and fun to wear. Highly recommend!"
+       - John S.
+     
+   
+ 
+ 
+ 
+   Contact us: info@bananacostume.scroll.pub
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://bananacostume.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Banana Costume - The Ultimate Guide
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "86bdb79d-0201-4bc7-9d2e-dd26ef54947d",
+   "object": "chat.completion",
+   "created": 1736113355,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nbananacostume.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://bananacostume.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Banana Costume - The Ultimate Guide\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Banana Costume\n  Your one-stop guide to the most iconic fruit costume
\n\n\n\n  \n    \n      Be the Life of the Party\n      Stand out with our premium banana costumes, perfect for any occasion.
\n      Explore Features\n    
\n  \n\n  \n    Why Choose Our Banana Costume?\n    \n      \n        Premium Quality\n        Made with durable, soft materials for maximum comfort and longevity.
\n      
\n      \n        Perfect Fit\n        Available in sizes for everyone, from kids to adults.
\n      
\n      \n        Easy to Wear\n        Simple design for quick wear and removal.
\n      
\n    
\n  \n\n  \n    Gallery\n    \n      \n      \n      \n    
\n  \n\n  \n    What People Are Saying\n    \n      \"Best costume ever! I got so many compliments at the party.\"
\n      - Jane D.
\n    
\n    \n      \"Comfortable and fun to wear. Highly recommend!\"
\n      - John S.
\n    
\n  \n\n\n\n  Contact us: info@bananacostume.scroll.pub
\n\n---style.css---\n:root {\n  --primary-color: #FFD700;\n  --secondary-color: #4CAF50;\n  --background-color: #F5F5F5;\n  --text-color: #333;\n  --font-family: 'Arial', sans-serif;\n}\n\nbody {\n  font-family: var(--font-family);\n  color: var(--text-color);\n  background-color: var(--background-color);\n  margin: 0;\n  padding: 0;\n}\n\nheader {\n  background-color: var(--primary-color);\n  padding: 20px;\n  text-align: center;\n}\n\nheader h1 {\n  margin: 0;\n  font-size: 2.5rem;\n}\n\nheader p {\n  font-size: 1.2rem;\n}\n\n.hero {\n  background: url('banana-hero.jpg') no-repeat center center/cover;\n  height: 60vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  text-align: center;\n}\n\n.hero-content {\n  background: rgba(0, 0, 0, 0.5);\n  padding: 20px;\n  border-radius: 10px;\n}\n\n.hero h2 {\n  font-size: 2rem;\n}\n\n.cta-button {\n  background-color: var(--secondary-color);\n  color: white;\n  padding: 10px 20px;\n  text-decoration: none;\n  border-radius: 5px;\n  font-size: 1.2rem;\n}\n\n.features {\n  padding: 40px 20px;\n  text-align: center;\n}\n\n.features h2 {\n  font-size: 2rem;\n  margin-bottom: 20px;\n}\n\n.feature-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n}\n\n.feature {\n  background: white;\n  padding: 20px;\n  border-radius: 10px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\n.feature h3 {\n  font-size: 1.5rem;\n  margin-bottom: 10px;\n}\n\n.gallery {\n  padding: 40px 20px;\n  text-align: center;\n}\n\n.gallery h2 {\n  font-size: 2rem;\n  margin-bottom: 20px;\n}\n\n.gallery-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 20px;\n}\n\n.gallery img {\n  width: 100%;\n  border-radius: 10px;\n}\n\n.testimonials {\n  padding: 40px 20px;\n  text-align: center;\n}\n\n.testimonials h2 {\n  font-size: 2rem;\n  margin-bottom: 20px;\n}\n\n.testimonial {\n  background: white;\n  padding: 20px;\n  border-radius: 10px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n  margin-bottom: 20px;\n}\n\nfooter {\n  background-color: var(--primary-color);\n  padding: 20px;\n  text-align: center;\n}\n\n@media (max-width: 768px) {\n  .hero {\n    height: 40vh;\n  }\n\n  .hero h2 {\n    font-size: 1.5rem;\n  }\n\n  .cta-button {\n    font-size: 1rem;\n  }\n\n  .features h2, .gallery h2, .testimonials h2 {\n    font-size: 1.5rem;\n  }\n\n  .feature h3 {\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\n// Lazy loading for images\ndocument.addEventListener('DOMContentLoaded', function() {\n  let lazyImages = document.querySelectorAll('.gallery img');\n  let lazyLoad = function() {\n    lazyImages.forEach(img => {\n      if (img.getBoundingClientRect().top <= window.innerHeight && img.getBoundingClientRect().bottom >= 0 && getComputedStyle(img).display !== 'none') {\n        img.src = img.dataset.src;\n        img.classList.remove('lazy');\n      }\n    });\n  };\n  lazyLoad();\n  window.addEventListener('scroll', lazyLoad);\n  window.addEventListener('resize', lazyLoad);\n  window.addEventListener('orientationchange', lazyLoad);\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 238,
+     "completion_tokens": 1595,
+     "total_tokens": 1833,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 238
+   },
+   "system_fingerprint": "fp_3a5770e1b4"
+ }

readme.scroll

Changed around line 1

+ # bananacostume.scroll.pub

+ Website generated by DeepSeek from prompt: banana costuem

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'
+     });
+   });
+ });
+ 
+ // Lazy loading for images
+ document.addEventListener('DOMContentLoaded', function() {
+   let lazyImages = document.querySelectorAll('.gallery img');
+   let lazyLoad = function() {
+     lazyImages.forEach(img => {
+       if (img.getBoundingClientRect().top <= window.innerHeight && img.getBoundingClientRect().bottom >= 0 && getComputedStyle(img).display !== 'none') {
+         img.src = img.dataset.src;
+         img.classList.remove('lazy');
+       }
+     });
+   };
+   lazyLoad();
+   window.addEventListener('scroll', lazyLoad);
+   window.addEventListener('resize', lazyLoad);
+   window.addEventListener('orientationchange', lazyLoad);
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #FFD700;
+   --secondary-color: #4CAF50;
+   --background-color: #F5F5F5;
+   --text-color: #333;
+   --font-family: 'Arial', sans-serif;
+ }
+ 
+ body {
+   font-family: var(--font-family);
+   color: var(--text-color);
+   background-color: var(--background-color);
+   margin: 0;
+   padding: 0;
+ }
+ 
+ header {
+   background-color: var(--primary-color);
+   padding: 20px;
+   text-align: center;
+ }
+ 
+ header h1 {
+   margin: 0;
+   font-size: 2.5rem;
+ }
+ 
+ header p {
+   font-size: 1.2rem;
+ }
+ 
+ .hero {
+   background: url('banana-hero.jpg') no-repeat center center/cover;
+   height: 60vh;
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   color: white;
+   text-align: center;
+ }
+ 
+ .hero-content {
+   background: rgba(0, 0, 0, 0.5);
+   padding: 20px;
+   border-radius: 10px;
+ }
+ 
+ .hero h2 {
+   font-size: 2rem;
+ }
+ 
+ .cta-button {
+   background-color: var(--secondary-color);
+   color: white;
+   padding: 10px 20px;
+   text-decoration: none;
+   border-radius: 5px;
+   font-size: 1.2rem;
+ }
+ 
+ .features {
+   padding: 40px 20px;
+   text-align: center;
+ }
+ 
+ .features h2 {
+   font-size: 2rem;
+   margin-bottom: 20px;
+ }
+ 
+ .feature-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+   gap: 20px;
+ }
+ 
+ .feature {
+   background: white;
+   padding: 20px;
+   border-radius: 10px;
+   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ }
+ 
+ .feature h3 {
+   font-size: 1.5rem;
+   margin-bottom: 10px;
+ }
+ 
+ .gallery {
+   padding: 40px 20px;
+   text-align: center;
+ }
+ 
+ .gallery h2 {
+   font-size: 2rem;
+   margin-bottom: 20px;
+ }
+ 
+ .gallery-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+   gap: 20px;
+ }
+ 
+ .gallery img {
+   width: 100%;
+   border-radius: 10px;
+ }
+ 
+ .testimonials {
+   padding: 40px 20px;
+   text-align: center;
+ }
+ 
+ .testimonials h2 {
+   font-size: 2rem;
+   margin-bottom: 20px;
+ }
+ 
+ .testimonial {
+   background: white;
+   padding: 20px;
+   border-radius: 10px;
+   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+   margin-bottom: 20px;
+ }
+ 
+ footer {
+   background-color: var(--primary-color);
+   padding: 20px;
+   text-align: center;
+ }
+ 
+ @media (max-width: 768px) {
+   .hero {
+     height: 40vh;
+   }
+ 
+   .hero h2 {
+     font-size: 1.5rem;
+   }
+ 
+   .cta-button {
+     font-size: 1rem;
+   }
+ 
+   .features h2, .gallery h2, .testimonials h2 {
+     font-size: 1.5rem;
+   }
+ 
+   .feature h3 {
+     font-size: 1.2rem;
+   }
+ }