Generador de Tarjetas de Invitación

Aplicación web estática (HTML + CSS + JavaScript) que genera tarjetas de invitación personalizadas mediante la API de generación de imágenes de Pollinations.

Características

8 categorías de eventos, cada una con su propio formulario y sistema de prompts:
1. Graduación
2. Matrimonio
3. Quince Años
4. 1ª Comunión
5. Baby Shower
6. Cumpleaños
7. Aniversario
8. Fiesta Especial
Interfaz con pestañas (tabs) y vista previa en tiempo real (320×440 px).
Selección de modelo de generación (carga dinámica desde gen.pollinations.ai/image/models, con lista predeterminada de respaldo).
System prompt editable: los campos del formulario se inyectan automáticamente en la plantilla base (script.js → BASE_PROMPTS), pero el usuario puede modificar el texto libremente antes de generar.
Gestión de API Key de Pollinations:
- Entrada única sincronizada entre todas las pestañas.
- Validación y guardado en localStorage.
- Botón "Obtener" para iniciar el flujo de autorización de Pollinations.
Generación de imágenes en formato vertical 1024×1792 (alta resolución).
Descarga de la tarjeta generada como PNG.

Requisitos

Un navegador web moderno ( Chrome, Firefox, Edge, Safari ).
Una Pollinations API Key (plln_sk_...). Se obtiene desde la propia app con el botón "Obtener" o en enter.pollinations.ai.
Conexión a internet (la generación se hace contra la API de Pollinations).

No requiere servidor, base de datos ni dependencias instaladas.

Cómo usar

Abre index.html en el navegador (doble clic o arrástralo a una pestaña).
En la pestaña deseada, introduce tu Pollinations API Key y pulsa "Validar" (o usa "Obtener" para crear una).
Selecciona el modelo de generación en el desplegable.
Completa los campos del evento (nombre, fecha, hora, lugar, paleta, etc.).
- El cuadro System Prompt se actualiza solo con tus datos; puedes editarlo si quieres.
Pulsa "Generar tarjeta" y espera a que aparezca la vista previa.
Pulsa "Descargar Tarjeta" para guardar la imagen en PNG.

Estructura del proyecto

Archivo	Descripción
`index.html`	Estructura de la interfaz y las 8 pestañas.
`style.css`	Estilos (layout de pestañas, controles, vista previa).
`script.js`	Lógica: prompts base, llamadas a la API, validación y descarga.
`prompts.md`	Documentación de los system prompts de cada categoría.
`indicación.txt`	Requisitos originales del proyecto.
`grados.txt`	Notas/prompt de apoyo para tarjetas de graduación.
`Ejemplos/`	Ejemplo de salida (`slides1.html`).

Detalles técnicos

Endpoint de generación: POST https://gen.pollinations.ai/v1/images/generations con cabecera Authorization: Bearer <API_KEY>.
Endpoint de modelos: GET https://gen.pollinations.ai/image/models.
La imagen se devuelve como b64_json y se muestra/descarga directamente (sin almacenamiento en servidor).
La API Key se guarda en localStorage bajo la clave inv_api_key.

Personalización

Para cambiar el texto base de una tarjeta, edita BASE_PROMPTS en script.js.
Para añadir o quitar modelos, modifica el arreglo KNOWN_MODELS.
Los estilos se ajustan en style.css (variables :root para colores).

Notas

Si la API no responde, la app usa la lista de modelos predeterminada y muestra un mensaje de error con el código/estado recibido.
El archivo grados.txt contiene instrucciones adicionales de apoyo para tarjetas de graduación y no es necesario para el funcionamiento de la app.