From 5e662b856baff0714784a91551ef961cd5214542 Mon Sep 17 00:00:00 2001
From: xengineering <me@xengineering.eu>
Date: Sun, 5 Sep 2021 14:01:13 +0200
Subject: Separate HTML and Javascript

---
 html/template.html | 53 +----------------------------------------------------
 1 file changed, 1 insertion(+), 52 deletions(-)

(limited to 'html/template.html')

diff --git a/html/template.html b/html/template.html
index 080c07d..477539e 100644
--- a/html/template.html
+++ b/html/template.html
@@ -51,58 +51,7 @@ print("This is just some example code!")
 			</a>
 		</main>
 
-		<script>
-			// define menu state
-			const MenuState = {
-				Desktop: "Desktop",
-				MobileCollapsed: "MobileCollapsed",
-				MobileExpanded: "MobileExpanded"
-			}
-			var state;
-
-			// init menu state and add mediaChange handler
-			var isMobile = window.matchMedia("(max-width: 767px)");
-			mediaChange(isMobile);
-			isMobile.addListener(mediaChange)
-
-			function mediaChange(isMobile) {
-				if (isMobile.matches) {
-					state = MenuState.MobileCollapsed;
-					handleState(state);
-				} else {
-					state = MenuState.Desktop;
-					handleState(state);
-				}
-			}
-
-			function toggleMenu() {
-				switch (state) {
-					case MenuState.MobileCollapsed:
-						state = MenuState.MobileExpanded;
-						handleState(state);
-						break;
-					case MenuState.MobileExpanded:
-						state = MenuState.MobileCollapsed;
-						handleState(state);
-						break;
-				}
-			}
-
-			function handleState(state) {
-				console.log("State is now " + state)
-
-				var items = document.getElementsByTagName("a");
-				for(var i=0; i<items.length; i++) {
-					if (items[i].parentNode.tagName == "NAV") {
-						if (state == MenuState.MobileCollapsed) {
-							items[i].style.display = "none";
-						} else {
-							items[i].style.display = "block";
-						}
-					}
-				}
-			}
-		</script>
+		<script src="../js/xengineering.js"></script>
 
 	</body>
 
-- 
cgit v1.2.3-70-g09d2