Brief portfolio

NightfuryEquinn · Nov 26, 2023 · edd17dd · edd17dd · vercel · Nov 26, 2023
1 parent 3d488cc
commit edd17dd
Show file tree

Hide file tree

Showing 13 changed files with 24 additions and 27 deletions.
diff --git a/README.md b/README.md
@@ -9,17 +9,24 @@ It is legit a major change with libraries, framework and extra stuffs.
 <br/>
 I even designed my own logo and created a wireframe in Figma. 
 <br/>
+It is still under development, but there are some information about my professional-side.
 
 <hr/>
 
 ### 💡 Libraries and framework used: 
-
+1️⃣ React Three Fiber
+2️⃣ React Three Drei
+3️⃣ Camera Controls
+4️⃣ Three Custom Shader Material
+5️⃣ GL-Noise
+6️⃣ Vite & Vercel
+7️⃣ TailwindCSS with Autoprefixer and PostCSS
+8️⃣ Leva for Debugging
 
 <hr/>
 
-### 👻 Since it is a 3D portfolio, I also used some resources from:
-
+### 👻 Since it is a 3D portfolio, I personally created the model from Blender.
 
 <hr/>
 
-P/S: 🤡 If I missed any credits, please do not hestitate to tell me to include it.
+P/S: 🤡 If I missed any credits, please do not hestitate to tell me to include it.
diff --git a/index.html b/index.html
@@ -4,16 +4,6 @@
     <!--Some meta stuffs-->
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
-    <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-KF3Y8TSHL4"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-
-      gtag('config', 'G-KF3Y8TSHL4');
-    </script>
 
     <!--Title and Icon-->
     <link rel="icon" href="/logo/FuryDark.png" type="image/x-icon" />

