Changes to hoopbook.scroll.pub

root

14 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     HoopBook
+     
+       About
+       Courts
+       Contact
+     
+   
+ 
+ 
+ 
+   
+     
+       Reserve Your Court, Anytime
+       Book basketball courts instantly with HoopBook. Fast, easy, and reliable.
+       Find a Court
+     
+   
+ 
+   
+     
+       About HoopBook
+       HoopBook is your go-to platform for reserving basketball courts in your area. Whether you're planning a pickup game or a tournament, we make it simple to find and book the perfect court.
+     
+   
+ 
+   
+     
+       Available Courts
+       
+         
+           Downtown Court
+           123 Main St, City
+           
+         
+         
+           Riverside Park
+           456 River Rd, City
+           
+         
+         
+           Sunset Arena
+           789 Sunset Blvd, City
+           
+         
+       
+     
+   
+ 
+   
+     
+       Contact Us
+       
+         
+         
+         
+         
+       
+     
+   
+ 
+ 
+ 
+   
+     HoopBook - Your Court, Your Game
+   
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://hoopbook.scroll.pub
+ metaTags
+ editButton /edit.html
+ title HoopBook - Reserve Basketball Courts Instantly
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "a58a3657-8d55-4a86-b7ca-8272da23c9f5",
+   "object": "chat.completion",
+   "created": 1736278850,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nhoopbook.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://hoopbook.scroll.pub\nmetaTags\neditButton /edit.html\ntitle HoopBook - Reserve Basketball Courts Instantly\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    HoopBook\n    \n      About\n      Courts\n      Contact\n    \n  
\n\n\n\n  \n    \n      Reserve Your Court, Anytime\n      Book basketball courts instantly with HoopBook. Fast, easy, and reliable.
\n      Find a Court\n    
\n  \n\n  \n    \n      About HoopBook\n      HoopBook is your go-to platform for reserving basketball courts in your area. Whether you're planning a pickup game or a tournament, we make it simple to find and book the perfect court.
\n    
\n  \n\n  \n    \n      Available Courts\n      \n        \n          Downtown Court\n          123 Main St, City
\n          \n        
\n        \n          Riverside Park\n          456 River Rd, City
\n          \n        
\n        \n          Sunset Arena\n          789 Sunset Blvd, City
\n          \n        
\n      
\n    
\n  \n\n  \n    \n      Contact Us\n      \n        \n        \n        \n        \n      \n    
\n  \n\n\n\n  \n    HoopBook - Your Court, Your Game
\n  
\n\n---style.css---\n:root {\n  --primary-color: #ff6b6b;\n  --secondary-color: #4ecdc4;\n  --background-color: #f7fff7;\n  --text-color: #2d3436;\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  line-height: 1.6;\n}\n\n.container {\n  width: 90%;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.header {\n  background-color: var(--primary-color);\n  color: white;\n  padding: 1rem 0;\n}\n\n.logo {\n  font-size: 2rem;\n  margin: 0;\n}\n\n.nav {\n  display: flex;\n  gap: 1rem;\n}\n\n.nav-link {\n  color: white;\n  text-decoration: none;\n  font-weight: bold;\n}\n\n.hero {\n  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('court.jpg');\n  background-size: cover;\n  background-position: center;\n  color: white;\n  padding: 5rem 0;\n  text-align: center;\n}\n\n.hero-title {\n  font-size: 3rem;\n  margin: 0;\n}\n\n.hero-text {\n  font-size: 1.5rem;\n  margin: 1rem 0;\n}\n\n.cta-button {\n  background-color: var(--secondary-color);\n  color: white;\n  padding: 0.75rem 1.5rem;\n  border: none;\n  border-radius: 5px;\n  font-size: 1rem;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.about-section, .courts-section, .contact-section {\n  padding: 4rem 0;\n}\n\n.section-title {\n  font-size: 2rem;\n  text-align: center;\n  margin-bottom: 2rem;\n}\n\n.section-text {\n  text-align: center;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.court-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 2rem;\n}\n\n.court-card {\n  background-color: white;\n  padding: 1.5rem;\n  border-radius: 10px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  text-align: center;\n}\n\n.court-name {\n  font-size: 1.5rem;\n  margin: 0;\n}\n\n.court-location {\n  color: #666;\n  margin: 0.5rem 0;\n}\n\n.book-button {\n  background-color: var(--primary-color);\n  color: white;\n  padding: 0.5rem 1rem;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.contact-form {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.contact-form input, .contact-form textarea {\n  padding: 0.75rem;\n  border: 1px solid #ddd;\n  border-radius: 5px;\n}\n\n.submit-button {\n  background-color: var(--secondary-color);\n  color: white;\n  padding: 0.75rem;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.footer {\n  background-color: var(--primary-color);\n  color: white;\n  text-align: center;\n  padding: 1rem 0;\n}\n\n@media (max-width: 768px) {\n  .hero-title {\n    font-size: 2rem;\n  }\n\n  .hero-text {\n    font-size: 1.25rem;\n  }\n\n  .section-title {\n    font-size: 1.75rem;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function () {\n  const bookButtons = document.querySelectorAll('.book-button');\n\n  bookButtons.forEach(button => {\n    button.addEventListener('click', function () {\n      const court = this.getAttribute('data-court');\n      alert(`Booking court: ${court}`);\n    });\n  });\n\n  const contactForm = document.querySelector('.contact-form');\n  contactForm.addEventListener('submit', function (e) {\n    e.preventDefault();\n    alert('Thank you for your message! We will get back to you soon.');\n    contactForm.reset();\n  });\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 241,
+     "completion_tokens": 1769,
+     "total_tokens": 2010,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 241
+   },
+   "system_fingerprint": "fp_3a5770e1b4"
+ }

