fedizinefest/scripts/populate.js

/* populate WIP banner */
let wipHTML = `
<p>This site is a <b>work in progress</b>. If you experience issues, please try waiting a minute and reloading before reaching out.</p>
`

function populateWip() {
  let wip = document.createElement("div");
  wip.innerHTML = wipHTML;
  wip.className = "wip";
  
  let main = document.getElementById("main");
  let mainParent = main.parentNode;
  
  mainParent.insertBefore(wip, main);
}

/* populate footer */

let footerHTML = `
  <p>Created by <a href="https://leecat.art">Lee Cattarin</a> with help from:</p>
  <ul>
    <li><a href="https://flipping.rocks/@mycrowgirl">Lisa</a> (color palette)</li>
  </ul>
  <p>Site feedback? Questions? <a href="mailto:lee.cattarin@gmail.com?subject=fediZineFest">Reach out to Lee</a></p>
  `

function populateFooter() {
  let footer = document.getElementById("footer");
  footer.innerHTML = footerHTML;
}

populateFooter();