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.
| Asset Type | URL |
|---|---|
| Cascading Style Sheet | https://assets.iu.edu/brand/3.3.x/brand.css https://assets.iu.edu/search/3.3.x/search.css |
| JavaScript | https://assets.iu.edu/search/3.3.x/search.js |
| Static HTML elements | https://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; }