https://lakeshorearts.ca/wp-content/themes/norebro-child/src/js/footer.js

1document.addEventListener("DOMContentLoaded", () =>  {  
2  
3  let footer = document.querySelector('#colophon')
4  let div = document.createElement("div")
5  let unorder = document.createElement("ul")
6  
7  footer.appendChild(div).classList.add("funders")
8
9  let fundersDiv = document.querySelector(".funders")
10  fundersDiv.appendChild(unorder).classList.add("funders-list")
11
12  let list = document.querySelector(".funders-list")
13
14  let funderImages = [
15    'http://lakeshorearts.ca/wp-content/uploads/2014/10/City-of-Toronto.png',
16    'http://lakeshorearts.ca/wp-content/uploads/2014/10/Trillium-Foundation.png',
17    'http://lakeshorearts.ca/wp-content/uploads/2014/10/OAC.png'
18  ]
19  for (let [index, funder] of funderImages.entries()) {
20    let item = document.createElement("li")
21    list.appendChild(item).classList.add(`funder-${index}`)
22    let listItem = document.querySelector(`.funder-${index}`)
23    listItem.innerHTML = `<img src="${funder}">`
24    let funderImage = listItem.querySelector('img')
25    funderImage.classList.add("funder-image")
26  }
27
28})
29