commit 4c727037da8b16ddf2dcc2264d5ed5f3722872b0
Author: ffff:178.134.154.244 <ffff:178.134.154.244@bookhaven.scroll.pub>
Date: 2024-12-27 23:38:30 +0000
Subject: updated index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..b97b342
--- /dev/null
+++ b/index.html
@@ -0,0 +1,145 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8" />
+ <title>BookHaven - Your Online Book Shop</title>
+ <script>
+ /* This HTML was generated by 📜 Scroll v164.7.0. https://scroll.pub */
+ </script>
+ <style>
+ @media print {
+ .doNotPrint {
+ display: none !important;
+ }
+ }
+ </style>
+ <link rel="canonical" href="https://bookhaven.scroll.pub/index.html" />
+ <meta name="viewport" content="width=device-width,initial-scale=1" />
+ <meta name="description" content="" />
+ <meta name="generator" content="Scroll v164.7.0" />
+ <meta property="og:title" content="BookHaven - Your Online Book Shop" />
+ <meta property="og:description" content="" />
+ <meta property="og:image" content="" />
+
+ <link
+ rel="source"
+ type="application/git"
+ title="Source Code Repository"
+ href="index.scroll"
+ />
+
+ <meta name="twitter:card" content="summary_large_image" />
+ </head>
+ <body>
+ <style>
+ .abstractIconButtonParser {
+ position: absolute;
+ top: 0.25rem;
+ }
+ .abstractIconButtonParser svg {
+ fill: rgba(204, 204, 204, 0.8);
+ width: 1.875rem;
+ height: 1.875rem;
+ padding: 0 7px;
+ }
+ .abstractIconButtonParser:hover svg {
+ fill: #333;
+ }</style
+ ><a
+ href="/edit.html"
+ class="doNotPrint abstractIconButtonParser"
+ style="right: 2rem"
+ ><svg
+ width="800px"
+ height="800px"
+ viewBox="0 0 24 24"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M21.1213 2.70705C19.9497 1.53548 18.0503 1.53547 16.8787 2.70705L15.1989 4.38685L7.29289 12.2928C7.16473 12.421 7.07382 12.5816 7.02986 12.7574L6.02986 16.7574C5.94466 17.0982 6.04451 17.4587 6.29289 17.707C6.54127 17.9554 6.90176 18.0553 7.24254 17.9701L11.2425 16.9701C11.4184 16.9261 11.5789 16.8352 11.7071 16.707L19.5556 8.85857L21.2929 7.12126C22.4645 5.94969 22.4645 4.05019 21.2929 2.87862L21.1213 2.70705ZM18.2929 4.12126C18.6834 3.73074 19.3166 3.73074 19.7071 4.12126L19.8787 4.29283C20.2692 4.68336 20.2692 5.31653 19.8787 5.70705L18.8622 6.72357L17.3068 5.10738L18.2929 4.12126ZM15.8923 6.52185L17.4477 8.13804L10.4888 15.097L8.37437 15.6256L8.90296 13.5112L15.8923 6.52185ZM4 7.99994C4 7.44766 4.44772 6.99994 5 6.99994H10C10.5523 6.99994 11 6.55223 11 5.99994C11 5.44766 10.5523 4.99994 10 4.99994H5C3.34315 4.99994 2 6.34309 2 7.99994V18.9999C2 20.6568 3.34315 21.9999 5 21.9999H16C17.6569 21.9999 19 20.6568 19 18.9999V13.9999C19 13.4477 18.5523 12.9999 18 12.9999C17.4477 12.9999 17 13.4477 17 13.9999V18.9999C17 19.5522 16.5523 19.9999 16 19.9999H5C4.44772 19.9999 4 19.5522 4 18.9999V7.99994Z"
+ /></svg
+ ></a>
+ <link rel="stylesheet" type="text/css" href="style.css" />
+ <header class="header">
+ <div class="container">
+ <h1 class="logo">BookHaven</h1>
+ <nav class="nav">
+ <ul>
+ <li><a href="#featured">Featured</a></li>
+ <li><a href="#categories">Categories</a></li>
+ <li><a href="#about">About</a></li>
+ <li><a href="#contact">Contact</a></li>
+ </ul>
+ </nav>
+ </div>
+ </header>
+
+ <section class="hero">
+ <div class="container">
+ <h2>Discover Your Next Favorite Book</h2>
+ <p>Explore our vast collection of books across all genres.</p>
+ <a href="#featured" class="btn">Explore Now</a>
+ </div>
+ </section>
+
+ <section id="featured" class="featured">
+ <div class="container">
+ <h2>Featured Books</h2>
+ <div class="book-grid">
+ <div class="book-card">
+ <img src="/images/book1.jpg" alt="Book 1" />
+ <h3>Book Title 1</h3>
+ <p>Author Name</p>
+ <a href="#" class="btn">View Details</a>
+ </div>
+ <div class="book-card">
+ <img src="/images/book2.jpg" alt="Book 2" />
+ <h3>Book Title 2</h3>
+ <p>Author Name</p>
+ <a href="#" class="btn">View Details</a>
+ </div>
+ <div class="book-card">
+ <img src="/images/book3.jpg" alt="Book 3" />
+ <h3>Book Title 3</h3>
+ <p>Author Name</p>
+ <a href="#" class="btn">View Details</a>
+ </div>
+ </div>
+ </div>
+ </section>
+ <script>
+ alert(location);
+ </script>
+ <section id="categories" class="categories">
+ <div class="container">
+ <h2>Categories</h2>
+ <div class="category-grid">
+ <div class="category-card">
+ <h3>Fiction</h3>
+ <p>Explore our collection of fiction books.</p>
+ <a href="#" class="btn">View More</a>
+ </div>
+ <div class="category-card">
+ <h3>Non-Fiction</h3>
+ <p>Discover non-fiction books on various topics.</p>
+ <a href="#" class="btn">View More</a>
+ </div>
+ <div class="category-card">
+ <h3>Children</h3>
+ <p>Find the perfect book for your child.</p>
+ <a href="#" class="btn">View More</a>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <footer class="footer">
+ <div class="container">
+ <p>BookHaven - Your Online Book Shop</p>
+ </div>
+ </footer>
+ <script src="script.js"></script>
+ </body>
+</html>
commit 08ca004cdd7bf6ff8ad575cb0c5b4e538325789e
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 23:36:59 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..61636c0
--- /dev/null
+++ b/body.html
@@ -0,0 +1,76 @@
+<header class="header">
+ <div class="container">
+ <h1 class="logo">BookHaven</h1>
+ <nav class="nav">
+ <ul>
+ <li><a href="#featured">Featured</a></li>
+ <li><a href="#categories">Categories</a></li>
+ <li><a href="#about">About</a></li>
+ <li><a href="#contact">Contact</a></li>
+ </ul>
+ </nav>
+ </div>
+</header>
+
+<section class="hero">
+ <div class="container">
+ <h2>Discover Your Next Favorite Book</h2>
+ <p>Explore our vast collection of books across all genres.</p>
+ <a href="#featured" class="btn">Explore Now</a>
+ </div>
+</section>
+
+<section id="featured" class="featured">
+ <div class="container">
+ <h2>Featured Books</h2>
+ <div class="book-grid">
+ <div class="book-card">
+ <img src="/images/book1.jpg" alt="Book 1">
+ <h3>Book Title 1</h3>
+ <p>Author Name</p>
+ <a href="#" class="btn">View Details</a>
+ </div>
+ <div class="book-card">
+ <img src="/images/book2.jpg" alt="Book 2">
+ <h3>Book Title 2</h3>
+ <p>Author Name</p>
+ <a href="#" class="btn">View Details</a>
+ </div>
+ <div class="book-card">
+ <img src="/images/book3.jpg" alt="Book 3">
+ <h3>Book Title 3</h3>
+ <p>Author Name</p>
+ <a href="#" class="btn">View Details</a>
+ </div>
+ </div>
+ </div>
+</section>
+
+<section id="categories" class="categories">
+ <div class="container">
+ <h2>Categories</h2>
+ <div class="category-grid">
+ <div class="category-card">
+ <h3>Fiction</h3>
+ <p>Explore our collection of fiction books.</p>
+ <a href="#" class="btn">View More</a>
+ </div>
+ <div class="category-card">
+ <h3>Non-Fiction</h3>
+ <p>Discover non-fiction books on various topics.</p>
+ <a href="#" class="btn">View More</a>
+ </div>
+ <div class="category-card">
+ <h3>Children</h3>
+ <p>Find the perfect book for your child.</p>
+ <a href="#" class="btn">View More</a>
+ </div>
+ </div>
+ </div>
+</section>
+
+<footer class="footer">
+ <div class="container">
+ <p>BookHaven - Your Online Book Shop</p>
+ </div>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..1ed2a66
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://bookhaven.scroll.pub
+metaTags
+editButton /edit.html
+title BookHaven - Your Online Book Shop
+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..6428d1b
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "e1ee3d29-bcea-4502-9238-385f09886333",
+ "object": "chat.completion",
+ "created": 1735342600,
+ "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 Book Shop\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header class=\"header\">\n <div class=\"container\">\n <h1 class=\"logo\">BookHaven</h1>\n <nav class=\"nav\">\n <ul>\n <li><a href=\"#featured\">Featured</a></li>\n <li><a href=\"#categories\">Categories</a></li>\n <li><a href=\"#about\">About</a></li>\n <li><a href=\"#contact\">Contact</a></li>\n </ul>\n </nav>\n </div>\n</header>\n\n<section class=\"hero\">\n <div class=\"container\">\n <h2>Discover Your Next Favorite Book</h2>\n <p>Explore our vast collection of books across all genres.</p>\n <a href=\"#featured\" class=\"btn\">Explore Now</a>\n </div>\n</section>\n\n<section id=\"featured\" class=\"featured\">\n <div class=\"container\">\n <h2>Featured Books</h2>\n <div class=\"book-grid\">\n <div class=\"book-card\">\n <img src=\"/images/book1.jpg\" alt=\"Book 1\">\n <h3>Book Title 1</h3>\n <p>Author Name</p>\n <a href=\"#\" class=\"btn\">View Details</a>\n </div>\n <div class=\"book-card\">\n <img src=\"/images/book2.jpg\" alt=\"Book 2\">\n <h3>Book Title 2</h3>\n <p>Author Name</p>\n <a href=\"#\" class=\"btn\">View Details</a>\n </div>\n <div class=\"book-card\">\n <img src=\"/images/book3.jpg\" alt=\"Book 3\">\n <h3>Book Title 3</h3>\n <p>Author Name</p>\n <a href=\"#\" class=\"btn\">View Details</a>\n </div>\n </div>\n </div>\n</section>\n\n<section id=\"categories\" class=\"categories\">\n <div class=\"container\">\n <h2>Categories</h2>\n <div class=\"category-grid\">\n <div class=\"category-card\">\n <h3>Fiction</h3>\n <p>Explore our collection of fiction books.</p>\n <a href=\"#\" class=\"btn\">View More</a>\n </div>\n <div class=\"category-card\">\n <h3>Non-Fiction</h3>\n <p>Discover non-fiction books on various topics.</p>\n <a href=\"#\" class=\"btn\">View More</a>\n </div>\n <div class=\"category-card\">\n <h3>Children</h3>\n <p>Find the perfect book for your child.</p>\n <a href=\"#\" class=\"btn\">View More</a>\n </div>\n </div>\n </div>\n</section>\n\n<footer class=\"footer\">\n <div class=\"container\">\n <p>BookHaven - Your Online Book Shop</p>\n </div>\n</footer>\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 color: var(--text-color);\n background-color: var(--background-color);\n margin: 0;\n padding: 0;\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: var(--white);\n padding: 1rem 0;\n}\n\n.logo {\n font-size: 2rem;\n margin: 0;\n}\n\n.nav ul {\n list-style: none;\n padding: 0;\n display: flex;\n justify-content: flex-end;\n}\n\n.nav ul li {\n margin-left: 1.5rem;\n}\n\n.nav ul li a {\n color: var(--white);\n text-decoration: none;\n font-weight: bold;\n}\n\n.hero {\n background: url('/images/hero-bg.jpg') no-repeat center center/cover;\n color: var(--white);\n padding: 5rem 0;\n text-align: center;\n}\n\n.hero h2 {\n font-size: 3rem;\n margin-bottom: 1rem;\n}\n\n.hero p {\n font-size: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.btn {\n background-color: var(--primary-color);\n color: var(--white);\n padding: 0.75rem 1.5rem;\n text-decoration: none;\n border-radius: 5px;\n transition: background-color 0.3s ease;\n}\n\n.btn:hover {\n background-color: darken(var(--primary-color), 10%);\n}\n\n.featured, .categories {\n padding: 3rem 0;\n}\n\n.featured h2, .categories h2 {\n text-align: center;\n margin-bottom: 2rem;\n}\n\n.book-grid, .category-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.book-card, .category-card {\n background-color: var(--white);\n padding: 1rem;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.book-card img {\n max-width: 100%;\n border-radius: 5px;\n}\n\n.footer {\n background-color: var(--secondary-color);\n color: var(--white);\n text-align: center;\n padding: 1rem 0;\n margin-top: 3rem;\n}\n\n@media (max-width: 768px) {\n .nav ul {\n flex-direction: column;\n align-items: center;\n }\n\n .nav ul li {\n margin: 0.5rem 0;\n }\n\n .hero h2 {\n font-size: 2rem;\n }\n\n .hero p {\n font-size: 1.2rem;\n }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n const navLinks = document.querySelectorAll('.nav ul li a');\n\n navLinks.forEach(link => {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n const targetId = this.getAttribute('href').substring(1);\n const targetSection = document.getElementById(targetId);\n targetSection.scrollIntoView({ behavior: 'smooth' });\n });\n });\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 244,
+ "completion_tokens": 1514,
+ "total_tokens": 1758,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 244
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..f44be77
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# bookhaven.scroll.pub
+Website generated by DeepSeek from prompt: create web online book shop. be creative with design
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..d4fb21c
--- /dev/null
+++ b/script.js
@@ -0,0 +1,12 @@
+document.addEventListener('DOMContentLoaded', function() {
+ const navLinks = document.querySelectorAll('.nav ul li a');
+
+ navLinks.forEach(link => {
+ link.addEventListener('click', function(e) {
+ e.preventDefault();
+ const targetId = this.getAttribute('href').substring(1);
+ const targetSection = document.getElementById(targetId);
+ targetSection.scrollIntoView({ behavior: 'smooth' });
+ });
+ });
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..e1abd07
--- /dev/null
+++ b/style.css
@@ -0,0 +1,134 @@
+:root {
+ --primary-color: #4a90e2;
+ --secondary-color: #333;
+ --background-color: #f4f4f4;
+ --text-color: #333;
+ --white: #fff;
+}
+
+body {
+ font-family: 'Arial', sans-serif;
+ color: var(--text-color);
+ background-color: var(--background-color);
+ margin: 0;
+ padding: 0;
+}
+
+.container {
+ width: 90%;
+ max-width: 1200px;
+ margin: 0 auto;
+}
+
+.header {
+ background-color: var(--primary-color);
+ color: var(--white);
+ padding: 1rem 0;
+}
+
+.logo {
+ font-size: 2rem;
+ margin: 0;
+}
+
+.nav ul {
+ list-style: none;
+ padding: 0;
+ display: flex;
+ justify-content: flex-end;
+}
+
+.nav ul li {
+ margin-left: 1.5rem;
+}
+
+.nav ul li a {
+ color: var(--white);
+ text-decoration: none;
+ font-weight: bold;
+}
+
+.hero {
+ background: url('/images/hero-bg.jpg') no-repeat center center/cover;
+ color: var(--white);
+ padding: 5rem 0;
+ text-align: center;
+}
+
+.hero h2 {
+ font-size: 3rem;
+ margin-bottom: 1rem;
+}
+
+.hero p {
+ font-size: 1.5rem;
+ margin-bottom: 2rem;
+}
+
+.btn {
+ background-color: var(--primary-color);
+ color: var(--white);
+ padding: 0.75rem 1.5rem;
+ text-decoration: none;
+ border-radius: 5px;
+ transition: background-color 0.3s ease;
+}
+
+.btn:hover {
+ background-color: darken(var(--primary-color), 10%);
+}
+
+.featured, .categories {
+ padding: 3rem 0;
+}
+
+.featured h2, .categories h2 {
+ text-align: center;
+ margin-bottom: 2rem;
+}
+
+.book-grid, .category-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 1.5rem;
+}
+
+.book-card, .category-card {
+ background-color: var(--white);
+ padding: 1rem;
+ border-radius: 5px;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+ text-align: center;
+}
+
+.book-card img {
+ max-width: 100%;
+ border-radius: 5px;
+}
+
+.footer {
+ background-color: var(--secondary-color);
+ color: var(--white);
+ text-align: center;
+ padding: 1rem 0;
+ margin-top: 3rem;
+}
+
+@media (max-width: 768px) {
+ .nav ul {
+ flex-direction: column;
+ align-items: center;
+ }
+
+ .nav ul li {
+ margin: 0.5rem 0;
+ }
+
+ .hero h2 {
+ font-size: 2rem;
+ }
+
+ .hero p {
+ font-size: 1.2rem;
+ }
+}
\ No newline at end of file