Web Map / Blueprint

Estructura del Sitio

Un plano técnico que delimita los portales estructurales de la web frente a las herramientas y experimentos de software independiente.

hectoralvarez.me/ (Raíz del Repositorio)
├── index.html (Portada / Home Index)
│
├── sobre-mi/ (Portal de Identidad & Trayectoria)
│   ├── index.html (Sobre mí / Perfil Biográfico)
│   ├── cv.html (Currículum Vitae Interactivo ES/EN)
│   └── mapa.html (Mapa del Sitio - Este Documento)
│
├── apps/ (Laboratorio de Software Interactivos)
│   ├── index.html (Selector General de Aplicaciones)
│   │
│   ├── juegos/ (Selector de Proyectos Lúdicos)
│   │   ├── index.html (Portada y Lista de Juegos)
│   │   └── memory/index.html (Experimento: English Memory Game)
│   │
│   └── utilidades/ (Selector de Herramientas de Escritorio)
│       ├── index.html (Portada y Lista de Utilidades)
│       └── el-secretario.html (Ficha Local: El Secretario)
│
└── bangladesh/ (Módulo Cultural de Idioma & Patrimonio)
    ├── index.html (Portada del Módulo de Bangladesh)
    ├── amar-bangla/index.html (Flagship App: Curso de Bengalí de Supervivencia)
    ├── arte-rickshaw.html (Experimento: Infografía UNESCO)
    ├── numeros.html (Experimento: Audio-Guía de Conteo)
    └── ejercicios.html (Experimento: Simulador Práctico)

Portal Estructural

Las zonas marcadas en el plano constituyen el núcleo de la web. Son páginas estáticas unificadas a la cuadrícula de 1100px, soportan tema claro/oscuro y poseen el mismo menú cohesivo.

  • Inicio & Bio: Tu firma de presentación y pilares de autogestión.
  • Currículum Interactivo: Historial unificado sin solapamientos y con opción de exportación a PDF.
  • Fichas de Producto: Descripciones estructuradas como la de El Secretario.

Proyectos & Experimentos

Las aplicaciones marcadas de forma resaltada en el plano son experiencias y herramientas de software independientes.

  • Layout Immersivo: Poseen interfaces completas adaptadas a su naturaleza lúdica.
  • Exclusión de Menú: No cargan la barra superior unificada para evitar ruidos de juego.
  • Identidad Única: Soportan variables de diseño especiales (por ejemplo, el tema selva bengalí).