Refactor HTML for improved readability and semantics

D David Veksler · 6 months ago 9eb45616d5d4c87b3ea6820e8668a338bcc53c33
Parent: 35397ee50
Reformatted the HTML structure for better readability, using self-closing tags, consistent indentation, and improved attribute ordering. Added missing og:image and twitter:image meta tags, and reorganized the head section for clarity. No content or layout changes were made.

1 file changed +772 −393

Diff

diff --git a/boom-supersonic.html b/boom-supersonic.html
index e008aac..b9b5691 100644
--- a/boom-supersonic.html
+++ b/boom-supersonic.html
@@ -1,36 +1,31 @@
 <!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 {
+ <head>
+  <meta charset="utf-8"/>
+  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+  <meta content="Comprehensive cheatsheet for Boom Supersonic, covering the Overture airliner, XB-1 demonstrator, Symphony engine, specs, timeline, and sustainability goals." name="description"/>
+  <meta content="Boom Supersonic, Overture, XB-1, Symphony Engine, Supersonic Travel, Mach 1.7, Aerospace, Aviation Cheatsheet" name="keywords"/>
+  <meta content="David Veksler (AI Generated)" name="author"/>
+  <meta content="Boom Supersonic Cheatsheet: The Future of Speed" property="og:title"/>
+  <meta content="Detailed guide to Boom Supersonic's aircraft, technology, and roadmap. Includes interactive flight time calculator." property="og:description"/>
+  <meta content="https://cheatsheets.davidveksler.com/boom-supersonic.html" property="og:url"/>
+  <meta content="Boom Supersonic Overture Aircraft Concept" property="og:image:alt"/>
+  <meta content="summary_large_image" name="twitter:card"/>
+  <meta content="Boom Supersonic Cheatsheet" name="twitter:title"/>
+  <meta content="The future of Mach 1.7 travel. Overture specs, XB-1 details, and timeline." name="twitter:description"/>
+  <title>
+   Boom Supersonic Cheatsheet: The Future of Speed
+  </title>
+  <link href="https://cheatsheets.davidveksler.com/boom-supersonic.html" rel="canonical"/>
+  <link href="data:image/svg+xml,&lt;svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22&gt;&lt;text y=%22.9em%22 font-size=%2290%22&gt;✈️&lt;/text&gt;&lt;/svg&gt;" rel="icon"/>
+  <!-- Bootstrap 5.3.3 CSS -->
+  <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" rel="stylesheet"/>
+  <!-- Bootstrap Icons -->
+  <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css" rel="stylesheet"/>
+  <!-- Google Fonts: Chakra Petch (Tech) and Inter (Body) -->
+  <link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&amp;family=Inter:wght@300;400;600&amp;display=swap" rel="stylesheet"/>
+  <style>
+   :root {
             /* Theme Colors: Dark Aerospace */
             --primary-bg: #050b14;
             --secondary-bg: #0f1724;
@@ -221,11 +216,10 @@
             a { text-decoration: underline; color: #000; }
             .calc-container { display: none; }
         }
-    </style>
-    
-    <!-- JSON-LD Structured Data -->
-    <script type="application/ld+json">
-    {
+  </style>
+  <!-- JSON-LD Structured Data -->
+  <script type="application/ld+json">
+   {
       "@context": "https://schema.org",
       "@type": "TechArticle",
       "headline": "Boom Supersonic Cheatsheet",
@@ -242,363 +236,748 @@
       "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>
+  </script>
+  <meta content="images/boom-supersonic.png" property="og:image"/>
+  <meta content="images/boom-supersonic.png" name="twitter:image"/>
+  <meta content="website" property="og:type"/>
+ </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" data-bs-target="#navbarNav" data-bs-toggle="collapse" type="button">
+     <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 class="mb-5 calc-container" id="calculator">
+    <div class="row justify-content-center">
+     <div class="col-lg-10">
+      <div class="text-center" id="flight-calc">
+       <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 aria-label="Select Route" class="form-select form-select-lg" id="routeSelect">
+          <option disabled="" selected="">
+           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>
-    </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>
+       <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>
-    </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>&copy; 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 class="col-md-4">
+         <small class="text-accent text-uppercase">
+          Overture Time
+         </small>
+         <div class="calc-result text-accent" id="overtureInfo">
+          --
+         </div>
         </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() {
+        <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 class="schema-container" data-section-id="overture" 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 aria-expanded="false" class="btn btn-accent btn-sm details-toggle" data-bs-target="#specsDetails" data-bs-toggle="collapse" type="button">
+        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 &amp; 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 aria-expanded="false" class="btn btn-accent btn-sm details-toggle" data-bs-target="#aeroDetails" data-bs-toggle="collapse" type="button">
+        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 aria-expanded="false" class="btn btn-accent btn-sm details-toggle" data-bs-target="#paxDetails" data-bs-toggle="collapse" type="button">
+        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 class="schema-container mt-4" data-section-id="xb1" 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 aria-expanded="false" class="btn btn-accent btn-sm details-toggle" data-bs-target="#xb1Details" data-bs-toggle="collapse" type="button">
+        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 &amp; 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 class="schema-container mt-4" data-section-id="symphony" 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 aria-expanded="false" class="btn btn-accent btn-sm details-toggle" data-bs-target="#engineDetails" data-bs-toggle="collapse" type="button">
+          Engine Specs &amp; 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 &amp; 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 class="mt-4" id="partners-eco">
+    <div class="row">
+     <!-- Commercial Partners -->
+     <div class="col-md-6">
+      <h2 class="section-title">
+       <i class="bi bi-briefcase me-2">
+       </i>
+       Partners &amp; 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 &amp; 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 aria-expanded="false" class="btn btn-accent btn-sm details-toggle" data-bs-target="#ecoDetails" data-bs-toggle="collapse" type="button">
+        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 class="schema-container mt-4" data-section-id="timeline" 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) &amp; 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 &amp; 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 class="text-accent text-decoration-none" href="https://boomsupersonic.com/" target="_blank">
+     Visit Official Boom Supersonic Website
+     <i class="bi bi-box-arrow-up-right">
+     </i>
+    </a>
+   </div>
+  </footer>
+  <!-- Bootstrap JS Bundle -->
+  <script crossorigin="anonymous" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js">
+  </script>
+  <!-- Interactive Script -->
+  <script>
+   document.addEventListener('DOMContentLoaded', function() {
             // Calculator Logic
             const routeSelect = document.getElementById('routeSelect');
             const calcResults = document.getElementById('calcResults');
@@ -656,6 +1035,6 @@
               return new bootstrap.Tooltip(tooltipTriggerEl)
             })
         });
-    </script>
-</body>
-</html>
\ No newline at end of file
+  </script>
+ </body>
+</html>