cubs25.com — flujo de navegación

%% ============================================
%% MAPA DE FLUJO — cubs25.com
%% ============================================
%% Cómo editar:
%% - Cada línea "A --> B" dibuja una flecha de A hacia B.
%% - Cada nodo se escribe como NombreCorto["Texto visible"]:::estilo
%% - 
 dentro del texto hace un salto de línea dentro de la caja.
%% - Los estilos (:::main, :::section, :::panel, :::dashboard) están
%%   definidos abajo en la sección "classDef". Puedes reusar los que
%%   ya existen o crear uno nuevo copiando el patrón.
%% ============================================

flowchart TD
    %% --- Nodo raíz ---
    Root["cubs25.com
index.html"]:::main

    %% --- Nivel 1: secciones principales del sitio ---
    %% Para agregar una sección nueva, copia una línea de este bloque
    %% y cambia el ID (ej. Blog) y el texto visible.
    Root --> Inicio["Inicio
index.html#hero"]:::section
    Root --> Portafolio["Portafolio
index.html#projects"]:::section

    %% --- Nivel 2: Paneles pasa por la página de case study primero ---
    %% admin_panels.html es la página real que enlaza a cada panel.
    Portafolio --> Paneles["admin_panels.html
case study: Paneles"]:::panel

    %% --- Nivel 2: Retro (nuevo) — pasa por retro.html antes del case study ---
    Portafolio --> Retro["retro.html
case study: Retro"]:::panel
    Retro --> Maze["Maze
retro/maze.html — Ruffle, .swf original de 2003"]:::dashboard

    %% --- Nivel 2: Animación (nuevo) — pasa por animate.html antes del case study ---
    Portafolio --> Animate["animate.html
case study: Animación"]:::panel
    Animate --> Viderlay["Viderlay
canal Monje Aurelius — video pendiente"]:::dashboard
    Animate --> SpaceInv["Space Invaders
motion/space-invaders/index.html"]:::dashboard
    Animate --> GrinReap["Grin Reaping
libro Rod Carley, canal @fr3akubs"]:::dashboard

    %% --- Nivel 3: tarjetas reales dentro de admin_panels.html ---
    %% Actualizado según el export del sitio (2026.zip):
    %% Drives y Servers YA NO tienen link público (solo captura, "Privado").
    %% Cotizador y QR YA tienen link "Online" (antes estaban pendientes).
    %% Para agregar un panel nuevo, agrega una línea así:
    %%   Paneles --> MiPanel["Nombre del panel
Online / próximamente"]:::dashboard
    %% Para quitar uno, borra su línea completa.
    Paneles --> Drives["Administración de Drives
solo captura · sin index.html público
panel-adm/drives/ (privado)"]:::privado
    Paneles --> Servidores["Administración de Servers
solo captura · sin archivo público
panel-adm/servers/ (carpeta vacía)"]:::privado
    Paneles --> Standings["Standings — Cubo-sport-data
Online → Cubo-sport-data/nfl.html
MLB, NFL, Liga MX, La Liga, Liga de Expansión MX, NPB"]:::dashboard
    Paneles --> Bitacora["Bitácora 777
Online → bitacora777/index.html"]:::dashboard
    Paneles --> Cotizador["Cotizador en línea — Octopus
Online → Octopus_cotizador/index.html"]:::dashboard
    Paneles --> QRParque["QR de acceso — Conejo Pintado
Online → QR_parque/index.html"]:::dashboard
    Paneles --> Cine["Cinecanibal
externo, sin panel-adm"]:::external

    %% ============================================
    %% ESTILOS — colores por tipo de nodo
    %% fill = color de fondo, stroke = color de borde, color = texto
    %% ============================================
    classDef main      fill:#0a3d2e,stroke:#00ff9d,color:#e8e8ed,stroke-width:2px;
    classDef section   fill:#2a1f3d,stroke:#c792ea,color:#e8e8ed,stroke-width:2px;
    classDef panel     fill:#0f2a3d,stroke:#7ec8ff,color:#e8e8ed,stroke-width:2px;
    classDef dashboard fill:#0f2a3d,stroke:#7ec8ff,color:#e8e8ed,stroke-width:1.5px;
    classDef pending   fill:#3d3320,stroke:#ffcc66,color:#e8e8ed,stroke-width:1.5px;
    classDef privado   fill:#3d2020,stroke:#ff8a8a,color:#e8e8ed,stroke-width:1.5px;
    classDef external  fill:#2c2c2a,stroke:#888780,color:#e8e8ed,stroke-width:1.5px;