💻 Portfolio Terminal - Developer Style

Portfolio estático moderno con estética de terminal/código para desarrolladores.

🚀 Características

Portfolio Web

• ✨ Diseño Terminal/Developer: Estética de terminal con sintaxis highlighting
• 🌓 Dark Mode: Tema oscuro por defecto (con opción de cambio a light)
• 📱 100% Responsive: Mobile-first, optimizado para todos los dispositivos
• ⚡ Performance: HTML/CSS/JS vanilla, sin frameworks pesados
• 🎯 SEO Optimizado: Meta tags y estructura semántica HTML5
• ♿ Accesible: WCAG 2.1 compliant
• 🎨 CSS Moderno: Variables CSS, Grid, Flexbox
• 🧩 JavaScript ES6+: Sin jQuery, vanilla JS moderno
• 🤖 Sección AI Tools: Destacada con Cursor, Claude Code, GitHub Copilot

CV HTML Mejorado

• 📄 Optimizado para PDF: Estilos de impresión profesionales
• 🎨 Diseño moderno: Colores y tipografía actualizados
• 📊 Contenido actualizado: 25+ años de experiencia, 19+ años en healthcare
• 🤖 AI Tools destacados: Sección especial para herramientas de IA
• 📱 Responsive: Se adapta a diferentes tamaños de pantalla
• 🖨️ Print-friendly: Configuración optimizada para impresión

📁 Estructura

portfolio-terminal/
├── index.html                    # Portfolio web interactivo
├── css/
│   └── style.css                # Estilos con variables CSS
├── js/
│   └── main.js                  # JavaScript vanilla ES6+
├── download/
│   └── cv_rafael_san_vidal.html # CV HTML optimizado para PDF
├── assets/
│   └── images/                  # Imágenes (opcional)
└── README.md                    # Este archivo

🎯 Tecnologías Destacadas

AI-Assisted Development (2024-2025)

• 🤖 Cursor Pro - AI-powered code editor con vibe coding
• 🧠 Claude Code - CLI-based AI assistant
• 🔮 Gemini CLI - Google AI code generation
• 🚀 GitHub Copilot - AI pair programming
• 📚 NotebookLM - AI research and documentation

Stack Principal

• Backend: .NET 9 / C# 13, Java 21 (Virtual Threads), Spring Boot 3.x
• Frontend: React 18 / TypeScript, Angular, Blazor WebAssembly
• Mobile: Uno Platform, .NET MAUI, Kotlin Android
• Cloud: Azure DevOps, AWS, Docker, Kubernetes
• Databases: SQL Server, MySQL, Oracle, IBM DB2, PostgreSQL, MongoDB
• Healthcare: HL7/HL7-FHIR, ASTM standards, RFID integration

🎨 Personalización

Cambiar colores

Edita las variables CSS en css/style.css:

:root {
    --bg-primary: #0a0e27;
    --accent-primary: #00ff9f;
    --text-highlight: #00ff9f;
    /* ... más variables */
}

Modificar contenido

Edita directamente index.html - todo el contenido está ahí.

🖥️ Uso

Abrir localmente

1. Abre index.html directamente en tu navegador
2. O usa un servidor local:

# Python
python -m http.server 8000

# Node.js (con npx)
npx serve

# PHP
php -S localhost:8000

Deploy a GitHub Pages

1. Copia el contenido de portfolio-terminal/ a la raíz de tu repo
2. Activa GitHub Pages en Settings → Pages
3. Selecciona la rama master o main
4. Tu portfolio estará en https://[usuario].github.io

🎮 Easter Eggs

• Konami Code: ↑ ↑ ↓ ↓ ← → ← → B A
• Console Commands: Abre la consola del navegador y escribe:
  • portfolio.help() - Ver comandos disponibles
  • portfolio.goto('#about') - Navegar a sección
  • portfolio.theme() - Cambiar tema

📊 Performance

• Primera carga: < 1s
• Tamaño total: < 100KB (sin imágenes)
• Lighthouse Score: 95+
• Sin dependencias externas

🌐 Navegadores Soportados

• Chrome/Edge (últimas 2 versiones)
• Firefox (últimas 2 versiones)
• Safari (últimas 2 versiones)
• Mobile browsers (iOS Safari, Chrome Android)

📝 CV y Documentación

CV HTML Mejorado

• Ubicación: download/cv_rafael_san_vidal.html
• Características:
  • ✨ Diseño moderno optimizado para PDF
  • 🤖 Sección destacada de AI Tools (2024-2025)
  • 📊 Contenido actualizado con 25+ años de experiencia
  • 🏥 Experiencia especializada en healthcare (19+ años)
  • 🎨 Estilos de impresión optimizados
  • 📱 Diseño responsive y profesional

Cómo generar PDF

1. Abre download/cv_rafael_san_vidal.html en tu navegador
2. Presiona Ctrl+P (Windows) o Cmd+P (Mac)
3. Selecciona "Guardar como PDF"
4. Configuración recomendada:
   • Márgenes: Mínimos
   • Gráficos de fondo: Habilitado
   • Escala: 100%

Otros formatos

• Portfolio Web: index.html - Versión interactiva con terminal
• Archivos descargables: ../web/download/

🛠️ Características Técnicas

Portfolio Web

• CSS Moderno: Variables CSS, Grid, Flexbox, Media queries
• JavaScript ES6+: Classes, Modules, Arrow functions, Promises
• HTML5: Semantic markup, ARIA labels, Meta tags optimizados
• Performance: < 1s carga inicial, < 100KB total, Lighthouse 95+

CV HTML

• Diseño Responsive: Se adapta a diferentes tamaños de pantalla
• Print Styles: Optimizado para impresión en PDF
• Tipografía Moderna: Segoe UI, jerarquía visual clara
• Colores Profesionales: Paleta azul/gris corporativa
• Layout Grid: Organización eficiente del contenido
• AI Tools Section: Destacado especial para herramientas de IA

Características Compartidas

• Accesibilidad: WCAG 2.1 compliant
• SEO: Meta tags y estructura semántica
• Cross-browser: Compatible con todos los navegadores modernos

📄 Licencia

© 2025 Rafael San Vidal. Uso personal.

🤝 Contacto

• 📧 Email: sanvidal1@gmail.com
• 💼 LinkedIn: linkedin.com/in/rsanvidal
• 🌐 GitHub: github.com/rsvidal

🎨 Mejoras Recientes (2025)

CV HTML Actualizado

• ✅ Contenido sincronizado con el portfolio web
• ✅ Sección AI Tools destacada (2024-2025)
• ✅ Diseño moderno con colores profesionales
• ✅ Estilos de impresión optimizados para PDF
• ✅ Experiencia actualizada (25+ años, 19+ en healthcare)
• ✅ Proyectos destacados con descripciones detalladas
• ✅ Formación completa (80+ cursos desde 1998)

Portfolio Web

• ✅ Terminal interactivo con navegación fluida
• ✅ AI Tools section con herramientas actuales
• ✅ Responsive design para todos los dispositivos
• ✅ Performance optimizada sin dependencias externas

---

Construido con ❤️ y asistencia de AI (Cursor Pro, Claude Code, Gemini CLI)