cubs25.com — árbol de archivos, en flujo

flowchart TD
    Root["cubs25/"]

    Root --> Index["index.html"]:::main
    Root --> Lock25
    Root --> CSS
    Root --> JS
    Root --> Images
    Root --> Porta
    Root --> VSCode[".vscode/sftp.json"]
    Root --> Gitignore[".gitignore"]

    subgraph Lock25["🔒 Lock25/ (admin)"]
        Mapa["mapa.html"]:::main
        MapaFlujo["mapa-flujo.html"]:::new
        MapaArbol["mapa-arbol-flujo.html"]:::new
        PanelesDemo["paneles-demo.html"]:::new
        Saythis["Saythis.html"]:::admin
    end

    subgraph CSS["css/"]
        Vars["variables.css"]
        Style["style.css"]
    end

    subgraph JS["js/"]
        MainJS["main.js"]
        TerminalJS["terminal.js"]
    end

    subgraph Images["images/"]
        Logos["logo-white.svg / logo-black.svg"]
        OG["og-image.jpg"]
        Favicon["favicon/"]
        Previews["previews/"]
    end
    Previews --> PMarca["marca/ · 7"]
    Previews --> PWeb["web/ · 7"]
    Previews --> PMotion["motion/ · 7 GIF"]
    Previews --> PDim3["dimension3/ · 7"]
    Previews --> PExp["experimental/ · 7"]
    Previews --> PRetro["retro/ · 7"]

    subgraph Porta["porta/ (proyectos y case studies)"]
        Web["web.html"]
        AdminPanels["admin_panels.html
case study: AI + HTML/CSS/JS"]
        Marca["marca.html"]:::new
        Animate["animate.html
case study: Animación"]:::main
        Dim3["dimension3.html"]:::main
        Retro["retro.html"]:::new
        RetroFolder["retro/ · maze.html + maze3.swf"]:::new
        SpaceInvaders["motion/space-invaders/
index.html"]:::main
        PortaCSS["css/case-study.css"]
        PortaJS["js/ gallery.js, spin360.js"]:::new
        PortaImg["images/ (varios covers + retro/maze.jpg)"]
        Music["music/cumbiasurf.html"]:::main
        Proyectos["proyectos/ · 6 páginas"]
    end
    Retro -->|"tarjeta Maze"| RetroFolder
    Animate -->|"1. Viderlay"| Viderlay["canal Monje Aurelius
video pendiente (sin ID aún)"]:::new
    Animate -->|"2. Space Invaders"| SpaceInvaders
    Animate -->|"3. Grin Reaping"| GrinReaping["libro Rod Carley
canal @fr3akubs, video de ejemplo"]:::main

    %% --- Ruta real dentro de Paneles (verificado contra 2026.zip) ---
    %% admin_panels.html es el case study público; 7 tarjetas en este orden:
    %% 1) Drives 2) Servers 3) Standings 4) Bitácora 5) Cinecanibal 6) Cotizador 7) QR
    %% Drives y Servers siguen "solo captura" (sin link Online).
    %% Standings es tarjeta nueva en este export — ya Online.
    %% Cotizador y QR pasaron de "pendiente" a "Online" (ya tienen tarjeta).
    AdminPanels --> Drives["1. Administración de Drives
solo captura, tag Privado
sin link Online"]:::privado
    AdminPanels --> Servers["2. Administración de Servers
solo captura, tag Privado
sin link Online"]:::privado
    AdminPanels --> Standings["3. Standings
Online → Cubo-sport-data/nfl.html"]:::panel
    AdminPanels --> Bitacora["4. Bitácora 777
Online → bitacora777/index.html"]:::panel
    AdminPanels --> Cinecanibal["5. Cinecanibal
externo, no es panel-adm"]:::external
    AdminPanels --> Cotizador["6. Cotizador en línea — Octopus
Online → Octopus_cotizador/index.html"]:::panel
    AdminPanels --> QR["7. QR de acceso — Conejo Pintado
Online → QR_parque/index.html"]:::panel

    subgraph PanelAdm["🎛️ panel-adm/ (carpeta real en servidor)"]
        direction TB
        DrivesFolder["drives/"]:::privado
        ServersFolder["servers/"]:::privado
        SportFolder["Cubo-sport-data/
6 ligas: mlb, nfl, ligamx,
laliga, ligaexpansion, npb"]:::new
        BitacoraFolder["bitacora777/"]
        OctopusFolder["Octopus_cotizador/"]
        QRFolder["QR_parque/"]
    end
    Drives -.->|"panel-adm/drives/"| DrivesFolder
    Servers -.->|"panel-adm/servers/"| ServersFolder
    Standings -->|"link Online"| SportFolder
    Bitacora -->|"link Online"| BitacoraFolder
    Cotizador -->|"link Online"| OctopusFolder
    QR -->|"link Online"| QRFolder

    DrivesFolder --> DrivesFiles["Sin index.html/script.js/style.css
solo .vscode/settings.json"]:::pending
    DrivesFolder --> DrivesGit[".git/"]:::pending
    ServersFolder --> ServersEmpty["Carpeta vacía
sin rack.html ni ningún archivo"]:::pending
    BitacoraFolder --> BitacoraFiles["index.html, api.php, README-DREAMHOST.md"]
    BitacoraFolder --> BitacoraData["data/ · .htaccess +
NOSTROMO_Bitacora_2026-09-03.xlsx"]
    BitacoraFolder --> BitacoraImg["images/ · 777.jpg"]
    OctopusFolder --> OctopusFiles["index.html, script.js, styles.css,
cotizador-octopus.gs (Apps Script)"]:::new
    QRFolder --> QRFiles["index.html"]:::new
    SportFolder --> SportFiles["mlb, nfl, ligamx, laliga,
ligaexpansion, npb (.html) +
standings.css, standings.js"]:::new
    RetroFolder --> RetroFiles["maze.html — hero + game-frame
maze3.swf — pieza original 2003"]:::new

    Proyectos --> ProyectosList["cinecanibal, conejo-pintado★,
ds-arquitectos★, octopus-film,
surverde, rayamaya★"]
    Proyectos --> ProyectosImg["images/ (covers + rm1-3)"]

    classDef main fill:#0a3d2e,stroke:#00ff9d,color:#e8e8ed,stroke-width:2px;
    classDef admin fill:#0f2a3d,stroke:#7ec8ff,color:#e8e8ed,stroke-width:2px;
    classDef new fill:#2a1f3d,stroke:#c792ea,color:#e8e8ed,stroke-width:2px;
    classDef pending fill:#3d3320,stroke:#ffcc66,color:#e8e8ed,stroke-width:2px;
    classDef panel fill:#0f2a3d,stroke:#7ec8ff,color:#e8e8ed,stroke-width:2px;
    classDef external fill:#2c2c2a,stroke:#888780,color:#e8e8ed,stroke-width:1.5px;
    classDef privado fill:#3d2020,stroke:#ff8a8a,color:#e8e8ed,stroke-width:2px;

    class Lock25,PanelAdm,Saythis,AdminPanels admin;