From 1ea4f9bdd539a5dff2b682d120cd683305b416de Mon Sep 17 00:00:00 2001
From: Kurt Hutten <k.hutten@protonmail.ch>
Date: Wed, 20 Oct 2021 14:25:34 +1100
Subject: [PATCH] Remove the glitch effect on the home page. (#567)

I three people mention to me "what is getting all distorted. Obviously
it's not clear that it's a stylistic effect. plus the home page
animation is busy enough as it is.
---
 app/web/src/components/Hero/AssetWithGooey.tsx | 9 ---------
 app/web/src/components/Hero/Hero.tsx           | 2 +-
 2 files changed, 1 insertion(+), 10 deletions(-)

diff --git a/app/web/src/components/Hero/AssetWithGooey.tsx b/app/web/src/components/Hero/AssetWithGooey.tsx
index 804af6b..f4db83d 100644
--- a/app/web/src/components/Hero/AssetWithGooey.tsx
+++ b/app/web/src/components/Hero/AssetWithGooey.tsx
@@ -4,7 +4,6 @@ import { useLoader, useThree, useFrame } from '@react-three/fiber'
 import { STLLoader } from 'three/examples/jsm/loaders/STLLoader'
 import { useEdgeSplit } from 'src/helpers/hooks/useEdgeSplit'
 import texture from 'src/components/IdeViewer/dullFrontLitMetal.png'
-import { Glitch, EffectComposer } from '@react-three/postprocessing'
 import { MeshDistortMaterial, Sphere, useTexture } from '@react-three/drei'
 
 const thresholdAngle = 10
@@ -39,14 +38,6 @@ export default function AssetWithGooey({
   })
   return (
     <group dispose={null} ref={edgeRef} position={position}>
-      <EffectComposer>
-        <Glitch
-          delay={[1, 5]} // min and max glitch delay
-          duration={[0.2, 0.4]} // min and max glitch duration
-          strength={[0.05, 0.1]} // min and max glitch strength
-          ratio={0.95} // Threshold for strong glitches, 0 - no weak glitches, 1 - no strong glitches.
-        />
-      </EffectComposer>
       <group ref={coffeeRef}>
         <mesh ref={mesh} scale={scaleArr} geometry={geo}>
           <meshPhysicalMaterial
diff --git a/app/web/src/components/Hero/Hero.tsx b/app/web/src/components/Hero/Hero.tsx
index 6a80624..5483037 100644
--- a/app/web/src/components/Hero/Hero.tsx
+++ b/app/web/src/components/Hero/Hero.tsx
@@ -583,7 +583,7 @@ function Footer() {
             to="https://github.com/Irev-Dev/cadhub/graphs/contributors"
             className="font-bold"
           >
-            20 contributors
+            21 contributors
           </OutBound>{' '}
           from around the world.
         </p>