Skip to content

Repository files navigation

Nordlys Air — a HydePHP demonstration site

Nordlys Air is a fictional Arctic bush airline flying six scheduled routes out of Tromsø, and this repository is a full HydePHP project built to show what the framework can do beyond a plain blog: data-driven Blade pages, the posts module, the documentation module, custom components, and automatic navigation — all compiled to static HTML.

What's demonstrated where

Feature Where to look
YAML DataCollections resources/collections/routes/ and fleet/ — every departures board row and fleet spec sheet is one YAML file
Blade pages _pages/index.blade.php, _pages/fleet.blade.php
Custom Blade components resources/views/components/ — the split-flap board, the flap text renderer, the aircraft line drawings, the polar route chart
Custom layout resources/views/layouts/nordlys.blade.php
Markdown pages _pages/about.md
Blog posts (authors, categories, dates, RSS) _posts/ — the "Flight Journal"
Documentation module (sidebar, search) _docs/ — the crew "Operations Manual"
Navigation config (order, labels) config/hyde.php under navigation
Post authors config/hyde.php under authors

The split-flap departures board

The board on the homepage is rendered at build time: a Blade component (x-flap-text) splits each cell's text into character spans, so the full timetable ships in the static HTML and is readable with JavaScript disabled. The only script on the site, _media/flap.js (~2 kB, no dependencies), animates the spans that are already on the page and runs the hub clock. It respects prefers-reduced-motion.

Building the site

The vendor/ directory is not included. To build:

composer install
php hyde build

Then open _site/index.html, or serve it locally with php hyde serve.

To generate sitemap.xml and the RSS feed.xml, set your site URL first (in .env as SITE_URL, or in config/hyde.php) — note that with a site URL configured, asset links become absolute production URLs, so keep it unset while browsing the build straight from disk.

A full prebuilt site is included in _site/ — that's the actual output of php hyde build, so you can browse every page (departures, fleet, journal, Operations Manual, about) straight from disk without building anything.

Design notes

The visual language is "printed airline timetable": cool ice paper, petrol ink, international orange, one dark departures panel. Type is Bricolage Grotesque and IBM Plex Mono. The aircraft profiles and the polar route chart are original schematic SVGs. There is no CSS framework and no JavaScript framework; the whole stylesheet lives in _media/nordlys.css.


Nordlys Air is fictional. The northern lights are real.

About

No description, website, or topics provided.

Resources

Code of conduct

Contributing

Security policy

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages