Implementation

Footer

The branding footer should feature the IU trident with links to copyright and accessibility information, as well as a link to the site’s privacy notice.

If your site does not use the IU Web Framework, update your footer’s markup to use the latest footer markup. Then, update your CSS to include the latest footer CSS. The styles required in this case are all of the selectors which include #footer .tagline (such as #footer .tagline.bicentennial), and they can be found within this CSS file. Please note that the second set of styles with these selectors are within a media query.

Updating the privacy link in the footer

The footer branding element also includes a link to the privacy policy for your site. The link defaults to an index page of the root-level ‘privacy’ folder of the site; virtualhostname/privacy/. This link can be modified by using the following javascript code:

var newPrivacyURL = 'http://site.iu.edu/privacy.html';
(oldPrivacyURL = document.getElementById('privacy-policy-link')) ? (oldPrivacyURL.href = newPrivacyURL) : '';

Social media icons and tools

If you currently house social media channels, quick links, or tools in your header or footer, you must find another place for them after installing the new brand assets.

IU Studios has created a solution for sites using a mobile-first framework. We developed a “skirt” area above the footer where these types of links can be housed.

You can see it in action on the IU Bloomington home page.

Examples for sites requiring a local copy of the branding markup

For sites requiring a local copy of the branding markup:

  1. Refer to the asset location section to determine the URLs that are appropriate for your site.
  2. Create local copies of the contents of the asset files.
  3. Copy the source markup and include it in your page as indicated above.