julienmonnerie/public/assets/js/app.js

// ----------------------------------------------------------------------------
// DATA
// ----------------------------------------------------------------------------

// SIDEBAR ANIMATION

const sidebar = document.querySelector('.sidebar');
const sidebarNav = document.querySelector('.sidebar__nav');
const sidebarNavLinks = sidebarNav.querySelectorAll('.sidebar__nav-link--internal');

// ----------------------------------------------------------------------------
// UTILS
// ----------------------------------------------------------------------------

// Convert rem to pixels by getting font-size CSS property
function convertRemToPixels(rem) {
	let fontSize = parseFloat(window.getComputedStyle(document.body).getPropertyValue('font-size'));
	return rem * fontSize;
}

// ----------------------------------------------------------------------------
// LOGIC
// ----------------------------------------------------------------------------

// SIDEBAR ANIMATION

function slimDownSidebar() {
	if (sidebar) {
		sidebar.classList.add('sidebar--slimmed');
	}
}

function slimDownSidebarOnClick() {
	if (sidebarNavLinks.length > 0) {
		for (let i = 0; i < sidebarNavLinks.length; i++) {
			sidebarNavLinks[i].addEventListener('click', slimDownSidebar);
		}
	}
}

// ----------------------------------------------------------------------------
// PROGRAM
// ----------------------------------------------------------------------------

// Enable CSS :active pseudo-class in Safari Mobile
document.addEventListener("touchstart", function() {},false);

// SIDEBAR ANIMATION

slimDownSidebarOnClick();