commit 1fa350d1a2d13336568b32aed1e514b1b521675a
Author: root <root@hub.scroll.pub> Date: 2024-12-28 09:31:12 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..78b2ad3 --- /dev/null +++ b/body.html @@ -0,0 +1,45 @@ +<header> + <nav> + <a href="/">Home</a> + <a href="/about">About</a> + <a href="/contact">Contact</a> + </nav> + <h1>BlogWave</h1> + <p>Riding the waves of thoughts and ideas</p> +</header> + +<main> + <section class="featured-post"> + <article> + <h2>Featured Post</h2> + <p class="post-meta">Published on <time datetime="2023-04-15">April 15, 2023</time></p> + <p>Discover the latest trends in web development and how they're shaping the future of the internet.</p> + <a href="/posts/web-development-trends" class="read-more">Read More</a> + </article> + </section> + + <section class="recent-posts"> + <h2>Recent Posts</h2> + <article> + <h3>The Art of Minimalism</h3> + <p class="post-meta">Published on <time datetime="2023-04-10">April 10, 2023</time></p> + <p>Exploring the beauty and benefits of minimalism in design and life.</p> + <a href="/posts/art-of-minimalism" class="read-more">Read More</a> + </article> + <article> + <h3>Mastering CSS Grid</h3> + <p class="post-meta">Published on <time datetime="2023-04-05">April 5, 2023</time></p> + <p>A comprehensive guide to understanding and implementing CSS Grid in modern web design.</p> + <a href="/posts/mastering-css-grid" class="read-more">Read More</a> + </article> + </section> +</main> + +<footer> + <p>Connect with me:</p> + <div class="social-links"> + <a href="/twitter">Twitter</a> + <a href="/linkedin">LinkedIn</a> + <a href="/github">GitHub</a> + </div> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..4d48828 --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://blogwave.scroll.pub +metaTags +editButton /edit.html +title BlogWave - My Personal Blog +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..ab28d7c --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "1d2b5eb4-43bd-4958-8961-529254f1651a", + "object": "chat.completion", + "created": 1735378251, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nblogwave.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://blogwave.scroll.pub\nmetaTags\neditButton /edit.html\ntitle BlogWave - My Personal Blog\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <nav>\n <a href=\"/\">Home</a>\n <a href=\"/about\">About</a>\n <a href=\"/contact\">Contact</a>\n </nav>\n <h1>BlogWave</h1>\n <p>Riding the waves of thoughts and ideas</p>\n</header>\n\n<main>\n <section class=\"featured-post\">\n <article>\n <h2>Featured Post</h2>\n <p class=\"post-meta\">Published on <time datetime=\"2023-04-15\">April 15, 2023</time></p>\n <p>Discover the latest trends in web development and how they're shaping the future of the internet.</p>\n <a href=\"/posts/web-development-trends\" class=\"read-more\">Read More</a>\n </article>\n </section>\n\n <section class=\"recent-posts\">\n <h2>Recent Posts</h2>\n <article>\n <h3>The Art of Minimalism</h3>\n <p class=\"post-meta\">Published on <time datetime=\"2023-04-10\">April 10, 2023</time></p>\n <p>Exploring the beauty and benefits of minimalism in design and life.</p>\n <a href=\"/posts/art-of-minimalism\" class=\"read-more\">Read More</a>\n </article>\n <article>\n <h3>Mastering CSS Grid</h3>\n <p class=\"post-meta\">Published on <time datetime=\"2023-04-05\">April 5, 2023</time></p>\n <p>A comprehensive guide to understanding and implementing CSS Grid in modern web design.</p>\n <a href=\"/posts/mastering-css-grid\" class=\"read-more\">Read More</a>\n </article>\n </section>\n</main>\n\n<footer>\n <p>Connect with me:</p>\n <div class=\"social-links\">\n <a href=\"/twitter\">Twitter</a>\n <a href=\"/linkedin\">LinkedIn</a>\n <a href=\"/github\">GitHub</a>\n </div>\n</footer>\n---style.css---\n:root {\n --primary-color: #1a73e8;\n --secondary-color: #202124;\n --background-color: #ffffff;\n --text-color: #202124;\n --accent-color: #e8eaed;\n}\n\nbody {\n font-family: 'Segoe UI', system-ui, sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n background-color: var(--background-color);\n margin: 0;\n padding: 0;\n}\n\nheader {\n background: var(--primary-color);\n color: white;\n padding: 2rem;\n text-align: center;\n}\n\nheader h1 {\n margin: 0;\n font-size: 2.5rem;\n}\n\nheader p {\n margin: 0.5rem 0 0;\n font-size: 1.2rem;\n}\n\nnav {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\nnav a {\n color: white;\n text-decoration: none;\n padding: 0.5rem 1rem;\n border-radius: 4px;\n transition: background-color 0.3s ease;\n}\n\nnav a:hover {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\nmain {\n max-width: 800px;\n margin: 2rem auto;\n padding: 0 1rem;\n}\n\n.featured-post {\n background: var(--accent-color);\n padding: 2rem;\n border-radius: 8px;\n margin-bottom: 2rem;\n}\n\n.post-meta {\n color: #5f6368;\n font-size: 0.9rem;\n margin: 0.5rem 0;\n}\n\n.read-more {\n display: inline-block;\n background: var(--primary-color);\n color: white;\n padding: 0.5rem 1rem;\n border-radius: 4px;\n text-decoration: none;\n transition: background-color 0.3s ease;\n}\n\n.read-more:hover {\n background-color: #1557b3;\n}\n\n.recent-posts article {\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 1px solid var(--accent-color);\n}\n\nfooter {\n text-align: center;\n padding: 2rem;\n background: var(--secondary-color);\n color: white;\n}\n\n.social-links {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin-top: 1rem;\n}\n\n.social-links a {\n color: white;\n text-decoration: none;\n padding: 0.5rem 1rem;\n border-radius: 4px;\n transition: background-color 0.3s ease;\n}\n\n.social-links a:hover {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n@media (max-width: 600px) {\n header h1 {\n font-size: 2rem;\n }\n\n header p {\n font-size: 1rem;\n }\n\n nav {\n flex-direction: column;\n align-items: center;\n }\n\n .featured-post {\n padding: 1rem;\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\n// Add active class to current navigation link\nconst currentPage = window.location.pathname;\ndocument.querySelectorAll('nav a').forEach(link => {\n if (link.getAttribute('href') === currentPage) {\n link.classList.add('active');\n }\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 238, + "completion_tokens": 1379, + "total_tokens": 1617, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 238 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..a86100d --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# blogwave.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..617bdbb --- /dev/null +++ b/script.js @@ -0,0 +1,17 @@ +// 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' + }); + }); +}); + +// Add active class to current navigation link +const currentPage = window.location.pathname; +document.querySelectorAll('nav a').forEach(link => { + if (link.getAttribute('href') === currentPage) { + link.classList.add('active'); + } +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..8204c3d --- /dev/null +++ b/style.css @@ -0,0 +1,136 @@ +:root { + --primary-color: #1a73e8; + --secondary-color: #202124; + --background-color: #ffffff; + --text-color: #202124; + --accent-color: #e8eaed; +} + +body { + font-family: 'Segoe UI', system-ui, sans-serif; + line-height: 1.6; + color: var(--text-color); + background-color: var(--background-color); + margin: 0; + padding: 0; +} + +header { + background: var(--primary-color); + color: white; + padding: 2rem; + text-align: center; +} + +header h1 { + margin: 0; + font-size: 2.5rem; +} + +header p { + margin: 0.5rem 0 0; + font-size: 1.2rem; +} + +nav { + display: flex; + justify-content: center; + gap: 1rem; + margin-bottom: 1rem; +} + +nav a { + color: white; + text-decoration: none; + padding: 0.5rem 1rem; + border-radius: 4px; + transition: background-color 0.3s ease; +} + +nav a:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +main { + max-width: 800px; + margin: 2rem auto; + padding: 0 1rem; +} + +.featured-post { + background: var(--accent-color); + padding: 2rem; + border-radius: 8px; + margin-bottom: 2rem; +} + +.post-meta { + color: #5f6368; + font-size: 0.9rem; + margin: 0.5rem 0; +} + +.read-more { + display: inline-block; + background: var(--primary-color); + color: white; + padding: 0.5rem 1rem; + border-radius: 4px; + text-decoration: none; + transition: background-color 0.3s ease; +} + +.read-more:hover { + background-color: #1557b3; +} + +.recent-posts article { + margin-bottom: 1.5rem; + padding-bottom: 1.5rem; + border-bottom: 1px solid var(--accent-color); +} + +footer { + text-align: center; + padding: 2rem; + background: var(--secondary-color); + color: white; +} + +.social-links { + display: flex; + justify-content: center; + gap: 1rem; + margin-top: 1rem; +} + +.social-links a { + color: white; + text-decoration: none; + padding: 0.5rem 1rem; + border-radius: 4px; + transition: background-color 0.3s ease; +} + +.social-links a:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +@media (max-width: 600px) { + header h1 { + font-size: 2rem; + } + + header p { + font-size: 1rem; + } + + nav { + flex-direction: column; + align-items: center; + } + + .featured-post { + padding: 1rem; + } +} \ No newline at end of file