Note

Breakpoints

Breakpoints and picture modules are used to generate tags for image fields. The UI KIT breakpoints are added in the .info file for breakpoints module to find.

Tokens

Since Media module failed to generate the token for image files (or we can try again later), the simplest way for site builder to create inline image in blocks or node body area is to use FULL HTML format and have the token in the image path:

    <img src="[theme-path]/images/gmym/example.png">
    <img src="/sites/all/themes/healthgovau-theme/images/gmym/example.png">

Google tag manager

The javascript for google tag manager is added inline via drupal_add_js() in templates.php healthgovau_preprocess_html() function, it would be nice to have them in separate file and pass the variables into the JS from the same function.

Special fields

Transcript field

Template for this field is overridden according to the accordion layout in the UI KIT

Video promoted thumbnail field

Template for this field is overridden using specific template to include Youtube style play button. Javascript is added in this field to embed video inline.

Video thumbnail field

Template for this field includes an overlay div. Overlay will appear when mouseover the image field.

Quote field

Template for this field is using the quote layout in the UI KIT.