CV Web — Juan Gallardo

Mi currículum / portfolio online. Web estática en HTML, CSS y JavaScript puro, sin frameworks ni build.

Producción: https://juangallardosvq.com

Qué contiene

• Sidebar fija: avatar, datos de contacto, áreas (anillos animados), stack de IA, redes
• Hero: foto, titular y texto tecleado rotativo
• Stats: contadores animados (años, clientes, áreas, herramientas)
• Sobre mí, Lo que mejor hago (servicios), IA aplicada, Experiencia (timeline)
• Proyectos: grid con hover zoom
• Han confiado en mí: marquee infinito de logos (pausa en hover, soporta prefers-reduced-motion)
• Contacto: tarjetas email / teléfono / WhatsApp

Estructura

index.html    → toda la página (una sola)
style.css     → todos los estilos (variables CSS al principio)
app.js        → preloader, tecleo, contadores, reveals, marquee
assets/       → fotos, proyectos y logos

Cómo editarlo

No hay build. Edita y abre index.html en el navegador, así de simple.

Quiero cambiar...	Dónde
Textos / secciones	index.html
Colores	style.css → :root (--accent = amarillo; existe variante magenta en .accent-magenta)
Frases del tecleo	app.js → array frases
Contadores	index.html → data-count en .stat-num
Logos del marquee	index.html → sección #clientes (¡ojo! los logos están duplicados: el segundo <ul> es la copia del bucle, con aria-hidden. Añade/quita en AMBOS)
Velocidad marquee	style.css → animation: marquee 36s

Cómo publicar cambios

La web vive en Hostinger. Flujo:

1. Editar local
2. Subir archivos a Hostinger (carpeta del sitio)
3. Commit aquí para tener historial:

git add -A
git commit -m "descripción del cambio"
git push

Reglas de contenido

• Nada de claims inventados: titulaciones, cifras o clientes que no existan
• Sin barras de porcentaje de habilidades
• Los logos son PNG 400x400 con fondo transparente; JPG con fondo blanco rompe el marquee

Stack

HTML + CSS + JS vainilla. Fuentes: Clash Display + Satoshi (Fontshare CDN). Sin dependencias npm.