Merge pull request #4 from gractwo/main

merge with new changes

src/components/footer.tsx

@@ -1,19 +1,32 @@
 import MyMiniFactory from "@/components/icons/myMiniFactory";
-import Discord from "@/components/icons/discord";
+import Discord from "@/components/icons/cults";
 import Patreon from "@/components/icons/patreon";
+import Link from "next/link";
 
 export default function Footer() {
   return (
-    <footer className="fixed z-50 bottom-0">
-      <button>
-        <MyMiniFactory className="text-white" />
-      </button>
-      <button>
-        <Discord className="text-white" />
-      </button>
-      <button>
-        <Patreon className="text-black" />
-      </button>
+    <footer className="fixed z-50 bottom-0 flex row gap-3 m-5">
+      <Link
+        className="border-4 border-white rounded-xl p-2 text-white hover:text-black hover:bg-white hover:border-black"
+        target="_blank"
+        href={"https://www.myminifactory.com/users/j4roid"}
+      >
+        <MyMiniFactory className="" />
+      </Link>
+      <Link
+        className="border-4 border-white rounded-xl p-2 text-white hover:text-black hover:bg-white hover:border-black"
+        target="_blank"
+        href={"https://cults3d.com/en/users/j4roid/3d-models"}
+      >
+        <Discord className="" />
+      </Link>
+      <Link
+        className="border-4 border-white rounded-xl p-2 text-white hover:text-black hover:bg-white hover:border-black"
+        target="_blank"
+        href={"https://www.patreon.com/j4roid"}
+      >
+        <Patreon className="" />
+      </Link>
     </footer>
   );
 }

src/components/icons/cults.tsx

@@ -0,0 +1,14 @@
+export default function Cults(props: any) {
+  return (
+    <svg
+      width="45"
+      height="45"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 270 250"
+      fill="currentColor"
+      {...props}
+    >
+      <path d="M56.145 84.655c-20.238 13.483-33.613 36.496-33.613 62.586 0 41.448 33.725 75.168 75.167 75.168 12.086 0 23.497-2.879 33.62-7.964l-.021-.011-.13-.068c10.161 5.134 21.63 8.043 33.771 8.043 41.45 0 75.173-33.72 75.173-75.168 0-26.113-13.396-49.149-33.663-62.626-2.059-39.665-34.973-71.3-75.14-71.3-40.106 0-72.977 31.542-75.13 71.118l-.034.222zm17.165-8.664c5.779-26.71 29.585-46.787 58.001-46.787 32.728 0 59.353 26.626 59.353 59.354 0 17.274-7.424 32.845-19.238 43.702l-8.281-4.747-15.918 9.123 25.565 14.658c16.324-10.833 28.196-27.854 32.24-47.693 11.799 10.846 19.203 26.394 19.203 43.642 0 32.695-26.601 59.293-59.297 59.293-28.389 0-52.215-20.051-57.995-46.732l8.458-4.879v-18.245l-25.569 14.694c1.14 20.876 10.864 39.506 25.658 52.447l-.007-.017c-5.621 1.775-11.583 2.731-17.785 2.731-32.696 0-59.292-26.598-59.292-59.293 0-32.696 26.595-59.298 59.292-59.298 6.207 0 12.187.962 17.807 2.734l.037 9.626 15.859 9.063v-29.332c-10-5.084-21.58-7.965-33.661-7.965-8.555 0-16.797 1.443-24.466 4.09l.036-.169z" />
+    </svg>
+  );
+}

src/components/icons/discord.tsx

@@ -1,11 +0,0 @@
-export default function Discord(props: any) {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 127.14 96.36"
-      fill="currentColor"
-    >
-      <path d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z" />
-    </svg>
-  );
-}

src/components/icons/myMiniFactory.tsx

@@ -1,8 +1,8 @@
 export default function MyMiniFactory(props: any) {
   return (
     <svg
-      width="37"
-      height="37"
+      width="45"
+      height="45"
       viewBox="0 0 37 37"
       fill="currentColor"
       {...props}

src/components/icons/patreon.tsx

@@ -1,9 +1,11 @@
 export default function Patreon(props: any) {
   return (
     <svg
+      width="45"
+      height="45"
       version="1.1"
       xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 37 37"
+      viewBox="0 0 1080 1080"
       {...props}
     >
       <path

src/components/mesh/skeleton.tsx

@@ -6,8 +6,10 @@ import * as THREE from "three";
 import { useGLTF } from "@react-three/drei";
 import { Canvas } from "@react-three/fiber";
 
+type AngleEyeType = [number, number, number];
+
 function SkeletonMesh() {
-  const [eyeAngle, setEyeAAngle] = useState<Number[]>([
+  const [eyeAngle, setEyeAAngle] = useState<AngleEyeType>([
     THREE.MathUtils.degToRad(0),
     THREE.MathUtils.degToRad(0),
     THREE.MathUtils.degToRad(0),