invitaciondigital.es

Invitaciones web para bodas, bautizos, comuniones, cumpleaños y cualquier evento. Web estática (HTML + CSS + JS) servida con Apache.

Estructura

.
├── invitaciondigital.es/            # Raíz pública de la web (lo que se sube al servidor)
│   ├── index.html                   # Home de invitaciondigital.es
│   ├── assets/                      # Recursos de la home
│   │   ├── css/style.css
│   │   ├── js/main.js
│   │   └── img/                     # logo.png, logo.jpg (og:image)
│   ├── shared/                      # Código común reutilizable por todas las invitaciones
│   │   └── js/countdown.js
│   ├── invitaciones/
│   │   └── AAAA/                    # Una carpeta por año del evento
│   │       └── <slug>-DDMMAAAA/     # Una carpeta por invitación, autocontenida
│   │           ├── index.html
│   │           ├── style.css
│   │           ├── main.js
│   │           └── img/
│   ├── .htaccess                    # Redirecciones de URLs antiguas
│   └── robots.txt
├── plantilla-invitacion/            # Punto de partida para nuevas invitaciones (no se publica)
└── scripts/
    └── AAAA/<slug>-DDMMAAAA.gs      # Google Apps Script de la invitación (RSVP a Sheets...), no se publica

Invitaciones actuales

Año	Evento	URL
2026	Boda Elena y Xavi (23/05/2026)	https://www.invitaciondigital.es/invitaciones/2026/elenaxavi-23052026/
2026	Boda Ana y Sergi (12/09/2026)	https://www.invitaciondigital.es/invitaciones/2026/anasergi-12092026/
2027	Boda Bruno y Nadia (10/07/2027)	https://www.invitaciondigital.es/invitaciones/2027/brunonadia-10072027/

Crear una invitación nueva

1. Nombre de carpeta: <slug>-DDMMAAAA, en minúsculas, sin espacios ni tildes.
   • slug = nombres de los protagonistas o del evento (lauraypablo, comunionmarc, cumple40ana).
   • Fecha = día del evento.
2. Ubicación: invitaciondigital.es/invitaciones/<AÑO DEL EVENTO>/. Si el año no existe, se crea la carpeta.
3. Copiar plantilla-invitacion/ a esa ruta:

   cp -r plantilla-invitacion invitaciondigital.es/invitaciones/2027/lauraypablo-15062027
   

4. Sustituir los marcadores (NOMBRE1, AAAA, slug-DDMMAAAA, fecha del contador…).
5. Las imágenes van en img/ de la propia invitación y se enlazan con rutas relativas (img/foto.jpg). Solo og:image y og:url llevan URL absoluta (las necesitan WhatsApp y redes sociales).
6. Optimizar imágenes antes de subirlas (GIF/PNG grandes pesan mucho en móvil; preferir JPG/WebP y MP4 para animaciones).
7. Si la invitación usa Google Apps Script (p. ej. confirmaciones a Google Sheets), guardar el código en scripts/AAAA/<slug>-DDMMAAAA.gs.
8. Añadir la invitación a la tabla de arriba.

La URL final será https://www.invitaciondigital.es/invitaciones/AAAA/<slug>-DDMMAAAA/.

Convenciones

• Cada invitación es independiente: su propio index.html, style.css, main.js e img/. Cambiar una nunca afecta a otra.
• Lo que se repite entre invitaciones (cuenta atrás, etc.) va en shared/ y se carga con ruta absoluta (/shared/js/...).
• No modificar shared/ de forma incompatible: las invitaciones antiguas lo siguen usando.
• Ramas: trabajar en una rama por invitación (invitacion/lauraypablo-15062027) y fusionar a main al publicar.

Redirecciones

.htaccess mantiene vivos los enlaces que ya se enviaron a invitados:

• /invitaciones/<slug>-DDMMAAAA/ → /invitaciones/AAAA/<slug>-DDMMAAAA/ (regla genérica, válida para cualquier invitación).
• /anasergi12092026/ y /elenaxavi23052026/ (estructura original) → nueva ruta.
• /home/home/logo.*, /css/style.css, /js/main.js → assets/.