diff --git a/src/_includes/components/landing/products.njk b/src/_includes/components/landing/products.njk index 63c8126..866b687 100644 --- a/src/_includes/components/landing/products.njk +++ b/src/_includes/components/landing/products.njk @@ -1,7 +1,7 @@
- prefab embassy, represented in voxels + prefab embassy, represented in voxels

buy

diff --git a/src/_includes/layouts/peripheral.njk b/src/_includes/layouts/peripheral.njk index 7ab5d18..6499231 100644 --- a/src/_includes/layouts/peripheral.njk +++ b/src/_includes/layouts/peripheral.njk @@ -11,7 +11,7 @@ layout: layouts/base.njk - +{# #} diff --git a/src/assets/images/privacy-hero.png b/src/assets/images/privacy-hero.png new file mode 100644 index 0000000..d2bbcec Binary files /dev/null and b/src/assets/images/privacy-hero.png differ diff --git a/src/assets/js/main.js b/src/assets/js/main.js index 3b4f4df..c40869c 100644 --- a/src/assets/js/main.js +++ b/src/assets/js/main.js @@ -99,16 +99,16 @@ gsap.from("#pitch h1, #pitch p", { }, }); -gsap.from("#pitch iframe", { - duration: 0.5, - opacity: 0, - filter: "blur(10px)", - scrollTrigger: { - trigger: "#pitch", - start: "top 75%", // "triggerElement page" - toggleActions: defaultActions, - }, -}); +// gsap.from("#pitch iframe", { +// duration: 0.5, +// opacity: 0, +// filter: "blur(10px)", +// scrollTrigger: { +// trigger: "#pitch", +// start: "top 75%", // "triggerElement page" +// toggleActions: defaultActions, +// }, +// }); ////////////////////////////////////////// // PRODUCTS @@ -146,7 +146,7 @@ const buyTL = gsap 0 ) .to( - ".product--buy img:first-child", + ".product__buy-image", { opacity: 0.4, ease: "none", duration: 0.25 }, 0 ); @@ -154,23 +154,23 @@ const buyTL = gsap buyAnchor.onmouseenter = () => buyTL.play(); buyAnchor.onmouseleave = () => buyTL.reverse(); -const diyAnchor = document.querySelector(".product--diy"); +// const diyAnchor = document.querySelector(".product--diy"); -const diyTL = gsap - .timeline({ paused: true }) - .from( - "#diy-lines path:first-child", - { drawSVG: 0, ease: "none", duration: 0.75 }, - 0 - ) - .to( - ".product--diy img:first-child", - { opacity: 0.4, ease: "none", duration: 0.25 }, - 0 - ); +// const diyTL = gsap +// .timeline({ paused: true }) +// .from( +// "#diy-lines path:first-child", +// { drawSVG: 0, ease: "none", duration: 0.75 }, +// 0 +// ) +// .to( +// ".product--diy img:first-child", +// { opacity: 0.4, ease: "none", duration: 0.25 }, +// 0 +// ); -diyAnchor.onmouseenter = () => diyTL.play(); -diyAnchor.onmouseleave = () => diyTL.reverse(); +// diyAnchor.onmouseenter = () => diyTL.play(); +// diyAnchor.onmouseleave = () => diyTL.reverse(); gsap.from("#products-to-info path:first-child", { drawSVG: 0, @@ -183,27 +183,27 @@ gsap.from("#products-to-info path:first-child", { }, }); -gsap.from("#products-to-info path:nth-child(2)", { - drawSVG: 0, - ease: "none", - scrollTrigger: { - trigger: "#products-to-info path:nth-child(2)", - scrub: true, - start: "top 75%", // "triggerElement page" - end: "bottom 75%", // "triggerElement page" - }, -}); +// gsap.from("#products-to-info path:nth-child(2)", { +// drawSVG: 0, +// ease: "none", +// scrollTrigger: { +// trigger: "#products-to-info path:nth-child(2)", +// scrub: true, +// start: "top 75%", // "triggerElement page" +// end: "bottom 75%", // "triggerElement page" +// }, +// }); -gsap.from("#products-to-info path:nth-child(3)", { - drawSVG: 0, - ease: "none", - scrollTrigger: { - trigger: "#products-to-info path:nth-child(3)", - scrub: true, - start: "top 75%", // "triggerElement page" - end: "bottom 75%", // "triggerElement page" - }, -}); +// gsap.from("#products-to-info path:nth-child(3)", { +// drawSVG: 0, +// ease: "none", +// scrollTrigger: { +// trigger: "#products-to-info path:nth-child(3)", +// scrub: true, +// start: "top 75%", // "triggerElement page" +// end: "bottom 75%", // "triggerElement page" +// }, +// }); ////////////////////////////////////////// // INFOGRAPHICS diff --git a/src/assets/styles/products.scss b/src/assets/styles/products.scss index 3ebac2d..4a034b7 100644 --- a/src/assets/styles/products.scss +++ b/src/assets/styles/products.scss @@ -5,7 +5,7 @@ section#products { align-items: flex-end; justify-content: center; gap: 3rem; - --img-width: 35vw; + --img-width: min(35vw,500px); .subsection { transform-style: preserve-3d; diff --git a/src/index.njk b/src/index.njk index 50b6b4f..0d7ef86 100644 --- a/src/index.njk +++ b/src/index.njk @@ -97,7 +97,7 @@ layout: layouts/base.njk - +{# #} diff --git a/src/privacy.njk b/src/privacy.njk index 0f0f0d3..f2833d0 100644 --- a/src/privacy.njk +++ b/src/privacy.njk @@ -7,10 +7,10 @@ layout: layouts/peripheral.njk
about page hero image: a robot emerging from the embasssy - + src="assets/images/privacy-hero.png" + alt="about page hero image: a robot emerging from the embasssy and wearing a mask" + title="about page hero image: a robot emerging from the embasssy and wearing a mask"/> +