Hero Source-Landing

Contents

Requirements

  • Component is only available on Source landing pages (Source, Topics, CE Magazine, etc.)

  • Admins may choose to feature a Source detail page in the hero. When done, the page title will be referenced and displayed.

  • Admins may select a topic from the taxonomy to populate the eyebrow. Eyebrow will NOT be clickable. Eyebrow will be the first topic from the referenced featured item. Logic: Discipline topic, if present. Otherwise use Thematic topic.

  • If admins do not want to feature an item in the hero, the title can be manually populated.

  • Hovering over a the title of the featured detail page will trigger a hover state to indicate clickable content. Clicking will take a user to the page specified by an admin in the CMS.

  • If provided with the image, the image credit will display on the bottom right of the component.

  • On mobile, the image orientation will be less horizontally oriented than on desktop.

CMS Fields

Field Label

Field Type

Required?

Notes

Field Label

Field Type

Required?

Notes

1

Title

single-line text

yes

unless a feature is chosen, if filled in and a feature is chosen, this field will override the featured page title.

2

Feature item

treelist

no

populated title

3

Eyebrow

select

no

from taxonomy

4

Image

image select

yes

1800px x 558px

https://styleguide.asce.org/section-components.html#asgref-components-source-hero