Tul xxx Tul

Viewing: header.php

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>ProgressBros</title>
    <meta name="description" content="ProgressBros - Documenta tu progreso en el gimnasio">
    <link rel="manifest" href="manifest.json">
    <meta name="theme-color" content="#0a0e17">
    
    <!-- Google Fonts: Space Grotesk & Inter -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    
    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    
    <!-- Bootstrap CSS desde node_modules -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
    
    <!-- Estilos personalizados -->
    <link rel="stylesheet" href="assets/css/style.css?v=<?= time() ?>">
    
    <!-- PWA y Favicons -->
    <link rel="icon" type="image/png" href="ProgressBros.png">
    <link rel="apple-touch-icon" href="ProgressBros.png">
    <link rel="manifest" href="manifest.json">
    <meta name="theme-color" content="#121212">
    <?php
    // VAPID Public Key para Web Push Notifications
    $vapidFile = __DIR__ . '/../config/vapid.php';
    if (file_exists($vapidFile)) {
        require_once $vapidFile;
        echo '<meta name="vapid-public-key" content="' . VAPID_PUBLIC_KEY . '">';
    }
    ?>

    <style>
        /* =========================================================
           TOP NAVBAR REMASTER (BRUTALIST & SPACE GROTESK)
           ========================================================= */
        #main-navbar {
            font-family: 'Space Grotesk', sans-serif !important;
            background-color: #070908 !important; /* Premium dark background */
            border-bottom: 1px solid rgba(94, 249, 22, 0.2) !important;
            box-shadow: 0 4px 20px rgba(0,0,0,0.5);
        }

        #main-navbar * {
            border-radius: 0 !important;
        }

        .navbar-brand {
            font-weight: 800 !important;
            letter-spacing: -0.5px;
            font-size: 1.3rem;
            text-transform: uppercase;
        }
        
        #current-date-badge, #duo-active-badge {
            background-color: transparent !important;
            border: 1px solid rgba(94, 249, 22, 0.6) !important;
            color: #5EF916 !important;
            box-shadow: 2px 2px 0 rgba(94, 249, 22, 0.2) !important;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 700;
        }
        
        .nav-toggler {
            transition: transform 0.2s, color 0.2s, text-shadow 0.2s;
        }

        .nav-toggler:hover {
            color: #5EF916 !important;
            transform: translate(-1px, -1px);
            text-shadow: 2px 2px 0 rgba(94,249,22,0.3);
        }
        
        body {
            background-color: #070908 !important; /* Global seamless background */
            color: #e2e8f0;
        }

        /* Responsive Fixes for brutalist navbar */
        @media (max-width: 576px) {
            .navbar-brand {
                font-size: 1.1rem !important;
                gap: 4px !important;
            }
            #current-date-badge, #duo-active-badge {
                font-size: 0.65rem !important;
                padding: 4px 6px !important;
                letter-spacing: 0.5px;
            }
            #current-date-text {
                display: none; /* Hide date text on mobile to save space, keep icon */
            }
        }
    </style>
</head>
<body>
    <!-- Navbar superior -->
    <nav class="navbar navbar-dark fixed-top px-2 px-md-3 py-2" id="main-navbar">
        <div class="container-fluid flex-nowrap">
            <button class="btn btn-link text-white p-0 me-2 me-md-3 nav-toggler flex-shrink-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#sideMenu" aria-controls="sideMenu" id="btn-menu-toggle">
                <i class="bi bi-list fs-3"></i>
            </button>
            <a class="navbar-brand d-flex align-items-center gap-2 fw-bold" href="index.php">
                <i class="bi bi-lightning-charge-fill text-accent"></i>
                <span>Progress<span class="text-accent">Bros</span></span>
            </a>
            <div class="d-flex align-items-center gap-2 flex-shrink-0">
                <?php if (function_exists('isMaster') && isMaster()): ?>
                    <span class="badge duo-active-badge rounded-pill" id="duo-active-badge">
                        <i class="bi bi-people-fill me-1"></i>
                        <?= htmlspecialchars(getDuoId() === 1 ? ($_SESSION['duo_nombre_1'] ?? 'Duo 1') : ($_SESSION['duo_nombre_2'] ?? 'Duo 2')) ?>
                    </span>
                <?php endif; ?>
                <span class="badge bg-accent-subtle text-accent-emphasis px-3 py-2 rounded-pill" id="current-date-badge">
                    <i class="bi bi-calendar3"></i>
                    <span id="current-date-text" class="ms-1"></span>
                </span>
            </div>
        </div>
    </nav>
User / IP	: 216.73.216.183
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64