diff --git a/src/App.jsx b/src/App.jsx
@@ -15,7 +15,7 @@ export default function App() {
 
         <EffectComposer>
           <Glitch 
-            delay={ [ 60, 90 ] }
+            delay={ [ 30, 60 ] }
             duration={ [ 0.3, 0.5 ] }
             strength={ [ 0.2, 0.4 ] }
           />

diff --git a/src/components/inner-blocks/F1.jsx b/src/components/inner-blocks/F1.jsx
@@ -75,7 +75,7 @@ export default function F1( { controls, geometry, material } ) {
             data-gw-string="F1 Here" 
             className={`glitched-title font-made-light text-4xl text-white whitespace-nowrap delay-200 duration-300 ease-in-out ${ hover ? "opacity-100" : "opacity-0" }`}
           >
-            F1 Here
+            Front-end<br/>Developer
           </h2>
         </div>
       </Html>

diff --git a/src/components/inner-blocks/F2.jsx b/src/components/inner-blocks/F2.jsx
@@ -75,7 +75,7 @@ export default function F2( { controls, geometry, material } ) {
             data-gw-string="F2 Here" 
             className={`glitched-title font-made-light text-4xl text-white whitespace-nowrap delay-200 duration-300 ease-in-out ${ hover ? "opacity-100" : "opacity-0" }`}
           >
-            F2 Here
+            Mobile<br/>Developer
           </h2>
         </div>
       </Html>

diff --git a/src/components/inner-blocks/R1.jsx b/src/components/inner-blocks/R1.jsx
@@ -66,7 +66,7 @@ export default function R1( { controls, geometry, material } ) {
       />
 
       <Html
-        position={ [ -15, -2, 0 ] }
+        position={ [ -17, -2, 0 ] }
         center
         distanceFactor={ 50 }
       >
@@ -75,7 +75,7 @@ export default function R1( { controls, geometry, material } ) {
             data-gw-string="R1 Here" 
             className={`glitched-title font-made-light text-4xl text-white whitespace-nowrap delay-200 duration-300 ease-in-out ${ hover ? "opacity-100" : "opacity-0" }`}
           >
-            R1 Here
+            ITF Taekwondo<br/>Practitioner
           </h2>
         </div>
       </Html>

diff --git a/src/components/inner-blocks/R2.jsx b/src/components/inner-blocks/R2.jsx
@@ -75,7 +75,7 @@ export default function R2( { controls, geometry, material } ) {
             data-gw-string="R2 Here" 
             className={`glitched-title font-made-light text-4xl text-white whitespace-nowrap delay-200 duration-300 ease-in-out ${ hover ? "opacity-100" : "opacity-0" }`}
           >
-            R2 Here
+            Archery
           </h2>
         </div>
       </Html>

diff --git a/src/components/inner-blocks/R3.jsx b/src/components/inner-blocks/R3.jsx
@@ -75,7 +75,7 @@ export default function R3( { controls, geometry, material } ) {
             data-gw-string="R3 Here" 
             className={`glitched-title font-made-light text-4xl text-white whitespace-nowrap delay-200 duration-300 ease-in-out ${ hover ? "opacity-100" : "opacity-0" }`}
           >
-            R3 Here
+            Physics<br/>Enthusiast
           </h2>
         </div>
       </Html>

diff --git a/src/components/inner-blocks/U1.jsx b/src/components/inner-blocks/U1.jsx
@@ -75,7 +75,7 @@ export default function U1( { controls, geometry, material } ) {
             data-gw-string="U1 Here" 
             className={`glitched-title font-made-light text-4xl text-white whitespace-nowrap delay-200 duration-300 ease-in-out ${ hover ? "opacity-100" : "opacity-0" }`}
           >
-            U1 Here
+            Hoyoverse<br/>Supporter
           </h2>
         </div>
       </Html>

diff --git a/src/components/inner-blocks/U2.jsx b/src/components/inner-blocks/U2.jsx
@@ -75,7 +75,7 @@ export default function U2( { controls, geometry, material } ) {
             data-gw-string="U2 Here" 
             className={`glitched-title font-made-light text-4xl text-white whitespace-nowrap delay-200 duration-300 ease-in-out ${ hover ? "opacity-100" : "opacity-0" }`}
           >
-            U2 Here
+            LoL<br/>Diehard
           </h2>
         </div>
       </Html>

diff --git a/src/components/inner-blocks/Y1.jsx b/src/components/inner-blocks/Y1.jsx
@@ -75,7 +75,7 @@ export default function Y1( { controls, geometry, material } ) {
             data-gw-string="Y1 Here" 
             className={`glitched-title font-made-light text-4xl text-white whitespace-nowrap delay-200 duration-300 ease-in-out ${ hover ? "opacity-100" : "opacity-0" }`}
           >
-            Y1 Here
+            Bassoonist
           </h2>
         </div>
       </Html>

diff --git a/src/components/inner-blocks/Y2.jsx b/src/components/inner-blocks/Y2.jsx
@@ -75,7 +75,7 @@ export default function Y2( { controls, geometry, material } ) {
             data-gw-string="Y2 Here" 
             className={`glitched-title font-made-light text-4xl text-white whitespace-nowrap delay-200 duration-300 ease-in-out ${ hover ? "opacity-100" : "opacity-0" }`}
           >
-            Y2 Here
+            Hobby<br/>Sports
           </h2>
         </div>
       </Html>

diff --git a/src/components/inner-blocks/Y3.jsx b/src/components/inner-blocks/Y3.jsx
@@ -66,7 +66,7 @@ export default function Y3( { controls, geometry, material } ) {
       />
 
       <Html
-        position={ [ -19, -1, 0 ] }
+        position={ [ -21, -1, 0 ] }
         center
         distanceFactor={ 50 }
       >
@@ -75,7 +75,7 @@ export default function Y3( { controls, geometry, material } ) {
             data-gw-string="Y3 Here" 
             className={`glitched-title font-made-light text-4xl text-white whitespace-nowrap delay-200 duration-300 ease-in-out ${ hover ? "opacity-100" : "opacity-0" }`}
           >
-            Y3 Here
+            Miscellaneous
           </h2>
         </div>
       </Html>
-Original file line number
+Diff line change
@@ Expand Up @@
                 data-gw-string="F1 Here"
                 className={`glitched-title font-made-light text-4xl text-white whitespace-nowrap delay-200 duration-300 ease-in-out ${ hover ? "opacity-100" : "opacity-0" }`}
               >
-                F1 Here
+                Front-end<br/>Developer
               </h2>
             </div>
           </Html>
@@ Expand Down @@