Homepage

The hero slideshow at the top of the page can contain images/videos. 

Create a Gallery

1. Create a Gallery of Images
2. Add Image/Video
3. Add overlay title to the title field. 
4. Add overlay button to the description field. Button style - '2022_button-default'
5. Save

Once a homepage gallery has been created, images can be added, deleted or rearranged as needed.

Connect Homepage Element to Gallery

1. Go to the resource element at the top of the homepage
2. Click into the settings
3. Click browse to select the desired gallery

Once the element is pointing to a gallery, the slideshow can be maintained and updated directly from the gallery. 

Homepage video specs

1. desktop is 1440 x 900
2. mobile is 320 x 530

For a homepage hero video, it should have a 16:9 aspect ratio, at least 1080p, no larger than 50MB in file size, and not more than 30 seconds in length.

This panel is made up of a content element.

1. Hover over the content element and click on the ‘Settings’ cog.
2. Expand the design tab in the ‘Edit Content Element Settings’ window. 
3. Update the title in header content area. Select bold for red text.
4. Save
5. Hover over content element and select Edit Content
6. Modify text.
7. Save updates

This panel is made up of 4 resource elements.

1. Hover over the Resource element and click on the ‘Settings’ cog.
2. Update the title in title field.
3. Click on the ‘Browse’ button within the ‘Single’ tab in the ‘Edit Resource Element Settings’ window.
4. Choose or upload a new photo in Resources.
5. Open the ‘Image’ section inside the ‘Edit Resource Element Settings’ window.
6. Select on the ‘Custom’ tab and edit text in the content editor provided. Button style - '2022_button-white'
7. Open the ‘Link to section inside the ‘Edit Resource Element Settings’ window.
8. Link the image to destination
9. Save the element settings and publish the page.

Dwight Facts and Figures panel is consist of 3 areas.

• Two Column layout- for background image and button
• 1 Content element - for title and text
• 8 Content elements - for infographics

To change background image and more facts button

1. Hover over the Two Column Layout and click on the ‘Settings’ cog.
2. Expand the design tab in the ‘Edit Two Column Layout Element Settings’ window. 
3. Browse to source new image.
4. Update the link in footer content area. Button style - '2022_button-white'
5. Click Save

To edit title and text

1. Hover over the content element and click on the ‘Settings’ cog.
2. Change the title in title field.
3. Save
4. Hover over content element and select Edit Content
5. Modify text.
6. Save updates

To edit infographics

1. Hover over the Content element and click on the ‘Settings’ cog.
2. Expand the design tab in the ‘Edit Content Element Settings’ window. 
3. In the custom class enter hp-infographic followed by name of icon, for example hp-infographic book. 
4. Replace the numerical statistic in header content area
5. Update the text in footer content area
6. Click Save.

Find the icon library here.

The divisions panel is made up of 5 separate components.

• Container - for title
• Post element - for latest news
• 2 Column layout element - for calendar button
• 1 Calendar element - for upcoming events
• 1 Calendar element - for featured event

To update the title

1. Hover over the Container and click on the ‘Settings’ cog.
2. Update the title in title field.
3. Click Save.

To change news stories

1. Hover on the Posts and click on 'Settings' cog.
2. Expand the Content Filters panel.
3. Click on Select Board and select the board/boards that need to display.
4. Expand the +Design and Update the View All  link from footer content. Button style - '2022_button-dark-blue'
5. Click Save. 

To add a news article.

1. Click on the 'Modules' icon to the left of Composer and select 'Posts'.
2. Click on ‘Boards’ and select the desired folder
3. Select the board representing the category the new article will belong to and click on the ‘New Post’ button at the top right of the interface.
4. Add the title of the article to the Post title field.
5. Add the article content to the ‘Body Content’ content editor.
6. Add the article date to the ‘Start’ field at the top right.
7. Open the ‘Summary’ panel and click into the content editor.
8. Type in a single short paragraph introducing the article (up to 20 words). 
9. Open the ‘Category & Tags’ panel.
10. Add or select the tags you wish to apply to the article.
11. Open the ‘Thumbnail & Resources’ panel.
12. Click on the ‘Browse’ button and choose or upload a new photo in Resources.
13. Save and publish the article.

To update calendar button

1. Hover over the Container and click on the ‘Settings’ cog.
2. Expand the design tab in the ‘Edit Container Element Settings’ window. 
3. Update the button in footer content area. Button style - '2022_button-dark-blue'
4. Click Save.

To change calendar source

1. Click into the element settings
2. Expand the +General Settings from Edit Calendar Element Settings
3. Select the desired calendars
4. Click Save.

To change featured event calendar source, overlay text and background image

1. Click into the element settings
2. Expand the +General Settings from Edit Calendar Element Settings
3. Select the desired calendars
4. Expand the +Design tab
5. Edit text from header content.
6. Change the image from footer content.
7. Click Save.

This panel is made up of a content element.

1. Hover over the content element and click on the ‘Settings’ cog.
2. Change the title in title field.
3. Expand the design tab in the ‘Edit Content Element Settings’ window. 
4. Browse to source new image.
5. Update the text in header content area
6. Update the link in footer content area. Button style - '2022_button-white'
7. Save