Documentation

This documentation is bundled with your site and matches the version of Xanthan code you’re running. For the latest updates, visit xanthan-web.github.io/xanthan.

Getting Started

From zero to a live site in 15 minutes. Choose a template, create your repository, make your first edit.

• Add an Image

• Choose a Template

• Make Your First Edit

• Sites Built with Xanthan

Editing

Make it yours. Pages, typography, images, colors, navigation, and StoryMaps-style ScrollStories.

• Colors & Fonts

• Embedding Media

• Images

• Navigation

• Previewing Locally

• Search

• Themes

• Typography

• Using Tags

StoryMaps-style pages

ScrollStories are Xanthan’s way to build familiar StoryMaps-style narratives with files you can edit by hand and ask AI to help revise.

• StoryMaps-Style Pages with ScrollStories
• Background Scroll Boxes
• Background Switching
• Side-Scrolling Text

Reference

Look things up. Site structure, component library, front matter, ScrollStory techniques, and troubleshooting.

• Component Library

• Pages & Front Matter

• Site Structure

• Troubleshooting

Using AI

Use AI inside a structure that keeps your site understandable, editable, and teachable.

• Building with AI

• Your First AI Edit