function ready(cb) {
  document.addEventListener("DOMContentLoaded", cb);
}

const linkList = [
  {
    url: "index.html",
    text: "Home"
  },
  {
    url: "https://www.twitter.com/rodasdev",
    text: "Twitter"
  },
  {
    url: "https://www.linkedin.com/in/guillermorodas",
    text: "LinkedIn"
  },
  {
    url: "https://github.com/glrodasz",
    text: "GitHub"
  }
];

function createList() {
  // Creamos una elemento tipo lista no-ordenada
  const unorderedList = document.createElement("ul");
  // Seleccionamos nuestro template
  const listItemTemplate = document.getElementById("list-item");

  // Iteramos nuestra lista de links
  linkList.forEach((link) => {
    // Clonamos el template

    const listItemClone = listItemTemplate.content.cloneNode(true)   
    const linkElement = listItemClone.querySelector('a')
    
    linkElement.textContent = link.text;
    linkElement.href = link.url;
    
    unorderedList.appendChild(listItemClone);
  });

  return unorderedList;
}

function renderFooter() {
  // Creamos la lista no-ordenada
  const list = createList();
  // Seleccionamos el footer
  const footer = document.querySelector("footer");
  // Agregamos nuestra lista no-ordenada al footer
  footer.appendChild(list);
}

// Cuando nuestro contenido este listo pintamos el footer
ready(renderFooter);