Last 10 Commits for eternalcare.scroll.pub

commit 161b67df30b6f8380f027e3e9de23e27a86cebed Author: root <root@hub.scroll.pub> Date: 2025-01-03 05:26:55 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..e0f5738 --- /dev/null +++ b/body.html @@ -0,0 +1,36 @@ +<header class="hero"> + <div class="hero-content"> + <h1>Eternal Care</h1> + <p>Compassionate Funeral Services for Your Loved Ones</p> + <a href="#services" class="cta-button">Explore Our Services</a> + </div> + <div class="scroll-indicator"></div> +</header> + +<section id="services" class="services-section"> + <h2>Our Services</h2> + <div class="service-cards"> + <div class="card"> + <h3>Funeral Planning</h3> + <p>Personalized and dignified funeral arrangements.</p> + </div> + <div class="card"> + <h3>Memorial Services</h3> + <p>Honoring the memory of your loved ones.</p> + </div> + <div class="card"> + <h3>Cremation Services</h3> + <p>Respectful and eco-friendly cremation options.</p> + </div> + </div> +</section> + +<section class="about-section"> + <h2>About Us</h2> + <p>At Eternal Care, we understand the importance of honoring your loved ones with dignity and respect. Our compassionate team is here to guide you through every step of the process.</p> +</section> + +<footer> + <p>Contact us today to learn more about our services.</p> + <a href="mailto:info@eternalcare.scroll.pub" class="cta-button">Email Us</a> +</footer> diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..cf7fe46 --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://eternalcare.scroll.pub +metaTags +editButton /edit.html +title Eternal Care - Compassionate Funeral Services +style.css +body.html +script.js diff --git a/prompt.json b/prompt.json new file mode 100644 index 0000000..d572bae --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "ee54e9ce-28ed-472d-bbb3-680e5a1810a8", + "object": "chat.completion", + "created": 1735881988, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\neternalcare.scroll.pub\n\n---index.scroll---\nbuildHtml\nbaseUrl https://eternalcare.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Eternal Care - Compassionate Funeral Services\nstyle.css\nbody.html\nscript.js\n\n---body.html---\n<header class=\"hero\">\n <div class=\"hero-content\">\n <h1>Eternal Care</h1>\n <p>Compassionate Funeral Services for Your Loved Ones</p>\n <a href=\"#services\" class=\"cta-button\">Explore Our Services</a>\n </div>\n <div class=\"scroll-indicator\"></div>\n</header>\n\n<section id=\"services\" class=\"services-section\">\n <h2>Our Services</h2>\n <div class=\"service-cards\">\n <div class=\"card\">\n <h3>Funeral Planning</h3>\n <p>Personalized and dignified funeral arrangements.</p>\n </div>\n <div class=\"card\">\n <h3>Memorial Services</h3>\n <p>Honoring the memory of your loved ones.</p>\n </div>\n <div class=\"card\">\n <h3>Cremation Services</h3>\n <p>Respectful and eco-friendly cremation options.</p>\n </div>\n </div>\n</section>\n\n<section class=\"about-section\">\n <h2>About Us</h2>\n <p>At Eternal Care, we understand the importance of honoring your loved ones with dignity and respect. Our compassionate team is here to guide you through every step of the process.</p>\n</section>\n\n<footer>\n <p>Contact us today to learn more about our services.</p>\n <a href=\"mailto:info@eternalcare.scroll.pub\" class=\"cta-button\">Email Us</a>\n</footer>\n\n---style.css---\n:root {\n --primary-color: #2c3e50;\n --secondary-color: #34495e;\n --accent-color: #e67e22;\n --text-color: #ecf0f1;\n --background-color: #1a1a1a;\n}\n\nbody {\n margin: 0;\n font-family: 'Arial', sans-serif;\n color: var(--text-color);\n background-color: var(--background-color);\n line-height: 1.6;\n}\n\n.hero {\n height: 100vh;\n background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('background.jpg');\n background-size: cover;\n background-position: center;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.hero-content {\n max-width: 800px;\n padding: 20px;\n}\n\n.hero h1 {\n font-size: 4rem;\n margin-bottom: 20px;\n animation: fadeIn 2s ease-in-out;\n}\n\n.hero p {\n font-size: 1.5rem;\n margin-bottom: 40px;\n animation: fadeIn 3s ease-in-out;\n}\n\n.cta-button {\n padding: 15px 30px;\n background-color: var(--accent-color);\n color: var(--text-color);\n text-decoration: none;\n border-radius: 5px;\n font-size: 1.2rem;\n transition: background-color 0.3s ease;\n}\n\n.cta-button:hover {\n background-color: #d35400;\n}\n\n.scroll-indicator {\n position: absolute;\n bottom: 20px;\n width: 30px;\n height: 50px;\n border: 2px solid var(--text-color);\n border-radius: 25px;\n animation: bounce 2s infinite;\n}\n\n.scroll-indicator::before {\n content: '';\n position: absolute;\n top: 10px;\n left: 50%;\n width: 6px;\n height: 6px;\n background: var(--text-color);\n border-radius: 50%;\n transform: translateX(-50%);\n animation: scroll 2s infinite;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n@keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-30px); }\n 60% { transform: translateY(-15px); }\n}\n\n@keyframes scroll {\n 0% { top: 10px; opacity: 1; }\n 100% { top: 30px; opacity: 0; }\n}\n\n.services-section {\n padding: 60px 20px;\n background-color: var(--secondary-color);\n text-align: center;\n}\n\n.services-section h2 {\n font-size: 2.5rem;\n margin-bottom: 40px;\n}\n\n.service-cards {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n}\n\n.card {\n background-color: var(--primary-color);\n padding: 20px;\n border-radius: 10px;\n width: 30%;\n margin: 10px;\n transition: transform 0.3s ease;\n}\n\n.card:hover {\n transform: translateY(-10px);\n}\n\n.card h3 {\n font-size: 1.5rem;\n margin-bottom: 10px;\n}\n\n.card p {\n font-size: 1rem;\n}\n\n.about-section {\n padding: 60px 20px;\n text-align: center;\n}\n\n.about-section h2 {\n font-size: 2.5rem;\n margin-bottom: 20px;\n}\n\n.about-section p {\n font-size: 1.2rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\nfooter {\n padding: 40px 20px;\n background-color: var(--primary-color);\n text-align: center;\n}\n\nfooter p {\n font-size: 1.2rem;\n margin-bottom: 20px;\n}\n\n@media (max-width: 768px) {\n .hero h1 {\n font-size: 3rem;\n }\n\n .hero p {\n font-size: 1.2rem;\n }\n\n .service-cards {\n flex-direction: column;\n }\n\n .card {\n width: 100%;\n margin: 10px 0;\n }\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// Fade-in animation for sections\nconst sections = document.querySelectorAll('section');\n\nconst observer = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('fade-in');\n }\n });\n}, {\n threshold: 0.1\n});\n\nsections.forEach(section => {\n observer.observe(section);\n});\n\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 261, + "completion_tokens": 1573, + "total_tokens": 1834, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 261 + }, + "system_fingerprint": "fp_3a5770e1b4" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..02927ff --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# eternalcare.scroll.pub +Website generated by DeepSeek from prompt: 用V0生成一个殡葬业务获客宣传落地页，页面大气美观，有良好的动态效果，适配移动端呈现 \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..8c77c88 --- /dev/null +++ b/script.js @@ -0,0 +1,26 @@ +// 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' + }); + }); +}); + +// Fade-in animation for sections +const sections = document.querySelectorAll('section'); + +const observer = new IntersectionObserver(entries => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.classList.add('fade-in'); + } + }); +}, { + threshold: 0.1 +}); + +sections.forEach(section => { + observer.observe(section); +}); diff --git a/style.css b/style.css new file mode 100644 index 0000000..0d8ae29 --- /dev/null +++ b/style.css @@ -0,0 +1,181 @@ +:root { + --primary-color: #2c3e50; + --secondary-color: #34495e; + --accent-color: #e67e22; + --text-color: #ecf0f1; + --background-color: #1a1a1a; +} + +body { + margin: 0; + font-family: 'Arial', sans-serif; + color: var(--text-color); + background-color: var(--background-color); + line-height: 1.6; +} + +.hero { + height: 100vh; + background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('background.jpg'); + background-size: cover; + background-position: center; + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + +.hero-content { + max-width: 800px; + padding: 20px; +} + +.hero h1 { + font-size: 4rem; + margin-bottom: 20px; + animation: fadeIn 2s ease-in-out; +} + +.hero p { + font-size: 1.5rem; + margin-bottom: 40px; + animation: fadeIn 3s ease-in-out; +} + +.cta-button { + padding: 15px 30px; + background-color: var(--accent-color); + color: var(--text-color); + text-decoration: none; + border-radius: 5px; + font-size: 1.2rem; + transition: background-color 0.3s ease; +} + +.cta-button:hover { + background-color: #d35400; +} + +.scroll-indicator { + position: absolute; + bottom: 20px; + width: 30px; + height: 50px; + border: 2px solid var(--text-color); + border-radius: 25px; + animation: bounce 2s infinite; +} + +.scroll-indicator::before { + content: ''; + position: absolute; + top: 10px; + left: 50%; + width: 6px; + height: 6px; + background: var(--text-color); + border-radius: 50%; + transform: translateX(-50%); + animation: scroll 2s infinite; +} + +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } + 40% { transform: translateY(-30px); } + 60% { transform: translateY(-15px); } +} + +@keyframes scroll { + 0% { top: 10px; opacity: 1; } + 100% { top: 30px; opacity: 0; } +} + +.services-section { + padding: 60px 20px; + background-color: var(--secondary-color); + text-align: center; +} + +.services-section h2 { + font-size: 2.5rem; + margin-bottom: 40px; +} + +.service-cards { + display: flex; + justify-content: space-around; + flex-wrap: wrap; +} + +.card { + background-color: var(--primary-color); + padding: 20px; + border-radius: 10px; + width: 30%; + margin: 10px; + transition: transform 0.3s ease; +} + +.card:hover { + transform: translateY(-10px); +} + +.card h3 { + font-size: 1.5rem; + margin-bottom: 10px; +} + +.card p { + font-size: 1rem; +} + +.about-section { + padding: 60px 20px; + text-align: center; +} + +.about-section h2 { + font-size: 2.5rem; + margin-bottom: 20px; +} + +.about-section p { + font-size: 1.2rem; + max-width: 800px; + margin: 0 auto; +} + +footer { + padding: 40px 20px; + background-color: var(--primary-color); + text-align: center; +} + +footer p { + font-size: 1.2rem; + margin-bottom: 20px; +} + +@media (max-width: 768px) { + .hero h1 { + font-size: 3rem; + } + + .hero p { + font-size: 1.2rem; + } + + .service-cards { + flex-direction: column; + } + + .card { + width: 100%; + margin: 10px 0; + } +}