Changes to sparklescroll.scroll.pub

root

23 days ago

Initial commit

body.html

Changed around line 1
+ 
+   SparkleScroll Car Wash
+   
+     
+       Services
+       Pricing
+       Gallery
+       Location
+     
+   
+ 
+ 
+ 
+   
+     
+       Your Car Deserves the Best
+       Professional car care in the heart of Dublin
+       Explore Services
+     
+   
+ 
+   
+     Our Services
+     
+       
+         Basic Wash
+         Exterior wash and dry
+       
+       
+         Deluxe Wash
+         Exterior, interior, and wax
+       
+       
+         Premium Detail
+         Full interior and exterior detail
+       
+     
+   
+ 
+   
+     Pricing
+     
+       
+         Basic
+         €15
+         
+           Exterior Wash
+           Hand Dry
+           Tire Shine
+         
+       
+       
+         Deluxe
+         €30
+         
+           Basic Wash +
+           Interior Vacuum
+           Window Clean
+         
+       
+       
+         Premium
+         €50
+         
+           Deluxe Wash +
+           Wax Finish
+           Leather Condition
+         
+       
+     
+   
+ 
+   
+     Before & After
+     
+       
+         
+         
+       
+       
+         
+         
+       
+     
+   
+ 
+   
+     Our Location
+     
+       
+         
+       
+       
+         123 Sparkle Street
+         Dublin, Ireland
+         Phone: +353 1 234 5678
+       
+     
+   
+ 
+ 
+ 
+   Open Daily: 8am - 8pm
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://sparklescroll.scroll.pub
+ metaTags
+ editButton /edit.html
+ title SparkleScroll Car Wash - Dublin's Finest Car Care
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "fb74aaf3-8300-4655-8775-a4ee6b5d0303",
+   "object": "chat.completion",
+   "created": 1735522865,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nsparklescroll.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://sparklescroll.scroll.pub\nmetaTags\neditButton /edit.html\ntitle SparkleScroll Car Wash - Dublin's Finest Car Care\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  SparkleScroll Car Wash\n  \n    \n      Services
\n      Pricing
\n      Gallery
\n      Location
\n    \n  \n\n\n\n  \n    \n      Your Car Deserves the Best\n      Professional car care in the heart of Dublin
\n      Explore Services\n    
\n  \n\n  \n    Our Services\n    \n      \n        Basic Wash\n        Exterior wash and dry
\n      
\n      \n        Deluxe Wash\n        Exterior, interior, and wax
\n      
\n      \n        Premium Detail\n        Full interior and exterior detail
\n      
\n    
\n  \n\n  \n    Pricing\n    \n      \n        Basic\n        €15
\n        \n          Exterior Wash
\n          Hand Dry
\n          Tire Shine
\n        \n      
\n      \n        Deluxe\n        €30
\n        \n          Basic Wash +
\n          Interior Vacuum
\n          Window Clean
\n        \n      
\n      \n        Premium\n        €50
\n        \n          Deluxe Wash +
\n          Wax Finish
\n          Leather Condition
\n        \n      
\n    
\n  \n\n  \n    Before & After\n    \n      \n        \n        \n      
\n      \n        \n        \n      
\n    
\n  \n\n  \n    Our Location\n    \n      \n        \n      
\n      \n        123 Sparkle Street
\n        Dublin, Ireland
\n        Phone: +353 1 234 5678
\n      
\n    
\n  \n\n\n\n  Open Daily: 8am - 8pm
\n\n---style.css---\n:root {\n  --primary-color: #0077b6;\n  --secondary-color: #00b4d8;\n  --accent-color: #90e0ef;\n  --text-color: #333;\n  --background-color: #f8f9fa;\n}\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: 'Segoe UI', sans-serif;\n  line-height: 1.6;\n  color: var(--text-color);\n  background-color: var(--background-color);\n}\n\nheader {\n  background: var(--primary-color);\n  color: white;\n  padding: 1rem;\n  text-align: center;\n}\n\nnav ul {\n  list-style: none;\n  display: flex;\n  justify-content: center;\n  gap: 1rem;\n  margin-top: 1rem;\n}\n\nnav a {\n  color: white;\n  text-decoration: none;\n  transition: color 0.3s;\n}\n\nnav a:hover {\n  color: var(--accent-color);\n}\n\n#hero {\n  background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('car-wash.jpg');\n  background-size: cover;\n  background-position: center;\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  animation: fadeIn 2s ease-in-out;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.cta-button {\n  background: var(--secondary-color);\n  color: white;\n  padding: 0.8rem 2rem;\n  border-radius: 25px;\n  text-decoration: none;\n  transition: background 0.3s;\n}\n\n.cta-button:hover {\n  background: var(--accent-color);\n}\n\nsection {\n  padding: 2rem;\n}\n\nh2 {\n  color: var(--primary-color);\n  margin-bottom: 1.5rem;\n  text-align: center;\n}\n\n.service-grid, .price-table {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n}\n\n.service-card, .price-tier {\n  background: white;\n  padding: 1.5rem;\n  border-radius: 10px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n  transition: transform 0.3s;\n}\n\n.service-card:hover, .price-tier:hover {\n  transform: translateY(-5px);\n}\n\n.price {\n  color: var(--secondary-color);\n  font-size: 2rem;\n  font-weight: bold;\n  margin: 1rem 0;\n}\n\n.gallery-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1rem;\n}\n\n.before-after {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0.5rem;\n}\n\n.before-after img {\n  width: 100%;\n  border-radius: 5px;\n  transition: transform 0.3s;\n}\n\n.before-after img:hover {\n  transform: scale(1.05);\n}\n\n.map-container {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2rem;\n  align-items: center;\n}\n\n.map {\n  height: 300px;\n  border-radius: 10px;\n  overflow: hidden;\n}\n\nfooter {\n  background: var(--primary-color);\n  color: white;\n  text-align: center;\n  padding: 1rem;\n}\n\n@media (max-width: 768px) {\n  .map-container {\n    grid-template-columns: 1fr;\n  }\n  \n  .hero-content {\n    padding: 0 1rem;\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// Add animations on scroll\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) {\n      entry.target.classList.add('animate');\n    }\n  });\n});\n\ndocument.querySelectorAll('section').forEach(section => {\n  observer.observe(section);\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 268,
+     "completion_tokens": 2088,
+     "total_tokens": 2356,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 268
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # sparklescroll.scroll.pub

+ Website generated by DeepSeek from prompt: create a website for a car wash in Dublin Ireland, showing the location, price, what kinda service it does and some customers pictures before/after, make the website animated

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'
+     });
+   });
+ });
+ 
+ // Add animations on scroll
+ const observer = new IntersectionObserver((entries) => {
+   entries.forEach(entry => {
+     if (entry.isIntersecting) {
+       entry.target.classList.add('animate');
+     }
+   });
+ });
+ 
+ document.querySelectorAll('section').forEach(section => {
+   observer.observe(section);
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #0077b6;
+   --secondary-color: #00b4d8;
+   --accent-color: #90e0ef;
+   --text-color: #333;
+   --background-color: #f8f9fa;
+ }
+ 
+ * {
+   margin: 0;
+   padding: 0;
+   box-sizing: border-box;
+ }
+ 
+ body {
+   font-family: 'Segoe UI', sans-serif;
+   line-height: 1.6;
+   color: var(--text-color);
+   background-color: var(--background-color);
+ }
+ 
+ header {
+   background: var(--primary-color);
+   color: white;
+   padding: 1rem;
+   text-align: center;
+ }
+ 
+ nav ul {
+   list-style: none;
+   display: flex;
+   justify-content: center;
+   gap: 1rem;
+   margin-top: 1rem;
+ }
+ 
+ nav a {
+   color: white;
+   text-decoration: none;
+   transition: color 0.3s;
+ }
+ 
+ nav a:hover {
+   color: var(--accent-color);
+ }
+ 
+ #hero {
+   background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('car-wash.jpg');
+   background-size: cover;
+   background-position: center;
+   height: 60vh;
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   color: white;
+   text-align: center;
+ }
+ 
+ .hero-content {
+   animation: fadeIn 2s ease-in-out;
+ }
+ 
+ @keyframes fadeIn {
+   from { opacity: 0; }
+   to { opacity: 1; }
+ }
+ 
+ .cta-button {
+   background: var(--secondary-color);
+   color: white;
+   padding: 0.8rem 2rem;
+   border-radius: 25px;
+   text-decoration: none;
+   transition: background 0.3s;
+ }
+ 
+ .cta-button:hover {
+   background: var(--accent-color);
+ }
+ 
+ section {
+   padding: 2rem;
+ }
+ 
+ h2 {
+   color: var(--primary-color);
+   margin-bottom: 1.5rem;
+   text-align: center;
+ }
+ 
+ .service-grid, .price-table {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+   gap: 1.5rem;
+ }
+ 
+ .service-card, .price-tier {
+   background: white;
+   padding: 1.5rem;
+   border-radius: 10px;
+   box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+   transition: transform 0.3s;
+ }
+ 
+ .service-card:hover, .price-tier:hover {
+   transform: translateY(-5px);
+ }
+ 
+ .price {
+   color: var(--secondary-color);
+   font-size: 2rem;
+   font-weight: bold;
+   margin: 1rem 0;
+ }
+ 
+ .gallery-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+   gap: 1rem;
+ }
+ 
+ .before-after {
+   display: grid;
+   grid-template-columns: 1fr 1fr;
+   gap: 0.5rem;
+ }
+ 
+ .before-after img {
+   width: 100%;
+   border-radius: 5px;
+   transition: transform 0.3s;
+ }
+ 
+ .before-after img:hover {
+   transform: scale(1.05);
+ }
+ 
+ .map-container {
+   display: grid;
+   grid-template-columns: 1fr 1fr;
+   gap: 2rem;
+   align-items: center;
+ }
+ 
+ .map {
+   height: 300px;
+   border-radius: 10px;
+   overflow: hidden;
+ }
+ 
+ footer {
+   background: var(--primary-color);
+   color: white;
+   text-align: center;
+   padding: 1rem;
+ }
+ 
+ @media (max-width: 768px) {
+   .map-container {
+     grid-template-columns: 1fr;
+   }
+ 
+   .hero-content {
+     padding: 0 1rem;
+   }
+ }