uploaded base version

assets/js/detectmobile.js

@@ -0,0 +1,11 @@
+// set isportrait var
+isportrait = $(window).height() > $(window).width();
+if (isportrait === true) {
+    var desktop = document.getElementById('style_desktop');
+    desktop.disabled = true;
+    desktop.parentNode.removeChild(desktop);
+} else {
+    var sheet = document.getElementById('style_mobile');
+    sheet.disabled = true;
+    sheet.parentNode.removeChild(sheet);
+}

assets/js/opennav.js

@@ -0,0 +1,10 @@
+function openNav() {
+    document.getElementById("nav_mobile_div").style.display = "flex";
+    document.getElementById("mobilenavbtn").style.display = "none";
+
+}
+
+function closeNav() {
+    document.getElementById("nav_mobile_div").style.display = "none";
+    document.getElementById("mobilenavbtn").style.display = "inline";
+}

assets/js/setactive.js

@@ -0,0 +1,2 @@
+currentpage = document.getElementById(activepage);
+currentpage.setAttribute('style', 'color: #0074D9;');

assets/js/setupindex.js

@@ -0,0 +1,18 @@
+//change video source
+video = document.getElementById('video_bg');
+navbar = document.getElementById('mobilenavbar');
+
+navbar.setAttribute('style', 'visibility: hidden; display: none;');
+
+if (isportrait === true) {
+    video.src = "/assets/video/portrait.webm";
+}
+
+if (isportrait === false) {
+    if ($(window).width() > 3840) {
+        video.src = "/assets/video/landscape_8K.webm";
+    }
+    else {
+        video.src = "/assets/video/landscape.webm";
+    }
+}

assets/js/setwidth.js

@@ -0,0 +1,6 @@
+video = document.getElementById('video_bg');
+if (isportrait === true) {
+    video.setAttribute('height', $(window).height());
+} else {
+    video.setAttribute('height', $(window).height());
+}