mirror of
https://github.com/Start9Labs/start9.com.git
synced 2026-04-04 22:39:46 +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:
@@ -1,10 +1,6 @@
|
||||
//////////////////////////////////////////
|
||||
// GSAP ACTIONS
|
||||
// options: "play", "pause", "resume", "reset", "restart", "complete", "reverse", and "none"
|
||||
// arguments: onEnter, onLeave, onEnterBack, and onLeaveBack
|
||||
const defaultActions = "play none none none";
|
||||
|
||||
|
||||
import { gsap } from "gsap";
|
||||
import { positionServiceIcons } from '/@root/src/assets/js/bitcoin-animation.js'
|
||||
import { initializeSizes, tick, next } from '/@root/src/assets/js/ticker-animation.js'
|
||||
|
||||
//////////////////////////////////////////
|
||||
// RE-RENDER COMPLEX ANIMATIONS ON WINDOW RESIZE
|
||||
@@ -12,53 +8,16 @@ const defaultActions = "play none none none";
|
||||
function onResizeComplete() {
|
||||
positionServiceIcons();
|
||||
initializeSizes();
|
||||
// initialize ticker
|
||||
gsap.delayedCall(next, tick);
|
||||
}
|
||||
|
||||
var resizeTimeout = setTimeout(onResizeComplete, 400);
|
||||
let resizeTimeout = setTimeout(onResizeComplete, 400);
|
||||
window.onresize = function () {
|
||||
clearTimeout(resizeTimeout);
|
||||
resizeTimeout = setTimeout(onResizeComplete, 400);
|
||||
};
|
||||
|
||||
|
||||
|
||||
//////////////////////////////////////////
|
||||
// AUTO APPLY URL ANCHORS
|
||||
|
||||
// // TODO: pull this from data js instead
|
||||
// const sections = [
|
||||
// "pitch",
|
||||
// "products",
|
||||
// "infographics",
|
||||
// "bitcoin",
|
||||
// "be-your-own",
|
||||
// "powered-by",
|
||||
// "support",
|
||||
// "dev",
|
||||
// "community",
|
||||
// ];
|
||||
|
||||
// setTimeout(function () {
|
||||
// // timeout to allow initial load to redirect to anchor
|
||||
// // TODO: maybe apply the scroll-behavior: smooth to HTML after a timeout
|
||||
|
||||
// sections.forEach((slug) => {
|
||||
// ScrollTrigger.create({
|
||||
// trigger: "#" + slug,
|
||||
// start: "top 25%",
|
||||
// end: "bottom 25%",
|
||||
// //markers: { startColor: "white", endColor: "white" },
|
||||
// onEnter: () => {
|
||||
// window.location.href = "#" + slug;
|
||||
// },
|
||||
// onEnterBack: () => {
|
||||
// window.location.href = "#" + slug;
|
||||
// },
|
||||
// });
|
||||
// });
|
||||
// }, 2000);
|
||||
|
||||
|
||||
//////////////////////////////////////////
|
||||
// SHADOW PARALLAX
|
||||
|
||||
|
||||
Reference in New Issue
Block a user