Changes to feliz-año-nuevo.scroll.pub

root

21 days ago

Initial commit

body.html

Changed around line 1

+     
+       
+         
+         
+         
+       
+       新年快乐
+       ¡Feliz Año Nuevo!
+       
+         
+         
+         
+       
+     

+     
+       Mi amor,

+       Que este nuevo año nos traiga más momentos juntos, más risas y más amor. Eres mi mayor regalo.

+       Te quiero mucho.
+       - Tu novia
+       
+         
+         
+       
+     

index.scroll

Changed around line 1
+ 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

prompt.json

Changed around line 1
+ {
+   "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\n  \n    \n      \n        
\n        
\n        
\n      
\n      新年快乐\n      ¡Feliz Año Nuevo!\n      \n        
\n        
\n        
\n      
\n    
\n    \n      Mi amor,

\n      Que este nuevo año nos traiga más momentos juntos, más risas y más amor. Eres mi mayor regalo.

\n      Te quiero mucho.
\n      - Tu novia
\n      \n        
\n        
\n      
\n    
\n  
\n\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"
+ }

readme.scroll

Changed around line 1

+ # 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.

script.js

Changed around line 1

+ // Add any interactive JavaScript here if needed

style.css

Changed around line 1
+ :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;
+   }
+ }