let navItems = [
  {
    "href": "/",
    "title": "home"
  },
  {
    "href": "/signup",
    "title": "signup"
  },
  {
    "href": "/status",
    "title": "status"
  },
  {
    "href": "/zines",
    "title": "zines!"
  },
]

function populateNav() {
  let nav = document.getElementById("top-nav");
  
  for (let i = 0; i < navItems.length; i++) {
    let a = document.createElement("a");
    a.classList.add("nav-item");
    a.href = navItems[i].href;
    a.innerHtml = " " + navItems[i].title + " "
    
    nav.append(a);
  }
}