nicolo/fara-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

'itinerario.html' - First draft

Browse Source
This commit is contained in:
Nicolò P
2021-08-04 16:46:08 +02:00
parent 499138614e
commit edf4104356
14 changed files with 397 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
js/ui.js
View File

@@ -39,7 +39,7 @@ if (homeRE.test(window.location.href)) {
* Apply active class to selected link...
* @todo Inefficient!!
*/
window.addEventListener('load', () => {
window.addEventListener('focus', () => {
let navlinks = Array.from(document.querySelectorAll('#links a'));
navlinks.forEach(element => {
@@ -57,25 +57,25 @@ window.addEventListener('load', () => {
* Activate background on scroll for nav only
* if not small screen
*/
if (window.innerWidth >= 600) {
window.addEventListener('scroll', event => {
let nav = document.querySelector('#nav');
let links = document.querySelector('#links');
if (window.pageYOffset !== 0) {
nav.classList.add('bg-white', 'border');
nav.classList.remove('text-gray');
links.classList.add('nav-dark');
links.classList.remove('nav-light');
}
else {
window.addEventListener('scroll', event => {
let nav = document.querySelector('#nav');
let links = document.querySelector('#links');
if (window.pageYOffset !== 0) {
nav.classList.add('bg-white', 'border');
nav.classList.remove('text-gray');
links.classList.add('nav-dark');
links.classList.remove('nav-light');
}
else {
if (!document.querySelector('header').classList.contains('itin')) {
nav.classList.add('text-gray');
nav.classList.remove('bg-white', 'border');
links.classList.add('nav-light');
links.classList.remove('nav-dark');
links.classList.add('nav-light');
}
});
}
nav.classList.remove('bg-white', 'border');
}
});
window.addEventListener('load', () => {
/**
@@ -84,14 +84,15 @@ window.addEventListener('load', () => {
let menu = document.querySelector('i');
menu.addEventListener('click', () => {
document.querySelector('.h-nav').classList.remove('d-hide');
document.querySelector('.side-nav').classList.remove('d-hide');
document.querySelector('.side-nav').classList.remove('slide-out');
document.querySelector('body').classList.add('opaque');
});
let close = document.querySelector('#close-nav');
close.addEventListener('click', () => {
document.querySelector('.h-nav').classList.add('d-hide');
document.querySelector('.side-nav').classList.add('d-hide');
document.querySelector('body').classList.remove('opaque');
})
})