commit bb3b4cbd074cda3d879a4dfbe7aa413dcb7a774a
Author: root <root@hub.scroll.pub>
Date: 2024-12-29 17:01:12 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..15576a3
--- /dev/null
+++ b/body.html
@@ -0,0 +1,18 @@
+<main>
+ <div class="card">
+ <div class="card-front">
+ <h1>Happy New Year 2025!</h1>
+ <p>Wishing you joy, prosperity, and success in the coming year.</p>
+ <p class="chinese">新年快乐，万事如意！</p>
+ <button class="flip-btn">Flip Card</button>
+ </div>
+ <div class="card-back">
+ <h2>Your Fortune for 2025</h2>
+ <p id="fortune">Click to reveal your fortune...</p>
+ <button class="flip-btn">Flip Back</button>
+ </div>
+ </div>
+</main>
+<footer>
+ <p>Created with ❤️ for a wonderful 2025</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..1c4ec8b
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://newyear2025.scroll.pub
+metaTags
+editButton /edit.html
+title 2025 New Year Greeting Card
+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..5bd8667
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "552ea342-02eb-42d4-b624-27749d7bc7f0",
+ "object": "chat.completion",
+ "created": 1735491656,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nnewyear2025.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://newyear2025.scroll.pub\nmetaTags\neditButton /edit.html\ntitle 2025 New Year Greeting Card\nstyle.css\nbody.html\nscript.js\n---body.html---\n<main>\n <div class=\"card\">\n <div class=\"card-front\">\n <h1>Happy New Year 2025!</h1>\n <p>Wishing you joy, prosperity, and success in the coming year.</p>\n <p class=\"chinese\">新年快乐，万事如意！</p>\n <button class=\"flip-btn\">Flip Card</button>\n </div>\n <div class=\"card-back\">\n <h2>Your Fortune for 2025</h2>\n <p id=\"fortune\">Click to reveal your fortune...</p>\n <button class=\"flip-btn\">Flip Back</button>\n </div>\n </div>\n</main>\n<footer>\n <p>Created with ❤️ for a wonderful 2025</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #d32f2f;\n --secondary-color: #ffcdd2;\n --accent-color: #ffeb3b;\n --font-family: 'Georgia', serif;\n --transition-speed: 0.5s;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #1a237e, #311b92);\n color: white;\n font-family: var(--font-family);\n padding: 1rem;\n}\n\nmain {\n perspective: 1000px;\n}\n\n.card {\n width: 300px;\n height: 400px;\n position: relative;\n transform-style: preserve-3d;\n transition: transform var(--transition-speed);\n cursor: pointer;\n}\n\n.card.flipped {\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 display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\n background: var(--secondary-color);\n color: var(--primary-color);\n text-align: center;\n}\n\n.card-back {\n background: var(--primary-color);\n color: white;\n transform: rotateY(180deg);\n}\n\nh1, h2 {\n margin-bottom: 1rem;\n font-size: 1.8rem;\n}\n\np {\n margin: 0.5rem 0;\n}\n\n.chinese {\n font-size: 1.2rem;\n margin-top: 1rem;\n}\n\nbutton.flip-btn {\n margin-top: 1.5rem;\n padding: 0.5rem 1rem;\n border: none;\n border-radius: 5px;\n background: var(--accent-color);\n color: var(--primary-color);\n cursor: pointer;\n transition: background 0.3s;\n}\n\nbutton.flip-btn:hover {\n background: #ffc107;\n}\n\nfooter {\n margin-top: 2rem;\n text-align: center;\n color: var(--secondary-color);\n}\n\n@media (max-width: 480px) {\n .card {\n width: 250px;\n height: 350px;\n }\n \n h1, h2 {\n font-size: 1.5rem;\n }\n}\n---script.js---\nconst card = document.querySelector('.card');\nconst fortuneText = document.getElementById('fortune');\nconst fortunes = [\n \"Great success is coming your way!\",\n \"New opportunities will knock at your door.\",\n \"Love and happiness will fill your life.\",\n \"Your creativity will reach new heights.\",\n \"Financial stability is on the horizon.\",\n \"Health and wellness will be your allies.\",\n \"Travel adventures await you.\",\n \"Your dreams will start to materialize.\"\n];\n\ncard.addEventListener('click', () => {\n card.classList.toggle('flipped');\n if (card.classList.contains('flipped')) {\n const randomFortune = fortunes[Math.floor(Math.random() * fortunes.length)];\n fortuneText.textContent = randomFortune;\n }\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 263,
+ "completion_tokens": 1007,
+ "total_tokens": 1270,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 263
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..7e65341
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# newyear2025.scroll.pub
+Website generated by DeepSeek from prompt: A website shows a 2025 New Year greeting card with written wishing words in English and Chinese characters. It should have interactivity. Be creative.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..b12cd8a
--- /dev/null
+++ b/script.js
@@ -0,0 +1,20 @@
+const card = document.querySelector('.card');
+const fortuneText = document.getElementById('fortune');
+const fortunes = [
+ "Great success is coming your way!",
+ "New opportunities will knock at your door.",
+ "Love and happiness will fill your life.",
+ "Your creativity will reach new heights.",
+ "Financial stability is on the horizon.",
+ "Health and wellness will be your allies.",
+ "Travel adventures await you.",
+ "Your dreams will start to materialize."
+];
+
+card.addEventListener('click', () => {
+ card.classList.toggle('flipped');
+ if (card.classList.contains('flipped')) {
+ const randomFortune = fortunes[Math.floor(Math.random() * fortunes.length)];
+ fortuneText.textContent = randomFortune;
+ }
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..f6c0218
--- /dev/null
+++ b/style.css
@@ -0,0 +1,111 @@
+:root {
+ --primary-color: #d32f2f;
+ --secondary-color: #ffcdd2;
+ --accent-color: #ffeb3b;
+ --font-family: 'Georgia', serif;
+ --transition-speed: 0.5s;
+}
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ background: linear-gradient(135deg, #1a237e, #311b92);
+ color: white;
+ font-family: var(--font-family);
+ padding: 1rem;
+}
+
+main {
+ perspective: 1000px;
+}
+
+.card {
+ width: 300px;
+ height: 400px;
+ position: relative;
+ transform-style: preserve-3d;
+ transition: transform var(--transition-speed);
+ cursor: pointer;
+}
+
+.card.flipped {
+ transform: rotateY(180deg);
+}
+
+.card-front, .card-back {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ backface-visibility: hidden;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: 2rem;
+ border-radius: 15px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+ background: var(--secondary-color);
+ color: var(--primary-color);
+ text-align: center;
+}
+
+.card-back {
+ background: var(--primary-color);
+ color: white;
+ transform: rotateY(180deg);
+}
+
+h1, h2 {
+ margin-bottom: 1rem;
+ font-size: 1.8rem;
+}
+
+p {
+ margin: 0.5rem 0;
+}
+
+.chinese {
+ font-size: 1.2rem;
+ margin-top: 1rem;
+}
+
+button.flip-btn {
+ margin-top: 1.5rem;
+ padding: 0.5rem 1rem;
+ border: none;
+ border-radius: 5px;
+ background: var(--accent-color);
+ color: var(--primary-color);
+ cursor: pointer;
+ transition: background 0.3s;
+}
+
+button.flip-btn:hover {
+ background: #ffc107;
+}
+
+footer {
+ margin-top: 2rem;
+ text-align: center;
+ color: var(--secondary-color);
+}
+
+@media (max-width: 480px) {
+ .card {
+ width: 250px;
+ height: 350px;
+ }
+
+ h1, h2 {
+ font-size: 1.5rem;
+ }
+}
\ No newline at end of file