From 91bcca129d33789782bddd2d0f0c40bd4dc684ca Mon Sep 17 00:00:00 2001 From: Dominik Strangas Date: Thu, 25 Jan 2024 09:05:45 +0100 Subject: [PATCH] sdf --- src/components/Skills.tsx | 200 ++++++++++++++++++++++++-------------- src/pages/skills.astro | 2 +- 2 files changed, 128 insertions(+), 74 deletions(-) diff --git a/src/components/Skills.tsx b/src/components/Skills.tsx index dd69f6e..30fd652 100644 --- a/src/components/Skills.tsx +++ b/src/components/Skills.tsx @@ -3,88 +3,142 @@ import { Show, createSignal } from "solid-js" export const SkillsComponent = () => { const [skill, setSkill] = createSignal<'coding' | 'ci-cd' | 'other'>('coding') return ( -
-

Mehr zu meinen Skills

-
-
-
setSkill('coding')} class={` ${skill() === 'coding' ? 'bg-emerald-400 shadow-inner ' : 'bg-emerald-600'} w-64 h-64 hover:scale-[1.02] transition-all cursor-pointer flex flex-col gap-4 justify-center items-center`}> -

Coding

- -
+ <> +
+
+

Mehr zu meinen Skills

+
+
+
setSkill('coding')} class={` ${skill() === 'coding' ? 'bg-emerald-400 shadow-inner ' : 'bg-emerald-600'} w-64 h-64 hover:scale-[1.02] transition-all cursor-pointer flex flex-col gap-4 justify-center items-center`}> +

Coding

+ +
+ + + +
+
+
setSkill('ci-cd')} class={` ${skill() === 'ci-cd' ? 'bg-emerald-400 shadow-inner ' : 'bg-emerald-600'} w-64 h-64 hover:scale-[1.02] transition-all cursor-pointer flex flex-col gap-4 justify-center items-center`}> +

CI/CD

+ +
+ + + +
+
+
setSkill('other')} class={` ${skill() === 'other' ? 'bg-emerald-400 shadow-inner ' : 'bg-emerald-600'} w-64 h-64 hover:scale-[1.02] transition-all cursor-pointer flex flex-col gap-4 justify-center items-center`}> +

Other

+ +
+ + + +
+
- +
+
+

Coding

+

In meiner Ausbildung wie auch meiner Freizeit habe ich Erfahrung mit unterschiedlichen Frameworks und Programmiersprachen gesammelt, wie zum beispiel Angular, React und Laravel

+
+
+ + + + + + +
+
-
-
-
setSkill('ci-cd')} class={` ${skill() === 'ci-cd' ? 'bg-emerald-400 shadow-inner ' : 'bg-emerald-600'} w-64 h-64 hover:scale-[1.02] transition-all cursor-pointer flex flex-col gap-4 justify-center items-center`}> -

CI/CD

- -
- +
+
+

Coding

+

+ Mit Grundkenntnissen im Web-App-Deployment und Container-Management habe ich bereits erfolgreich Projekte umgesetzt. + Mir sind Techniken wie BuilKite (Build-Pipelines) so wie das Resourcenmanagement mit Terraform in Azure nicht fremd und durfte da bereits meine ersten Kenntnisse sammeln. + Ebenfalls bin ich gut vertraut mit moderner Kontainerisierung von Applikationen mit Docker. + Dieses Portfolio zum Beispiel, läuft in einem Docker-Container und liegt hinter einem Traefik Proxy. +

+
+
+ + + + +
+
-
-
-
setSkill('other')} class={` ${skill() === 'other' ? 'bg-emerald-400 shadow-inner ' : 'bg-emerald-600'} w-64 h-64 hover:scale-[1.02] transition-all cursor-pointer flex flex-col gap-4 justify-center items-center`}> -

Other

- -
- +
+
+

Other

+

+ Ich beherrsche Tailwind und Sass für die Gestaltung von ansprechenden Frontends. Zusätzlich zeichnet mich eine ausgeprägte Expertise im Umgang mit SQL aus, wodurch ich effizient und zuverlässig Datenbanken verwalten kann, und mit ORMs wie Prisma habe ich ebenfalls bereits Erfahrung sammeln können.

+
+
+ + + + + +
+
-
- -
-
-

Coding

-

In meiner Ausbildung wie auch meiner Freizeit habe ich Erfahrung mit unterschiedlichen Frameworks und Programmiersprachen gesammelt, wie zum beispiel Angular, React und Laravel

-
-
+
+
+
+

Mehr zu meinen Skills

+
+
+

Coding

+

In meiner Ausbildung wie auch meiner Freizeit habe ich Erfahrung mit unterschiedlichen Frameworks und Programmiersprachen gesammelt, wie zum beispiel Angular, React und Laravel

+
+
- - - - - + + + + + +
+
+
+
+

Coding

+

+ Mit Grundkenntnissen im Web-App-Deployment und Container-Management habe ich bereits erfolgreich Projekte umgesetzt. + Mir sind Techniken wie BuilKite (Build-Pipelines) so wie das Resourcenmanagement mit Terraform in Azure nicht fremd und durfte da bereits meine ersten Kenntnisse sammeln. + Ebenfalls bin ich gut vertraut mit moderner Kontainerisierung von Applikationen mit Docker. + Dieses Portfolio zum Beispiel, läuft in einem Docker-Container und liegt hinter einem Traefik Proxy. +

+
+
+ + + + +
+
+
+
+

Other

+

+ Ich beherrsche Tailwind und Sass für die Gestaltung von ansprechenden Frontends. Zusätzlich zeichnet mich eine ausgeprägte Expertise im Umgang mit SQL aus, wodurch ich effizient und zuverlässig Datenbanken verwalten kann, und mit ORMs wie Prisma habe ich ebenfalls bereits Erfahrung sammeln können.

+
+
+ + + + + +
- - -
-
-

Coding

-

- Mit Grundkenntnissen im Web-App-Deployment und Container-Management habe ich bereits erfolgreich Projekte umgesetzt. - Mir sind Techniken wie BuilKite (Build-Pipelines) so wie das Resourcenmanagement mit Terraform in Azure nicht fremd und durfte da bereits meine ersten Kenntnisse sammeln. - Ebenfalls bin ich gut vertraut mit moderner Kontainerisierung von Applikationen mit Docker. - Dieses Portfolio zum Beispiel, läuft in einem Docker-Container und liegt hinter einem Traefik Proxy. -

-
-
- - - - -
-
- - -
-
-

Other

-

- Ich beherrsche Tailwind und Sass für die Gestaltung von ansprechenden Frontends. Zusätzlich zeichnet mich eine ausgeprägte Expertise im Umgang mit SQL aus, wodurch ich effizient und zuverlässig Datenbanken verwalten kann, und mit ORMs wie Prisma habe ich ebenfalls bereits Erfahrung sammeln können.

-
-
- - - - - -
-
- -
+
+ ) } \ No newline at end of file diff --git a/src/pages/skills.astro b/src/pages/skills.astro index 4941070..3dc6b4d 100644 --- a/src/pages/skills.astro +++ b/src/pages/skills.astro @@ -5,7 +5,7 @@ import { SkillsComponent } from "../components/Skills"; -
+