Example YAML Page
example page driven by YAML content.
This page is driven by YAML data in edit/data/example_page.yml and rendered by _pages/example-yaml.md.
Section Title + Body
Use title for the section heading and body for text. The body supports Markdown, so you can include emphasis, lists, and inline code.
To make the title a link, set title_link in YAML. The hover color is controlled by the theme CSS (matching the Service page style), which uses the theme link color on hover.
Hyperlinks
Add links as an array and render them as a list.
Images (Zoom Enabled)
These images use zoom: true so they open with the zoom effect.
This is an example sentence between images to show spacing and flow.
Images (No Zoom)
These images omit zoom, so they stay static.
Another paragraph between photos to demonstrate layout behavior.
Image Locations + Paths
Store image files in assets/img/. Reference them in YAML as /assets/img/your-file.jpg.
Image Sizes (Fixed, Max-Width, Percentage)
You can control image size with width, height, or max_width. These examples show fixed pixel sizes and a max width constraint.
Text Wrap (Left / Right / Center)
These examples show how to wrap text around images by floating them left or right. Centered images do not wrap; they sit above the text.
This text wraps around the image floated to the left. Use wrap: left and a fixed width to control the layout.
This text wraps around the image floated to the right. Use wrap: right and a fixed width to control the layout.
Centered images do not wrap text. Use wrap: center to keep the image centered with the text below it.
Left-Aligned Section Title
This section uses the icl-section-title class (same as the Mission Statement page). Set title_class: icl-section-title in YAML to get a left-aligned title with an underline.
Left-Aligned Title (No Underline)
Use title_class: section-title-no-line to keep the title left-aligned without the underline, while still using theme text colors.