Rodrigo Álvarez - Sitio web personal

Un sitio web de currículum interactivo que simula una terminal, muestra experiencia profesional y habilidades técnicas de manera dinámica.

🚀 Descripción

Este sitio web presenta un currículum profesional a través de una interfaz de terminal emulada, donde puedes ver experiencia laboral, habilidades técnicas e información de contacto mediante comandos interactivos. La animación de escritura simula la entrada de comandos en tiempo real.

✨ Características

• Interfaz de terminal interactiva: emulador de terminal con animación de escritura realista
• Contenido dinámico: carga de datos desde archivos externos con cache busting automático
• Árbol de trabajos: visualización jerárquica de experiencia profesional con proyectos específicos
• Habilidades dinámicas: matriz de habilidades técnicas organizadas por categorías
• Diseño adaptable: optimizado para diferentes dispositivos
• Cache busting: marcas de tiempo dinámicas para actualizaciones inmediatas del contenido

🏗️ Estructura del proyecto

incognia.github.io/
├── index.html              # Página principal
├── README.md               # Este archivo
├── CHANGELOG.md            # Registro de cambios
├── ROADMAP.md              # Hoja de ruta de mejoras (Fase 1 y Fase 2)
├── LICENSE                 # Licencia GPL-3.0
├── ACKNOWLEDGMENTS.md      # Reconocimientos y atribuciones
├── assets/
│   ├── css/
│   │   └── style.css       # Estilos de la terminal
│   ├── js/
│   │   └── script.js       # Lógica de la emulación de terminal
│   └── data/
│       ├── jobs.txt        # Árbol de experiencia profesional
│       └── skills.txt      # Matriz de habilidades técnicas
└── cv/
    ├── cv.en.pdf          # CV en inglés (PDF)
    ├── cv.en.svg          # CV en inglés (SVG)
    ├── cv.es.pdf          # CV en español (PDF)
    └── cv.es.svg          # CV en español (SVG)

💻 Tecnologías utilizadas

• HTML5: estructura semántica
• CSS3: estilos y animaciones de terminal
• JavaScript ES8 (ES2017): lógica de emulación con async/await, const/let, try/catch
• Fetch API: carga dinámica de contenido externo
• CSS Grid/Flexbox: disposición adaptable

🛠️ Instalación y uso

Requisitos

• Servidor web (Apache, Nginx, Live Server, etc.) o servicio de hosting estático

Instalación local

1. Clona el repositorio:

git clone git@github.com:incognia/incognia.github.io.git
cd incognia.github.io

2. Inicia un servidor local:

# Usando Python 3
python -m http.server 8000

# Usando PHP
php -S localhost:8000

# Usando Node.js (http-server)
npx http-server

3. Abre http://localhost:8000 en tu navegador

Despliegue

El sitio está configurado para GitHub Pages y se despliega automáticamente desde la rama main.

🎯 Funcionalidades técnicas

Cache busting dinámico

const timestamp = new Date().getTime();
fetch(`./assets/data/jobs.txt?v=${timestamp}`)

Animación de terminal

• Velocidad de escritura variable (70-120 ms por carácter) mediante constantes configurables
• Pausas realistas entre comandos (200-400 ms)
• Cursor parpadeante durante estados de espera
• Código moderno ES8 con async/await para flujo secuencial limpio
• Efecto de escritura realista con variaciones aleatorias cada cinco caracteres

Carga dinámica de contenido

• jobs.txt: experiencia profesional en formato de árbol ASCII (cinco empleos, 19 proyectos)
• skills.txt: habilidades técnicas en matriz de siete filas × seis columnas (42 tecnologías)
• Fallback integrado para casos de error de carga
• Preservación de formato ASCII mediante conversión de espacios a  

Secuencia de comandos interactivos

1. whoami: información personal y de contacto
2. tree /var/log/jobs: árbol jerárquico de experiencia profesional
3. ls /bin/skills: matriz completa de habilidades técnicas

Arquitectura modular

• JobsTreeLoader: maneja la carga y visualización del árbol de trabajos con async/await
• SkillsLoader: gestiona las habilidades técnicas con async/await
• TerminalEmulator: controla la interfaz y animaciones de terminal
• Código completamente refactorizado a ES8 con mejores prácticas
• Documentación completa con JSDoc en todos los módulos y funciones

📱 Diseño adaptable

• Escritorio: disposición completa con terminal centrada
• Tableta: ajustes de espaciado y tamaño de fuente
• Móvil: interfaz optimizada para pantallas pequeñas

🔧 Configuración

Actualizar contenido

1. Experiencia laboral: edita assets/data/jobs.txt
2. Habilidades: modifica assets/data/skills.txt
3. Cache busting: las marcas de tiempo se actualizan automáticamente

Personalización de estilos

• Colores: variables CSS en assets/css/style.css
• Fuentes: usa fuente monoespaciada del sistema
• Animaciones: velocidades configurables mediante constantes TYPING_SPEED y ANIMATION_DELAYS en script.js

📄 Licencia

Copyright © 2023-2025 Rodrigo Álvarez

Este proyecto se distribuye bajo la GNU General Public License v3.0 (GPL-3.0). Consulta el archivo LICENSE para los términos completos de la licencia.

Libertades GPL-3.0

Bajo GPL-3.0 tienes la libertad de:

• ✅ usar el software para cualquier propósito
• ✅ estudiar cómo funciona el programa y modificarlo
• ✅ redistribuir copias
• ✅ distribuir copias de tus versiones modificadas

Cualquier trabajo derivado debe ser distribuido bajo los mismos términos de GPL-3.0.

👤 Autor

Rodrigo Álvarez

• Email: incognia@gmail.com
• GitHub: @incognia
• Sitio web: https://incognia.github.io

📝 Reconocimientos

Este sitio web está basado en el concepto de animación de terminal creado originalmente por Jesse Kernaghan bajo licencia MIT. El concepto original ha sido modificado y mejorado extensivamente para crear un sitio web de currículum completo.

Para información detallada sobre atribuciones, compatibilidad de licencias y modificaciones realizadas, consulta el archivo ACKNOWLEDGMENTS.md.

---

Última actualización: octubre de 2025