first commit

src/static/js/sidenav.js

@@ -0,0 +1,14 @@
+let menu_icon_sidenav = document.querySelector(".menu_icon_sidenav");
+let sidenav = document.querySelector(".sidenav");
+
+menu_icon_sidenav.onclick = function () {
+    menu_icon_sidenav.classList.toggle("active");
+    sidenav.classList.toggle("active_sidenav");
+}
+
+document.onclick = function (e) {
+    if (!menu_icon_sidenav.contains(e.target) && !sidenav.contains(e.target)) {
+        menu_icon_sidenav.classList.remove("active");
+        sidenav.classList.remove("active_sidenav");
+    }
+}

src/static/js/slider.js

@@ -0,0 +1,16 @@
+// From https://www.w3schools.com/w3css/w3css_slideshow.asp
+
+var slideIndex = 0;
+carousel();
+
+function carousel() {
+  var i;
+  var x = document.getElementsByClassName("slider");
+  for (i = 0; i < x.length; i++) {
+    x[i].style.display = "none";
+  }
+  slideIndex++;
+  if (slideIndex > x.length) {slideIndex = 1}
+  x[slideIndex-1].style.display = "block";
+  setTimeout(carousel, 5000); // Change image every 2 seconds
+}