diff --git a/2025/solstice/index.html b/2025/solstice/index.html index 55acf80..4e1cc2d 100644 --- a/2025/solstice/index.html +++ b/2025/solstice/index.html @@ -15,6 +15,10 @@ + + + + @@ -23,10 +27,7 @@
- + Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme @@ -122,21 +123,6 @@
- + diff --git a/directory/index.html b/directory/index.html index 6d87b15..0170206 100644 --- a/directory/index.html +++ b/directory/index.html @@ -15,6 +15,10 @@ + + + + @@ -24,10 +28,7 @@
- + Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme @@ -46,21 +47,6 @@
- + diff --git a/index.html b/index.html index 2625d94..55bc570 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,10 @@ + + + + @@ -23,9 +27,7 @@
-
- + diff --git a/scripts/nav.js b/scripts/nav.js new file mode 100644 index 0000000..2eb7269 --- /dev/null +++ b/scripts/nav.js @@ -0,0 +1,54 @@ +/* Top nav */ +const navItems = [ + { + href: "/", + name: "↩ back home" + }, + { + href: "/directory/", + name: "🧺 all markets" + } +]; + +const populateNav = function() { + let nav = document.getElementById("top-nav"); + let path = window.location.pathname; + console.log(path); + + for (const item of navItems) { + let a = document.createElement("a"); + a.href = item.href; + a.innerHTML = item.name; + + if (item.href === path) a.id = "current-page"; + + nav.append(a); + } +} + +populateNav(); + +/* Footer */ +const footerHTML = ` +
+

+ Website questions or feedback? + + email Lee + +

+

Market questions? + + email Hawke + +

+
+

brought to you in 2025

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