From 9304e282bd67375a4c1febc2946822dd7564027e Mon Sep 17 00:00:00 2001 From: Alvalen Date: Fri, 30 Aug 2024 14:35:14 +0700 Subject: [PATCH] feat: refactor stack and tools --- app/about/(skills)/stack.jsx | 28 +++++++++++ app/about/(skills)/tools.jsx | 26 ++++++++++ app/about/page.jsx | 92 ++---------------------------------- 3 files changed, 58 insertions(+), 88 deletions(-) create mode 100644 app/about/(skills)/stack.jsx create mode 100644 app/about/(skills)/tools.jsx diff --git a/app/about/(skills)/stack.jsx b/app/about/(skills)/stack.jsx new file mode 100644 index 0000000..216a7b8 --- /dev/null +++ b/app/about/(skills)/stack.jsx @@ -0,0 +1,28 @@ +export default function Stack() { + return ( + <> +

+ Language & Framework +

+

+ HTML |{" "} + CSS |{" "} + Javascript |{" "} + Typescript |{" "} + React |{" "} + NextJS |{" "} + TailwindCSS |{" "} + Bootstrap |{" "} + NodeJS |{" "} + ExpressJS |{" "} + MySQL |{" "} + PostgreSQL |{" "} + MongoDB |{" "} + Firebase |{" "} + PHP |{" "} + Laravel |{" "} + Python +

+ + ); +} \ No newline at end of file diff --git a/app/about/(skills)/tools.jsx b/app/about/(skills)/tools.jsx new file mode 100644 index 0000000..6b6d10a --- /dev/null +++ b/app/about/(skills)/tools.jsx @@ -0,0 +1,26 @@ +export default function Tools() { + return ( + <> +

+ Tools +

+

+ Visual Studio Code{" "} + | Jet Brains |{" "} + Git |{" "} + Github |{" "} + Figma |{" "} + Adobe Photoshop{" "} + |{" "} + + Adobe Premiere Pro + {" "} + |{" "} + + Adobe After Effect + {" "} + |{" "} +

+ + ); +} diff --git a/app/about/page.jsx b/app/about/page.jsx index d43fa59..06c71ad 100644 --- a/app/about/page.jsx +++ b/app/about/page.jsx @@ -10,6 +10,8 @@ import { faChevronLeft } from "@fortawesome/free-solid-svg-icons"; import Card from "./(spotify)/card.jsx"; import Quote from "./(quote)/quote.jsx"; import Skills from "./(skills)/skills.jsx"; +import Tools from "./(skills)/tools.jsx"; +import Stack from "./(skills)/stack.jsx"; // images import Me1 from "@/public/img/me1.jpg"; @@ -249,62 +251,7 @@ export default function Page() { type: "spring", }}> -

- Language & Framework -

-

- HTML |{" "} - CSS |{" "} - - Javascript - {" "} - |{" "} - - Typescript - {" "} - |{" "} - React{" "} - |{" "} - - NextJS - {" "} - |{" "} - - TailwindCSS - {" "} - |{" "} - - Bootstrap - {" "} - |{" "} - - NodeJS - {" "} - |{" "} - - ExpressJS - {" "} - |{" "} - - MongoDB - {" "} - |{" "} - MySQL{" "} - |{" "} - - Firebase - {" "} - |{" "} - PHP{" "} - |{" "} - - Laravel - {" "} - |{" "} - - Python - -

+ -

- Tools -

-

- - Visual Studio Code - {" "} - |{" "} - - Jet Brains - {" "} - | Git{" "} - |{" "} - Github{" "} - |{" "} - - Figma - {" "} - |{" "} - - Adobe Photoshop - {" "} - |{" "} - - Adobe Premiere Pro - {" "} - |{" "} - - Adobe After Effect - {" "} - |{" "} -

+