# hituly/blog-aviation architecture

> Architecture diagram of the GitHub repository hituly/blog-aviation, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-24). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/hituly/blog-aviation
- Repository: https://github.com/hituly/blog-aviation

## Overview

Armand Aviation is a static informational website about commercial aviation history and pilot training. Visitors can browse the home-page aircraft carousel, open the aircraft gallery, and follow links to model profiles; a separate branch covers training basics, civil and airline qualifications, and military pathways. The shared header is fetched by `script.js` from `components/header.html`. The README documents the major pages and navigation features, but only the header-fetch implementation was sampled, so links between individual pages and detailed runtime behavior are shown only where documented.

Main entry points: [`avions.html`](https://github.com/hituly/blog-aviation/blob/main/avions.html) (Aircraft gallery), [`script.js`](https://github.com/hituly/blog-aviation/blob/main/script.js) (Header loader), [`index.html`](https://github.com/hituly/blog-aviation/blob/main/index.html) (Home carousel), [`components/header.html`](https://github.com/hituly/blog-aviation/blob/main/components/header.html) (Shared header)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Site navigation"]
  node_home["Home carousel<br/>[index.html]"]
  node_header_script["Header loader<br/>[script.js]"]
  node_header_component["Shared header<br/>[header.html]"]
end

subgraph group_history["Aircraft history"]
  node_aircraft_gallery["Aircraft gallery<br/>[avions.html]"]
  node_a300["Airbus A300<br/>[A300.html]"]
  node_a320["Airbus A320<br/>[A320.html]"]
  node_a350["Airbus A350<br/>[A350.html]"]
  node_b707["Boeing 707<br/>[B707.html]"]
  node_b747["Boeing 747<br/>[B747.html]"]
  node_caravelle["Sud Aviation Caravelle<br/>[Caravelle.html]"]
  node_concorde["Concorde<br/>[Concorde.html]"]
  node_md11["McDonnell Douglas MD-11<br/>[MD11.html]"]
end

subgraph group_training["Pilot training"]
  node_training_basics["Training basics<br/>[avenir.html]"]
  node_civil_training["Civil and airline<br/>[avenir1.html]"]
  node_military_training["Military pathway<br/>[avenir2.html]"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens"| node_home
node_visitor -->|"browses"| node_aircraft_gallery
node_aircraft_gallery -->|"links to"| node_a300
node_aircraft_gallery -->|"links to"| node_a320
node_aircraft_gallery -->|"links to"| node_a350
node_aircraft_gallery -->|"links to"| node_b707
node_aircraft_gallery -->|"links to"| node_b747
node_aircraft_gallery -->|"links to"| node_caravelle
node_aircraft_gallery -->|"links to"| node_concorde
node_aircraft_gallery -->|"links to"| node_md11
node_visitor -->|"opens"| node_training_basics
node_visitor -->|"opens"| node_civil_training
node_visitor -->|"opens"| node_military_training
node_header_script -->|"fetches"| node_header_component

click node_home "https://github.com/hituly/blog-aviation/blob/main/index.html"
click node_header_script "https://github.com/hituly/blog-aviation/blob/main/script.js"
click node_header_component "https://github.com/hituly/blog-aviation/blob/main/components/header.html"
click node_aircraft_gallery "https://github.com/hituly/blog-aviation/blob/main/avions.html"
click node_a300 "https://github.com/hituly/blog-aviation/blob/main/A300.html"
click node_a320 "https://github.com/hituly/blog-aviation/blob/main/A320.html"
click node_a350 "https://github.com/hituly/blog-aviation/blob/main/A350.html"
click node_b707 "https://github.com/hituly/blog-aviation/blob/main/B707.html"
click node_b747 "https://github.com/hituly/blog-aviation/blob/main/B747.html"
click node_caravelle "https://github.com/hituly/blog-aviation/blob/main/Caravelle.html"
click node_concorde "https://github.com/hituly/blog-aviation/blob/main/Concorde.html"
click node_md11 "https://github.com/hituly/blog-aviation/blob/main/MD11.html"
click node_training_basics "https://github.com/hituly/blog-aviation/blob/main/avenir.html"
click node_civil_training "https://github.com/hituly/blog-aviation/blob/main/avenir1.html"
click node_military_training "https://github.com/hituly/blog-aviation/blob/main/avenir2.html"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_home,node_header_script,node_header_component toneBlue
class node_aircraft_gallery,node_a300,node_a320,node_a350,node_b707,node_b747,node_caravelle,node_concorde,node_md11 toneAmber
class node_training_basics,node_civil_training,node_military_training toneMint
class node_visitor toneIndigo
```

## Components

### Site navigation

- [Home carousel](https://github.com/hituly/blog-aviation/blob/main/index.html): `index.html`
- [Header loader](https://github.com/hituly/blog-aviation/blob/main/script.js): `script.js`
- [Shared header](https://github.com/hituly/blog-aviation/blob/main/components/header.html): `components/header.html`

### Aircraft history

- [Aircraft gallery](https://github.com/hituly/blog-aviation/blob/main/avions.html): `avions.html`
- [Airbus A300](https://github.com/hituly/blog-aviation/blob/main/A300.html): `A300.html`
- [Airbus A320](https://github.com/hituly/blog-aviation/blob/main/A320.html): `A320.html`
- [Airbus A350](https://github.com/hituly/blog-aviation/blob/main/A350.html): `A350.html`
- [Boeing 707](https://github.com/hituly/blog-aviation/blob/main/B707.html): `B707.html`
- [Boeing 747](https://github.com/hituly/blog-aviation/blob/main/B747.html): `B747.html`
- [Sud Aviation Caravelle](https://github.com/hituly/blog-aviation/blob/main/Caravelle.html): `Caravelle.html`
- [Concorde](https://github.com/hituly/blog-aviation/blob/main/Concorde.html): `Concorde.html`
- [McDonnell Douglas MD-11](https://github.com/hituly/blog-aviation/blob/main/MD11.html): `MD11.html`

### Pilot training

- [Training basics](https://github.com/hituly/blog-aviation/blob/main/avenir.html): `avenir.html`
- [Civil and airline](https://github.com/hituly/blog-aviation/blob/main/avenir1.html): `avenir1.html`
- [Military pathway](https://github.com/hituly/blog-aviation/blob/main/avenir2.html): `avenir2.html`

### Other components

- **Visitor**

## Connections

- Visitor → Home carousel: opens
- Visitor → Aircraft gallery: browses
- Aircraft gallery → Airbus A300: links to
- Aircraft gallery → Airbus A320: links to
- Aircraft gallery → Airbus A350: links to
- Aircraft gallery → Boeing 707: links to
- Aircraft gallery → Boeing 747: links to
- Aircraft gallery → Sud Aviation Caravelle: links to
- Aircraft gallery → Concorde: links to
- Aircraft gallery → McDonnell Douglas MD-11: links to
- Visitor → Training basics: opens
- Visitor → Civil and airline: opens
- Visitor → Military pathway: opens
- Header loader → Shared header: fetches