About

This is a boilerplate Astro website for presenting spatial narratives. It is built with Astro, Tailwind CSS, and MapLibre GL JS. It is designed to be a starting point for creating a website that tells a story with maps.

The pages/inline_maps.mdx page (available at /inline_maps) demonstrates how to create a page with interactive mapstyle that is embedded directly in the page, interspersed with text and images.

The pages/inline_maps_yaml.mdx page (available at /inline_maps_yaml)demonstrates how to create the same page type as above but by using yaml based syntax which is written and edited in the pages/_inline_map_components.yaml file.

The `full_page_map.mdx` page (available at /full_page_maps) demonstrates how to create a full page map.

The scrollytelling.mdx page (available at /scrollytelling) and pages/_scrollytelling_steps.yaml file demonstrate how to create a scrollytelling narrative website.

The pages/full_page_map.mdx page (available at /full_page_maps) demonstrates how to create a full page map and toggle layers on and off.

For all types of websites, you can use this mapbox website to help you position your map.