Add Boom Supersonic cheatsheet HTML page
· 6 months ago
7013d29fff1497a0f41fcc20a78ac95485db5190
Parent:
aa1ed9c62
Introduces a comprehensive HTML reference for Boom Supersonic, detailing the Overture airliner, XB-1 demonstrator, Symphony engine, specs, timeline, sustainability, and includes an interactive flight time calculator. Features modern styling, Bootstrap integration, structured data, and accessibility enhancements.
1 file changed +661 −0
- boom-supersonic.html +661 −0
Diff
--- /dev/null +++ b/boom-supersonic.html @@ -0,0 +1,661 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="Comprehensive cheatsheet for Boom Supersonic, covering the Overture airliner, XB-1 demonstrator, Symphony engine, specs, timeline, and sustainability goals."> + <meta name="keywords" content="Boom Supersonic, Overture, XB-1, Symphony Engine, Supersonic Travel, Mach 1.7, Aerospace, Aviation Cheatsheet"> + <meta name="author" content="David Veksler (AI Generated)"> + <meta property="og:title" content="Boom Supersonic Cheatsheet: The Future of Speed"> + <meta property="og:description" content="Detailed guide to Boom Supersonic's aircraft, technology, and roadmap. Includes interactive flight time calculator."> + <meta property="og:type" content="article"> + <meta property="og:url" content="https://cheatsheets.davidveksler.com/boom-supersonic.html"> + <meta property="og:image" content="https://cheatsheets.davidveksler.com/images/boom-supersonic.png"> + <meta property="og:image:alt" content="Boom Supersonic Overture Aircraft Concept"> + <meta name="twitter:card" content="summary_large_image"> + <meta name="twitter:title" content="Boom Supersonic Cheatsheet"> + <meta name="twitter:description" content="The future of Mach 1.7 travel. Overture specs, XB-1 details, and timeline."> + <meta name="twitter:image" content="https://cheatsheets.davidveksler.com/images/boom-supersonic.png"> + + <title>Boom Supersonic Cheatsheet: The Future of Speed</title> + <link rel="canonical" href="https://cheatsheets.davidveksler.com/boom-supersonic.html"> + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>✈️</text></svg>"> + + <!-- Bootstrap 5.3.3 CSS --> + <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> + <!-- Bootstrap Icons --> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> + + <!-- Google Fonts: Chakra Petch (Tech) and Inter (Body) --> + <link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=Inter:wght@300;400;600&display=swap" rel="stylesheet"> + + <style> + :root { + /* Theme Colors: Dark Aerospace */ + --primary-bg: #050b14; + --secondary-bg: #0f1724; + --card-bg: #162030; + --text-main: #e0e6ed; + --text-muted: #94a3b8; + --accent-color: #00d4ff; /* Supersonic Blue */ + --accent-hover: #00a3cc; + --highlight: #ffd700; /* Gold for premium/speed */ + --border-color: #2d3b4e; + + --font-display: 'Chakra Petch', sans-serif; + --font-body: 'Inter', sans-serif; + } + + body { + background-color: var(--primary-bg); + color: var(--text-main); + font-family: var(--font-body); + line-height: 1.6; + } + + /* Typography */ + h1, h2, h3, h4, h5, h6, .navbar-brand { + font-family: var(--font-display); + text-transform: uppercase; + letter-spacing: 1px; + } + + h1 { font-weight: 700; color: var(--accent-color); } + h2.section-title { + color: var(--text-main); + border-bottom: 2px solid var(--accent-color); + padding-bottom: 10px; + margin-bottom: 25px; + display: inline-block; + } + + .lead { color: var(--text-muted); font-size: 1.1rem; } + .text-accent { color: var(--accent-color); } + .text-highlight { color: var(--highlight); } + + /* Navigation */ + .navbar { + background-color: rgba(5, 11, 20, 0.95); + backdrop-filter: blur(10px); + border-bottom: 1px solid var(--border-color); + } + .nav-link { color: var(--text-muted); transition: color 0.3s; } + .nav-link:hover, .nav-link.active { color: var(--accent-color); } + .navbar-toggler { border-color: var(--border-color); } + .navbar-toggler-icon { filter: invert(1); } + + /* Cards */ + .info-card { + background-color: var(--card-bg); + border: 1px solid var(--border-color); + border-radius: 8px; + padding: 20px; + margin-bottom: 20px; + transition: transform 0.2s, box-shadow 0.2s; + } + .info-card:hover { + transform: translateY(-2px); + box-shadow: 0 4px 15px rgba(0, 212, 255, 0.1); + border-color: var(--accent-color); + } + .card-header-custom { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 15px; + } + .card-icon { + font-size: 1.5rem; + color: var(--accent-color); + margin-right: 10px; + } + .summary { + font-size: 0.95rem; + margin-bottom: 15px; + } + .spec-tag { + background-color: rgba(0, 212, 255, 0.1); + color: var(--accent-color); + padding: 2px 8px; + border-radius: 4px; + font-size: 0.8rem; + font-weight: 600; + margin-right: 5px; + } + + /* Buttons & Interactive */ + .btn-accent { + background-color: transparent; + border: 1px solid var(--accent-color); + color: var(--accent-color); + font-family: var(--font-display); + transition: all 0.3s; + } + .btn-accent:hover { + background-color: var(--accent-color); + color: #000; + } + .details-toggle { + width: 100%; + text-align: left; + display: flex; + justify-content: space-between; + align-items: center; + } + .details-toggle::after { + content: '\F282'; /* Bootstrap Icons Chevron Down */ + font-family: 'bootstrap-icons'; + transition: transform 0.3s; + } + .details-toggle[aria-expanded="true"]::after { + transform: rotate(180deg); + } + + /* Collapsible Content */ + .collapse-content { + margin-top: 15px; + padding-top: 15px; + border-top: 1px solid var(--border-color); + } + .collapse-content ul { padding-left: 20px; } + .collapse-content li { margin-bottom: 5px; color: #ced4da; } + + /* Timeline Styles */ + .timeline { + position: relative; + padding-left: 30px; + border-left: 2px solid var(--border-color); + } + .timeline-item { + position: relative; + margin-bottom: 30px; + } + .timeline-item::before { + content: ''; + position: absolute; + left: -36px; + top: 5px; + width: 14px; + height: 14px; + border-radius: 50%; + background-color: var(--accent-color); + border: 3px solid var(--primary-bg); + } + .timeline-date { + font-family: var(--font-display); + color: var(--accent-color); + font-weight: bold; + font-size: 0.9rem; + } + + /* Flight Calculator */ + #flight-calc { + background: linear-gradient(135deg, var(--secondary-bg), #1a2639); + border: 1px solid var(--accent-color); + padding: 25px; + border-radius: 10px; + } + .calc-result { + font-size: 1.5rem; + font-weight: bold; + color: var(--highlight); + } + + /* Footer */ + footer { + margin-top: 50px; + padding: 30px 0; + border-top: 1px solid var(--border-color); + text-align: center; + font-size: 0.9rem; + color: var(--text-muted); + } + + /* Print Styles */ + @media print { + body { background-color: #fff; color: #000; } + .info-card { border: 1px solid #000; break-inside: avoid; color: #000; background: #fff; } + .navbar, .btn-accent, .details-toggle::after { display: none; } + .collapse { display: block; } + h1, h2, h5 { color: #000; } + a { text-decoration: underline; color: #000; } + .calc-container { display: none; } + } + </style> + + <!-- JSON-LD Structured Data --> + <script type="application/ld+json"> + { + "@context": "https://schema.org", + "@type": "TechArticle", + "headline": "Boom Supersonic Cheatsheet", + "description": "Comprehensive guide to Boom Supersonic's Overture airliner, XB-1 demonstrator, and Symphony engine.", + "author": { + "@type": "Person", + "name": "David Veksler (AI Generated)" + }, + "publisher": { + "@type": "Organization", + "name": "David Veksler Cheatsheets" + }, + "datePublished": "2025-12-02", + "dateModified": "2025-12-02", + "keywords": "Boom Supersonic, Overture, XB-1, Symphony Engine, Sustainable Aviation Fuel" + } + </script> +</head> +<body> + + <!-- Navigation --> + <nav class="navbar navbar-expand-lg sticky-top"> + <div class="container"> + <a class="navbar-brand" href="#"><i class="bi bi-airplane-engines me-2"></i>Boom Supersonic</a> + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarNav"> + <ul class="navbar-nav ms-auto"> + <li class="nav-item"><a class="nav-link" href="#overture">Overture</a></li> + <li class="nav-item"><a class="nav-link" href="#xb1">XB-1</a></li> + <li class="nav-item"><a class="nav-link" href="#symphony">Symphony Engine</a></li> + <li class="nav-item"><a class="nav-link" href="#timeline">Timeline</a></li> + <li class="nav-item"><a class="nav-link" href="#calculator">Calculator</a></li> + </ul> + </div> + </div> + </nav> + + <!-- Header --> + <header class="page-header py-5 text-center"> + <div class="container"> + <h1 class="display-4 mb-3">The Future of Speed</h1> + <p class="lead mx-auto" style="max-width: 700px;"> + A comprehensive reference guide to <strong>Boom Supersonic</strong>, their mission to return commercial supersonic flight to the skies, and the technologies powering the <em>Overture</em> airliner. + </p> + <div class="mt-3"> + <span class="badge bg-secondary me-2">Last Updated: Dec 2025</span> + <span class="badge bg-primary">Mach 1.7</span> + <span class="badge bg-success">100% SAF</span> + </div> + </div> + </header> + + <main class="container" id="main-container"> + + <!-- Calculator Section (Prominent) --> + <section id="calculator" class="mb-5 calc-container"> + <div class="row justify-content-center"> + <div class="col-lg-10"> + <div id="flight-calc" class="text-center"> + <h3 class="mb-4"><i class="bi bi-speedometer2"></i> Supersonic Travel Time Calculator</h3> + <p class="mb-4 text-muted">See how Overture (Mach 1.7) compares to current subsonic jets (Mach 0.8).</p> + + <div class="row g-3 align-items-center justify-content-center"> + <div class="col-md-6"> + <select class="form-select form-select-lg" id="routeSelect" aria-label="Select Route"> + <option selected disabled>Choose a Route...</option> + <option value="3000,6:30">New York (JFK) ➔ London (LHR)</option> + <option value="4800,8:30">Tokyo (NRT) ➔ Seattle (SEA)</option> + <option value="2200,5:15">Los Angeles (LAX) ➔ Honolulu (HNL)</option> + <option value="3900,7:40">Miami (MIA) ➔ London (LHR)</option> + <option value="3400,7:00">New York (JFK) ➔ Frankfurt (FRA)</option> + </select> + </div> + </div> + + <div class="row mt-4" id="calcResults" style="display: none;"> + <div class="col-md-4"> + <small class="text-muted text-uppercase">Current Flight Time</small> + <div class="fs-3" id="currentInfo">--</div> + </div> + <div class="col-md-4"> + <small class="text-accent text-uppercase">Overture Time</small> + <div class="calc-result text-accent" id="overtureInfo">--</div> + </div> + <div class="col-md-4"> + <small class="text-highlight text-uppercase">Time Saved</small> + <div class="calc-result" id="savedInfo">--</div> + </div> + </div> + </div> + </div> + </div> + </section> + + <!-- Overture Section --> + <section id="overture" class="schema-container" data-section-id="overture"> + <h2 class="section-title"><i class="bi bi-airplane-fill me-2"></i>Overture Airliner</h2> + <div class="row"> + <!-- Core Specs --> + <div class="col-md-6 col-lg-4"> + <div class="info-card"> + <div class="card-header-custom"> + <h5>Core Specifications</h5> + <i class="bi bi-sliders card-icon"></i> + </div> + <p class="summary">The flagship commercial airliner designed for speed, safety, and sustainability.</p> + <div class="mb-3"> + <span class="spec-tag">Mach 1.7</span> + <span class="spec-tag">4,250nm Range</span> + <span class="spec-tag">64-80 Pax</span> + </div> + <button class="btn btn-accent btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#specsDetails" aria-expanded="false"> + Technical Details + </button> + <div class="collapse collapse-content" id="specsDetails"> + <ul> + <li><strong>Cruise Speed:</strong> Mach 1.7 (approx. 1,300 mph / 2,100 km/h) over water.</li> + <li><strong>Overland Speed:</strong> Mach 0.94 (approx. 720 mph) - 20% faster than subsonic.</li> + <li><strong>Range:</strong> 4,250 nautical miles (7,871 km).</li> + <li><strong>Capacity:</strong> 64–80 Passengers (All Premium).</li> + <li><strong>Length:</strong> 201 ft (61 m).</li> + <li><strong>Wingspan:</strong> 106 ft (32 m).</li> + <li><strong>Altitude:</strong> 60,000 ft (Cruising).</li> + <li><strong>Takeoff Noise:</strong> Meets ICAO Chapter 14 levels (same as current widebodies).</li> + </ul> + </div> + </div> + </div> + + <!-- Design & Aerodynamics --> + <div class="col-md-6 col-lg-4"> + <div class="info-card"> + <div class="card-header-custom"> + <h5>Design & Aerodynamics</h5> + <i class="bi bi-wind card-icon"></i> + </div> + <p class="summary">Advanced composite fuselage optimized for "Area Ruling" to minimize drag.</p> + <button class="btn btn-accent btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#aeroDetails" aria-expanded="false"> + Design Features + </button> + <div class="collapse collapse-content" id="aeroDetails"> + <p><strong>Gull Wings:</strong> Distinctive delta wing shape improves supersonic efficiency while maintaining low-speed stability for standard airport operations.</p> + <p><strong>Composite Structure:</strong> Carbon fiber construction allows for complex aerodynamic shaping (fuselage tapering) impossible with aluminum.</p> + <p><strong>4-Engine Layout:</strong> Uses 4 wing-mounted engines to balance weight and thrust requirements, removing the need for afterburners (quieter takeoff).</p> + </div> + </div> + </div> + + <!-- Passenger Experience --> + <div class="col-md-6 col-lg-4"> + <div class="info-card"> + <div class="card-header-custom"> + <h5>Passenger Experience</h5> + <i class="bi bi-person-workspace card-icon"></i> + </div> + <p class="summary">An all-business class configuration focused on productivity and comfort.</p> + <button class="btn btn-accent btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#paxDetails" aria-expanded="false"> + Cabin Features + </button> + <div class="collapse collapse-content" id="paxDetails"> + <ul> + <li><strong>Configuration:</strong> 1-1 seating (every seat is an aisle and window).</li> + <li><strong>Windows:</strong> Large personal windows for every passenger.</li> + <li><strong>Screens:</strong> Large entertainment displays for flight data and media.</li> + <li><strong>Atmosphere:</strong> Cruising at 60,000 ft offers smoother air (above turbulence) and a view of the curvature of the Earth.</li> + </ul> + </div> + </div> + </div> + </div> + </section> + + <!-- XB-1 Section --> + <section id="xb1" class="schema-container mt-4" data-section-id="xb1"> + <h2 class="section-title"><i class="bi bi-jet fighter me-2"></i>XB-1 Demonstrator</h2> + <div class="row"> + <div class="col-lg-8"> + <div class="info-card"> + <div class="card-header-custom"> + <h5>"Baby Boom" Technology Demonstrator</h5> + <span class="badge bg-success">Status: FLOWN</span> + </div> + <p class="summary">The world's first independently developed supersonic jet, paving the way for Overture.</p> + <div class="mb-3"> + <span class="spec-tag">Mach 2.2 Design</span> + <span class="spec-tag">Carbon Fiber</span> + <span class="spec-tag">First Flight: Mar 2024</span> + </div> + <button class="btn btn-accent btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#xb1Details" aria-expanded="false"> + Read More + </button> + <div class="collapse collapse-content" id="xb1Details"> + <div class="row"> + <div class="col-md-6"> + <h6>Key Stats</h6> + <ul> + <li><strong>Length:</strong> 62.6 ft.</li> + <li><strong>Wingspan:</strong> 21 ft.</li> + <li><strong>Engines:</strong> 3x GE J85-15.</li> + <li><strong>Crew:</strong> 1 Test Pilot.</li> + </ul> + </div> + <div class="col-md-6"> + <h6>Achievements</h6> + <ul> + <li><strong>Maiden Flight:</strong> March 22, 2024 (Mojave Air & Space Port).</li> + <li><strong>Supersonic:</strong> Broke the sound barrier (Mach 1.0+) in test program (2025).</li> + <li><strong>Systems Validated:</strong> + <ul> + <li>Augmented Reality Vision System (replacing droop nose).</li> + <li>Digitally-optimized aerodynamics.</li> + <li>Engine air intake performance.</li> + </ul> + </li> + </ul> + </div> + </div> + </div> + </div> + </div> + <div class="col-lg-4"> + <div class="info-card text-center" style="background: linear-gradient(180deg, var(--card-bg) 0%, #000 100%);"> + <i class="bi bi-camera-video fs-1 text-muted"></i> + <h5 class="mt-2">AR Vision System</h5> + <p class="small text-muted">XB-1 uses cameras and screens instead of a moving "droop nose" (like Concorde) for runway visibility.</p> + </div> + </div> + </div> + </section> + + <!-- Symphony Engine Section --> + <section id="symphony" class="schema-container mt-4" data-section-id="symphony"> + <h2 class="section-title"><i class="bi bi-fan me-2"></i>Symphony™ Engine</h2> + <div class="row"> + <div class="col-md-12"> + <div class="info-card"> + <div class="row align-items-center"> + <div class="col-md-8"> + <div class="card-header-custom"> + <h5>Purpose-Built Supersonic Propulsion</h5> + <span class="badge bg-warning text-dark">35,000 lbs Thrust</span> + </div> + <p>A bespoke medium-bypass turbofan engine designed specifically for Overture, replacing earlier plans to use Rolls-Royce derivatives.</p> + <button class="btn btn-accent btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#engineDetails" aria-expanded="false"> + Engine Specs & Partners + </button> + </div> + <div class="col-md-4 text-end d-none d-md-block"> + <i class="bi bi-gear-wide-connected" style="font-size: 4rem; opacity: 0.2;"></i> + </div> + </div> + <div class="collapse collapse-content" id="engineDetails"> + <div class="row"> + <div class="col-md-6"> + <h6>Technical Highlights</h6> + <ul> + <li><strong>Architecture:</strong> Twin-spool, medium-bypass turbofan.</li> + <li><strong>No Afterburner:</strong> Achieves supersonic cruise without fuel-guzzling afterburners.</li> + <li><strong>Intake:</strong> Axisymmetric supersonic intake (quiet & efficient).</li> + <li><strong>Turbine:</strong> Passively cooled high-pressure turbine.</li> + <li><strong>Maintenance:</strong> Designed for 25% more time-on-wing than derivatives.</li> + </ul> + </div> + <div class="col-md-6"> + <h6>Development Team</h6> + <ul class="list-unstyled"> + <li><i class="bi bi-check2-circle text-accent"></i> <strong>Design:</strong> Florida Turbine Technologies (FTT).</li> + <li><i class="bi bi-check2-circle text-accent"></i> <strong>Manufacturing:</strong> GE Additive (Colibrium) - 3D printed components.</li> + <li><i class="bi bi-check2-circle text-accent"></i> <strong>Assembly/MRO:</strong> StandardAero.</li> + </ul> + </div> + </div> + </div> + </div> + </div> + </div> + </section> + + <!-- Partners & Sustainability --> + <section id="partners-eco" class="mt-4"> + <div class="row"> + <!-- Commercial Partners --> + <div class="col-md-6"> + <h2 class="section-title"><i class="bi bi-briefcase me-2"></i>Partners & Orders</h2> + <div class="info-card"> + <p class="summary"><strong>130 Aircraft</strong> in Order Book (Orders + Pre-orders).</p> + <ul class="list-group list-group-flush bg-transparent"> + <li class="list-group-item bg-transparent text-light"><i class="bi bi-building me-2"></i> <strong>United Airlines:</strong> 15 firm orders + 35 options.</li> + <li class="list-group-item bg-transparent text-light"><i class="bi bi-building me-2"></i> <strong>American Airlines:</strong> 20 firm orders + 40 options.</li> + <li class="list-group-item bg-transparent text-light"><i class="bi bi-building me-2"></i> <strong>Japan Airlines (JAL):</strong> Strategic partner & investor (20 pre-orders).</li> + </ul> + </div> + </div> + + <!-- Sustainability --> + <div class="col-md-6"> + <h2 class="section-title"><i class="bi bi-globe-americas me-2"></i>Sustainability</h2> + <div class="info-card"> + <div class="card-header-custom"> + <h5>Net Zero Carbon</h5> + <i class="bi bi-recycle card-icon text-success"></i> + </div> + <p class="summary">Overture is designed to run on <strong>100% Sustainable Aviation Fuel (SAF)</strong>.</p> + <button class="btn btn-accent btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#ecoDetails" aria-expanded="false"> + Green Initiatives + </button> + <div class="collapse collapse-content" id="ecoDetails"> + <ul> + <li><strong>SAF Partners:</strong> Dimensional Energy, AIR COMPANY (CO2-to-fuel tech).</li> + <li><strong>Goal:</strong> Net zero carbon emissions by 2025 (Operational) and for Overture fleet.</li> + <li><strong>Noise:</strong> "Community Noise" compliant (subsonic over land, quiet takeoff).</li> + </ul> + </div> + </div> + </div> + </div> + </section> + + <!-- Timeline --> + <section id="timeline" class="schema-container mt-4" data-section-id="timeline"> + <h2 class="section-title"><i class="bi bi-calendar-event me-2"></i>Roadmap</h2> + <div class="info-card"> + <div class="timeline"> + <div class="timeline-item"> + <div class="timeline-date">2014</div> + <p>Boom Supersonic founded by Blake Scholl.</p> + </div> + <div class="timeline-item"> + <div class="timeline-date">2020</div> + <p>XB-1 Rollout.</p> + </div> + <div class="timeline-item"> + <div class="timeline-date">Mar 2024</div> + <p class="text-white"><strong>XB-1 Maiden Flight</strong> (Mojave, CA).</p> + </div> + <div class="timeline-item"> + <div class="timeline-date">2024-2025</div> + <p>Superfactory Construction (Greensboro, NC) & XB-1 Supersonic Tests.</p> + </div> + <div class="timeline-item"> + <div class="timeline-date">2026 (Target)</div> + <p>Symphony Engine Full-Scale Core Tests.</p> + </div> + <div class="timeline-item"> + <div class="timeline-date">2027 (Target)</div> + <p>Overture Aircraft Rollout.</p> + </div> + <div class="timeline-item"> + <div class="timeline-date">2029-2030 (Target)</div> + <p class="text-accent"><strong>Type Certification & Commercial Entry into Service.</strong></p> + </div> + </div> + </div> + </section> + + </main> + + <footer> + <div class="container"> + <p>© 2025 Boom Supersonic Cheatsheet (Unofficial). All trademarks belong to Boom Technology, Inc.</p> + <p class="small">Information is based on publicly available data as of December 2025. Timelines are subject to change.</p> + <a href="https://boomsupersonic.com/" target="_blank" class="text-accent text-decoration-none">Visit Official Boom Supersonic Website <i class="bi bi-box-arrow-up-right"></i></a> + </div> + </footer> + + <!-- Bootstrap JS Bundle --> + <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> + + <!-- Interactive Script --> + <script> + document.addEventListener('DOMContentLoaded', function() { + // Calculator Logic + const routeSelect = document.getElementById('routeSelect'); + const calcResults = document.getElementById('calcResults'); + const currentInfo = document.getElementById('currentInfo'); + const overtureInfo = document.getElementById('overtureInfo'); + const savedInfo = document.getElementById('savedInfo'); + + routeSelect.addEventListener('change', function() { + const value = this.value; + if (!value) return; + + const [distanceStr, durationStr] = value.split(','); + const distance = parseInt(distanceStr); // nm + + // Parse current duration "H:MM" + const [hrs, mins] = durationStr.split(':').map(Number); + const currentMinutes = (hrs * 60) + mins; + + // Overture Calculation + // Cruise Mach 1.7 ~ 1120 knots + // Add taxi/climb/descent penalty (approx 30-45 mins fixed) + // Flight time = (Distance / 1120) * 60 + 40 mins penalty + // This is a rough approximation + + const speedKnots = 1120; // Mach 1.7 approx + const flightMinutes = Math.round((distance / speedKnots) * 60) + 40; + + // Format times + const overtureHrs = Math.floor(flightMinutes / 60); + const overtureMins = flightMinutes % 60; + + // Calculate Savings + const savedMinutes = currentMinutes - flightMinutes; + const savedHrs = Math.floor(savedMinutes / 60); + const savedMinsRem = savedMinutes % 60; + + // Update UI + currentInfo.textContent = `${hrs}h ${mins}m`; + overtureInfo.textContent = `${overtureHrs}h ${overtureMins}m`; + savedInfo.textContent = `${savedHrs}h ${savedMinsRem}m`; + + calcResults.style.display = 'flex'; + + // Simple animation + calcResults.style.opacity = 0; + setTimeout(() => { + calcResults.style.transition = 'opacity 0.5s'; + calcResults.style.opacity = 1; + }, 10); + }); + + // Initialize Tooltips + var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) + var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { + return new bootstrap.Tooltip(tooltipTriggerEl) + }) + }); + </script> +</body> +</html> \ No newline at end of file