buildHtml
baseUrl https://flight.scroll.pub
metaTags
editButton /edit.html
title The Science of Flying - Aerodynamics & Aviation
style.css
header
 class hero
 nav
  div Flight Science
   class logo
  div
   class nav-links
   a Principles
    href #principles
   a Forces
    href #forces
   a Aircraft
    href #aircraft
   a Learn More
    class cta-button
    href #learn-more
 div
  class hero-content
  h1 The Science of Flying
  p Discover the fascinating physics and engineering that keeps aircraft in the sky
  div
   class hero-buttons
   a Explore Now
    class primary-button
    href #principles
   a Watch Demo
    class secondary-button
    href #demo
main
 section
  id principles
  class principles
  h2 Core Principles of Flight
  div
   class principle-grid
   div
    class principle-card
    div 🌬️
     class principle-icon
    h3 Bernoulli's Principle
    p The relationship between pressure and fluid velocity in aerodynamics
   div
    class principle-card
    div ⬆️
     class principle-icon
    h3 Lift Generation
    p How wing design creates the upward force needed for flight
   div
    class principle-card
    div ➡️
     class principle-icon
    h3 Thrust & Drag
    p The opposing forces that determine aircraft speed
   div
    class principle-card
    div 🎮
     class principle-icon
    h3 Control Surfaces
    p How pilots maneuver aircraft through the sky
 section
  id forces
  class forces-section
  h2 Four Forces of Flight
  div
   class forces-diagram
   div
    class force lift
    span Lift
   div
    class force weight
    span Weight
   div
    class force thrust
    span Thrust
   div
    class force drag
    span Drag
 section
  id aircraft
  class aircraft-types
  h2 Types of Aircraft
  div
   class aircraft-grid
   div
    class aircraft-card
    h3 Fixed Wing
    p Traditional airplanes using static wings for lift
   div
    class aircraft-card
    h3 Rotary Wing
    p Helicopters and other rotating wing aircraft
   div
    class aircraft-card
    h3 Gliders
    p Engineless aircraft using natural lift
   div
    class aircraft-card
    h3 Modern UAVs
    p Drones and autonomous flying vehicles
footer
 div
  class footer-content
  div
   class footer-links
   a Learn More
    href #learn-more
   a Resources
    href #resources
   a Contact
    href #contact
  p Made with passion for aviation and aerodynamics
script.js