diff options
Diffstat (limited to 'app/static')
| -rw-r--r-- | app/static/css/style.css | 11 | ||||
| -rw-r--r-- | app/static/js/bulma.js | 13 |
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'); + }); +}) |