Untitled

avatar
unknown
plain_text
a month ago
5.6 kB
5
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Wedding Safety Card Timeline</title>
    <style>
        body { font-family: 'Helvetica Neue', Arial, sans-serif; background-color: #f0f4f8; padding: 20px; color: #1a2a3a; }
        .safety-card { max-width: 800px; margin: 0 auto; background: #fff; border: 8px solid #ff4757; border-radius: 15px; padding: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
        .header { background: #ff4757; color: white; padding: 15px; text-align: center; border-radius: 5px; margin-bottom: 25px; }
        .header h1 { margin: 0; font-size: 28px; letter-spacing: 2px; }
        .header p { margin: 5px 0 0; font-style: italic; font-size: 14px; }
        .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        .panel { border: 2px dashed #2ed573; border-radius: 10px; padding: 15px; background: #fafafa; position: relative; }
        .panel-alert { border-color: #ffa502; }
        .time { font-size: 20px; font-weight: bold; color: #ff4757; display: flex; align-items: center; gap: 10px; }
        .icon { font-size: 24px; }
        .instruction { font-size: 15px; font-weight: bold; margin: 5px 0; color: #2f3542; }
        .funny-note { font-size: 12px; color: #57606f; font-style: italic; background: #eccc68; padding: 5px; border-radius: 4px; margin-top: 5px; }
        .footer { text-align: center; margin-top: 30px; font-size: 12px; border-top: 2px solid #ff4757; padding-top: 15px; font-weight: bold; }
    </style>
</head>
<body>

<div class="safety-card">
    <div class="header">
        <h1>AIRCRAFT SAFETY INSTRUCTION CARD</h1>
        <p>FLIGHT: THE WEDDING OF TWO LEGENDS — LIFE JACKETS NOT PROVIDED</p>
    </div>

    <div class="grid">
        <!-- 13:00 -->
        <div class="panel">
            <div class="time"><span class="icon">🛫</span> 13:00 — THE TAKEOFF</div>
            <div class="instruction">The Wedding Ceremony Begins</div>
            <div class="funny-note">⚠️ WARNING: Turn devices to Airplane Mode. Emotional turbulence likely. Cry silently.</div>
        </div>

        <!-- 14:00 -->
        <div class="panel">
            <div class="time"><span class="icon">🚌</span> 14:00 — CABIN RE-LOCATION</div>
            <div class="instruction">Travel to Reception Venue</div>
            <div class="funny-note">⚠️ WARNING: Please exit the aircraft in an orderly manner. Follow the loudest person.</div>
        </div>

        <!-- 14:15 -->
        <div class="panel">
            <div class="time"><span class="icon">🥂</span> 14:15 — RE-HYDRATION PROTOCOL</div>
            <div class="instruction">Photos & Welcome Drinks</div>
            <div class="funny-note">⚠️ WARNING: Secure your own glass before assisting children. Fake smiles will trigger alarms.</div>
        </div>

        <!-- 15:00 -->
        <div class="panel">
            <div class="time"><span class="icon">🍽️</span> 15:00 — MAIN MEAL SERVICE</div>
            <div class="instruction">Lunch (Canapes, Tapas, Charcuterie)</div>
            <div class="funny-note">⚠️ WARNING: Keep tray tables down. Chew thoroughly. Guard your snacks.</div>
        </div>

        <!-- 16:00 -->
        <div class="panel">
            <div class="time"><span class="icon">👥</span> 16:00 — CABIN RE-FUELING CAPACITY</div>
            <div class="instruction">Evening Guests Board the Aircraft</div>
            <div class="funny-note">⚠️ WARNING: Fresh passengers arriving. Introduce yourself or make up a fake name.</div>
        </div>

        <!-- 19:00 -->
        <div class="panel">
            <div class="time"><span class="icon">🍖</span> 19:00 — SECONDARY RE-FUELING</div>
            <div class="instruction">Buffet Dinner is Deployed</div>
            <div class="funny-note">⚠️ WARNING: Form an orderly queue. Loosen seatbelts by one notch if required.</div>
        </div>

        <!-- 20:00 -->
        <div class="panel panel-alert">
            <div class="time"><span class="icon">🎤</span> 20:00 — CAPTAIN'S ANNOUNCEMENT</div>
            <div class="instruction">The Speeches Commence</div>
            <div class="funny-note">🚨 BRACE FOR IMPACT: Oxygen masks will drop if the Best Man speaks for over 10 minutes.</div>
        </div>

        <!-- 20:15 -->
        <div class="panel">
            <div class="time"><span class="icon">🎂</span> 20:15 — INSTRUMENT RUPTURE</div>
            <div class="instruction">The Cutting of the Cake</div>
            <div class="funny-note">⚠️ WARNING: Sharp objects in use. Stand clear of the sugar matrix.</div>
        </div>

        <!-- 20:30 -->
        <div class="panel panel-alert">
            <div class="time"><span class="icon">🕺</span> 20:30 — SEVERE TURBULENCE</div>
            <div class="instruction">The DJ Drops the Beats</div>
            <div class="funny-note">🚨 EMERGENCY INSTRUCTION: In case of low vibes, drop it low. Bad dad-dancing will not be penalised.</div>
        </div>

        <!-- 00:30 -->
        <div class="panel">
            <div class="time"><span class="icon">🛬</span> 00:30 — FINAL LANDING</div>
            <div class="instruction">The Last Dance & Disembarkation</div>
            <div class="funny-note">⚠️ WARNING: Flight terminated. Please gather your shoes, jackets, and remaining dignity.</div>
        </div>
    </div>

    <div class="footer">
        THANK YOU FOR FLYING WITH US. WE KNOW YOU HAD NO CHOICE IN WEDDINGS TODAY, SO WE APPRECIATE YOUR PATRONAGE.
    </div>
</div>

</body>
</html>
Editor is loading...
Leave a Comment