✈️ Making sense of those three-letter airport codes.
A website that tries to make sense of those three-letter airport codes.
If you'd like to add an airport or fix an error, please:
This repo has a lot of images, so may take some time to clone. If you'd like to speed up that process, you can clone only the latest (and not the entire commit history) by cloning with this command:
git clone --depth=1 [email protected]:lynnandtonic/airport-codes.git
git clone --depth=1 https://github.com/lynnandtonic/airport-codes.git
To run the site locally:
.node-versionthis will be handled for you
npm ci npm run dev
Note: The web server may take 2-3 minutes to start.
Airport content can be found in
/datain individual files. Use the three-letter airport code as the filename (e.g.
Content in each
id= three-letter code (e.g. phx)
name= airport name (Sky Harbor International Airport)
city= primary city name (Phoenix)
state= state name, if applicable (Arizona)
stateShort= state abbreviation, if applicable (AZ)
country= country name (USA)
description= description, accepts markdown, use * for emphasis on letters
imageCredit= name of photographer
imageCreditLink= URL of photographer's Flickr page
You can also optionally add for aid in searching:
city2= another city or country the airport may be known for
/datawill automatically render it. You do not need to manually add the path anywhere.
If you’d like to save out the image sizes manually, these are the sizes needed:
Add variable to
/assets/globals/image-names.styl. The code must match the airport code. So if an image is named
abq.jpgyou would add
'abq': '',to the
Most site content is written in Pug templates which produce the site HTML.
The Pug files are located in
Note that these aren't markdown files and the syntax and whitespace you use does matter quite a bit. See the Pug documentation to see how to use Pug.
This site uses Stylus for preprocessing. Please follow the established indentation and commenting patterns.
Stylus files are located in
Please use the following loose declaration order:
Because of the Creative Commons licensed images used on this site, any derivatives CAN NOT be for commercial or paid use.