📄 Currículum Vitae Web
Currículum interactivo en una sola página, sin dependencias y con hoja de estilos para imprimir
Escala del Proyecto
Descripción General
Un currículum en PDF tiene un problema: o lo abres en el móvil y no se lee, o lo imprimes y ocupa tres páginas mal cortadas. Este es un CV web: se lee bien en cualquier pantalla y, si alguien lo imprime, sale correctamente maquetado gracias a una hoja de estilos específica para impresión.
El diseño es de dos columnas: una barra lateral oscura en
#1a2533 con la foto y los datos de contacto, y una zona principal clara
con el contenido. Tipografía Inter y paleta profesional en azules.
Está hecho con HTML5 y CSS3 puros en un único fichero, sin dependencias más allá de la fuente y los iconos. Carga instantánea y ninguna pieza que pueda romperse con el tiempo.
Tecnologías Utilizadas
HTML5
CSS3
Tipografía Inter
Font Awesome
Estilos @print
Responsive
Secciones del Currículum
Presentación y foto.
Datos de contacto con iconografía, en la barra lateral.
Trayectoria formativa.
Puestos y responsabilidades, con los logotipos de cada organización.
Perfil técnico con iconos.
Nivel por idioma.
Selección de trabajos relevantes.
Arquitectura
Un único index.html con los estilos incluidos, y una carpeta de
imágenes con la foto de perfil y los logotipos de las organizaciones. La maquetación
de dos columnas se resuelve con CSS y se colapsa a una sola en pantallas pequeñas.
Curriculum/ ├── index.html # CV completo en una página └── img/ # foto y logos de organizaciones
Retos Técnicos y Decisiones de Diseño
Que se imprima bien no ocurre por accidente
Una web maquetada con dos columnas y fondos oscuros sale fatal en papel: gasta tinta
y corta el contenido. Los estilos @print están ahí porque un currículum
acabará impreso en algún proceso de selección, y salir mal en ese momento es peor
que no tener web.
Un fichero, ninguna dependencia
El CV tiene que abrirse siempre, hoy y dentro de tres años, en cualquier sitio. Un solo HTML con los estilos dentro no depende de un CDN que caduque ni de un framework que cambie. Es la elección más aburrida y la más fiable.
La barra lateral oscura hace un trabajo concreto
El contraste entre la columna oscura y la clara no es solo estética: separa lo permanente — quién eres y cómo contactarte — de lo que se lee de arriba abajo. El ojo sabe siempre dónde encontrar el email.
Mi Rol
Diseño y desarrollo completos — autor único.
Estado del Proyecto
En producción en cv.valentindg.com, también publicado
en GitHub Pages.