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:
Lucy C
2022-11-08 13:31:00 -07:00
committed by GitHub
parent 78b5014be8
commit b495794a03
81 changed files with 3340 additions and 5566 deletions

View File

@@ -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