feat: makieta mobilna pilota TravelLeader z profilem, opiniami i kalendarzem

2026-09-18 12:38:53 +02:00
parent af946d338a
commit 373bffa573
9 changed files with 2559 additions and 0 deletions
@@ -0,0 +1,67 @@
+<?php
+$currentPage = basename($_SERVER['PHP_SELF'], '.php');
+if (!isset($pageTitle)) {
+    $pageTitle = 'TravelLeader - Aplikacja Pilota';
+}
+?>
+<!DOCTYPE html>
+<html lang="pl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
+    <title><?= htmlspecialchars($pageTitle) ?></title>
+
+    <!-- Google Fonts -->
+    <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=Public+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+
+    <!-- Lokalne assety (Boxicons + Core CSS z projektu Magico, bez jsdelivr) -->
+    <link rel="stylesheet" href="../../assets/vendor/fonts/boxicons.css">
+    <link rel="stylesheet" href="../../assets/vendor/css/core.css">
+
+    <!-- Stylistyka aplikacji mobilnej TravelLeader -->
+    <link rel="stylesheet" href="assets/css/style.css">
+
+    <!-- Magico Comments -->
+    <?php if (!empty($enablePrototypeComments)): ?>
+        <link rel="stylesheet" href="../../assets/css/comments.css">
+    <?php endif; ?>
+</head>
+<body>
+
+<div class="phone-viewport-wrapper">
+    <div class="phone-screen">
+        
+        <!-- Pasek stanu telefonu (Widoczny w ramce na desktopie, ukryty na mobile) -->
+        <div class="phone-status-bar">
+            <span>9:05</span>
+            <div class="icons">
+                <span class="badge bg-secondary" style="font-size: 0.6rem; padding: 1px 4px;">VPN</span>
+                <i class='bx bx-wifi'></i>
+                <i class='bx bx-signal-5'></i>
+                <span style="font-size: 0.72rem; display: inline-flex; align-items: center; gap: 2px;">
+                    46 <i class='bx bxs-battery-charging' style="font-size: 1rem;"></i>
+                </span>
+            </div>
+        </div>
+
+        <!-- Nagłówek aplikacji TravelLeader -->
+        <header class="app-header">
+            <a href="index.php" class="brand-logo-area">
+                <div class="brand-icon-box">
+                    <i class='bx bx-compass'></i>
+                </div>
+                <div class="brand-name">Travel<span style="color: #2b304f;">Leader</span></div>
+            </a>
+
+            <a href="profile.php" class="header-user-profile" title="Przejdź do profilu">
+                <div class="header-user-info">
+                    <div class="header-user-email">oskar@magico.pl</div>
+                    <div class="header-user-role">Pilot Wycieczek</div>
+                </div>
+                <div class="header-avatar">
+                    <i class='bx bx-user'></i>
+                </div>
+            </a>
+        </header>