litruv/lit.ruv.wtf
1
0
Fork 0
mirror of https://github.com/litruv/lit.ruv.wtf.git synced 2026-07-24 02:36:02 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat: enhance blog layout with footer and improved navigation; add SVG icons for GitHub and Bluesky

Browse Source
This commit is contained in:
Litruv
2026-05-11 10:23:16 +10:00
parent 0834d30e9b
commit 7091b6844e
7 changed files with 150 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
website/scripts/blogPage.js
View File

@@ -73,26 +73,26 @@ function renderStaticBlogPost() {
function setupScrollTopBar() {
const body = document.body;
const bar = document.querySelector("[data-blog-scroll-topbar]");
const heroLogo = document.querySelector(".blog-logo-link");
if (!bar) return;
if (heroLogo && "IntersectionObserver" in window) {
const observer = new IntersectionObserver(
([entry]) => {
body.classList.toggle("blog-scrolled", !entry.isIntersecting);
},
{ threshold: 0 }
);
observer.observe(heroLogo);
} else {
// Fallback: fixed pixel threshold
const applyState = () => {
body.classList.toggle("blog-scrolled", window.scrollY >= 80);
};
window.addEventListener("scroll", applyState, { passive: true });
applyState();
}
let lastScrollTop = 0;
const applyState = () => {
const scrollTop = body.scrollTop;
const scrollingDown = scrollTop > lastScrollTop;
lastScrollTop = scrollTop;
if (scrollTop < 80) {
body.classList.remove("blog-scrolled");
} else if (scrollingDown) {
body.classList.add("blog-scrolled");
} else {
body.classList.remove("blog-scrolled");
}
};
body.addEventListener("scroll", applyState, { passive: true });
applyState();
}
/**