commit 4ae611fc43d3ea8c454e4860dcac92989d75e8ce
Author: root <root@hub.scroll.pub> Date: 2024-12-31 14:53:59 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..602799f --- /dev/null +++ b/body.html @@ -0,0 +1,19 @@ +<header> + <h1>¡Feliz Año Nuevo, Mi Amor!</h1> + <p>新年快乐,我的爱人</p> +</header> +<main> + <section id="greeting"> + <p>En este nuevo año, quiero que sepas que mi amor por ti es eterno. 我对你的爱是永恒的。</p> + <p>Eres mi todo, mi razón de ser. 你是我的一切,我存在的理由。</p> + <p>Te amo más que a nada en este mundo. 我爱你胜过世界上的一切。</p> + </section> + <section id="interactive"> + <h2>Envíame un Beso</h2> + <button id="kissButton">💋</button> + <p id="kissCount">Besos enviados: 0</p> + </section> +</main> +<footer> + <p>Que este año esté lleno de amor, felicidad y momentos inolvidables juntos.</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..020dfc4 --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://amor2024.scroll.pub +metaTags +editButton /edit.html +title New Year Greeting Card to My Spanish Lover +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..6107b32 --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "d237b894-c3a9-468b-879a-e8a557f131c5", + "object": "chat.completion", + "created": 1735656825, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\namor2024.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://amor2024.scroll.pub\nmetaTags\neditButton /edit.html\ntitle New Year Greeting Card to My Spanish Lover\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>¡Feliz Año Nuevo, Mi Amor!</h1>\n <p>新年快乐,我的爱人</p>\n</header>\n<main>\n <section id=\"greeting\">\n <p>En este nuevo año, quiero que sepas que mi amor por ti es eterno. 我对你的爱是永恒的。</p>\n <p>Eres mi todo, mi razón de ser. 你是我的一切,我存在的理由。</p>\n <p>Te amo más que a nada en este mundo. 我爱你胜过世界上的一切。</p>\n </section>\n <section id=\"interactive\">\n <h2>Envíame un Beso</h2>\n <button id=\"kissButton\">💋</button>\n <p id=\"kissCount\">Besos enviados: 0</p>\n </section>\n</main>\n<footer>\n <p>Que este año esté lleno de amor, felicidad y momentos inolvidables juntos.</p>\n</footer>\n---style.css---\nbody {\n font-family: 'Georgia', serif;\n background: linear-gradient(135deg, #ff7e5f, #feb47b);\n color: #fff;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n text-align: center;\n}\n\nheader {\n margin-bottom: 2rem;\n}\n\nh1 {\n font-size: 3rem;\n margin-bottom: 1rem;\n}\n\np {\n font-size: 1.2rem;\n line-height: 1.6;\n}\n\n#interactive {\n margin-top: 2rem;\n}\n\n#kissButton {\n background: none;\n border: none;\n font-size: 3rem;\n cursor: pointer;\n transition: transform 0.3s ease;\n}\n\n#kissButton:hover {\n transform: scale(1.2);\n}\n\n#kissCount {\n font-size: 1.2rem;\n margin-top: 1rem;\n}\n\nfooter {\n margin-top: 3rem;\n font-size: 1rem;\n}\n\n@media (max-width: 768px) {\n h1 {\n font-size: 2rem;\n }\n\n p {\n font-size: 1rem;\n }\n\n #kissButton {\n font-size: 2rem;\n }\n}\n---script.js---\nlet kissCount = 0;\n\ndocument.getElementById('kissButton').addEventListener('click', function() {\n kissCount++;\n document.getElementById('kissCount').textContent = `Besos enviados: ${kissCount}`;\n animateKiss();\n});\n\nfunction animateKiss() {\n const kiss = document.createElement('div');\n kiss.textContent = '💋';\n kiss.style.position = 'absolute';\n kiss.style.fontSize = '2rem';\n kiss.style.left = `${Math.random() * 80 + 10}%`;\n kiss.style.top = '0';\n document.body.appendChild(kiss);\n\n const animation = kiss.animate([\n { top: '0', opacity: 1 },\n { top: '80%', opacity: 0 }\n ], {\n duration: 1000,\n easing: 'ease-out'\n });\n\n animation.onfinish = () => kiss.remove();\n}\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 259, + "completion_tokens": 811, + "total_tokens": 1070, + "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..fb8320d --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# amor20243.scroll.pub +Website generated by DeepSeek from prompt: A New Year greeting card to my Spanish lover with written hot words in Chinese and Spanish. Have some interactivity. Be creative. \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..f5ec236 --- /dev/null +++ b/script.js @@ -0,0 +1,27 @@ +let kissCount = 0; + +document.getElementById('kissButton').addEventListener('click', function() { + kissCount++; + document.getElementById('kissCount').textContent = `Besos enviados: ${kissCount}`; + animateKiss(); +}); + +function animateKiss() { + const kiss = document.createElement('div'); + kiss.textContent = '💋'; + kiss.style.position = 'absolute'; + kiss.style.fontSize = '2rem'; + kiss.style.left = `${Math.random() * 80 + 10}%`; + kiss.style.top = '0'; + document.body.appendChild(kiss); + + const animation = kiss.animate([ + { top: '0', opacity: 1 }, + { top: '80%', opacity: 0 } + ], { + duration: 1000, + easing: 'ease-out' + }); + + animation.onfinish = () => kiss.remove(); +} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..e6f8a2e --- /dev/null +++ b/style.css @@ -0,0 +1,67 @@ +body { + font-family: 'Georgia', serif; + background: linear-gradient(135deg, #ff7e5f, #feb47b); + color: #fff; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + min-height: 100vh; + text-align: center; +} + +header { + margin-bottom: 2rem; +} + +h1 { + font-size: 3rem; + margin-bottom: 1rem; +} + +p { + font-size: 1.2rem; + line-height: 1.6; +} + +#interactive { + margin-top: 2rem; +} + +#kissButton { + background: none; + border: none; + font-size: 3rem; + cursor: pointer; + transition: transform 0.3s ease; +} + +#kissButton:hover { + transform: scale(1.2); +} + +#kissCount { + font-size: 1.2rem; + margin-top: 1rem; +} + +footer { + margin-top: 3rem; + font-size: 1rem; +} + +@media (max-width: 768px) { + h1 { + font-size: 2rem; + } + + p { + font-size: 1rem; + } + + #kissButton { + font-size: 2rem; + } +} \ No newline at end of file