Mobile nav

templates/base.html

@@ -15,6 +15,12 @@
 			<ul>
 				{{ macros::nav_items() }}
 			</ul>
+			<div id="mobile-nav-button"></div>
+		</div>
+		<div class="mobile-nav">
+			<ul>
+				{{ macros::nav_items() }}
+			</ul>
 		</div>
 	</nav>
 
@@ -27,6 +33,11 @@
 
 	{% block script %}
 	{% endblock %}
+	<script>
+		document.querySelector("#mobile-nav-button").addEventListener("click", function() {
+			document.body.classList.toggle("mobile-nav-open");
+		});
+	</script>
 </body>
 </html>