GKaszewski/gabrielkaszewski_rs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add prose and update copy and make better navbar

Browse Source
This commit is contained in:
Gabriel Kaszewski
2024-11-10 05:00:37 +01:00
parent a3de4dcb43
commit c1cce38148
5 changed files with 34 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/static/css/main.css
View File

File diff suppressed because one or more lines are too long

19
assets/static/js/navbar.js Normal file
View File

@@ -0,0 +1,19 @@
const navbar = document.getElementById('navbar');
const navbarStyles =
'fixed z-20 flex flex-col items-center justify-center w-full p-4 bg-transparent md:flex-row';
const navbarStylesScrolled =
'fixed flex flex-col md:flex-row w-full justify-center items-center p-4 z-20 bg-gray-900/80 backdrop-blur-md';
const handleScroll = () => {
if (window.scrollY > 10) {
navbar.className = navbarStylesScrolled;
} else {
navbar.className = navbarStyles;
}
};
window.addEventListener('scroll', handleScroll);
window.addEventListener('load', () => {
navbar.className = navbarStyles;
});