Footer content

The footer JSON file contains the necessary data to create a brand compliant footer within a custom-coded website. It can be used to populate the standardized areas of the official campus footer design.

The file can be found at:

https://cdn.brand.illinois.edu/data/footer.json

Code examples

This asynchronous function loads the JSON file from the brand CDN and returns the footer data as a JavaScript object.

async function getFooterData() {
  const response = await fetch('https://cdn.brand.illinois.edu/data/footer.json');
  return await response.json();
}

The footer contains data for three sections of links, each with a heading. This data can be used to create the footer content.

const container = document.getElementById('container-for-footer-links');
const footer = await getFooterData();
for (const section of footer.illinois.sections) {
  const h3 = document.createElement('h3');
  h3.innerText = section.label;
  container.appendChild(h3);
  const ul = document.createElement('ul');
  for (const link of section.links) {
    const li = document.createElement('li');
    const a = document.createElement('a');
    a.innerText = link.label;
    a.href = link.href;
    li.appendChild(a);
    ul.appendChild(li);
  }
  container.appendChild(ul);
}