mirror of
https://github.com/Start9Labs/start9.com.git
synced 2026-03-30 12:11:58 +00:00
Fix/optimizations (#3)
* revamped js/css asset build * update favicon compilation and color; cleanup package.json * fix spacing * update social media display and references * adjust about page sizing and mobile display * update jobs and page titles * abstract links to single source, small style fixes * adjust footer * update pro viddeo page and seo * seo and video fixes * fix seo display * move tor link to footer * sizing adjustments and add hosted video * video and sizing adjustments * wip video * final video * update pro link * temp fix for ticker start * update link, add auto orient, remove video border * fix contact form submission and mobile submit
This commit is contained in:
27
src/assets/js/header.js
Normal file
27
src/assets/js/header.js
Normal file
@@ -0,0 +1,27 @@
|
||||
//////////////////////////////////////////
|
||||
// HEADER
|
||||
import { gsap } from "gsap";
|
||||
|
||||
gsap.to("header", {
|
||||
duration: 0.5,
|
||||
backgroundColor: "rgba(0,0,0,0.1)",
|
||||
backdropFilter: "blur(10px)",
|
||||
scrollTrigger: {
|
||||
trigger: "#hero-image",
|
||||
scrub: true,
|
||||
start: "center top", // "triggerElement page"
|
||||
end: "bottom top", // "triggerElement page"
|
||||
},
|
||||
});
|
||||
|
||||
gsap.to(".header__logo", {
|
||||
duration: 0.5,
|
||||
opacity: "1",
|
||||
filter: "blur(0px)",
|
||||
scrollTrigger: {
|
||||
trigger: "#hero-image",
|
||||
scrub: true,
|
||||
start: "center top", // "triggerElement page"
|
||||
end: "bottom top", // "triggerElement page"
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user