Changes to nuevoaño1.scroll.pub

root

21 days ago

Initial commit

body.html

Changed around line 1

+     
+       Feliz Año Nuevo
+       新年快乐
+       ¡Que este nuevo año esté lleno de amor, alegría y éxito!
+       愿新的一年充满爱、欢乐和成功！
+       
+     

+     
+       Para Mi Amor
+       Eres la luz que ilumina mis días y la razón de mi felicidad. Que este año nos traiga más momentos juntos, llenos de amor y risas. Te amo más de lo que las palabras pueden expresar.
+       你是照亮我生活的光，是我幸福的原因。愿这一年带给我们更多在一起的时刻，充满爱和欢笑。我爱你，胜过言语所能表达。
+       
+     

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://nuevoaño.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Feliz Año Nuevo | 新年快乐
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "1391a156-8242-4ba0-a255-2a8892d5951f",
+   "object": "chat.completion",
+   "created": 1735658486,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nnuevoaño.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://nuevoaño.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Feliz Año Nuevo | 新年快乐\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    \n      Feliz Año Nuevo\n      新年快乐\n      ¡Que este nuevo año esté lleno de amor, alegría y éxito!
\n      愿新的一年充满爱、欢乐和成功！
\n      \n    
\n    \n      Para Mi Amor\n      Eres la luz que ilumina mis días y la razón de mi felicidad. Que este año nos traiga más momentos juntos, llenos de amor y risas. Te amo más de lo que las palabras pueden expresar.
\n      你是照亮我生活的光，是我幸福的原因。愿这一年带给我们更多在一起的时刻，充满爱和欢笑。我爱你，胜过言语所能表达。
\n      \n    
\n  
\n\n---style.css---\nbody {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100vh;\n  background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);\n  font-family: 'Arial', sans-serif;\n  color: #333;\n}\n\n.card {\n  width: 300px;\n  height: 400px;\n  perspective: 1000px;\n  position: relative;\n  transform-style: preserve-3d;\n  transition: transform 0.8s;\n}\n\n.card.flipped {\n  transform: rotateY(180deg);\n}\n\n.front, .back {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  backface-visibility: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  padding: 20px;\n  border-radius: 15px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  background: white;\n}\n\n.back {\n  transform: rotateY(180deg);\n}\n\nh1, h2 {\n  margin: 0;\n  font-size: 24px;\n  color: #ff6f61;\n}\n\np {\n  margin: 10px 0;\n  font-size: 16px;\n}\n\nbutton {\n  margin-top: 20px;\n  padding: 10px 20px;\n  font-size: 16px;\n  color: white;\n  background-color: #ff6f61;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n  transition: background-color 0.3s;\n}\n\nbutton:hover {\n  background-color: #ff3b2f;\n}\n\n@media (max-width: 600px) {\n  .card {\n    width: 90%;\n    height: auto;\n    padding: 20px;\n  }\n\n  h1, h2 {\n    font-size: 20px;\n  }\n\n  p {\n    font-size: 14px;\n  }\n\n  button {\n    font-size: 14px;\n  }\n}\n---script.js---\nfunction flipCard() {\n  const card = document.querySelector('.card');\n  card.classList.toggle('flipped');\n}\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 262,
+     "completion_tokens": 830,
+     "total_tokens": 1092,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 262
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # nuevoaño1.scroll.pub

+ Website generated by DeepSeek from prompt: I want a New Year greeting card to my Spanish boyfriend, with Chinese and Spanish bilingual written words. It should have interactivity. Be creative.

script.js

Changed around line 1

+ function flipCard() {

+ const card = document.querySelector('.card');

+ card.classList.toggle('flipped');

+ }

style.css

Changed around line 1
+ body {
+   margin: 0;
+   padding: 0;
+   display: flex;
+   justify-content: center;
+   align-items: center;
+   height: 100vh;
+   background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
+   font-family: 'Arial', sans-serif;
+   color: #333;
+ }
+ 
+ .card {
+   width: 300px;
+   height: 400px;
+   perspective: 1000px;
+   position: relative;
+   transform-style: preserve-3d;
+   transition: transform 0.8s;
+ }
+ 
+ .card.flipped {
+   transform: rotateY(180deg);
+ }
+ 
+ .front, .back {
+   width: 100%;
+   height: 100%;
+   position: absolute;
+   backface-visibility: hidden;
+   display: flex;
+   flex-direction: column;
+   justify-content: center;
+   align-items: center;
+   text-align: center;
+   padding: 20px;
+   border-radius: 15px;
+   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+   background: white;
+ }
+ 
+ .back {
+   transform: rotateY(180deg);
+ }
+ 
+ h1, h2 {
+   margin: 0;
+   font-size: 24px;
+   color: #ff6f61;
+ }
+ 
+ p {
+   margin: 10px 0;
+   font-size: 16px;
+ }
+ 
+ button {
+   margin-top: 20px;
+   padding: 10px 20px;
+   font-size: 16px;
+   color: white;
+   background-color: #ff6f61;
+   border: none;
+   border-radius: 5px;
+   cursor: pointer;
+   transition: background-color 0.3s;
+ }
+ 
+ button:hover {
+   background-color: #ff3b2f;
+ }
+ 
+ @media (max-width: 600px) {
+   .card {
+     width: 90%;
+     height: auto;
+     padding: 20px;
+   }
+ 
+   h1, h2 {
+     font-size: 20px;
+   }
+ 
+   p {
+     font-size: 14px;
+   }
+ 
+   button {
+     font-size: 14px;
+   }
+ }