diff --git a/scripts/top-nav.js b/scripts/top-nav.js
new file mode 100644
index 0000000..7d12cfc
--- /dev/null
+++ 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);
+ }
+}
\ No newline at end of file