First commit for the website

themes/terminal/assets/js/code.js

@@ -0,0 +1,32 @@
+const blockcodes = document.querySelectorAll(".chroma code[data-lang]");
+
+for (const bc of blockcodes) {
+  const parent = bc.parentElement;
+  const content = bc.innerText.split("\n").filter(Boolean).join("\n");
+
+  // Code title
+  const title = document.createElement("div");
+  const lang = bc.dataset.lang;
+  title.classList.add("code-title");
+  title.innerText = lang;
+
+  // Copy to clipboard
+  if (navigator.clipboard !== undefined) {
+    const cpbutton = document.createElement("button");
+    cpbutton.classList.add("copy-button");
+    cpbutton.innerText = "Copy";
+
+    cpbutton.addEventListener("click", () => {
+      cpbutton.innerText = "Copied";
+      setTimeout(() => {
+        cpbutton.innerText = "Copy";
+      }, 1000);
+
+      navigator.clipboard.writeText(content);
+    });
+
+    title.append(cpbutton);
+  }
+
+  parent.closest(".highlight").prepend(title);
+}

themes/terminal/assets/js/menu.js

@@ -0,0 +1,44 @@
+const container = document.querySelector(".container");
+const allMenus = document.querySelectorAll(".menu");
+
+// Hide menus on body click
+document.body.addEventListener("click", () => {
+  allMenus.forEach(menu => {
+    if (menu.classList.contains("open")) {
+      menu.classList.remove("open");
+    }
+  });
+});
+
+// Reset menus on resize
+window.addEventListener("resize", () => {
+  allMenus.forEach(menu => {
+    menu.classList.remove("open");
+  });
+});
+
+// Handle desktop menu
+allMenus.forEach(menu => {
+  const trigger = menu.querySelector(".menu__trigger");
+  const dropdown = menu.querySelector(".menu__dropdown");
+
+  trigger.addEventListener("click", e => {
+    e.stopPropagation();
+
+    if (menu.classList.contains("open")) {
+      menu.classList.remove("open");
+    } else {
+      // Close all menus...
+      allMenus.forEach(m => m.classList.remove("open"));
+      // ...before opening the current one
+      menu.classList.add("open");
+    }
+
+    if (dropdown.getBoundingClientRect().right > container.getBoundingClientRect().right) {
+      dropdown.style.left = "auto";
+      dropdown.style.right = 0;
+    }
+  });
+
+  dropdown.addEventListener("click", e => e.stopPropagation());
+});