readme.scroll

Changed around line 1

+ # hoopbook.scroll.pub

+ Website generated by DeepSeek from prompt: 我需要一个预订篮球场地的网站

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', function () {
+   const bookButtons = document.querySelectorAll('.book-button');
+ 
+   bookButtons.forEach(button => {
+     button.addEventListener('click', function () {
+       const court = this.getAttribute('data-court');
+       alert(`Booking court: ${court}`);
+     });
+   });
+ 
+   const contactForm = document.querySelector('.contact-form');
+   contactForm.addEventListener('submit', function (e) {
+     e.preventDefault();
+     alert('Thank you for your message! We will get back to you soon.');
+     contactForm.reset();
+   });
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #ff6b6b;
+   --secondary-color: #4ecdc4;
+   --background-color: #f7fff7;
+   --text-color: #2d3436;
+   --font-family: 'Arial', sans-serif;
+ }
+ 
+ body {
+   font-family: var(--font-family);
+   color: var(--text-color);
+   background-color: var(--background-color);
+   margin: 0;
+   padding: 0;
+   line-height: 1.6;
+ }
+ 
+ .container {
+   width: 90%;
+   max-width: 1200px;
+   margin: 0 auto;
+ }
+ 
+ .header {
+   background-color: var(--primary-color);
+   color: white;
+   padding: 1rem 0;
+ }
+ 
+ .logo {
+   font-size: 2rem;
+   margin: 0;
+ }
+ 
+ .nav {
+   display: flex;
+   gap: 1rem;
+ }
+ 
+ .nav-link {
+   color: white;
+   text-decoration: none;
+   font-weight: bold;
+ }
+ 
+ .hero {
+   background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('court.jpg');
+   background-size: cover;
+   background-position: center;
+   color: white;
+   padding: 5rem 0;
+   text-align: center;
+ }
+ 
+ .hero-title {
+   font-size: 3rem;
+   margin: 0;
+ }
+ 
+ .hero-text {
+   font-size: 1.5rem;
+   margin: 1rem 0;
+ }
+ 
+ .cta-button {
+   background-color: var(--secondary-color);
+   color: white;
+   padding: 0.75rem 1.5rem;
+   border: none;
+   border-radius: 5px;
+   font-size: 1rem;
+   cursor: pointer;
+   text-decoration: none;
+ }
+ 
+ .about-section, .courts-section, .contact-section {
+   padding: 4rem 0;
+ }
+ 
+ .section-title {
+   font-size: 2rem;
+   text-align: center;
+   margin-bottom: 2rem;
+ }
+ 
+ .section-text {
+   text-align: center;
+   max-width: 600px;
+   margin: 0 auto;
+ }
+ 
+ .court-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+   gap: 2rem;
+ }
+ 
+ .court-card {
+   background-color: white;
+   padding: 1.5rem;
+   border-radius: 10px;
+   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+   text-align: center;
+ }
+ 
+ .court-name {
+   font-size: 1.5rem;
+   margin: 0;
+ }
+ 
+ .court-location {
+   color: #666;
+   margin: 0.5rem 0;
+ }
+ 
+ .book-button {
+   background-color: var(--primary-color);
+   color: white;
+   padding: 0.5rem 1rem;
+   border: none;
+   border-radius: 5px;
+   cursor: pointer;
+ }
+ 
+ .contact-form {
+   display: flex;
+   flex-direction: column;
+   gap: 1rem;
+   max-width: 600px;
+   margin: 0 auto;
+ }
+ 
+ .contact-form input, .contact-form textarea {
+   padding: 0.75rem;
+   border: 1px solid #ddd;
+   border-radius: 5px;
+ }
+ 
+ .submit-button {
+   background-color: var(--secondary-color);
+   color: white;
+   padding: 0.75rem;
+   border: none;
+   border-radius: 5px;
+   cursor: pointer;
+ }
+ 
+ .footer {
+   background-color: var(--primary-color);
+   color: white;
+   text-align: center;
+   padding: 1rem 0;
+ }
+ 
+ @media (max-width: 768px) {
+   .hero-title {
+     font-size: 2rem;
+   }
+ 
+   .hero-text {
+     font-size: 1.25rem;
+   }
+ 
+   .section-title {
+     font-size: 1.75rem;
+   }
+ }