Dominik
/
kurwafolio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

asdf

This commit is contained in:
zktsn0w 2024-01-26 20:04:43 +01:00
parent 4aa02db798
commit 8ccad33665
1 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/Skills.tsx
View File

@ -37,12 +37,12 @@ export const SkillsComponent = () => {
</div> </div>
</div > </div >
<Show when={skill() === 'coding'}> <Show when={skill() === 'coding'}>
<div class="w-full h-80 bg-emerald-600 px-20 flex justify-around flex-col"> <div class="w-full min-h-80 py-5 bg-emerald-600 px-20 flex justify-around flex-col">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-6">
<p class="text-2xl font-bold text-neutral-800">Coding</p> <p class="text-2xl font-bold text-neutral-800">Coding</p>
<p class="w-1/2 text-neutral-800">In meiner Ausbildung wie auch meiner Freizeit habe ich Erfahrung mit unterschiedlichen Frameworks und Programmiersprachen gesammelt, wie zum beispiel Angular, React und Laravel</p> <p class="w-1/2 text-neutral-800">In meiner Ausbildung wie auch meiner Freizeit habe ich Erfahrung mit unterschiedlichen Frameworks und Programmiersprachen gesammelt, wie zum beispiel Angular, React und Laravel</p>
</div> </div>
<div class="w-full h-24 flex justify-between items-center"> <div class="w-full min-h-24 gap-4 flex-wrap flex justify-between items-center">
<img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/angular.svg.png" alt="" /> <img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/angular.svg.png" alt="" />
<img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/laravel.svg.png" alt="" /> <img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/laravel.svg.png" alt="" />
@ -57,7 +57,7 @@ export const SkillsComponent = () => {
</div> </div>
</Show> </Show>
<Show when={skill() === 'ci-cd'}> <Show when={skill() === 'ci-cd'}>
<div class="w-full h-80 bg-emerald-600 px-20 flex justify-around flex-col"> <div class="w-full min-h-80 py-5 bg-emerald-600 px-20 flex justify-around flex-col">
<div class="flex flex-col"> <div class="flex flex-col">
<p class="text-2xl font-bold text-neutral-800">CI/CD</p> <p class="text-2xl font-bold text-neutral-800">CI/CD</p>
<p class="w-3/4 text-neutral-800"> <p class="w-3/4 text-neutral-800">
@ -67,7 +67,7 @@ export const SkillsComponent = () => {
Dieses Portfolio zum Beispiel, läuft in einem Docker-Container und liegt hinter einem Traefik Proxy. Dieses Portfolio zum Beispiel, läuft in einem Docker-Container und liegt hinter einem Traefik Proxy.
</p> </p>
</div> </div>
<div class="w-full h-24 flex justify-between items-center"> <div class="w-full min-h-24 gap-4 flex justify-between items-center">
<img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/docker.png" alt="" /> <img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/docker.png" alt="" />
<img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/buildkite.png" alt="" /> <img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/buildkite.png" alt="" />
@ -76,16 +76,15 @@ export const SkillsComponent = () => {
</div> </div>
</Show> </Show>
<Show when={skill() === 'other'}> <Show when={skill() === 'other'}>
<div class="w-full h-80 bg-emerald-600 px-20 flex justify-around flex-col"> <div class="w-full min-h-80 py-5 bg-emerald-600 px-20 flex justify-around flex-col">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-6">
<p class="text-2xl font-bold text-neutral-800">Other</p> <p class="text-2xl font-bold text-neutral-800">Other</p>
<p class="w-1/2 text-neutral-800"> <p class="text-neutral-800">
In meiner Freizeit bin ich nicht nur in der Musik unterwegs, sondern schwimme auch leidenschaftlich. In meiner Freizeit bin ich nicht nur in der Musik unterwegs, sondern schwimme auch leidenschaftlich.
Guten Cappucino kann ich auch machen &#9749;&#128521; Guten Cappucino kann ich auch machen &#9749;&#128521;
Um meine Umsetzungen vorstellen zu können, habe ich mehrere Präsentationen während meiner Ausbildung gehalten zu unterschiedlichsten themen welche meist wie eine Art Ted-Talk aufgebaut waren gehalten. Um meine Umsetzungen vorstellen zu können, habe ich mehrere Präsentationen während meiner Ausbildung gehalten zu unterschiedlichsten themen welche meist wie Art Ted-Talks aufgebaut waren gehalten.
Dadurch konnte ich aus meiner Schwäche vor vielen Leuten wissen zu vermitteln, ein Skill auf den ich heute Stolz sein kann. </p> Dadurch konnte ich aus meiner Schwäche, vor vielen Leuten wissen zu vermitteln, ein Skill aufbauen, auf den ich heute Stolz sein kann.
</div> </p>
<div class="w-full h-24 flex justify-between items-center">
</div> </div>
</div> </div>
</Show> </Show>
@ -135,8 +134,8 @@ export const SkillsComponent = () => {
<p class="w-full text-neutral-800"> <p class="w-full text-neutral-800">
In meiner Freizeit bin ich nicht nur in der Musik unterwegs, sondern schwimme auch leidenschaftlich. In meiner Freizeit bin ich nicht nur in der Musik unterwegs, sondern schwimme auch leidenschaftlich.
Guten Cappucino kann ich auch machen &#9749;&#128521; Guten Cappucino kann ich auch machen &#9749;&#128521;
Um meine Umsetzungen vorstellen zu können, habe ich mehrere Präsentationen während meiner Ausbildung gehalten zu unterschiedlichsten themen welche meist wie eine Art Ted-Talk aufgebaut waren gehalten. 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 gehalten.
Dadurch konnte ich aus meiner Schwäche vor vielen Leuten wissen zu vermitteln, ein Skill auf den ich heute Stolz sein kann. Dadurch konnte ich aus meiner Schwäche, vor vielen Leuten wissen zu vermitteln, ein Skill aufbauen, auf den ich heute Stolz sein kann.
</p> </p>
</div> </div>
<div class="w-full flex-wrap gap-3 h-auto flex justify-between items-center"> <div class="w-full flex-wrap gap-3 h-auto flex justify-between items-center">