Notes on editing inside the 160 Cascade template
- Folders:
- The images, video and docs folders included with the site contain examples of content. Feel free to clean out, add or move around their contents.
- You will find named examples of images for each module inside the images directory.
- The _cascade, css, favicons, js and svg folders are off limits
- The _shared-content folder contains examples of the kind of modules that will allow you to share content between pages. So if you are building any of these modules for one page and know that you will be using the same info on another page you can do that.
- The images, video and docs folders included with the site contain examples of content. Feel free to clean out, add or move around their contents.
- Page Types
- Page - All full-width modules and Hero options available except for the "program overview" and those shared areas marked "interior"
- Interior page - Hero Tertiary only, left-hand interior navigation with 3/4 width page body with the following limited body options (see below). Full width area at bottom of page for shared content blocks including Collection News and Contact Card.
- Program page - Same as "Page" but with the Program overview section under the hero. All hero options are available
- Building Shared content blocks: From your "add content" button look inside the "Shared Blocks" folder you will see asset builders. The following modules allow for shared content:
- card contact
- collection links
- card image
- form context
- interior collected news
- interior side navigation
- program page intro contact
- Character Lengths and formatting
- Headings are limited to 60
- Kickers are limited to 50
- Call to action buttons (CTAs) are limited to 25
- All other areas (other than wysiwyg and your tabs/accordion modules) will usually have no mechanical restriction, but will have character lengths recommended by the designers.These recommendations are inside the edit regions for those areas. I've included some of those less obvious recommendations in the module examples.
- Not all WYSIWYG sections in the edit area are truly able to be formatted. Only the WYSIWYG area and the panels in your tabs/accordion will recognize formatting you have added.
Links to examples of module types
Hero Modules
- Home hero 1
- Home hero 2
- Primary hero
- Secondary hero
- Tertiary hero (modeled on this page)
Landing Page Body Modules
- Accordion Mega
- Card Image (must have 3 images)
- Card Contact
- Card Text (works best with multiples of 2)
- Carousel Primary
- Six images minimum
- Carousel Quote
- Choice of background image on each item or torch on all, 60 character per quote. no formatting.
- Collection Figures
- Choice of "dark" (blue) or "light" (white) backgrounds
- Collection Links
- Three links, white/gold
- Collection Images
- Must have 5 images
- Collection News
- Up to five items, image associated with first story
- Context Image
- (Choices: align right left; colors gold square or white with circle mask)
- Countdown Clock
- Feature Image
- Feature Text
- Choice of brown or gold background
- Feature Video
- requires looping background vid and link to external video to load in modal
- Form Area
- Form Context
- left/right
- Instagram (five images you manually load)
- Tabs Accordion
- These are the tabs you requested!
- Tab Group
- WYSIWYG (This is a WYSIWYG section)
Program Pages Specific Modules
Program pages can have all the same modules as your regular landing pages with the addition of:
- Program Overview
- Feature List (choose personality type and list aspects of program)