commit 00a787525843ff05f5b8df367bf37f07a24c5bdc
Author: root <root@hub.scroll.pub>
Date: 2024-12-30 01:44:51 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..48b5947
--- /dev/null
+++ b/body.html
@@ -0,0 +1,50 @@
+<header>
+ <h1>Sparkle Wash</h1>
+ <p>Dublin's Premier Car Wash Service</p>
+</header>
+
+<section id="location">
+ <h2>Our Location</h2>
+ <div id="map"></div>
+ <p>123 Sparkle Street, Dublin, Ireland</p>
+</section>
+
+<section id="services">
+ <h2>Our Services</h2>
+ <div class="service">
+ <h3>Basic Wash</h3>
+ <p>€10 - Exterior wash and dry</p>
+ </div>
+ <div class="service">
+ <h3>Deluxe Wash</h3>
+ <p>€20 - Exterior wash, dry, and interior vacuum</p>
+ </div>
+ <div class="service">
+ <h3>Premium Wash</h3>
+ <p>€30 - Full exterior and interior cleaning</p>
+ </div>
+</section>
+
+<section id="gallery">
+ <h2>Before & After</h2>
+ <div class="carousel">
+ <img src="before1.jpg" alt="Before wash">
+ <img src="after1.jpg" alt="After wash">
+ <img src="before2.jpg" alt="Before wash">
+ <img src="after2.jpg" alt="After wash">
+ </div>
+</section>
+
+<section id="booking">
+ <h2>Book Your Wash</h2>
+ <form id="bookingForm">
+ <label for="eircode">Enter Your Eircode:</label>
+ <input type="text" id="eircode" name="eircode" required>
+ <button type="submit">Check Availability</button>
+ </form>
+ <div id="bookingResult"></div>
+</section>
+
+<footer>
+ <p>Contact us: info@sparklewash.scroll.pub | 01-2345678</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..eb6e54b
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://sparklewash.scroll.pub
+metaTags
+editButton /edit.html
+title Sparkle Wash - Dublin's Premier Car Wash
+style.css
+body.html
+script.js
\ No newline at end of file
diff --git a/prompt.json b/prompt.json
new file mode 100644
index 0000000..9b1cedd
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "ac117b4b-1329-4e52-8142-f208185c838e",
+ "object": "chat.completion",
+ "created": 1735523074,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nsparklewash.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://sparklewash.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Sparkle Wash - Dublin's Premier Car Wash\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Sparkle Wash</h1>\n <p>Dublin's Premier Car Wash Service</p>\n</header>\n\n<section id=\"location\">\n <h2>Our Location</h2>\n <div id=\"map\"></div>\n <p>123 Sparkle Street, Dublin, Ireland</p>\n</section>\n\n<section id=\"services\">\n <h2>Our Services</h2>\n <div class=\"service\">\n <h3>Basic Wash</h3>\n <p>€10 - Exterior wash and dry</p>\n </div>\n <div class=\"service\">\n <h3>Deluxe Wash</h3>\n <p>€20 - Exterior wash, dry, and interior vacuum</p>\n </div>\n <div class=\"service\">\n <h3>Premium Wash</h3>\n <p>€30 - Full exterior and interior cleaning</p>\n </div>\n</section>\n\n<section id=\"gallery\">\n <h2>Before & After</h2>\n <div class=\"carousel\">\n <img src=\"before1.jpg\" alt=\"Before wash\">\n <img src=\"after1.jpg\" alt=\"After wash\">\n <img src=\"before2.jpg\" alt=\"Before wash\">\n <img src=\"after2.jpg\" alt=\"After wash\">\n </div>\n</section>\n\n<section id=\"booking\">\n <h2>Book Your Wash</h2>\n <form id=\"bookingForm\">\n <label for=\"eircode\">Enter Your Eircode:</label>\n <input type=\"text\" id=\"eircode\" name=\"eircode\" required>\n <button type=\"submit\">Check Availability</button>\n </form>\n <div id=\"bookingResult\"></div>\n</section>\n\n<footer>\n <p>Contact us: info@sparklewash.scroll.pub | 01-2345678</p>\n</footer>\n---style.css---\nbody {\n font-family: 'Segoe UI', sans-serif;\n margin: 0;\n padding: 0;\n background: linear-gradient(135deg, #f5f7fa, #c3cfe2);\n color: #333;\n}\n\nheader {\n background: #0077b6;\n color: white;\n padding: 2rem;\n text-align: center;\n}\n\nsection {\n padding: 2rem;\n margin: 1rem auto;\n max-width: 800px;\n background: white;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n#map {\n height: 300px;\n background: #ddd;\n border-radius: 8px;\n margin-bottom: 1rem;\n}\n\n.service {\n padding: 1rem;\n margin: 1rem 0;\n background: #f8f9fa;\n border-radius: 8px;\n}\n\n.carousel {\n display: flex;\n overflow-x: auto;\n gap: 1rem;\n padding: 1rem 0;\n}\n\n.carousel img {\n width: 200px;\n height: 150px;\n object-fit: cover;\n border-radius: 8px;\n transition: transform 0.3s ease;\n}\n\n.carousel img:hover {\n transform: scale(1.05);\n}\n\nform {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\ninput, button {\n padding: 0.5rem;\n border-radius: 4px;\n border: 1px solid #ddd;\n}\n\nbutton {\n background: #0077b6;\n color: white;\n cursor: pointer;\n}\n\nbutton:hover {\n background: #005f8b;\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background: #333;\n color: white;\n}\n\n@media (max-width: 600px) {\n .carousel img {\n width: 150px;\n height: 100px;\n }\n}\n---script.js---\ndocument.getElementById('bookingForm').addEventListener('submit', function(e) {\n e.preventDefault();\n const eircode = document.getElementById('eircode').value;\n const bookingResult = document.getElementById('bookingResult');\n \n // Simulate checking nearby bookings\n const nearbyEircodes = ['D01', 'D02', 'D03']; // Example nearby eircodes\n const userEircodePrefix = eircode.substring(0, 3);\n \n if (nearbyEircodes.includes(userEircodePrefix)) {\n bookingResult.innerHTML = `<p>We have availability for your area today!</p>`;\n } else {\n bookingResult.innerHTML = `<p>Sorry, we don't have any bookings near you today. Please try another day.</p>`;\n }\n});\n\n// Simple carousel animation\nconst carousel = document.querySelector('.carousel');\nlet scrollAmount = 0;\n\nsetInterval(() => {\n scrollAmount += 200;\n if (scrollAmount > carousel.scrollWidth - carousel.clientWidth) {\n scrollAmount = 0;\n }\n carousel.scrollTo({\n left: scrollAmount,\n behavior: 'smooth'\n });\n}, 3000);\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 321,
+ "completion_tokens": 1219,
+ "total_tokens": 1540,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 321
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..b5cef37
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# sparklewash.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, also add a book option where the customer can insert there eircode in ireland and the website book same date the customers that are close to each other, so if you insert a eircode that is not close to others customers have to book another day
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..97d45e0
--- /dev/null
+++ b/script.js
@@ -0,0 +1,30 @@
+document.getElementById('bookingForm').addEventListener('submit', function(e) {
+ e.preventDefault();
+ const eircode = document.getElementById('eircode').value;
+ const bookingResult = document.getElementById('bookingResult');
+
+ // Simulate checking nearby bookings
+ const nearbyEircodes = ['D01', 'D02', 'D03']; // Example nearby eircodes
+ const userEircodePrefix = eircode.substring(0, 3);
+
+ if (nearbyEircodes.includes(userEircodePrefix)) {
+ bookingResult.innerHTML = `<p>We have availability for your area today!</p>`;
+ } else {
+ bookingResult.innerHTML = `<p>Sorry, we don't have any bookings near you today. Please try another day.</p>`;
+ }
+});
+
+// Simple carousel animation
+const carousel = document.querySelector('.carousel');
+let scrollAmount = 0;
+
+setInterval(() => {
+ scrollAmount += 200;
+ if (scrollAmount > carousel.scrollWidth - carousel.clientWidth) {
+ scrollAmount = 0;
+ }
+ carousel.scrollTo({
+ left: scrollAmount,
+ behavior: 'smooth'
+ });
+}, 3000);
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..bffc90a
--- /dev/null
+++ b/style.css
@@ -0,0 +1,92 @@
+body {
+ font-family: 'Segoe UI', sans-serif;
+ margin: 0;
+ padding: 0;
+ background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
+ color: #333;
+}
+
+header {
+ background: #0077b6;
+ color: white;
+ padding: 2rem;
+ text-align: center;
+}
+
+section {
+ padding: 2rem;
+ margin: 1rem auto;
+ max-width: 800px;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+}
+
+#map {
+ height: 300px;
+ background: #ddd;
+ border-radius: 8px;
+ margin-bottom: 1rem;
+}
+
+.service {
+ padding: 1rem;
+ margin: 1rem 0;
+ background: #f8f9fa;
+ border-radius: 8px;
+}
+
+.carousel {
+ display: flex;
+ overflow-x: auto;
+ gap: 1rem;
+ padding: 1rem 0;
+}
+
+.carousel img {
+ width: 200px;
+ height: 150px;
+ object-fit: cover;
+ border-radius: 8px;
+ transition: transform 0.3s ease;
+}
+
+.carousel img:hover {
+ transform: scale(1.05);
+}
+
+form {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+}
+
+input, button {
+ padding: 0.5rem;
+ border-radius: 4px;
+ border: 1px solid #ddd;
+}
+
+button {
+ background: #0077b6;
+ color: white;
+ cursor: pointer;
+}
+
+button:hover {
+ background: #005f8b;
+}
+
+footer {
+ text-align: center;
+ padding: 1rem;
+ background: #333;
+ color: white;
+}
+
+@media (max-width: 600px) {
+ .carousel img {
+ width: 150px;
+ height: 100px;
+ }
+}
\ No newline at end of file