Changes to newyear2025.scroll.pub

root
root
23 days ago
Initial commit
body.html
Changed around line 1
+
+
+
+

Happy New Year 2025!

+

Wishing you joy, prosperity, and success in the coming year.

+

新年快乐,万事如意!

+
+
+
+

Your Fortune for 2025

+

Click to reveal your fortune...

+
+
+
+
+
+

Created with ❤️ for a wonderful 2025

+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://newyear2025.scroll.pub
+ metaTags
+ editButton /edit.html
+ title 2025 New Year Greeting Card
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "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
\n
\n
\n

Happy New Year 2025!

\n

Wishing you joy, prosperity, and success in the coming year.

\n

新年快乐,万事如意!

\n \n
\n
\n

Your Fortune for 2025

\n

Click to reveal your fortune...

\n \n
\n
\n
\n
\n

Created with ❤️ for a wonderful 2025

\n
\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"
+ }
readme.scroll
Changed around line 1
+ # 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.
script.js
Changed around line 1
+ 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;
+ }
+ });
style.css
Changed around line 1
+ :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;
+ }
+ }