redirect-circles

layout:redirect-circles

This basic content layout can be activated by applying the tag layout:redirect-circles to a published basic subpage.

If a headline or content is provided - it will be displayed before the circles.

The circles are generated by looping through the basic subpage's child pages - which will also be basic subpages. The cards will be displayed in a 3-column grid on desktop, and responsively shrink down to a single card wide, stacked on mobile. On desktop, the 2nd column items have some extra padding to break the "grid" layout up a bit.

For each nested basic subpage - If there is an attached image, it will be used as the circle image. The headline will be the headline title, and the content will be the description text. Then a "Learn more >" link text will appear beneath.

For each of these child basic subpages that render the circle item - there should also be a redirect page nested underneath it - this is where you can set the link for the circle item - internal or external.