commit b083c2821e83f53ac41503e27340f448dd8b1166
Author: root <root@hub.scroll.pub> Date: 2025-01-02 13:51:47 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..978094f --- /dev/null +++ b/body.html @@ -0,0 +1,41 @@ +<header> + <h1>About My Brother</h1> + <nav> + <ul> + <li><a href="#intro">Introduction</a></li> + <li><a href="#hobbies">Hobbies</a></li> + <li><a href="#achievements">Achievements</a></li> + <li><a href="#gallery">Gallery</a></li> + </ul> + </nav> +</header> + +<main> + <section id="intro"> + <h2>Introduction</h2> + <p>My brother is an incredible person who has always been a source of inspiration and support in my life. He is kind, intelligent, and always ready to lend a helping hand.</p> + </section> + + <section id="hobbies"> + <h2>Hobbies</h2> + <p>My brother has a wide range of interests. He enjoys playing the guitar, reading science fiction novels, and exploring the great outdoors. His passion for learning new things is truly admirable.</p> + </section> + + <section id="achievements"> + <h2>Achievements</h2> + <p>Over the years, my brother has accomplished many remarkable things. From academic excellence to community service, he has consistently made a positive impact on those around him.</p> + </section> + + <section id="gallery"> + <h2>Gallery</h2> + <div class="gallery-grid"> + <img src="images/brother1.jpg" alt="My brother playing guitar"> + <img src="images/brother2.jpg" alt="My brother hiking"> + <img src="images/brother3.jpg" alt="My brother reading"> + </div> + </section> +</main> + +<footer> + <p>Created with love by [Your Name]</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..01f028e --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://mybrother.scroll.pub +metaTags +editButton /edit.html +title About My Brother +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..71dd96c --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "46229275-4a80-4e22-b5a4-a6acc11128ad", + "object": "chat.completion", + "created": 1735825890, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nmybrother.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://mybrother.scroll.pub\nmetaTags\neditButton /edit.html\ntitle About My Brother\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>About My Brother</h1>\n <nav>\n <ul>\n <li><a href=\"#intro\">Introduction</a></li>\n <li><a href=\"#hobbies\">Hobbies</a></li>\n <li><a href=\"#achievements\">Achievements</a></li>\n <li><a href=\"#gallery\">Gallery</a></li>\n </ul>\n </nav>\n</header>\n\n<main>\n <section id=\"intro\">\n <h2>Introduction</h2>\n <p>My brother is an incredible person who has always been a source of inspiration and support in my life. He is kind, intelligent, and always ready to lend a helping hand.</p>\n </section>\n\n <section id=\"hobbies\">\n <h2>Hobbies</h2>\n <p>My brother has a wide range of interests. He enjoys playing the guitar, reading science fiction novels, and exploring the great outdoors. His passion for learning new things is truly admirable.</p>\n </section>\n\n <section id=\"achievements\">\n <h2>Achievements</h2>\n <p>Over the years, my brother has accomplished many remarkable things. From academic excellence to community service, he has consistently made a positive impact on those around him.</p>\n </section>\n\n <section id=\"gallery\">\n <h2>Gallery</h2>\n <div class=\"gallery-grid\">\n <img src=\"images/brother1.jpg\" alt=\"My brother playing guitar\">\n <img src=\"images/brother2.jpg\" alt=\"My brother hiking\">\n <img src=\"images/brother3.jpg\" alt=\"My brother reading\">\n </div>\n </section>\n</main>\n\n<footer>\n <p>Created with love by [Your Name]</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: #333;\n color: #fff;\n padding: 1rem 0;\n text-align: center;\n}\n\nheader h1 {\n margin: 0;\n}\n\nnav ul {\n list-style: none;\n padding: 0;\n}\n\nnav ul li {\n display: inline;\n margin: 0 10px;\n}\n\nnav ul li a {\n color: #fff;\n text-decoration: none;\n}\n\nmain {\n padding: 20px;\n}\n\nsection {\n margin-bottom: 40px;\n}\n\nh2 {\n color: #333;\n border-bottom: 2px solid #333;\n padding-bottom: 10px;\n}\n\n.gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 10px;\n}\n\n.gallery-grid img {\n width: 100%;\n height: auto;\n border-radius: 10px;\n}\n\nfooter {\n text-align: center;\n padding: 20px;\n background: #333;\n color: #fff;\n}\n\n@media (max-width: 768px) {\n nav ul li {\n display: block;\n margin: 10px 0;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr;\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": 237, + "completion_tokens": 872, + "total_tokens": 1109, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 237 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..c429b70 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# mybrother.scroll.pub +Website generated by DeepSeek from prompt: About my brother \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..5716c79 --- /dev/null +++ b/script.js @@ -0,0 +1,9 @@ +// 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' + }); + }); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..aac8946 --- /dev/null +++ b/style.css @@ -0,0 +1,78 @@ +body { + font-family: 'Arial', sans-serif; + line-height: 1.6; + margin: 0; + padding: 0; + background-color: #f4f4f4; + color: #333; +} + +header { + background: #333; + color: #fff; + padding: 1rem 0; + text-align: center; +} + +header h1 { + margin: 0; +} + +nav ul { + list-style: none; + padding: 0; +} + +nav ul li { + display: inline; + margin: 0 10px; +} + +nav ul li a { + color: #fff; + text-decoration: none; +} + +main { + padding: 20px; +} + +section { + margin-bottom: 40px; +} + +h2 { + color: #333; + border-bottom: 2px solid #333; + padding-bottom: 10px; +} + +.gallery-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 10px; +} + +.gallery-grid img { + width: 100%; + height: auto; + border-radius: 10px; +} + +footer { + text-align: center; + padding: 20px; + background: #333; + color: #fff; +} + +@media (max-width: 768px) { + nav ul li { + display: block; + margin: 10px 0; + } + + .gallery-grid { + grid-template-columns: 1fr; + } +} \ No newline at end of file