Prompt

Haz una tarjeta de cumpleaños para un amigo, cálido y sencillo. Haz que sea un único archivo HTML que se abra en el navegador, sin necesidad de instalar nada y sin ningún otro archivo. Pon el CSS y el JavaScript dentro. No uses archivos de imagen ni ninguna dirección externa; usa emojis o letras si necesitas algún símbolo.

La tarjeta debe ocupar toda la pantalla. Un nombre, un mensaje corto y algo que se mueva suavemente cuando se abra la página: confeti cayendo despacio o las palabras apareciendo una línea a la vez.

Permíteme cambiar el nombre y el mensaje al hacer clic sobre ellos y escribir. Lo que cambie debe guardarse al cerrar el navegador, para que la tarjeta quede lista para compartir.

Haz que la animación sea corta y déjala terminar. Algo que se mueve sin parar cansa la vista.

Tiene que verse bien en un teléfono en vertical. Ahí es donde se va a abrir.

Cuando termines, comprueba que se siga leyendo bien en una pantalla estrecha y que el texto no se salga de los bordes.