Added content
This commit is contained in:
parent
7049e86c2a
commit
ab0537f247
@ -1,5 +1,5 @@
|
||||
.pa-fixed-header {
|
||||
background-color: rgb(24, 24, 24) !important;
|
||||
box-shadow: 0 1px 6px 0 rgb(0 0 0 / 20%);
|
||||
transition: background-color 0.25s ease-out;
|
||||
.pa-fixed-header {
|
||||
background-color: rgb(24, 24, 24) !important;
|
||||
box-shadow: 0 1px 6px 0 rgb(0 0 0 / 20%);
|
||||
transition: background-color 0.25s ease-out;
|
||||
}
|
BIN
img/.DS_Store
vendored
Normal file
BIN
img/.DS_Store
vendored
Normal file
Binary file not shown.
@ -64,7 +64,7 @@
|
||||
<h2 id="header-subtitle-date">Aug 12 - 14</h2>
|
||||
<div id="spots-container">
|
||||
<div class="blob green" aria-hidden="true"></div>
|
||||
<h2 id="header-subtitle-spots">40 spots Left</h2>
|
||||
<h2 id="header-subtitle-spots">40 spots left</h2>
|
||||
</div>
|
||||
<div id="entrance-arrow">
|
||||
<a href="#event" id="arrow-link">
|
||||
|
@ -1,30 +1,30 @@
|
||||
|
||||
// Toggle the .pa-fixed-header class when the user
|
||||
// scroll 100px
|
||||
|
||||
window.onscroll = () => {scrollNavbar()};
|
||||
|
||||
scrollNavbar = () => {
|
||||
// Target elements
|
||||
const navBar = document.getElementById("navBar");
|
||||
const links = document.querySelectorAll("#navBar a");
|
||||
|
||||
if (document.documentElement.scrollTop > 100) {
|
||||
navBar.classList.add("pa-fixed-header");
|
||||
|
||||
// Change the color of links on scroll
|
||||
for (let i = 0; i < links.length; i++) {
|
||||
const element = links[i];
|
||||
element.classList.add('text-black');
|
||||
}
|
||||
|
||||
} else {
|
||||
navBar.classList.remove("pa-fixed-header");
|
||||
|
||||
// Change the color of links back to default
|
||||
for (let i = 0; i < links.length; i++) {
|
||||
const element = links[i];
|
||||
element.classList.remove('text-black');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Toggle the .pa-fixed-header class when the user
|
||||
// scroll 100px
|
||||
|
||||
window.onscroll = () => {scrollNavbar()};
|
||||
|
||||
scrollNavbar = () => {
|
||||
// Target elements
|
||||
const navBar = document.getElementById("navBar");
|
||||
const links = document.querySelectorAll("#navBar a");
|
||||
|
||||
if (document.documentElement.scrollTop > 100) {
|
||||
navBar.classList.add("pa-fixed-header");
|
||||
|
||||
// Change the color of links on scroll
|
||||
for (let i = 0; i < links.length; i++) {
|
||||
const element = links[i];
|
||||
element.classList.add('text-black');
|
||||
}
|
||||
|
||||
} else {
|
||||
navBar.classList.remove("pa-fixed-header");
|
||||
|
||||
// Change the color of links back to default
|
||||
for (let i = 0; i < links.length; i++) {
|
||||
const element = links[i];
|
||||
element.classList.remove('text-black');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user