Back to top

Here's the complete Zen Theme Style Guide. This dynamic guide is created/updated during site compilation.

Two special site content types, "Site Media" and "Call Out Text",  have theme/CSS override fields. These CSS fields give content authors a granular control of content flow across specific screen targets. Layout can be customized for Desktop, Tablet and Phone.

Here's the complete Zen Theme Style Guide. This dynamic guide is created/updated during site compilation.

Two special site content types, "Site Media" and "Call Out Text",  have theme/CSS override fields. These CSS fields give content authors a granular control of content flow across specific screen targets. Layout can be customized for Desktop, Tablet and Phone.

Here's the complete Zen Theme Style Guide. This dynamic guide is created/updated during site compilation.

Two special site content types, "Site Media" and "Call Out Text",  have theme/CSS override fields. These CSS fields give content authors a granular control of content flow across specific screen targets. Layout can be customized for Desktop, Tablet and Phone.

HTML5 PICTURE TAG

HTML5 < Picture > tags are dynamically generated and setup to call Media Image Preset sizes. Image Presets are created during the file upload process.

Image file paths are swapped based on the visitor's screen width. This allows much smaller images to be served to mobile devices, as opposed to Deskptop visitors who receive larger file copies.

HTML5 PICTURE TAG

HTML5 < Picture > tags are dynamically generated and setup to call Media Image Preset sizes. Image Presets are created during the file upload process.

Image file paths are swapped based on the visitor's screen width. This allows much smaller images to be served to mobile devices, as opposed to Deskptop visitors who receive larger file copies.

HTML5 PICTURE TAG

HTML5 < Picture > tags are dynamically generated and setup to call Media Image Preset sizes. Image Presets are created during the file upload process.

Image file paths are swapped based on the visitor's screen width. This allows much smaller images to be served to mobile devices, as opposed to Deskptop visitors who receive larger file copies.


Dynamic Content
Flexible Layout - Dynamic Design


Dynamic Event Dates are displayed for the next 10 events, with links to a full Event calendars. Content can be filtered for different Group/Department display with tagging.

Dynamic Announcements are displayed is based on a "Publishing Date Range". A drag-and-drop sort function is also available to help manage display.

Dynamic Site Media allows for page displays to be easily created and editied. Complex page layouts are achives by setting target widths on a per-item basis.
 


Dynamic Content
Flexible Layout - Dynamic Design


Dynamic Event Dates are displayed for the next 10 events, with links to a full Event calendars. Content can be filtered for different Group/Department display with tagging.

Dynamic Announcements are displayed is based on a "Publishing Date Range". A drag-and-drop sort function is also available to help manage display.

Dynamic Site Media allows for page displays to be easily created and editied. Complex page layouts are achives by setting target widths on a per-item basis.
 


Dynamic Content
Flexible Layout - Dynamic Design


Dynamic Event Dates are displayed for the next 10 events, with links to a full Event calendars. Content can be filtered for different Group/Department display with tagging.

Dynamic Announcements are displayed is based on a "Publishing Date Range". A drag-and-drop sort function is also available to help manage display.

Dynamic Site Media allows for page displays to be easily created and editied. Complex page layouts are achives by setting target widths on a per-item basis.