Files
cv-site/ADDING-YOUR-PHOTO.md
T
juanatsap ee354d1d35 refactor: standardize port to 1999 across all files
- Updated default port from 8080 to 1999 in config, Docker, and documentation files
- Modified example URLs and test commands to use new port
- Ensured consistent port references in environment configs and deployment examples
- Updated health check endpoints in Docker and testing scripts

The port change aligns with LIV Golf port allocation standards for staging environments (5000-9999 range).
2025-10-29 14:04:24 +00:00

1.9 KiB

Cómo Añadir tu Foto al CV

📸 Paso 1: Prepara tu Foto

  1. Busca una foto profesional (preferiblemente tipo LinkedIn)
  2. Formato recomendado: JPG o PNG
  3. Tamaño: Al menos 300x300 píxeles (cuadrada es mejor)
  4. Calidad: Fondo neutro, buena iluminación

📁 Paso 2: Guarda la Foto

Guarda tu foto en:

static/images/profile/photo.jpg

Puedes usar cualquiera de estos nombres:

  • photo.jpg (recomendado)
  • photo.png (cambiar en template)
  • profile.jpg (cambiar en template)

🔄 Paso 3: Actualizar (si usas otro nombre)

Si tu foto se llama diferente a photo.jpg, edita templates/cv-content.html:

<!-- Cambiar esta línea: -->
<img src="/static/images/profile/photo.jpg" ...>

<!-- Por ejemplo, si tu foto es profile.png: -->
<img src="/static/images/profile/profile.png" ...>

🖼️ Descargar desde LinkedIn

Opción 1: Manualmente

  1. Abre tu perfil de LinkedIn
  2. Click derecho en tu foto → "Guardar imagen como..."
  3. Guárdala como photo.jpg en static/images/profile/

Opción 2: Desde tu sitio actual

Si ya tienes tu foto en https://juan.andres.morenoyrubio.com:

cd static/images/profile
# Abre el inspector del navegador, busca tu foto, y copia la URL
curl -o photo.jpg "URL_DE_TU_FOTO"

Verificar

  1. Reinicia el servidor: ./cv-server
  2. Abre http://localhost:1999
  3. Deberías ver tu foto en la esquina superior izquierda

Si no funciona, verás un placeholder gris con el texto "Add your photo".

🎨 Ajustar el Tamaño (Opcional)

La foto se muestra como un círculo de 120px. Para cambiar el tamaño, edita static/css/main.css:

.cv-photo {
    width: 150px;  /* Cambiar aquí */
    height: 150px; /* Y aquí */
    border-radius: 50%;
}

Nota: El template ya incluye un fallback automático al placeholder si la foto no existe, así que el sitio funcionará con o sin foto.