commit a992762ece66a9ba400399cffe8c69b60fdb5e5b
Author: root <root@hub.scroll.pub>
Date: 2024-12-31 13:46:08 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..3fcc424
--- /dev/null
+++ b/body.html
@@ -0,0 +1,11 @@
+<main class="card">
+ <div class="card-content">
+ <h1 class="chinese">新年快乐</h1>
+ <h2>Feliz Año Nuevo, Mi Amor</h2>
+ <div class="image-container">
+ <img src="/images/fireworks.png" alt="Fireworks" class="fireworks">
+ <img src="/images/heart.png" alt="Heart" class="heart">
+ </div>
+ <p class="message">Que este nuevo año esté lleno de amor, felicidad y momentos inolvidables juntos. Te amo más que ayer, pero menos que mañana. ❤️</p>
+ </div>
+</main>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..b745b49
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://nuevo-año-amor.scroll.pub
+metaTags
+editButton /edit.html
+title Feliz Año Nuevo, Mi Amor
+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..5f5dfb4
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "ec23654a-28a6-4be6-9872-6b9519a4a4a6",
+ "object": "chat.completion",
+ "created": 1735652750,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "\n\n---domain---\nnuevo-año-amor.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://nuevo-año-amor.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Feliz Año Nuevo, Mi Amor\nstyle.css\nbody.html\nscript.js\n---body.html---\n<main class=\"card\">\n <div class=\"card-content\">\n <h1 class=\"chinese\">新年快乐</h1>\n <h2>Feliz Año Nuevo, Mi Amor</h2>\n <div class=\"image-container\">\n <img src=\"/images/fireworks.png\" alt=\"Fireworks\" class=\"fireworks\">\n <img src=\"/images/heart.png\" alt=\"Heart\" class=\"heart\">\n </div>\n <p class=\"message\">Que este nuevo año esté lleno de amor, felicidad y momentos inolvidables juntos. Te amo más que ayer, pero menos que mañana. ❤️</p>\n </div>\n</main>\n---style.css---\n:root {\n --primary-color: #e63946;\n --secondary-color: #f1faee;\n --accent-color: #a8dadc;\n --text-color: #1d3557;\n}\n\nbody {\n margin: 0;\n padding: 0;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n background: linear-gradient(135deg, var(--primary-color), var(--accent-color));\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n color: var(--text-color);\n}\n\n.card {\n background: var(--secondary-color);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n max-width: 400px;\n width: 90%;\n text-align: center;\n animation: fadeIn 1s ease-in-out;\n}\n\n.chinese {\n font-size: 3rem;\n font-weight: bold;\n color: var(--primary-color);\n margin-bottom: 1rem;\n}\n\nh2 {\n font-size: 2rem;\n color: var(--primary-color);\n margin-bottom: 1.5rem;\n}\n\n.image-container {\n position: relative;\n margin: 2rem 0;\n}\n\n.fireworks {\n width: 100%;\n max-width: 300px;\n animation: float 3s ease-in-out infinite;\n}\n\n.heart {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 80px;\n animation: pulse 1.5s ease-in-out infinite;\n}\n\n.message {\n font-size: 1.1rem;\n line-height: 1.6;\n color: var(--text-color);\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes float {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-10px);\n }\n}\n\n@keyframes pulse {\n 0%, 100% {\n transform: translate(-50%, -50%) scale(1);\n }\n 50% {\n transform: translate(-50%, -50%) scale(1.1);\n }\n}\n\n@media (max-width: 480px) {\n .card {\n padding: 1.5rem;\n }\n\n .chinese {\n font-size: 2.5rem;\n }\n\n h2 {\n font-size: 1.8rem;\n }\n\n .heart {\n width: 60px;\n }\n}\n---script.js---\n// Simple script to add a confetti effect on page load\ndocument.addEventListener('DOMContentLoaded', () => {\n const colors = ['#e63946', '#a8dadc', '#f1faee', '#1d3557'];\n const card = document.querySelector('.card');\n\n for (let i = 0; i < 50; i++) {\n const confetti = document.createElement('div');\n confetti.classList.add('confetti');\n confetti.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];\n confetti.style.left = `${Math.random() * 100}%`;\n confetti.style.animationDuration = `${Math.random() * 3 + 2}s`;\n card.appendChild(confetti);\n }\n});\n---end---\n\nNote: The images referenced in the HTML (fireworks.png and heart.png) would need to be created and uploaded separately. The confetti effect in the JavaScript is a simple visual enhancement that adds to the celebratory feel of the card. The CSS includes animations and responsive design to make the card visually appealing on all devices."
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 259,
+ "completion_tokens": 1086,
+ "total_tokens": 1345,
+ "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..3759821
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# nuevo-año-amor.scroll.pub
+Website generated by DeepSeek from prompt: I want a New Year greeting card to my Spanish boyfriend. It should have Chinese characters and Spanish words, some images. Be creative.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..8a6c8a5
--- /dev/null
+++ b/script.js
@@ -0,0 +1,14 @@
+// Simple script to add a confetti effect on page load
+document.addEventListener('DOMContentLoaded', () => {
+ const colors = ['#e63946', '#a8dadc', '#f1faee', '#1d3557'];
+ const card = document.querySelector('.card');
+
+ for (let i = 0; i < 50; i++) {
+ const confetti = document.createElement('div');
+ confetti.classList.add('confetti');
+ confetti.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
+ confetti.style.left = `${Math.random() * 100}%`;
+ confetti.style.animationDuration = `${Math.random() * 3 + 2}s`;
+ card.appendChild(confetti);
+ }
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..61e526a
--- /dev/null
+++ b/style.css
@@ -0,0 +1,115 @@
+:root {
+ --primary-color: #e63946;
+ --secondary-color: #f1faee;
+ --accent-color: #a8dadc;
+ --text-color: #1d3557;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+ min-height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ color: var(--text-color);
+}
+
+.card {
+ background: var(--secondary-color);
+ padding: 2rem;
+ border-radius: 15px;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+ max-width: 400px;
+ width: 90%;
+ text-align: center;
+ animation: fadeIn 1s ease-in-out;
+}
+
+.chinese {
+ font-size: 3rem;
+ font-weight: bold;
+ color: var(--primary-color);
+ margin-bottom: 1rem;
+}
+
+h2 {
+ font-size: 2rem;
+ color: var(--primary-color);
+ margin-bottom: 1.5rem;
+}
+
+.image-container {
+ position: relative;
+ margin: 2rem 0;
+}
+
+.fireworks {
+ width: 100%;
+ max-width: 300px;
+ animation: float 3s ease-in-out infinite;
+}
+
+.heart {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ width: 80px;
+ animation: pulse 1.5s ease-in-out infinite;
+}
+
+.message {
+ font-size: 1.1rem;
+ line-height: 1.6;
+ color: var(--text-color);
+}
+
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+@keyframes float {
+ 0%, 100% {
+ transform: translateY(0);
+ }
+ 50% {
+ transform: translateY(-10px);
+ }
+}
+
+@keyframes pulse {
+ 0%, 100% {
+ transform: translate(-50%, -50%) scale(1);
+ }
+ 50% {
+ transform: translate(-50%, -50%) scale(1.1);
+ }
+}
+
+@media (max-width: 480px) {
+ .card {
+ padding: 1.5rem;
+ }
+
+ .chinese {
+ font-size: 2.5rem;
+ }
+
+ h2 {
+ font-size: 1.8rem;
+ }
+
+ .heart {
+ width: 60px;
+ }
+}
\ No newline at end of file