/outdoors

This project was developed using CSS Grid and Flexbox with 11ty and Nunjucks. About a 1700km bikepacking ultra endurance race.

Primary LanguageNunjucks

Outdoors Website

This project was developed using CSS Grid and Flexbox to work at 1920x1080 resolution. It is developed with 11ty and Nunjucks.

Features

  • Journal entries of the race
  • Gear list with items used in the race
  • Route information
  • Flexbox gallery
  • Back to top button for easy navigation
  • Hero image with cyclist to create a sense of adventure
  • Gill Sans font was used to create a strong association with cycling and adventure due to its use in vintage posters promoting outdoor activities, such as cycling, hiking, and travel.

Build Steps

  1. Clone the repository
  2. Navigate to the project directory
  3. Run npm install to install dependencies
  4. Run eleventy --serve to launch the website locally
  5. Open the website in a browser at http://localhost:8080/