Mapa Web / Plano Web Map / Blueprint Plan du site / Blueprint

Estructura del Sitio

Site Structure

Structure du site

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

A technical blueprint outlining the site's structural portals versus independent software tools and experiments.

Un plan technique délimitant les portaux structurels du site web par rapport aux outils et expériences de logiciels indépendants.

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)
│
├── software-libre/ (Portal de Código Abierto & Soberanía Digital)
│   └── index.html (Catálogo de Software Libre: Tinta & El Secretario)
│
├── duobangla/ (Tutor Gamificado de Bengalí · Web App & App Android en Google Play)
│   └── index.html (Duobangla / React SPA + Android)
│
├── 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)
│       └── tinta.html (Ficha Local: Tinta - Editor PDF)
│
├── bangladesh/ (Módulo Cultural de Idioma & Patrimonio)
│   ├── index.html (Portada del Módulo de Bangladesh)
│   ├── amar-bangla/index.html (Legacy App: Curso de Bengalí [Obsoleto])
│   ├── arte-rickshaw.html (Experimento: Infografía UNESCO)
│   ├── numeros.html (Experimento: Audio-Guía de Conteo)
│   └── ejercicios.html (Experimento: Simulador Práctico)
│
└── fotografia/ (Archivo Fotográfico & Crónicas Visuales)
    └── index.html (Galería: Durga Puja 2026 en Dhaka · Banani & Puran Dhaka)
hectoralvarez.me/ (Repository Root)
├── index.html (Home Page Index)
│
├── sobre-mi/ (Identity & Trajectory Portal)
│   ├── index.html (About Me / Biographical Profile)
│   ├── cv.html (Interactive Resume ES/EN)
│   └── mapa.html (Site Map - This Document)
│
├── software-libre/ (Open Source & Digital Sovereignty Portal)
│   └── index.html (Free Software Catalog: Tinta & El Secretario)
│
├── duobangla/ (Gamified Bengali Tutor · Web App & Android App on Google Play)
│   └── index.html (Duobangla / React SPA + Android)
│
├── apps/ (Interactive Software Lab)
│   ├── index.html (General Application Selector)
│   │
│   ├── juegos/ (Playful Projects Selector)
│   │   ├── index.html (Games Home & List)
│   │   └── memory/index.html (Experiment: English Memory Game)
│   │
│   └── utilidades/ (Desktop Tools Selector)
│       ├── index.html (Utilities Home & List)
│       ├── el-secretario.html (Local Page: El Secretario)
│       └── tinta.html (Local Page: Tinta - PDF Editor)
│
├── bangladesh/ (Cultural Language & Heritage Module)
│   ├── index.html (Bangladesh Module Portal)
│   ├── amar-bangla/index.html (Legacy App: Survival Bengali [Obsolete])
│   ├── arte-rickshaw.html (Experiment: UNESCO Infographic)
│   ├── numeros.html (Experiment: Number Audio Guide)
│   └── ejercicios.html (Experiment: Practice Simulator)
│
└── fotografia/ (Photography Archive & Visual Chronicles)
    └── index.html (Gallery: Durga Puja 2026 in Dhaka · Banani & Puran Dhaka)
hectoralvarez.me/ (Racine du Dépôt)
├── index.html (Accueil Page Index)
│
├── sobre-mi/ (Portail d'Identité & Parcours)
│   ├── index.html (À propos / Profil Biographique)
│   ├── cv.html (Curriculum Vitae Interactif ES/EN)
│   └── mapa.html (Plan du Site - Ce Document)
│
├── software-libre/ (Portail Open Source & Souveraineté Numérique)
│   └── index.html (Catalogue de Logiciels Libres: Tinta & El Secretario)
│
├── duobangla/ (Tuteur de Bengali Gamifié · Web App & App Android sur Google Play)
│   └── index.html (Duobangla / React SPA + Android)
│
├── apps/ (Laboratoire Logiciel Interactif)
│   ├── index.html (Sélecteur Général d'Applications)
│   │
│   ├── juegos/ (Sélecteur de Projets Ludiques)
│   │   ├── index.html (Accueil Jeux & Liste)
│   │   └── memory/index.html (Expérience: English Memory Game)
│   │
│   └── utilidades/ (Sélecteur d'Outils de Bureau)
│       ├── index.html (Accueil Utilitaires & Liste)
│       ├── el-secretario.html (Fiche Produit: El Secretario)
│       └── tinta.html (Fiche Produit: Tinta - Éditeur PDF)
│
├── bangladesh/ (Module Culturel de Langue & Patrimoine)
│   ├── index.html (Portail du Module Bangladesh)
│   ├── amar-bangla/index.html (Legacy App: Cours de Bengali [Obsolète])
│   ├── arte-rickshaw.html (Expérience: Infographie UNESCO)
│   ├── numeros.html (Expérience: Guide Audio des Nombres)
│   └── ejercicios.html (Expérience: Simulateur d'Entraînement)
│
└── fotografia/ (Archive Photographique & Chroniques Visuelles)
    └── index.html (Galerie: Durga Puja 2026 à Dhaka · Banani & Puran Dhaka)

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 las de El Secretario y Tinta.

Structural Portal

The areas marked on the map constitute the core of the website. They are static pages unified to the 1100px grid, support light/dark theme, and have the same cohesive menu.

  • Home & Bio: Your presentation signature and self-management pillars.
  • Interactive Resume: Unified history without overlaps and with PDF export option.
  • Product Pages: Structured descriptions such as El Secretario and Tinta.

Portail Structurel

Les zones marquées sur le plan constituent le cœur du site web. Ce sont des pages statiques unifiées à la grille de 1100px, supportant le thème clair/sombre et possédant le même menu cohésif.

  • Accueil & Bio: Votre signature de présentation et piliers d'autogestion.
  • Curriculum Interactif: Historique unifié sans chevauchements et avec option d'exportation en PDF.
  • Fiches Produit: Descriptions structurées comme celles d'El Secretario et Tinta.

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í).

Projects & Experiments

The applications marked in a highlighted way on the blueprint are independent software tools and experiences.

  • Immersive Layout: They have full interfaces tailored to their playful nature.
  • Menu Exclusion: They do not load the unified top bar to avoid game noise.
  • Unique Identity: They support special design variables (e.g. the Bengali jungle theme).

Projets & Expériences

Les applications marquées de manière mise en évidence sur le plan sont des expériences et des outils logiciels indépendants.

  • Layout Immersif: Elles possèdent des interfaces complètes adaptées à leur nature ludique.
  • Exclusion de Menu: Elles ne chargent pas la barre supérieure unifiée pour éviter les bruits de jeu.
  • Identité Unique: Elles supportent des variables de conception spéciales (par exemple, le thème de la jungle bengalie).