hnasheralneam/professional-profile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

New content, dark theme, mobile

Browse source
This commit is contained in:
Hamza Nasher-Alneam 2024-06-02 22:41:27 -04:00
parent c8835bc274
commit 0002a9ea6e
3 changed files with 464 additions and 168 deletions
Download patch file Download diff file Expand all files Collapse all files

25
scripts/main.js
View file

@ -15,3 +15,28 @@ function goToSection(page) {
if (document.querySelector("span.active")) document.querySelector("span.active").classList.remove("active");
indicator.classList.add("active")
}
// Hover
let dynamHov;
let theme = "light";
setupDynamHov();
function setupDynamHov() {
dynamHov = document.createElement("SPAN");
document.body.appendChild(dynamHov);
if (theme === "dark") { dynamHov.classList.add("dynamicHover"); }
else { dynamHov.classList.add("dynamicHoverDark"); }
}
function info(THIS) {
dynamHov.innerHTML = THIS.dataset.info;
dynamHov.style.opacity = "1";
THIS.onmouseleave = () => { dynamHov.style.opacity = "0"; }
}
document.addEventListener("mousemove", (event) => {
dynamHov.style.left = (event.clientX + 18) + "px";
dynamHov.style.top = (event.clientY - 5) + "px";
});