initial commit

static/scripts/projects.js

@@ -0,0 +1,67 @@
+function toggleAccount() {
+  if ($("#dropdownAccount").hasClass("is-visible")) {
+    event.preventDefault();
+    $("#dropdownAccount").removeClass("is-visible");
+    $("#dropdownAccount").css("display", "none");
+  } else {
+    event.preventDefault();
+    $("#dropdownAccount").css("display", "inline-flex");
+    setTimeout(function () {
+      $("#dropdownAccount").addClass("is-visible");
+    }, 100);
+  }
+}
+
+$(document).on("click", function (event) {
+  if ($(event.target).closest("#userIcon").length) {
+    return;
+  } else {
+    if (!$(event.target).closest(".dropdown-account").length) {
+      $("#dropdownAccount").removeClass("is-visible");
+      setTimeout(function () {
+        $("#dropdownAccount").css("display", "none");
+      }, 200);
+    }
+  }
+});
+
+$(document).ready(function () {
+  $(document).keydown(function (e) {
+    if (e.key === "Escape" || e.key === "Esc") {
+      $("#dropdownAccount").removeClass("is-visible");
+      setTimeout(function () {
+        $("#dropdownAccount").css("display", "none");
+      }, 200);
+    }
+  });
+});
+
+function setTheme(theme) {
+  document.documentElement.setAttribute("data-theme", theme);
+
+  const themeButtons = document.querySelectorAll(".theme-btn");
+  themeButtons.forEach((button) => button.classList.remove("active"));
+
+  const selectedButton = document.getElementById(`${theme}-theme-btn`);
+  selectedButton.classList.add("active");
+
+  localStorage.setItem("theme", theme);
+}
+
+document.addEventListener("DOMContentLoaded", function () {
+  const savedTheme = localStorage.getItem("theme");
+  if (savedTheme) {
+    setTheme(savedTheme);
+  }
+});
+
+function getCookie(name) {
+  var cookies = document.cookie.split(";");
+  for (var i = 0; i < cookies.length; i++) {
+    var cookie = cookies[i].trim();
+    if (cookie.startsWith(name + "=")) {
+      return cookie.substring(name.length + 1);
+    }
+  }
+  return null;
+}