feat: Disable globe

simonknittel · Feb 3, 2024 · c6aab3d · c6aab3d
1 parent a0e4e1b
commit c6aab3d
Show file tree

Hide file tree

Showing 6 changed files with 4 additions and 4 deletions.
diff --git a/app/public/assets/dot.png b/app/public/assets/dot.png
diff --git a/app/public/assets/earth.afdesign → ...ponents/modules/Hero/Globe/earth.afdesign b/app/public/assets/earth.afdesign → ...ponents/modules/Hero/Globe/earth.afdesign
diff --git a/app/public/assets/earth.png → .../_components/modules/Hero/Globe/earth.png b/app/public/assets/earth.png → .../_components/modules/Hero/Globe/earth.png
diff --git a/app/public/assets/earth.svg → .../_components/modules/Hero/Globe/earth.svg b/app/public/assets/earth.svg → .../_components/modules/Hero/Globe/earth.svg
diff --git a/...rc/app/_components/modules/Hero/Globe.tsx → .../_components/modules/Hero/Globe/index.tsx b/...rc/app/_components/modules/Hero/Globe.tsx → .../_components/modules/Hero/Globe/index.tsx
@@ -5,6 +5,7 @@
 import clsx from "clsx";
 import { useEffect, useRef } from "react";
 import * as THREE from "three";
+import earthPng from "./earth.png";
 
 interface Props {
   className?: string;
@@ -32,7 +33,7 @@ const Globe = ({ className, width = 0, height = 0 }: Readonly<Props>) => {
 
     const geometry = new THREE.SphereGeometry(5, 64, 64);
 
-    const texture = new THREE.TextureLoader().load("./assets/earth.png");
+    const texture = new THREE.TextureLoader().load(earthPng.src);
 
     // TODO: Add inner glow
 

diff --git a/app/src/app/_components/modules/Hero/Hero.tsx b/app/src/app/_components/modules/Hero/Hero.tsx
@@ -8,7 +8,6 @@ import {
   SiTypescript,
   SiUnity,
 } from "react-icons/si";
-import Globe from "./Globe";
 import styles from "./Hero.module.css";
 import { Photo } from "./Photo";
 import Technology from "./Technology";
@@ -141,11 +140,11 @@ const Hero = ({ disableBlog = false }: Readonly<Props>) => {
         </div>
       </div>
 
-      <Globe
+      {/* <Globe
         className="absolute bottom-0 left-1/2 -translate-x-1/2 h-[512px] w-[3072px]"
         width={3072}
         height={512}
-      />
+      /> */}
     </div>
   );
 };