bunch of stuff, idk, just throwing things at the wall

_includes/head.njk

@@ -35,8 +35,7 @@
 	<style>{% include "css/nav.css" %}</style>
 	<style>{% getBundle "css" %}</style>
 
-  {#
 	<!-- JS -->
+	<script>{% include "js/dropdown.js" %}</script>
 	<script type="module">{% getBundle "js" %}</script>
-	#}
 </head>

_includes/header.njk

@@ -1,5 +1,31 @@
 <header>
 	<nav>
-  	{{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }}
+	  <ul>
+  	  {% for entry in collections.all | eleventyNavigation %}
+        {% if not entry.children.length %}
+          <li>
+            <a href="{{ entry.url }}" {% if page.url == entry.url %}aria-current="page"{% endif %}>
+              {{ entry.title }}
+            </a>
+          </li>
+        {% else %}
+          <li class="dropdown">
+            <label for="dropdown-{{ entry.title | slugify }}">
+              {{ entry.title }}
+              <input type="checkbox" id="dropdown-{{ entry.title | slugify }}">
+            </label>
+            <ul>
+       			  {% for child in entry.children %}
+                <li>
+                  <a href="{{ child.url }}" {% if page.url == entry.url %}aria-current="page"{% endif %}>
+                    {{ child.title }}
+                  </a>
+                </li>
+          		{% endfor %}
+            </ul>
+          </li>
+  			{% endif %}
+  		{% endfor %}
+		<ul>
 	</nav>
 </header>