Auto commit: 2026-06-30T16:24:49.088Z
This commit is contained in:
parent
b04e28b787
commit
25bda934e0
@ -37,16 +37,17 @@ body {
|
||||
.brand-logo {
|
||||
display: inline-grid;
|
||||
place-items: center;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border-radius: 10px;
|
||||
background: var(--primary);
|
||||
color: #fff;
|
||||
font-size: .78rem;
|
||||
font-weight: 900;
|
||||
box-shadow: inset 0 -4px rgba(0,0,0,.12);
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
border-radius: 12px;
|
||||
background: #fff;
|
||||
border: 2px solid var(--primary);
|
||||
padding: 3px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 8px 18px rgba(18, 132, 59, .16);
|
||||
}
|
||||
.brand-logo.lg { width: 50px; height: 50px; font-size: 1.05rem; background: var(--accent); }
|
||||
.brand-logo img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 8px; }
|
||||
.brand-logo.lg { width: 64px; height: 64px; border-color: var(--accent); box-shadow: 0 12px 24px rgba(240, 68, 46, .18); }
|
||||
.nav-link { font-weight: 700; color: var(--text); }
|
||||
.nav-link:hover { color: var(--primary); }
|
||||
|
||||
@ -182,7 +183,8 @@ h1, h2, h3 { letter-spacing: -.04em; }
|
||||
.tech-loader { position: fixed; inset: 0; background: #fff8ec; z-index: 9999; display: grid; place-items: center; transition: opacity .28s ease, visibility .28s ease; }
|
||||
.tech-loader.is-hidden { opacity: 0; visibility: hidden; }
|
||||
.loader-card { width: min(300px, 90vw); background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 22px; text-align: center; box-shadow: var(--shadow); }
|
||||
.loader-mark { width: 46px; height: 46px; border-radius: 12px; background: var(--accent); color: #fff; display: grid; place-items: center; font-weight: 900; margin: 0 auto 14px; }
|
||||
.loader-mark { width: 58px; height: 58px; border-radius: 16px; background: #fff; border: 2px solid var(--accent); display: grid; place-items: center; margin: 0 auto 14px; padding: 4px; box-shadow: 0 10px 20px rgba(240, 68, 46, .14); overflow: hidden; }
|
||||
.loader-mark img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 10px; }
|
||||
.loader-line { height: 4px; background: #ffe4a8; overflow: hidden; border-radius: 99px; }
|
||||
.loader-line:before { content: ""; display: block; width: 40%; height: 100%; background: var(--primary); animation: loadline 1s ease-in-out infinite; }
|
||||
.loader-card p { margin: 12px 0 0; color: var(--muted); font-size: .9rem; }
|
||||
|
||||
@ -7,6 +7,10 @@ function h(string $value): string {
|
||||
return htmlspecialchars($value, ENT_QUOTES, 'UTF-8');
|
||||
}
|
||||
|
||||
function store_logo_path(): string {
|
||||
return 'assets/pasted-20260630-162052-2e0489d8.png';
|
||||
}
|
||||
|
||||
function store_products(): array {
|
||||
return [
|
||||
'combo-24' => [
|
||||
@ -128,6 +132,7 @@ function layout_header(string $title, string $description = ''): void {
|
||||
$projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? $description;
|
||||
$projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
|
||||
$cartCount = cart_count();
|
||||
$logoPath = store_logo_path();
|
||||
echo '<!doctype html><html lang="es"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">';
|
||||
echo '<title>' . h($title) . ' | LA BORGUITA</title>';
|
||||
if ($projectDescription) {
|
||||
@ -143,8 +148,8 @@ function layout_header(string $title, string $description = ''): void {
|
||||
echo '<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">';
|
||||
echo '<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">';
|
||||
echo '<link rel="stylesheet" href="assets/css/custom.css?v=' . time() . '">';
|
||||
echo '</head><body><div id="loader" class="tech-loader"><div class="loader-card"><div class="loader-mark">LB</div><div class="loader-line"></div><p>Cargando tienda segura…</p></div></div>';
|
||||
echo '<header class="site-header sticky-top"><nav class="navbar navbar-expand-lg"><div class="container"><a class="navbar-brand brand" href="index.php"><span class="brand-logo">LB</span><span>LA BORGUITA</span></a><button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav" aria-controls="nav" aria-expanded="false" aria-label="Abrir navegación"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="nav"><ul class="navbar-nav ms-auto align-items-lg-center gap-lg-2"><li class="nav-item"><a class="nav-link" href="index.php#catalogo">Catálogo</a></li><li class="nav-item"><a class="nav-link" href="cart.php">Carrito <span class="badge text-bg-dark">' . $cartCount . '</span></a></li><li class="nav-item"><a class="nav-link" href="admin.php">Admin</a></li><li class="nav-item"><a class="btn btn-sm btn-dark" href="https://wa.me/5351746028" target="_blank" rel="noopener">WhatsApp</a></li></ul></div></div></nav></header><main>';
|
||||
echo '</head><body><div id="loader" class="tech-loader"><div class="loader-card"><div class="loader-mark"><img src="' . h($logoPath) . '" alt="Logo LA BORGUITA" width="46" height="46"></div><div class="loader-line"></div><p>Cargando tienda segura…</p></div></div>';
|
||||
echo '<header class="site-header sticky-top"><nav class="navbar navbar-expand-lg"><div class="container"><a class="navbar-brand brand" href="index.php"><span class="brand-logo"><img src="' . h($logoPath) . '" alt="" width="34" height="34"></span><span>LA BORGUITA</span></a><button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav" aria-controls="nav" aria-expanded="false" aria-label="Abrir navegación"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="nav"><ul class="navbar-nav ms-auto align-items-lg-center gap-lg-2"><li class="nav-item"><a class="nav-link" href="index.php#catalogo">Catálogo</a></li><li class="nav-item"><a class="nav-link" href="cart.php">Carrito <span class="badge text-bg-dark">' . $cartCount . '</span></a></li><li class="nav-item"><a class="nav-link" href="admin.php">Admin</a></li><li class="nav-item"><a class="btn btn-sm btn-dark" href="https://wa.me/5351746028" target="_blank" rel="noopener">WhatsApp</a></li></ul></div></div></nav></header><main>';
|
||||
}
|
||||
|
||||
function layout_footer(): void {
|
||||
|
||||
@ -16,6 +16,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && ($_POST['action'] ?? '') === 'add')
|
||||
|
||||
layout_header('Tienda virtual', 'LA BORGUITA: tienda virtual con catálogo, carrito, QR de pago y confirmación manual.');
|
||||
$products = store_products();
|
||||
$logoPath = store_logo_path();
|
||||
?>
|
||||
<section class="hero py-5">
|
||||
<div class="container">
|
||||
@ -32,7 +33,7 @@ $products = store_products();
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<div class="market-card">
|
||||
<div class="market-top"><span class="brand-logo lg">LB</span><div><strong>LA BORGUITA</strong><small>Pagos Visa · Mastercard · Transferencia</small></div></div>
|
||||
<div class="market-top"><span class="brand-logo lg"><img src="<?= h($logoPath) ?>" alt="" width="64" height="64"></span><div><strong>LA BORGUITA</strong><small>Pagos Visa · Mastercard · Transferencia</small></div></div>
|
||||
<div class="scan-box"><span>Espacio para QR de pago</span><small>Sube aquí tu QR definitivo desde el editor cuando lo tengas listo.</small></div>
|
||||
<div class="status-row"><span>Pedidos pendientes</span><strong>Revisión manual</strong></div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user