"use strict"; var verticalUnit = getUnit("--unit--vertical"); function getUnit(id) { var remFactor = 16; var rawUnit = getComputedStyle(document.documentElement).getPropertyValue(id) || "1.7rem"; var remUnit = parseFloat(rawUnit); var pxUnit = remUnit * remFactor; return pxUnit; } function throttle(callback, limit) { var waiting = false; return function () { if (!waiting) { callback.apply(this, arguments); waiting = true; setTimeout(function () { waiting = false; }, limit); } }; } function setWindowHeightFactor() { var windowHeight = window.innerHeight; var min = 650; var delta = windowHeight - min; var factor = roundToNearestHalf(delta / 300) + 1; document.querySelector(":root").style.setProperty("--window-height-factor", factor); } function roundToNearestHalf(num) { var round = Math.round(num * 2) / 2; return Math.max(round, 0); } function toggleLogoState() { var scrollY = window.scrollY || window.pageYOffset; if (scrollY > 10) { document.querySelector("#main-header").classList.add("minimized"); } else { document.querySelector("#main-header").classList.remove("minimized"); } } function fixFootNotes() { var footnotes = document.querySelectorAll('a[href^="#sdfootnote"]'); footnotes.forEach(function (footnote) { var href = footnote.href; footnote.classList.add("footnote"); if (href.includes("sym")) { footnote.id = footnote.hash.replace("sym", "anc").replace("#", ""); } if (href.includes("anc")) { footnote.id = footnote.hash.replace("anc", "sym").replace("#", ""); } }); } function removeAccents(str) { var from = "áäâàãåčçćďéěëèêẽĕȇíìîïňñóöòôõøðřŕšťúůüùûýÿžþÞĐđ߯a·/_,:;"; var to = "aaaaaacccdeeeeeeeeiiiinnooooooorrstuuuuuyyzbBDdBAa------"; for (var i = 0, l = from.length; i < l; i++) { str = str.replace(new RegExp(from.charAt(i), "g"), to.charAt(i)); } return str; } function slugify(str) { return removeAccents(str.toLowerCase()); } var subscribeBtn = document.querySelector("#subscribe-btn"); function showSubscribeField(event) { event.preventDefault(); var button = event.target; var li = button.parentNode; var form = li.querySelector("#subscribe-form"); var input = form.querySelector("input"); form.classList.remove("hidden"); button.classList.add("hidden"); input.focus(); } function subscribe(event) { event.preventDefault(); var email = document.querySelector("#subscribe-form input"); if (email.value.toLowerCase().match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) { var header = { method: "POST", body: email.value }; fetch("/subscribe.json"); } else { email.value = "E-mail invalide. Recommencez."; } } var panelNav = document.querySelector(".panel"); var navOverlay = document.querySelector("#nav-overlay"); var openNavBtn = document.querySelector("button.open-nav"); var closeNavBtn = document.querySelector(".panel-close"); function closeNav() { panelNav.classList.remove("panel--visible"); navOverlay.classList.remove("nav-overlay--visible"); document.body.classList.remove("no-scroll"); } document.addEventListener("DOMContentLoaded", function () { ragadjust("h1, h2, h3, h4, h5", ["all"]); window.window.scrollTo({ top: 0 }); window.addEventListener("scroll", function () { toggleLogoState(); }); setWindowHeightFactor(); window.addEventListener("resize", function () { setWindowHeightFactor(); }); fixFootNotes(); window.addEventListener("keyup", function (event) { if (event.key === "Escape") { closeNav(); } }); document.querySelectorAll(".panel").forEach(function (panel) { panel.addEventListener("click", function (event) { event.stopPropagation(); }); }); var navSortBtns = document.querySelectorAll("nav .sort-btn"); var navSections = document.querySelectorAll(".panel__all-texts, .panel__collection"); navSortBtns.forEach(function (sortBtn) { sortBtn.addEventListener("click", function () { navSortBtns.forEach(function (btn) { return btn.classList.remove("active"); }); sortBtn.classList.add("active"); var sections = { "sort-btn--all": ".panel__all-texts", "sort-btn--years": ".panel__collection--years", "sort-btn--categories": ".panel__collection--categories" }; navSections.forEach(function (navSection) { return navSection.classList.add("hidden"); }); Object.keys(sections).forEach(function (key) { if (sortBtn.classList.contains(key)) { document.querySelector(sections[key]).classList.remove("hidden"); } }); }); }); openNavBtn.addEventListener("click", function () { panelNav.classList.add("panel--visible"); navOverlay.classList.add("nav-overlay--visible"); document.body.classList.add("no-scroll"); }); closeNavBtn.addEventListener("click", function () { closeNav(); }); navOverlay.addEventListener("click", function () { closeNav(); }); subscribeBtn.addEventListener("click", showSubscribeField); });