aad fields

assets/dist/script.js

@@ -1,63 +1,157 @@
 "use strict";
 
-var remFactor = 16;
-var verticalUnit = 1.3 * remFactor;
-function toggleTab(data, tab) {
-  if (data.activeTab === tab) {
-    window.scrollTo({
-      top: 0,
-      behavior: "smooth"
-    });
-    setTimeout(function () {
-      data.isOpen = false;
-      data.activeTab = "";
-    }, 500);
-  } else {
-    data.activeTab = tab;
-    data.isOpen = true;
-    scrollToElem(".active-tab");
-  }
+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 scrollToElem(selector) {
-  document.querySelector(".active-tab").scrollTop = 0;
-  setTimeout(function () {
-    var yOffset = -7 * verticalUnit;
-    var elem = document.querySelector(selector);
-    var top = elem.getBoundingClientRect().top;
-    window.scrollTo({
-      top: top + window.scrollY + yOffset,
-      behavior: "smooth"
-    });
-  }, 100);
+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;
-  var head = document.querySelector("head");
-  var style = document.createElement("style");
-  style.innerText = ":root { --window-height-factor:".concat(factor, " }");
-  head.appendChild(style);
+  document.querySelector(":root").style.setProperty("--window-height-factor", factor);
 }
 function roundToNearestHalf(num) {
   var round = Math.round(num * 2) / 2;
   return Math.max(round, 0);
 }
-setWindowHeightFactor();
-document.addEventListener("DOMContentLoaded", function () {
-  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 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);
 });