Adding gsap/favicon

package.json

@@ -43,6 +43,7 @@
   "dependencies": {
     "@react-three/drei": "^8.16.5",
     "@react-three/fiber": "^7.0.26",
+    "gsap": "^3.9.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "three": "^0.138.3"

src/assets/logos/fd..svg

@@ -0,0 +1,5 @@
+<svg width="175" height="106" viewBox="0 0 175 106" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.072 103.536H33.984V50.112H47.664V30.672H33.984V28.368C33.984 22.032 41.616 21.168 46.512 21.168C48.816 21.168 50.544 21.456 50.544 21.456V0.432003C50.544 0.432003 47.52 0 43.056 0C31.104 0 9.072 3.312 9.072 27.648V30.672H0V50.112H9.072V103.536Z" fill="#9C2018"/>
+<path d="M54.6896 66.384C54.6896 89.424 67.9376 105.264 88.0976 105.264C103.362 105.264 109.554 94.464 109.554 94.464H109.842C109.842 94.464 109.698 96.336 109.698 98.64V103.536H133.026V0.576H108.114V30.24C108.114 32.112 108.258 33.552 108.258 33.552H107.97C107.97 33.552 103.506 27.648 88.5296 27.648C68.8016 27.648 54.6896 42.912 54.6896 66.384ZM79.7456 66.384C79.7456 55.008 86.5136 48.672 94.2896 48.672C104.082 48.672 108.834 57.456 108.834 66.384C108.834 79.2 101.778 84.672 94.2896 84.672C85.6496 84.672 79.7456 77.472 79.7456 66.384Z" fill="#9C2018"/>
+<path d="M150.553 103.536H174.169V79.92H150.553V103.536Z" fill="#9C2018"/>
+</svg>

src/components/App.jsx

@@ -33,14 +33,14 @@ const App = () => {
         <h1 className="underline text-xl">Nav</h1>
       </nav>
       <div id="canvas-container">
-        {/* <Canvas>
+        <Canvas>
           <PresentationControls global zoom={0.8} rotation={[0, -Math.PI / 4, 0]} polar={[0, Math.PI / 4]} azimuth={[-Math.PI / 4, Math.PI / 4]}>
             <ambientLight />
             <pointLight position={[10, 10, 10]} />
             <Box position={[-1.2, 0, 0]} />
             <Box position={[1.2, 0, 0]} />
           </PresentationControls>
-        </Canvas> */}
+        </Canvas>
       </div>
     </>
   );

src/views/index.html

@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="shortcut icon" type="image/jpg" href="../assets/logos/fd..svg"/>
   <title>Designer and Developer</title>
 
   <link rel="stylesheet" href="https://use.typekit.net/bcf6wms.css">