LOCK25 / mapa del proyecto

Estructura

Mapa visual (Mermaid)

→ Ver flujo simplificado (Inicio / Portafolio / Paneles)
→ Ver este mismo diagrama a pantalla completa
→ Ver demo detallado de Paneles

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"]:::main
        Animate["animate.html
case study: Animación"]:::main
        Dim3["dimension3.html"]:::main
        Retro["retro.html"]:::main
        RetroFolder["retro/ · maze.html + maze3.swf"]:::main
        SpaceInvaders["motion/space-invaders/
index.html"]:::main
        PortaCSS["css/case-study.css"]
        PortaJS["js/ gallery.js, spin360.js"]:::main
        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"]:::main
        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)"]:::main
    QRFolder --> QRFiles["index.html"]:::main
    SportFolder --> SportFiles["mlb, nfl, ligamx, laliga,
ligaexpansion, npb (.html) +
standings.css, standings.js"]:::main
    RetroFolder --> RetroFiles["maze.html — hero + game-frame
maze3.swf — pieza original 2003"]:::main

    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;
            

Tip: también puedes hacer scroll horizontal/vertical dentro del recuadro, y usar los botones +/− para acercar o alejar.

Pendientes / revisar

• motion/space-invaders/ ya no está huérfano — el nuevo case study animate.html lo enlaza con "Jugar ↗" (tarjeta 2 de 3, "Space Invaders"). Resuelto. /porta/motion/space-invaders/
• Las 24 fotos de la galería de Marca ya están subidas — images/marca/001.jpg, 02.jpg … 24.jpg (nota: el primer archivo es 001.jpg, no 01.jpg; coincide con lo que referencia marca.html, no es un bug). Ya no vive en /gallery/, vive directo en images/marca/. Resuelto. /images/marca/
• panel-adm/animate.html era un duplicado de /porta/animate.html — ya NO existe en el export actual (2026.zip). Resuelto. /porta/panel-adm/animate.html
• Cubo-sport-data/ ya no es una carpeta huérfana — en este export (2026.zip) admin_panels.html ya trae tarjeta pública "Standings" con link "Ver en vivo" a nfl.html. Resuelto (Saythis.html sigue siendo el único huérfano real). /porta/panel-adm/Cubo-sport-data/
• La carpeta .git/ de Drives — sin confirmar en este sync: el recipe de zip que usa Cubs ahora excluye .git/ y .vscode/ a propósito, así que no aparecen en el export aunque sigan en el servidor. Hay que verificar por FTP directo, no por zip. /porta/panel-adm/drives/.git/
• panel-adm/drives/ ya no trae los archivos de la app (index.html, script.js, style.css) en este export — solo quedó .vscode/settings.json y .git/. Por eso la tarjeta "Administración de Drives" en admin_panels.html ya no tiene link "Online", solo captura. Confirmar si es intencional o si faltó subir el dashboard. /porta/panel-adm/drives/
• panel-adm/servers/ está completamente vacía (sin rack.html ni ningún archivo) — coincide con que la tarjeta "Administración de Servers" ya no tiene link "Online". Confirmar si el dashboard de servers se dio de baja a propósito. /porta/panel-adm/servers/
• animate.html referencia dos covers que no existen todavía en el export: images/viderlay-cover.jpg y images/grin-reaping-cover.jpg. Sin esas imágenes las tarjetas de Viderlay y Grin Reaping se ven rotas/vacías. /porta/images/viderlay-cover.jpg, grin-reaping-cover.jpg
• Viderlay todavía no tiene ID de video de YouTube — el botón "Ver video ▶" sigue comentado en el HTML. Grin Reaping sí tiene un botón de video activo, pero apunta a un Short de ejemplo (YosdojObmHA), no al video final. /porta/animate.html
• A Cotizador en línea — Octopus y QR de acceso — Conejo Pintado ya se les agregó tarjeta y link "Online" en admin_panels.html — actualizar el tag "Próximamente" del Cotizador si ya se considera en producción. /porta/admin_panels.html
• La carpeta de previews images/previews/marca/ ya no salta de frame-003.jpg a frame-005.jpg — se subió frame-004.jpg, ahora son 7 (001…007) como el resto de las carpetas de previews. Resuelto. /images/previews/marca/
• images/previews/experimental/ tiene 7 archivos (frame-001…007.jpg) en el zip actual, no 6 como decía este mapa antes — verificar cuál es el conteo correcto y de dónde se usa esta carpeta en el sitio (no se encontró referencia directa en el HTML actual). /images/previews/experimental/
• Definir y mantener actualizado el inventario de previews conforme se agreguen proyectos. /images/previews/
• Proteger la carpeta LOCK25 cuando ya haya más herramientas administrativas. /Lock25/
• Revisar Analytics de la página de Octopus Film. /porta/proyectos/octopus-film.html
• Comprimir GIFs de Piñata (y motion en general). /images/previews/motion/
• Agregar schema (datos estructurados) para Octopus Film y D+S Arquitectos. /porta/proyectos/octopus-film.html · /porta/proyectos/ds-arquitectos.html
• Revisar speeds (velocidad de carga / performance) del sitio. cubs25.com
• Revisar flujo de Lightroom para exportación de previews.
• Agregar proyecto Roma. /porta/proyectos/