diff --git a/src/components/Skills.tsx b/src/components/Skills.tsx index fdfb043..26bc571 100644 --- a/src/components/Skills.tsx +++ b/src/components/Skills.tsx @@ -1,149 +1,215 @@ -import { Show, createSignal } from "solid-js" +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

- -
- - - -
-
-
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

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

CI/CD

-

- 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

-

- In meiner Freizeit bin ich nicht nur in der Musik unterwegs, sondern schwimme auch leidenschaftlich. - Guten Cappucino kann ich auch machen ☕😉
- Um meine Umsetzungen vorstellen zu können, habe ich mehrere Präsentationen während meiner Ausbildung gehalten zu unterschiedlichsten themen welche meist wie Ted-Talks aufgebaut waren. - Dadurch konnte ich aus meiner Schwäche, vor vielen Leuten wissen zu vermitteln, ein Skill aufbauen, auf den ich heute Stolz sein kann. -

-
-
- -
+ 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

-
-
-

Coding

-

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

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

CI/CD

-

- 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

-

- In meiner Freizeit bin ich nicht nur in der Musik unterwegs, sondern schwimme auch leidenschaftlich. - Guten Cappucino kann ich auch machen ☕😉
- Um meine Umsetzungen vorstellen zu können, habe ich mehrere Präsentationen während meiner Ausbildung gehalten zu unterschiedlichsten themen welche meist wie Ted-Talks aufgebaut waren. - Dadurch konnte ich aus meiner Schwäche, vor vielen Leuten wissen zu vermitteln, ein Skill aufbauen, auf den ich heute Stolz sein kann. -

-
-
- -
-
-
+
+
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

+ +
+ + +
- - ) -} \ No newline at end of file +
+
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 +

+

+ Und privat so wie beruflich mit CMS-Systemen wie PayloadCMS, Twill oder AEM gearbeitet. +

+
+
+ + + + + + + + + +
+
+ + +
+
+

CI/CD

+

+ 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

+

+ In meiner Freizeit bin ich nicht nur in der Musik unterwegs, sondern schwimme auch leidenschaftlich. + Guten Cappucino kann ich auch machen ☕😉 +
+ Um meine Umsetzungen vorstellen zu können, habe ich mehrere Präsentationen während meiner Ausbildung + gehalten zu unterschiedlichsten themen welche meist wie Ted-Talks aufgebaut waren. Dadurch konnte ich + aus meiner Schwäche, vor vielen Leuten wissen zu vermitteln, ein Skill aufbauen, auf den ich heute + Stolz sein kann. +

+
+
+ +
+
+
+
+

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 +

+
+
+ + + + + + + + + +
+
+
+
+

CI/CD

+

+ 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

+

+ In meiner Freizeit bin ich nicht nur in der Musik unterwegs, sondern schwimme auch leidenschaftlich. + Guten Cappucino kann ich auch machen ☕😉 +
+ Um meine Umsetzungen vorstellen zu können, habe ich mehrere Präsentationen während meiner Ausbildung + gehalten zu unterschiedlichsten themen welche meist wie Ted-Talks aufgebaut waren. Dadurch konnte ich + aus meiner Schwäche, vor vielen Leuten wissen zu vermitteln, ein Skill aufbauen, auf den ich heute Stolz + sein kann. +

+
+
+
+
+
+ + ); +}; diff --git a/src/pages/impress.astro b/src/pages/impress.astro index d42b226..4823a83 100644 --- a/src/pages/impress.astro +++ b/src/pages/impress.astro @@ -6,7 +6,6 @@ import PageLayout from "../layouts/PageLayout.astro"; const encryptedMail = btoa("dominik@oceanwave018.de"); const encryptedPhoneNumber = btoa("+49 176 6400 1756"); --- -