Onomásticos CORLAD Puno
App Next.js para los cumpleaños de los agremiados del CORLAD Puno.
/: extractor de datos. Lee los onomásticos públicos de corladpuno.gremia.pe, filtra por fecha y exporta a Excel/CSV./tarjetas: generador de tarjetas. Elige una fecha, trae a los cumpleañeros y genera una tarjeta de 1080×1080 por persona: con foto si el agremiado tiene foto en gremia.pe y con la torta si no. Se pueden editar nombre/fecha, subir otra foto, ajustar el encuadre y descargar todo en un ZIP.
npm install
npm run dev # http://localhost:3000
Cómo funciona el generador
Las tarjetas se dibujan en el navegador con canvas (lib/card.ts) sobre dos plantillas vacías:
| Archivo | Qué es |
|---|
public/plantillas/plantilla-con-foto.png | Diseño sin nombre ni fecha, con el círculo de la foto vacío |
public/plantillas/plantilla-sin-foto.png | Diseño sin nombre ni fecha, con la torta |
public/fonts/ | Arcon Regular ("Lic. Adm.") y Montserrat ExtraBold (nombre y fecha) |
/api/photo hace de proxy para las fotos de gremia.pe (no permiten CORS) y solo acepta URLs de corladpuno.gremia.pe/uploads/.
Si cambia el diseño
- En Photoshop, oculta las capas de texto del nombre y de la fecha.
- Exporta como PNG 1080×1080 (Exportar como, con "Convertir a sRGB" activado):
- con la torta y la foto ocultas, y el círculo visible →
plantilla-con-foto.png
- con la torta visible y el círculo oculto →
plantilla-sin-foto.png
- Reemplaza los archivos en
public/plantillas/.
- Si se movieron el círculo, la barra del nombre o la barra de la fecha, actualiza las coordenadas de
CARD en lib/card.ts (photo, name, date). Los colores van en sRGB: el PSD está en Adobe RGB, así que toma el color del PNG exportado, no del PSD.
Si solo cambian el fondo, los globos, el texto fijo o el año del Consejo Directivo, basta con los pasos 1 a 3.
