IPK-14 removed only 3d in section

Informatik-Projekt-Kurs · Dec 20, 2023 · 809156b · 809156b
1 parent ac0b2b7
commit 809156b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -159,7 +159,7 @@ export default function Home() {
           <div className="background-blur is-bottom-left" />
         </section>
 
-        {/* <Features /> */}
+        <Features />
         <Experience />
         <footer className="footer p-10 bg-base-100 text-base-content">
           <aside>

diff --git a/src/components/Features.tsx b/src/components/Features.tsx
@@ -13,7 +13,6 @@ export const Features = () => {
   });
 
   const x = useTransform(scrollYProgress, [0.5, 1], ["0%", "-100%"]);
-  const opacity = useTransform(scrollYProgress, [0, 0.5, 0.6, 0.85, 0.9], [1, 1, 0.4, 0.4, 1]);
 
   const text1Opacity = useTransform(scrollYProgress, [0.3, 0.4, 0.5], [0, 1, 0]);
   const text1Y = useTransform(scrollYProgress, [0.3, 0.4, 0.5], ["30px", "0px", "-30px"]);
@@ -27,9 +26,9 @@ export const Features = () => {
   return (
     <section ref={targetRef} className="flex h-[300vh] flex-col items-center justify-start">
       <div className="sticky top-[16.7vh] h-[66.8vh] px-16 text-2xl text-white [&_p]:w-[45rem] [&_p]:max-w-[90%]">
-        <motion.div style={{ x }} className="relative h-screen w-screen">
+        {/* <motion.div style={{ x }} className="relative h-screen w-screen">
           <Spline scene="https://prod.spline.design/TwBXCflNDhiLkDMk/scene.splinecode" />
-        </motion.div>
+        </motion.div> */}
         <motion.p
           style={stylesWithCssVar({
             opacity: text1Opacity,