Changes to bookhaven1.scroll.pub

root

21 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     BookHaven
+     
+       Featured
+       Categories
+       About
+       Contact
+     
+   
+   
+     Discover Your Next Favorite Book
+     Explore our curated collection of books across various genres.
+     Browse Books
+   
+ 
+ 
+ 
+   Featured Books
+   
+     
+       
+       Book Title 1
+       Author Name
+       
+     
+     
+       
+       Book Title 2
+       Author Name
+       
+     
+     
+       
+       Book Title 3
+       Author Name
+       
+     
+   
+ 
+ 
+ 
+   Categories
+   
+     
+       Fiction
+       Explore our collection of fiction books.
+     
+     
+       Non-Fiction
+       Discover non-fiction books on various topics.
+     
+     
+       Children's
+       Find books for young readers.
+     
+   
+ 
+ 
+ 
+   About BookHaven
+   BookHaven is your go-to online bookstore for discovering and purchasing books across a wide range of genres. We are passionate about connecting readers with their next favorite book.
+ 
+ 
+ 
+   Contact Us
+   
+     
+     
+     
+     
+   
+ 
+ 
+ 
+   BookHaven - Your Online Bookstore
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://bookhaven.scroll.pub
+ metaTags
+ editButton /edit.html
+ title BookHaven - Your Online Bookstore
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "c65653fb-32a8-4b3a-a52a-aaacb904c6b2",
+   "object": "chat.completion",
+   "created": 1735725522,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nbookhaven.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://bookhaven.scroll.pub\nmetaTags\neditButton /edit.html\ntitle BookHaven - Your Online Bookstore\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    BookHaven
\n    \n      Featured
\n      Categories
\n      About
\n      Contact
\n    \n  \n  \n    Discover Your Next Favorite Book\n    Explore our curated collection of books across various genres.
\n    Browse Books\n  
\n\n\n\n  Featured Books\n  \n    \n      \n      Book Title 1\n      Author Name
\n      \n    
\n    \n      \n      Book Title 2\n      Author Name
\n      \n    
\n    \n      \n      Book Title 3\n      Author Name
\n      \n    
\n  
\n\n\n\n  Categories\n  \n    \n      Fiction\n      Explore our collection of fiction books.
\n    
\n    \n      Non-Fiction\n      Discover non-fiction books on various topics.
\n    
\n    \n      Children's\n      Find books for young readers.
\n    
\n  
\n\n\n\n  About BookHaven\n  BookHaven is your go-to online bookstore for discovering and purchasing books across a wide range of genres. We are passionate about connecting readers with their next favorite book.
\n\n\n\n  Contact Us\n  \n    \n    \n    \n    \n  \n\n\n\n  BookHaven - Your Online Bookstore
\n\n---style.css---\n:root {\n  --primary-color: #4a90e2;\n  --secondary-color: #333;\n  --background-color: #f4f4f4;\n  --text-color: #333;\n  --white: #fff;\n}\n\nbody {\n  font-family: 'Arial', sans-serif;\n  margin: 0;\n  padding: 0;\n  color: var(--text-color);\n  background-color: var(--background-color);\n}\n\nheader {\n  background: var(--primary-color);\n  color: var(--white);\n  padding: 20px 0;\n  text-align: center;\n}\n\nheader .logo {\n  font-size: 24px;\n  font-weight: bold;\n}\n\nheader nav ul {\n  list-style: none;\n  padding: 0;\n}\n\nheader nav ul li {\n  display: inline;\n  margin: 0 15px;\n}\n\nheader nav ul li a {\n  color: var(--white);\n  text-decoration: none;\n}\n\n.hero {\n  padding: 100px 20px;\n  background: var(--primary-color);\n  color: var(--white);\n}\n\n.hero h1 {\n  font-size: 48px;\n  margin-bottom: 20px;\n}\n\n.hero p {\n  font-size: 18px;\n  margin-bottom: 30px;\n}\n\n.hero .cta {\n  background: var(--white);\n  color: var(--primary-color);\n  padding: 10px 20px;\n  text-decoration: none;\n  border-radius: 5px;\n}\n\n.featured-books, .categories, .about, .contact {\n  padding: 50px 20px;\n  text-align: center;\n}\n\n.featured-books h2, .categories h2, .about h2, .contact h2 {\n  font-size: 36px;\n  margin-bottom: 30px;\n}\n\n.book-grid, .category-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 20px;\n}\n\n.book-card, .category-card {\n  background: var(--white);\n  padding: 20px;\n  border-radius: 10px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\n.book-card img {\n  width: 100%;\n  border-radius: 5px;\n}\n\n.book-card h3, .category-card h3 {\n  font-size: 20px;\n  margin: 15px 0 10px;\n}\n\n.book-card p, .category-card p {\n  font-size: 16px;\n  color: #666;\n}\n\n.book-card button {\n  background: var(--primary-color);\n  color: var(--white);\n  border: none;\n  padding: 10px 20px;\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.contact form {\n  max-width: 600px;\n  margin: 0 auto;\n  text-align: left;\n}\n\n.contact input, .contact textarea {\n  width: 100%;\n  padding: 10px;\n  margin-bottom: 20px;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n}\n\n.contact button {\n  background: var(--primary-color);\n  color: var(--white);\n  border: none;\n  padding: 10px 20px;\n  border-radius: 5px;\n  cursor: pointer;\n}\n\nfooter {\n  background: var(--secondary-color);\n  color: var(--white);\n  text-align: center;\n  padding: 20px 0;\n}\n\n@media (max-width: 768px) {\n  header nav ul li {\n    display: block;\n    margin: 10px 0;\n  }\n\n  .hero h1 {\n    font-size: 36px;\n  }\n\n  .hero p {\n    font-size: 16px;\n  }\n\n  .featured-books h2, .categories h2, .about h2, .contact h2 {\n    font-size: 28px;\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": 1691,
+     "total_tokens": 1932,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 241
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # bookhaven1.scroll.pub

+ Website generated by DeepSeek from prompt: create a website for the bookselling

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: #f4f4f4;
+   --text-color: #333;
+   --white: #fff;
+ }
+ 
+ body {
+   font-family: 'Arial', sans-serif;
+   margin: 0;
+   padding: 0;
+   color: var(--text-color);
+   background-color: var(--background-color);
+ }
+ 
+ header {
+   background: var(--primary-color);
+   color: var(--white);
+   padding: 20px 0;
+   text-align: center;
+ }
+ 
+ header .logo {
+   font-size: 24px;
+   font-weight: bold;
+ }
+ 
+ header nav ul {
+   list-style: none;
+   padding: 0;
+ }
+ 
+ header nav ul li {
+   display: inline;
+   margin: 0 15px;
+ }
+ 
+ header nav ul li a {
+   color: var(--white);
+   text-decoration: none;
+ }
+ 
+ .hero {
+   padding: 100px 20px;
+   background: var(--primary-color);
+   color: var(--white);
+ }
+ 
+ .hero h1 {
+   font-size: 48px;
+   margin-bottom: 20px;
+ }
+ 
+ .hero p {
+   font-size: 18px;
+   margin-bottom: 30px;
+ }
+ 
+ .hero .cta {
+   background: var(--white);
+   color: var(--primary-color);
+   padding: 10px 20px;
+   text-decoration: none;
+   border-radius: 5px;
+ }
+ 
+ .featured-books, .categories, .about, .contact {
+   padding: 50px 20px;
+   text-align: center;
+ }
+ 
+ .featured-books h2, .categories h2, .about h2, .contact h2 {
+   font-size: 36px;
+   margin-bottom: 30px;
+ }
+ 
+ .book-grid, .category-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+   gap: 20px;
+ }
+ 
+ .book-card, .category-card {
+   background: var(--white);
+   padding: 20px;
+   border-radius: 10px;
+   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ }
+ 
+ .book-card img {
+   width: 100%;
+   border-radius: 5px;
+ }
+ 
+ .book-card h3, .category-card h3 {
+   font-size: 20px;
+   margin: 15px 0 10px;
+ }
+ 
+ .book-card p, .category-card p {
+   font-size: 16px;
+   color: #666;
+ }
+ 
+ .book-card button {
+   background: var(--primary-color);
+   color: var(--white);
+   border: none;
+   padding: 10px 20px;
+   border-radius: 5px;
+   cursor: pointer;
+ }
+ 
+ .contact form {
+   max-width: 600px;
+   margin: 0 auto;
+   text-align: left;
+ }
+ 
+ .contact input, .contact textarea {
+   width: 100%;
+   padding: 10px;
+   margin-bottom: 20px;
+   border: 1px solid #ccc;
+   border-radius: 5px;
+ }
+ 
+ .contact button {
+   background: var(--primary-color);
+   color: var(--white);
+   border: none;
+   padding: 10px 20px;
+   border-radius: 5px;
+   cursor: pointer;
+ }
+ 
+ footer {
+   background: var(--secondary-color);
+   color: var(--white);
+   text-align: center;
+   padding: 20px 0;
+ }
+ 
+ @media (max-width: 768px) {
+   header nav ul li {
+     display: block;
+     margin: 10px 0;
+   }
+ 
+   .hero h1 {
+     font-size: 36px;
+   }
+ 
+   .hero p {
+     font-size: 16px;
+   }
+ 
+   .featured-books h2, .categories h2, .about h2, .contact h2 {
+     font-size: 28px;
+   }
+ }