commit 58e53dc9acc5d6c8650ea40356ed50987e87e5cc
Author: root <root@hub.scroll.pub>
Date: 2024-12-31 07:48:45 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..af3b94b
--- /dev/null
+++ b/body.html
@@ -0,0 +1,68 @@
+<header>
+ <nav>
+ <ul>
+ <li><a href="#scenic">Scenic Spots</a></li>
+ <li><a href="#food">Local Food</a></li>
+ <li><a href="#activities">Things to Do</a></li>
+ <li><a href="#reviews">Reviews</a></li>
+ </ul>
+ </nav>
+ <h1>Welcome to Hangzhou</h1>
+ <p>Explore the beauty, taste the flavors, and experience the culture of this enchanting city.</p>
+</header>
+
+<main>
+ <section id="scenic">
+ <h2>Scenic Spots</h2>
+ <article>
+ <h3>West Lake</h3>
+ <p>West Lake is a UNESCO World Heritage Site and the most famous attraction in Hangzhou. Its stunning landscapes and historic temples make it a must-visit.</p>
+ </article>
+ <article>
+ <h3>Lingyin Temple</h3>
+ <p>One of the oldest and most significant Buddhist temples in China, Lingyin Temple is surrounded by lush greenery and ancient carvings.</p>
+ </article>
+ </section>
+
+ <section id="food">
+ <h2>Local Food</h2>
+ <article>
+ <h3>Dongpo Pork</h3>
+ <p>A classic Hangzhou dish, Dongpo Pork is braised pork belly that is tender, flavorful, and melt-in-your-mouth delicious.</p>
+ </article>
+ <article>
+ <h3>West Lake Fish in Sweet Sauce</h3>
+ <p>This iconic dish features fresh fish from West Lake, cooked in a sweet and savory sauce that is uniquely Hangzhou.</p>
+ </article>
+ </section>
+
+ <section id="activities">
+ <h2>Things to Do</h2>
+ <article>
+ <h3>Boat Ride on West Lake</h3>
+ <p>Take a leisurely boat ride to enjoy the serene beauty of West Lake and its surrounding hills.</p>
+ </article>
+ <article>
+ <h3>Tea Tasting at Longjing Village</h3>
+ <p>Visit Longjing Village to taste the world-famous Longjing tea and learn about its production process.</p>
+ </article>
+ </section>
+
+ <section id="reviews">
+ <h2>Visitor Reviews</h2>
+ <div id="reviews-container">
+ <p>Loading reviews...</p>
+ </div>
+ <form id="review-form">
+ <label for="name">Your Name:</label>
+ <input type="text" id="name" name="name" required>
+ <label for="comment">Your Review:</label>
+ <textarea id="comment" name="comment" required></textarea>
+ <button type="submit">Submit Review</button>
+ </form>
+ </section>
+</main>
+
+<footer>
+ <p>Thank you for visiting Hangzhou. We hope you enjoy your stay!</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..8a70c9e
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://hangzhou.scroll.pub
+metaTags
+editButton /edit.html
+title Discover Hangzhou - Scenic Beauty, Delicious Food, and Fun Places
+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..99607e3
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "4c2f60c5-c7e3-47e6-9ad1-0da5812bb9be",
+ "object": "chat.completion",
+ "created": 1735631300,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nhangzhou.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://hangzhou.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Discover Hangzhou - Scenic Beauty, Delicious Food, and Fun Places\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <nav>\n <ul>\n <li><a href=\"#scenic\">Scenic Spots</a></li>\n <li><a href=\"#food\">Local Food</a></li>\n <li><a href=\"#activities\">Things to Do</a></li>\n <li><a href=\"#reviews\">Reviews</a></li>\n </ul>\n </nav>\n <h1>Welcome to Hangzhou</h1>\n <p>Explore the beauty, taste the flavors, and experience the culture of this enchanting city.</p>\n</header>\n\n<main>\n <section id=\"scenic\">\n <h2>Scenic Spots</h2>\n <article>\n <h3>West Lake</h3>\n <p>West Lake is a UNESCO World Heritage Site and the most famous attraction in Hangzhou. Its stunning landscapes and historic temples make it a must-visit.</p>\n </article>\n <article>\n <h3>Lingyin Temple</h3>\n <p>One of the oldest and most significant Buddhist temples in China, Lingyin Temple is surrounded by lush greenery and ancient carvings.</p>\n </article>\n </section>\n\n <section id=\"food\">\n <h2>Local Food</h2>\n <article>\n <h3>Dongpo Pork</h3>\n <p>A classic Hangzhou dish, Dongpo Pork is braised pork belly that is tender, flavorful, and melt-in-your-mouth delicious.</p>\n </article>\n <article>\n <h3>West Lake Fish in Sweet Sauce</h3>\n <p>This iconic dish features fresh fish from West Lake, cooked in a sweet and savory sauce that is uniquely Hangzhou.</p>\n </article>\n </section>\n\n <section id=\"activities\">\n <h2>Things to Do</h2>\n <article>\n <h3>Boat Ride on West Lake</h3>\n <p>Take a leisurely boat ride to enjoy the serene beauty of West Lake and its surrounding hills.</p>\n </article>\n <article>\n <h3>Tea Tasting at Longjing Village</h3>\n <p>Visit Longjing Village to taste the world-famous Longjing tea and learn about its production process.</p>\n </article>\n </section>\n\n <section id=\"reviews\">\n <h2>Visitor Reviews</h2>\n <div id=\"reviews-container\">\n <p>Loading reviews...</p>\n </div>\n <form id=\"review-form\">\n <label for=\"name\">Your Name:</label>\n <input type=\"text\" id=\"name\" name=\"name\" required>\n <label for=\"comment\">Your Review:</label>\n <textarea id=\"comment\" name=\"comment\" required></textarea>\n <button type=\"submit\">Submit Review</button>\n </form>\n </section>\n</main>\n\n<footer>\n <p>Thank you for visiting Hangzhou. We hope you enjoy your stay!</p>\n</footer>\n---style.css---\nbody {\n font-family: 'Arial', sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background-color: #f4f4f4;\n color: #333;\n}\n\nheader {\n background: url('header-bg.jpg') no-repeat center center/cover;\n color: #fff;\n padding: 2rem;\n text-align: center;\n}\n\nnav ul {\n list-style: none;\n padding: 0;\n display: flex;\n justify-content: center;\n background-color: #333;\n margin: 0;\n}\n\nnav ul li {\n margin: 0 1rem;\n}\n\nnav ul li a {\n color: #fff;\n text-decoration: none;\n font-weight: bold;\n}\n\nmain {\n padding: 2rem;\n}\n\nsection {\n margin-bottom: 2rem;\n}\n\narticle {\n background: #fff;\n padding: 1rem;\n margin-bottom: 1rem;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\nh1, h2, h3 {\n color: #333;\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background-color: #333;\n color: #fff;\n}\n\nform {\n display: flex;\n flex-direction: column;\n}\n\nform label {\n margin-bottom: 0.5rem;\n}\n\nform input, form textarea {\n margin-bottom: 1rem;\n padding: 0.5rem;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\nform button {\n padding: 0.5rem;\n background-color: #333;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\nform button:hover {\n background-color: #555;\n}\n\n@media (max-width: 768px) {\n nav ul {\n flex-direction: column;\n }\n\n nav ul li {\n margin: 0.5rem 0;\n }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n const reviewsContainer = document.getElementById('reviews-container');\n const reviewForm = document.getElementById('review-form');\n\n function loadReviews() {\n const reviews = JSON.parse(localStorage.getItem('reviews')) || [];\n reviewsContainer.innerHTML = reviews.length ? reviews.map(review => `\n <article>\n <h3>${review.name}</h3>\n <p>${review.comment}</p>\n </article>\n `).join('') : '<p>No reviews yet. Be the first to leave one!</p>';\n }\n\n reviewForm.addEventListener('submit', function(e) {\n e.preventDefault();\n const name = document.getElementById('name').value;\n const comment = document.getElementById('comment').value;\n const reviews = JSON.parse(localStorage.getItem('reviews')) || [];\n reviews.push({ name, comment });\n localStorage.setItem('reviews', JSON.stringify(reviews));\n loadReviews();\n reviewForm.reset();\n });\n\n loadReviews();\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 259,
+ "completion_tokens": 1418,
+ "total_tokens": 1677,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 259
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..c60e0fa
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# hangzhou.scroll.pub
+Website generated by DeepSeek from prompt: 我想要一个网站关于一些介绍杭州的风景，美食，游玩的地方，所以他应该有一个导航栏和一些有关风景的评论
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..c70c67d
--- /dev/null
+++ b/script.js
@@ -0,0 +1,27 @@
+document.addEventListener('DOMContentLoaded', function() {
+ const reviewsContainer = document.getElementById('reviews-container');
+ const reviewForm = document.getElementById('review-form');
+
+ function loadReviews() {
+ const reviews = JSON.parse(localStorage.getItem('reviews')) || [];
+ reviewsContainer.innerHTML = reviews.length ? reviews.map(review => `
+ <article>
+ <h3>${review.name}</h3>
+ <p>${review.comment}</p>
+ </article>
+ `).join('') : '<p>No reviews yet. Be the first to leave one!</p>';
+ }
+
+ reviewForm.addEventListener('submit', function(e) {
+ e.preventDefault();
+ const name = document.getElementById('name').value;
+ const comment = document.getElementById('comment').value;
+ const reviews = JSON.parse(localStorage.getItem('reviews')) || [];
+ reviews.push({ name, comment });
+ localStorage.setItem('reviews', JSON.stringify(reviews));
+ loadReviews();
+ reviewForm.reset();
+ });
+
+ loadReviews();
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..2ef76ce
--- /dev/null
+++ b/style.css
@@ -0,0 +1,100 @@
+body {
+ font-family: 'Arial', sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ padding: 0;
+ background-color: #f4f4f4;
+ color: #333;
+}
+
+header {
+ background: url('header-bg.jpg') no-repeat center center/cover;
+ color: #fff;
+ padding: 2rem;
+ text-align: center;
+}
+
+nav ul {
+ list-style: none;
+ padding: 0;
+ display: flex;
+ justify-content: center;
+ background-color: #333;
+ margin: 0;
+}
+
+nav ul li {
+ margin: 0 1rem;
+}
+
+nav ul li a {
+ color: #fff;
+ text-decoration: none;
+ font-weight: bold;
+}
+
+main {
+ padding: 2rem;
+}
+
+section {
+ margin-bottom: 2rem;
+}
+
+article {
+ background: #fff;
+ padding: 1rem;
+ margin-bottom: 1rem;
+ border-radius: 5px;
+ box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+}
+
+h1, h2, h3 {
+ color: #333;
+}
+
+footer {
+ text-align: center;
+ padding: 1rem;
+ background-color: #333;
+ color: #fff;
+}
+
+form {
+ display: flex;
+ flex-direction: column;
+}
+
+form label {
+ margin-bottom: 0.5rem;
+}
+
+form input, form textarea {
+ margin-bottom: 1rem;
+ padding: 0.5rem;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+}
+
+form button {
+ padding: 0.5rem;
+ background-color: #333;
+ color: #fff;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+}
+
+form button:hover {
+ background-color: #555;
+}
+
+@media (max-width: 768px) {
+ nav ul {
+ flex-direction: column;
+ }
+
+ nav ul li {
+ margin: 0.5rem 0;
+ }
+}
\ No newline at end of file