maik/Personal-Website
1
0
Fork 0
mirror of https://github.com/maikka39/Personal-Website.git synced 2026-10-02 14:46:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use 4 level indentation everywhere

Browse Source
This commit is contained in:
maik
2024-11-23 17:31:14 +01:00
parent dd9e97016c
commit c859780f74
26 changed files with 1921 additions and 1903 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/maik-blog/assets/js/menu.js
+8 -8
View File
@@ -3,20 +3,20 @@
const menuTrigger = document.querySelector(".menu-trigger");
const menu = document.querySelector(".menu");
const mobileQuery = getComputedStyle(document.body).getPropertyValue(
"--phoneWidth"
"--phoneWidth"
);
const isMobile = () => window.matchMedia(mobileQuery).matches;
const isMobileMenu = () => {
menuTrigger && menuTrigger.classList.toggle("hidden", !isMobile());
menu && menu.classList.toggle("hidden", isMobile());
menuTrigger && menuTrigger.classList.toggle("hidden", !isMobile());
menu && menu.classList.toggle("hidden", isMobile());
};
isMobileMenu();
menuTrigger &&
menuTrigger.addEventListener(
"click",
() => menu && menu.classList.toggle("hidden")
);
menuTrigger.addEventListener(
"click",
() => menu && menu.classList.toggle("hidden")
);
window.addEventListener("resize", isMobileMenu);
window.addEventListener("resize", isMobileMenu);
themes/maik-blog/assets/js/nav.js
+29 -27
View File
@@ -1,38 +1,40 @@
// Path navigation on top left
window.addEventListener("load", () => {
const terminal = document.getElementById('nav-terminal')
const terminal = document.getElementById("nav-terminal");
const keyDown = (e) => {
if (e.keyCode === 13) {
if (document.activeElement !== document.body) return
if (terminal.textContent.length === 0) return
const keyDown = (e) => {
if (e.keyCode === 13) {
if (document.activeElement !== document.body) return;
if (terminal.textContent.length === 0) return;
if (terminal.textContent.includes("~")) terminal.textContent = ""
if (terminal.textContent.includes("~")) terminal.textContent = "";
window.location.href = window.location.origin + "/" + terminal.textContent
return
}
window.location.href =
window.location.origin + "/" + terminal.textContent;
return;
}
if (e.keyCode === 8) {
terminal.textContent = terminal.textContent.slice(0, -1)
return
}
if (e.keyCode === 8) {
terminal.textContent = terminal.textContent.slice(0, -1);
return;
}
if (e.keyCode === 192) {
if (terminal.textContent.length !== 0) return
if (e.keyCode === 192) {
if (terminal.textContent.length !== 0) return;
terminal.textContent += "~"
return
}
terminal.textContent += "~";
return;
}
if (e.keyCode === 191) {
terminal.textContent += "/"
return
}
if (e.keyCode === 191) {
terminal.textContent += "/";
return;
}
if (e.keyCode < 65 || e.keyCode > 90) return
if (e.keyCode < 65 || e.keyCode > 90) return;
terminal.textContent += e.key.toLowerCase()
}
terminal.textContent += e.key.toLowerCase();
};
document.addEventListener('keydown', keyDown)
})
document.addEventListener("keydown", keyDown);
});
themes/maik-blog/assets/js/theme.js
+13 -13
View File
@@ -6,20 +6,20 @@ const isDark = theme === "dark";
var metaThemeColor = document.querySelector("meta[name=theme-color]");
if (theme !== null) {
document.body.classList.toggle("dark-theme", isDark);
isDark
? metaThemeColor.setAttribute("content", "#252627")
: metaThemeColor.setAttribute("content", "#fafafa");
document.body.classList.toggle("dark-theme", isDark);
isDark
? metaThemeColor.setAttribute("content", "#252627")
: metaThemeColor.setAttribute("content", "#fafafa");
}
themeToggle.addEventListener("click", () => {
document.body.classList.toggle("dark-theme");
window.localStorage &&
window.localStorage.setItem(
"theme",
document.body.classList.contains("dark-theme") ? "dark" : "light"
);
document.body.classList.contains("dark-theme")
? metaThemeColor.setAttribute("content", "#252627")
: metaThemeColor.setAttribute("content", "#fafafa");
document.body.classList.toggle("dark-theme");
window.localStorage &&
window.localStorage.setItem(
"theme",
document.body.classList.contains("dark-theme") ? "dark" : "light"
);
document.body.classList.contains("dark-theme")
? metaThemeColor.setAttribute("content", "#252627")
: metaThemeColor.setAttribute("content", "#fafafa");
});