Fix navbar burger and some other stuff

2 files changed, 21 insertions, 3 deletions

diff --git a/app/static/css/style.css b/app/static/css/style.css
index 4715c0d..574120a 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -4,15 +4,20 @@
 		rgba(0, 0, 0, 0.7)
 	), url('/static/img/index.jpg') no-repeat center center fixed;
 
-	/* background: url('/static/img/index.jpg') no-repeat center center fixed; */
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
 }
 
+/* pretty colors */
+@media screen and (max-width: 1023px) {
+	.navbar-menu {
+		background: linear-gradient(to right, #55F, #95F);
+	}
+}
 .welcome {
 	background: linear-gradient(to right, #55F, #95F);
-    margin-bottom: 16px;
-    border-radius: 6px;
+	margin-bottom: 16px;
+	border-radius: 6px;
 }
diff --git a/app/static/js/bulma.js b/app/static/js/bulma.js
index 49b9b93..66ccd0c 100644
--- a/app/static/js/bulma.js
+++ b/app/static/js/bulma.js
@@ -40,3 +40,16 @@ document.addEventListener('keydown', (event) => {
 		closeAllModals();
 	}
 });
+
+// Navbar burger
+Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0).forEach(el => {
+	el.addEventListener('click', () => {
+		// Get the target from the "data-target" attribute
+		const target = el.dataset.target;
+		const $target = document.getElementById(target);
+
+		// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+		el.classList.toggle('is-active');
+		$target.classList.toggle('is-active');
+	});
+})