LOCK25 / mapa del proyecto

Estructura

Mapa visual (Mermaid)

→ Ver flujo simplificado (Inicio / Portafolio / Paneles)
→ 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
        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/ · 6"]
    Previews --> PMotion["motion/ · 7 GIF"]
    Previews --> PDim3["dimension3/ · 7"]
    Previews --> PExp["experimental/ · 6"]
    Previews --> PRetro["retro/ · 5"]

    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 — /motion"]
        Dim3["dimension3.html"]:::main
        Retro["retro.html"]
        PortaCSS["css/case-study.css"]
        PortaJS["js/ gallery.js, spin360.js"]:::new
        PortaImg["images/ (varios covers)"]
        Music["music/cumbiasurf.html"]:::main
        Proyectos["proyectos/ · 6 páginas"]
    end

    %% --- Ruta real dentro de Paneles (verificado contra 2026.zip) ---
    %% admin_panels.html es el case study público; 6 tarjetas en este orden:
    %% 1) Drives 2) Servers 3) Bitácora 4) Cinecanibal 5) Cotizador 6) QR
    %% Drives y Servers pasaron a "solo captura" (sin link 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 --> Bitacora["3. Bitácora 777
Online → bitacora777/index.html"]:::panel
    AdminPanels --> Cinecanibal["4. Cinecanibal
externo, no es panel-adm"]:::external
    AdminPanels --> Cotizador["5. Cotizador en línea — Octopus
Online → Octopus_cotizador/index.html"]:::panel
    AdminPanels --> QR["6. 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
        BitacoraFolder["bitacora777/"]
        OctopusFolder["Octopus_cotizador/"]
        QRFolder["QR_parque/"]
    end
    Drives -.->|"panel-adm/drives/"| DrivesFolder
    Servers -.->|"panel-adm/servers/"| ServersFolder
    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

    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

• PDF DARK Playbround
  Subir las 24 fotos de la galería nueva de Marca — por ahora solo se ve el placeholder (shimmer) porque las imágenes no existen en el servidor. /images/marca/gallery/01.jpg … 24.jpg
• 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
• La carpeta .git/ de Drives sigue subida al hosting — no debería estar en producción. /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/
• 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/ salta de frame-003.jpg a frame-005.jpg — falta frame-004.jpg (o sobra el salto en la numeración). /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/