From 7665bb2b07225bb0e18e339aac7149fa5404b83b Mon Sep 17 00:00:00 2001 From: Araozu Date: Sat, 4 May 2024 11:38:32 -0500 Subject: [PATCH] Add new section --- public/img/tools/docker.svg | 3 + public/img/tools/git.svg | 1 + public/img/tools/gitea.svg | 1 + public/img/tools/google_cloud.svg | 1 + public/img/tools/jenkins.svg | 3 + public/img/tools/jira.svg | 2 + public/img/tools/linux.svg | 6 + public/img/tools/postgres.svg | 20 +++ src/components/Card.astro | 6 +- src/components/ToolIcon.astro | 26 ++++ src/components/index/Languages.astro | 149 ++++++++++++++++++++ src/components/index/Tools.astro | 20 +++ src/pages/index.astro | 194 +-------------------------- 13 files changed, 242 insertions(+), 190 deletions(-) create mode 100644 public/img/tools/docker.svg create mode 100644 public/img/tools/git.svg create mode 100644 public/img/tools/gitea.svg create mode 100644 public/img/tools/google_cloud.svg create mode 100644 public/img/tools/jenkins.svg create mode 100644 public/img/tools/jira.svg create mode 100644 public/img/tools/linux.svg create mode 100644 public/img/tools/postgres.svg create mode 100644 src/components/ToolIcon.astro create mode 100644 src/components/index/Languages.astro create mode 100644 src/components/index/Tools.astro diff --git a/public/img/tools/docker.svg b/public/img/tools/docker.svg new file mode 100644 index 0000000..44331c9 --- /dev/null +++ b/public/img/tools/docker.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/public/img/tools/git.svg b/public/img/tools/git.svg new file mode 100644 index 0000000..5bf444b --- /dev/null +++ b/public/img/tools/git.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tools/gitea.svg b/public/img/tools/gitea.svg new file mode 100644 index 0000000..b5836fe --- /dev/null +++ b/public/img/tools/gitea.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tools/google_cloud.svg b/public/img/tools/google_cloud.svg new file mode 100644 index 0000000..81b7d24 --- /dev/null +++ b/public/img/tools/google_cloud.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/tools/jenkins.svg b/public/img/tools/jenkins.svg new file mode 100644 index 0000000..cfc7f13 --- /dev/null +++ b/public/img/tools/jenkins.svg @@ -0,0 +1,3 @@ + + +image/svg+xml \ No newline at end of file diff --git a/public/img/tools/jira.svg b/public/img/tools/jira.svg new file mode 100644 index 0000000..69c2459 --- /dev/null +++ b/public/img/tools/jira.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/public/img/tools/linux.svg b/public/img/tools/linux.svg new file mode 100644 index 0000000..8f4c364 --- /dev/null +++ b/public/img/tools/linux.svg @@ -0,0 +1,6 @@ + + + +linux + + \ No newline at end of file diff --git a/public/img/tools/postgres.svg b/public/img/tools/postgres.svg new file mode 100644 index 0000000..8666f75 --- /dev/null +++ b/public/img/tools/postgres.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/components/Card.astro b/src/components/Card.astro index bbcdfcc..fd1af16 100644 --- a/src/components/Card.astro +++ b/src/components/Card.astro @@ -4,16 +4,16 @@ const { title } = Astro.props;

{title}

-
+
diff --git a/src/components/ToolIcon.astro b/src/components/ToolIcon.astro new file mode 100644 index 0000000..0776e1b --- /dev/null +++ b/src/components/ToolIcon.astro @@ -0,0 +1,26 @@ +--- +const { name, icon, href, size } = Astro.props; + +let tailwindSize = "h-8"; + +if (size === "big") { + tailwindSize = "h-24"; +} else if (size === "medium") { + tailwindSize = "h-16"; +} +--- + + + {`${name} +
+ {name} + diff --git a/src/components/index/Languages.astro b/src/components/index/Languages.astro new file mode 100644 index 0000000..3793731 --- /dev/null +++ b/src/components/index/Languages.astro @@ -0,0 +1,149 @@ +--- +import Card from "../Card.astro"; +import LangLogo from "../LangLogo.astro"; +--- + + +
+ TS logo +

+ + JS/TS + + : Being the lingua franca of the web, I've used a lot of JS/TS, vanilla + and with frameworks. +

+ Java logo +

+ + Java/Kotlin + + : The language I learned in university, along with JS/TS is the language + I've used the most. I've mostly written DSAs and backends with it (JSP/Spring). +

+ Rust logo +

+ + Rust + + : Currently my favorite language, I began learning it in late 2022. I've + written a backend and I'm currently writing a programming language. +

+ Go logo +

+ + Go + + : I'm currently learning Go through advent of code, and I plan to use + it for some projects in the future. +

+
+ +

+ Others: Other languages I've + used (mostly at uni): +
+

+ + + + + + +
+
+ Other languages I've tried for fun: +
+
+ + + + + + + + + + + + + + + +
+

+

+ In general I like to try new languages, explore new concepts and see new + ways to solve problems. +

+ diff --git a/src/components/index/Tools.astro b/src/components/index/Tools.astro new file mode 100644 index 0000000..8a955ce --- /dev/null +++ b/src/components/index/Tools.astro @@ -0,0 +1,20 @@ +--- +import Card from "../Card.astro" +import ToolIcon from "../ToolIcon.astro" +--- + + +

+ I've used a lot of tools, some of them are: +

+
+ + + + +
+ + + +
+ diff --git a/src/pages/index.astro b/src/pages/index.astro index e0f27ba..0b46a71 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,7 +1,7 @@ --- -import LangLogo from "../components/LangLogo.astro"; import Sidebar from "../components/Sidebar.astro"; -import Card from "../components/Card.astro"; +import Languages from "../components/index/Languages.astro"; +import Tools from "../components/index/Tools.astro"; --- @@ -26,193 +26,13 @@ import Card from "../components/Card.astro"; -
+
- -
- TS logo -

- - JS/TS - - : Being the lingua franca of the web, I've used a lot - of JS/TS, vanilla and with frameworks. -

- Java logo -

- - Java/Kotlin - - : The language I learned in university, along with JS/TS - is the language I've used the most. I've mostly written - DSAs and backends with it (JSP/Spring). -

- Rust logo -

- - Rust - - : Currently my favorite language, I began learning it - in late 2022. I've written a backend and I'm currently - writing a programming language. -

- Go logo -

- - Go - - : I'm currently learning Go through advent of code, and - I plan to use it for some projects in the future. -

-
- -

- Others: Other - languages I've used (mostly at uni): -
-

- - - - - - -
-
- Other languages I've tried for fun: -
-
- - - - - - - - - - - - - - - -
-

-

- In general I like to try new languages, explore new - concepts and see new ways to solve problems. -

- + +