Booking out QR code

2026-02-20 12:19:21 -05:00
parent a43cf9b732
commit 3a4085afc6
7 changed files with 93 additions and 2 deletions
--- a/web/index.html
+++ b/web/index.html
@@ -178,6 +178,35 @@
            left: 28px;
        }

+        /* QR code for booking */
+        .qr-code-container {
+            position: absolute;
+            left: 300px;
+            top: 50%;
+            transform: translateY(-50%);
+            background: white;
+            padding: 5px;
+            border-radius: 4px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 5px;
+        }
+
+        .qr-code-container .qr-label {
+            font-size: 12px;
+            font-weight: bold;
+            color: #333;
+            white-space: nowrap;
+        }
+
+        .qr-code-container img {
+            display: block;
+            max-width: 120px;
+            height: auto;
+        }
+
        /* Santa hat styles */
        .santa-hat {
            position: absolute;
@@ -357,6 +386,10 @@
 <body>
    <header>
        <img src="assets/logo.png" alt="EGFH Logo" class="left-image">
+        <div class="qr-code-container">
+            <img id="bookingQR" alt="Scan to book a flight" title="Scan to book a flight">
+            <div class="qr-label">Book Out</div>
+        </div>
        <h1>Flight Information</h1>
        <img src="assets/flightImg.png" alt="EGFH Logo" class="right-image">
    </header>
@@ -847,11 +880,22 @@
            return typeMap[flightType] || flightType;
        }

+        // Generate QR code for booking page
+        function generateBookingQR() {
+            const qrImg = document.getElementById('bookingQR');
+            if (qrImg) {
+                qrImg.src = '/assets/booking-qr.png';
+            }
+        }
+
        // Load data on page load
        window.addEventListener('load', function() {
            // Initialize Christmas mode
            initChristmasMode();
            
+            // Load booking QR code
+            generateBookingQR();
+            
            loadArrivals();
            loadDepartures();