HTML 5

An excellent description

Icon: 
HTML 5 logo
Color: 
Gray

BYU Hero Banner Component

This is a simple Hero Image Banner Component using the BYU Web Community web component tools.

BYU Assets

A place to share BYU images and icons (not official logos) for use on BYU Websites. You must have permission /copyright to share these files.

BYU Calendar Components

This central repository bundles all the byu calendar components, including the byu-calendar-tile, byu-calendar-row, and byu-calendar component. byu-calendar acts as a wrapper for the other two components.

BYU Calendar Row Component

This componentĀ provides a responsive full-page calendar display type, featuring rows formatted after calendar.byu.edu. It is utilized by the Drupal Calendar Module and the Calendar Widget Javascript.

BYU Calendar Tile Component

This component provides vertical and horizontal tiles for calendar displays. ItĀ is utilized by the Drupal Calendar Module and Calendar Widget Javascript.

BYU Theme Style Helpers

Pure CSS for additional styling to BYU themed pages.

BYU Feature Card Component

This web component creates a BYU Feature Card style. It is used on landing pages and can be used in Views by use of the Views Card D7 module.

BYU Card Component

This web component creates a BYU Card style. It is used on landing pages and can be used in Views by use of the Views Card D7 module.

Calendar Widget Javascript

The Calendar Widget provides the ability to generate and display blocks (lists or displays) of calendar events on your own site. We have made it easy for you to connect to the Calendar site and display certain events in the format that best fits your needs. Students can then see and subscribe to those events as they come to your page.

HTML 5

How components are implemented is far more visible when you're developing sites in HTML, but it's still very easy to use. The Components Demo page offers basic code snippets and visual examples of all the component options. The CSS and Javascript is already included using the BYU Brand standards - it just needs your site's information.