commit 66a1a6bcaa0185a889e45f17e2eac02c19fa219d
Author: root <root@hub.scroll.pub>
Date: 2024-12-31 13:50:46 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..137a5a9
--- /dev/null
+++ b/body.html
@@ -0,0 +1,28 @@
+<main class="card-container">
+ <div class="card">
+ <div class="card-front">
+ <div class="fireworks">
+ <div class="firework"></div>
+ <div class="firework"></div>
+ <div class="firework"></div>
+ </div>
+ <h1 class="chinese">新年快乐</h1>
+ <h2 class="spanish">¡Feliz Año Nuevo!</h2>
+ <div class="hearts">
+ <div class="heart"></div>
+ <div class="heart"></div>
+ <div class="heart"></div>
+ </div>
+ </div>
+ <div class="card-back">
+ <p class="message">Mi amor,<br><br>
+ Que este nuevo año nos traiga más momentos juntos, más risas y más amor. Eres mi mayor regalo.<br><br>
+ Te quiero mucho.<br>
+ - Tu novia</p>
+ <div class="lanterns">
+ <div class="lantern"></div>
+ <div class="lantern"></div>
+ </div>
+ </div>
+ </div>
+</main>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..f599310
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://feliz-año-nuevo.scroll.pub
+metaTags
+editButton /edit.html
+title Feliz Año Nuevo - Tarjeta de Año Nuevo
+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..6738ca2
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "b663cb01-c7cd-494c-ae63-53bc0bcb8e32",
+ "object": "chat.completion",
+ "created": 1735653024,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "\n\n---domain---\nfeliz-año-nuevo.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://feliz-año-nuevo.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Feliz Año Nuevo - Tarjeta de Año Nuevo\nstyle.css\nbody.html\nscript.js\n---body.html---\n<main class=\"card-container\">\n <div class=\"card\">\n <div class=\"card-front\">\n <div class=\"fireworks\">\n <div class=\"firework\"></div>\n <div class=\"firework\"></div>\n <div class=\"firework\"></div>\n </div>\n <h1 class=\"chinese\">新年快乐</h1>\n <h2 class=\"spanish\">¡Feliz Año Nuevo!</h2>\n <div class=\"hearts\">\n <div class=\"heart\"></div>\n <div class=\"heart\"></div>\n <div class=\"heart\"></div>\n </div>\n </div>\n <div class=\"card-back\">\n <p class=\"message\">Mi amor,<br><br>\n Que este nuevo año nos traiga más momentos juntos, más risas y más amor. Eres mi mayor regalo.<br><br>\n Te quiero mucho.<br>\n - Tu novia</p>\n <div class=\"lanterns\">\n <div class=\"lantern\"></div>\n <div class=\"lantern\"></div>\n </div>\n </div>\n </div>\n</main>\n---style.css---\n:root {\n --primary-color: #d32f2f;\n --secondary-color: #ffcdd2;\n --accent-color: #ffeb3b;\n --text-color: #fff;\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, #1a237e, #0d47a1);\n font-family: 'Segoe UI', sans-serif;\n color: var(--text-color);\n}\n\n.card-container {\n perspective: 1000px;\n}\n\n.card {\n width: 300px;\n height: 400px;\n position: relative;\n transform-style: preserve-3d;\n transition: transform 1s;\n cursor: pointer;\n}\n\n.card:hover {\n transform: rotateY(180deg);\n}\n\n.card-front, .card-back {\n width: 100%;\n height: 100%;\n position: absolute;\n backface-visibility: hidden;\n border-radius: 20px;\n padding: 20px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n}\n\n.card-front {\n background: var(--primary-color);\n}\n\n.card-back {\n background: var(--secondary-color);\n transform: rotateY(180deg);\n color: #000;\n}\n\n.chinese {\n font-size: 3rem;\n margin: 0;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n\n.spanish {\n font-size: 2rem;\n margin: 1rem 0;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n}\n\n.message {\n text-align: center;\n line-height: 1.6;\n}\n\n.fireworks {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.firework {\n position: absolute;\n width: 10px;\n height: 10px;\n background: var(--accent-color);\n border-radius: 50%;\n animation: fireworks 2s infinite;\n}\n\n.firework:nth-child(1) {\n top: 10%;\n left: 20%;\n animation-delay: 0s;\n}\n\n.firework:nth-child(2) {\n top: 30%;\n left: 70%;\n animation-delay: 0.5s;\n}\n\n.firework:nth-child(3) {\n top: 50%;\n left: 40%;\n animation-delay: 1s;\n}\n\n@keyframes fireworks {\n 0% { transform: scale(0); opacity: 1; }\n 100% { transform: scale(3); opacity: 0; }\n}\n\n.hearts {\n position: absolute;\n bottom: 20px;\n}\n\n.heart {\n width: 20px;\n height: 20px;\n background: var(--secondary-color);\n position: relative;\n transform: rotate(-45deg);\n margin: 5px;\n display: inline-block;\n}\n\n.heart::before,\n.heart::after {\n content: '';\n width: 20px;\n height: 20px;\n background: var(--secondary-color);\n border-radius: 50%;\n position: absolute;\n}\n\n.heart::before {\n top: -10px;\n left: 0;\n}\n\n.heart::after {\n left: 10px;\n top: 0;\n}\n\n.lanterns {\n position: absolute;\n bottom: 20px;\n display: flex;\n gap: 20px;\n}\n\n.lantern {\n width: 30px;\n height: 50px;\n background: var(--primary-color);\n position: relative;\n border-radius: 15px;\n}\n\n.lantern::before {\n content: '';\n width: 40px;\n height: 10px;\n background: var(--primary-color);\n position: absolute;\n top: -10px;\n left: -5px;\n border-radius: 5px;\n}\n\n@media (max-width: 480px) {\n .card {\n width: 250px;\n height: 350px;\n }\n \n .chinese {\n font-size: 2.5rem;\n }\n \n .spanish {\n font-size: 1.5rem;\n }\n}\n---script.js---\n// Add any interactive JavaScript here if needed\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 259,
+ "completion_tokens": 1373,
+ "total_tokens": 1632,
+ "prompt_cache_hit_tokens": 256,
+ "prompt_cache_miss_tokens": 3
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..afa4670
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# feliz-año-nuevo.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..5bea745
--- /dev/null
+++ b/script.js
@@ -0,0 +1 @@
+// Add any interactive JavaScript here if needed
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..7ba3384
--- /dev/null
+++ b/style.css
@@ -0,0 +1,194 @@
+:root {
+ --primary-color: #d32f2f;
+ --secondary-color: #ffcdd2;
+ --accent-color: #ffeb3b;
+ --text-color: #fff;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+ min-height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background: linear-gradient(135deg, #1a237e, #0d47a1);
+ font-family: 'Segoe UI', sans-serif;
+ color: var(--text-color);
+}
+
+.card-container {
+ perspective: 1000px;
+}
+
+.card {
+ width: 300px;
+ height: 400px;
+ position: relative;
+ transform-style: preserve-3d;
+ transition: transform 1s;
+ cursor: pointer;
+}
+
+.card:hover {
+ transform: rotateY(180deg);
+}
+
+.card-front, .card-back {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ backface-visibility: hidden;
+ border-radius: 20px;
+ padding: 20px;
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ box-shadow: 0 10px 30px rgba(0,0,0,0.3);
+}
+
+.card-front {
+ background: var(--primary-color);
+}
+
+.card-back {
+ background: var(--secondary-color);
+ transform: rotateY(180deg);
+ color: #000;
+}
+
+.chinese {
+ font-size: 3rem;
+ margin: 0;
+ text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
+}
+
+.spanish {
+ font-size: 2rem;
+ margin: 1rem 0;
+ text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
+}
+
+.message {
+ text-align: center;
+ line-height: 1.6;
+}
+
+.fireworks {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+
+.firework {
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ background: var(--accent-color);
+ border-radius: 50%;
+ animation: fireworks 2s infinite;
+}
+
+.firework:nth-child(1) {
+ top: 10%;
+ left: 20%;
+ animation-delay: 0s;
+}
+
+.firework:nth-child(2) {
+ top: 30%;
+ left: 70%;
+ animation-delay: 0.5s;
+}
+
+.firework:nth-child(3) {
+ top: 50%;
+ left: 40%;
+ animation-delay: 1s;
+}
+
+@keyframes fireworks {
+ 0% { transform: scale(0); opacity: 1; }
+ 100% { transform: scale(3); opacity: 0; }
+}
+
+.hearts {
+ position: absolute;
+ bottom: 20px;
+}
+
+.heart {
+ width: 20px;
+ height: 20px;
+ background: var(--secondary-color);
+ position: relative;
+ transform: rotate(-45deg);
+ margin: 5px;
+ display: inline-block;
+}
+
+.heart::before,
+.heart::after {
+ content: '';
+ width: 20px;
+ height: 20px;
+ background: var(--secondary-color);
+ border-radius: 50%;
+ position: absolute;
+}
+
+.heart::before {
+ top: -10px;
+ left: 0;
+}
+
+.heart::after {
+ left: 10px;
+ top: 0;
+}
+
+.lanterns {
+ position: absolute;
+ bottom: 20px;
+ display: flex;
+ gap: 20px;
+}
+
+.lantern {
+ width: 30px;
+ height: 50px;
+ background: var(--primary-color);
+ position: relative;
+ border-radius: 15px;
+}
+
+.lantern::before {
+ content: '';
+ width: 40px;
+ height: 10px;
+ background: var(--primary-color);
+ position: absolute;
+ top: -10px;
+ left: -5px;
+ border-radius: 5px;
+}
+
+@media (max-width: 480px) {
+ .card {
+ width: 250px;
+ height: 350px;
+ }
+
+ .chinese {
+ font-size: 2.5rem;
+ }
+
+ .spanish {
+ font-size: 1.5rem;
+ }
+}
\ No newline at end of file