bvandevliet/Vandevliet.AerialShots.Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improved spacing and opacity for readability.

Browse source
This commit is contained in:
Bob Vandevliet 2024-06-07 22:11:11 +02:00
parent bd1ff485f2
commit 22e16f3abd
3 changed files with 17 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

13
public/assets/css/styles.css
View file

@ -1,3 +1,11 @@
:target::before {
content: "";
display: block;
height: 4rem;
margin-top: -4rem;
visibility: hidden;
}
/* Style for active link based on body class */
body.home .home-link,
body.about .about-link,
@ -7,6 +15,11 @@ body.contact .contact-link {
nav.bg-dark {
background-color: rgba(var(--bs-dark-rgb), 0.7) !important;
transition: background-color 0.5s;
}
body.is-scrolled nav.bg-dark {
background-color: rgba(var(--bs-dark-rgb), 1.0) !important;
}
section.hero {

3
public/assets/js/header.js Normal file
View file

@ -0,0 +1,3 @@
window.addEventListener('scroll', function() {
document.body.classList.toggle('is-scrolled', window.scrollY > 0);
});