Cause Page
Last updated
Last updated
Displays a collection of (optional) stats, campaigns and article content revolving around a particular cause space (e.g. education).
📸 .
Internal Title: This is for our internal Contentful organization and will be how the block shows up in search results, etc. (does not display to the user on the page).
Slug: The URL slug, which we prefix with /causes/. e.g. dosomething.org/causes/environment. This must be a on Rogue since we use this value to query campaign content via Rogue.
Cover Image: Displays as the background image of the banner at the top of the page.
Supertitle: Shows up atop the title in the banner (can be used as a nice prefix to the title) e.g. "Let's do something about the".
Title: Displays right under the Supertitle. This is the title of the page. e.g. "Environment".
Description: The Rich Text description (information/introduction) for this cause page. Displays in the banner below the title.
Content: The Rich Text content of the page. This can be content in markdown format, embedded Assets, or valid embedded entry blocks (preferabely Gallery Blocks).
Additional Content (optional): Supports displaying a triad gallery of 'Stats' under the Description in the Cause Page banner. Stats are rendered in a triad gallery of . There should be at least three Stats. The properties necessary for the FactCards are required in an array of stats, along with a statsBackgroundColor to be assigned their backgroundColor CSS property. Example:
The cause page will automatically pull open, website campaigns from Rogue associated with this cause space (via the campaign's cause field), ordered by start date.
The Cause Page is available as a CausePage in GraphQL.
It'll display a paginated gallery of these campaigns atop the content section. (Using the utility).
