Affiliate Template

Old Version

This documentation is for version Framework 4.1. When developing new sites, please refer to 5.0 Framework Documentation.

Skill Level: 
Intermediate
The shared code files to override university-specific framework styles for affiliate organizations can be found at in the WDN files on GitHub

Institution Title

The institution title (‘University of Nebraska–Lincoln’) should either be removed by using display: none; in the site’s CSS, or modified to note or further clarify the affiliation.

#wdn_institution_title:before {
    content: 'An Affiliate of the ';
}

Identity Management

If visitors to the affiliate organization’s site have no need to log in to the University of Nebraska–Lincoln (UNL), or if the affiliate has its own identity management, the login may be removed in the site’s CSS:

#wdn_identity_management {
    display: none;
}

Search

The search may need to be customized to return results relevant to the affiliate organization, not UNL.

Logo

The Nebraska ‘N’ logo should be replaced with the logo file of the affiliate organization or, if the organization has no logo, removed in the site’s CSS:

#logo {
    display: none;
}

Site Title

Some organizations, like Buros Center for Testing, have logos that prominently feature their name. Repeating the organization’s name in the site title would be awkward and redundant, but don’t use display: none; to hide the site title. Instead, use the following CSS to visually hide the site title while keeping it present for screen readers (accessibility) and SEO:

#main-page #pagetitle h1 {
  font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute!important;
  border: 0!important;
  padding: 0!important;
  margin: 0!important;
  clip: rect(1px,1px,1px,1px);
}

Breadcrumbs

Breadcrumbs may be removed for sites with few pages (e.g. Unmanned Aircraft System & Severe Storms Research Group (USSRG).

Navigation

Navigation colors may be changed to match the affiliate’s visual identity.

Local Footer

The background image of the local footer may be replaced with an image that corresponds with the affiliate’s visual identity.

Global Footer

The global footer may not be altered, but may be hidden.

Contributed By: 
IIM