feat: Mise en place du site

assets/js/main.js

@@ -0,0 +1,57 @@
+'use strict';
+function reverse(str) { return str.split("").reverse().join(""); }
+function getName() { return "nomis"; }
+function getAt() { return "@"; }
+function getDomain() { return "okew"; }
+function getDot() { return "."; }
+function getTld() { return "oi"; }
+function getAddress() { return reverse(getName()) + getAt() + reverse(getDomain()) + getDot() + reverse(getTld()); }
+
+function comments(elm) {
+    var link = document.getElementById('comment-add');
+    link.href = "mai" + "lto:" + getAddress() + "?subject=" + link.dataset.title;
+    elm.remove();
+}
+
+function contact() {
+    var link = document.getElementById('contact');
+    link.href = "mai" + "lto:" + getAddress();
+}
+
+function changeTheme() {
+  // https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/#using-javascript-local-storage
+  const btn = document.querySelector(".btn-toggle");
+  const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)");
+
+  const currentTheme = localStorage.getItem("theme");
+
+  if (currentTheme == "dark") {
+    document.body.classList.toggle("dark-theme");
+  } else if (currentTheme == "light") {
+    document.body.classList.toggle("light-theme");
+  }
+
+  btn.addEventListener("click", function () {
+    if (prefersDarkScheme.matches) {
+      document.body.classList.toggle("light-theme");
+      var theme = document.body.classList.contains("light-theme")
+        ? "light"
+        : "dark";
+    } else {
+      document.body.classList.toggle("dark-theme");
+      var theme = document.body.classList.contains("dark-theme")
+        ? "dark"
+        : "light";
+    }
+
+    localStorage.setItem("theme", theme);
+  });
+}
+
+function main() {
+    // menu();
+    contact();
+    changeTheme();
+}
+
+main();