Asset Location

IU branding assets are centrally hosted and are available through specific URLs. The URLs needed to brand your website depend on your campus and your version of HTML.

The branding assets are categorized broadly into two groups.

 

HTML sites

These assets support sites that are written using HTML5 syntax specifications. You will need to include six URLs to appropriately brand your content. In the header URL below, "*" represents the campus value for your site.

Branding assets for HTML5 sites
Asset TypeURL
Cascading Style Sheethttps://assets.iu.edu/brand/3.3.x/brand.css 
https://assets.iu.edu/search/3.3.x/search.css
JavaScripthttps://assets.iu.edu/search/3.3.x/search.js
Static HTML elementshttps://assets.iu.edu/brand/3.3.x/header-*.html 
https://assets.iu.edu/brand/3.3.x/footer.html
https://assets.iu.edu/search/3.3.x/search.html

Versioning of the assets

The assets are versioned following the convention of major.minor version depending upon the bug fixes or improvements. To avoid confusion related to the usage of the latest versions, IU Studios defines URLs numbered as ‘major version.x’. The version is symbolically linked to the latest version on the server.

Site widths

The branding header and footer elements are set to 1020 pixels.

If you have a site that is less that is of a different width, you can still use the header and footer elements. They will just be a little narrower or wider than your content.

If you need to match the width of your site, you can add the following CSS rules within your site’s CSS. (Be sure to update with the correct value.)

#branding-bar-v1 .wrapper,
#footer-v1 .wrapper { max-width: 965px !important; }