🍎🌃 Checkpoint

./for-artists/index.html:69682263/463 ./scripts/top-nav.js:69682263/693
2025-05-24 01:23:19 +00:00
parent b435ad6e8d
commit 42c69cc5e8
2 changed files with 31 additions and 5 deletions
--- a/for-artists/index.html
+++ b/for-artists/index.html
@ -47,11 +47,6 @@
  <body>
    <div class="wrapper">
      <nav role="navigation" id="top-nav">
-        <a class="nav-item" href="/"> home </a>
-        <a class="nav-item" href="/signup"> signup </a>
-        <a class="nav-item" href="/zines"> zines! </a>
-        <a class="nav-item" href="/status"> status </a>
-        <a class="nav-item" href="/learn"> things we learned </a>
      </nav>

 <div id="wip"> <!-- auto-populated by wip.js --> </div>
--- a/scripts/top-nav.js
+++ b/scripts/top-nav.js
@ -0,0 +1,31 @@
+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);
+  }
+}