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

sedf

This commit is contained in:
Dominik Strangas 2024-01-26 15:06:21 +01:00
parent 91bcca129d
commit 4aa02db798
3 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/img/mesmiling1080.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 560 KiB

32
src/components/Skills.tsx
View File

@ -49,13 +49,17 @@ export const SkillsComponent = () => {
<img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/react.png" alt="" /> <img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/react.png" alt="" />
<img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/java.png" alt="" /> <img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/java.png" alt="" />
<img class="h-20 w-24 object-scale-down bg-neutral-100 p-3 rounded-lg" src="/img/express.png" alt="" /> <img class="h-20 w-24 object-scale-down bg-neutral-100 p-3 rounded-lg" src="/img/express.png" alt="" />
<img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/tailwind.svg" alt="" />
<img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/sass.png" alt="" />
<img class="h-20 w-24 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/sql.png" alt="" />
<img class="h-20 w-24 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/prisma.png" alt="" />
</div> </div>
</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 h-80 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">Coding</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">
Mit Grundkenntnissen im Web-App-Deployment und Container-Management habe ich bereits erfolgreich Projekte umgesetzt. 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. 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.
@ -76,14 +80,12 @@ export const SkillsComponent = () => {
<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="w-1/2 text-neutral-800">
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. </p> In meiner Freizeit bin ich nicht nur in der Musik unterwegs, sondern schwimme auch leidenschaftlich.
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.
Dadurch konnte ich aus meiner Schwäche vor vielen Leuten wissen zu vermitteln, ein Skill auf den ich heute Stolz sein kann. </p>
</div> </div>
<div class="w-full h-24 flex justify-between items-center"> <div class="w-full h-24 flex justify-between items-center">
<img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/tailwind.svg" alt="" />
<img class="h-20 w-24 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/sass.png" alt="" />
<img class="h-20 w-24 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/sql.png" alt="" />
<img class="h-20 w-24 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/prisma.png" alt="" />
</div> </div>
</div> </div>
</Show> </Show>
@ -104,11 +106,15 @@ export const SkillsComponent = () => {
<img class="h-12 w-16 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/react.png" alt="" /> <img class="h-12 w-16 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/react.png" alt="" />
<img class="h-12 w-16 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/java.png" alt="" /> <img class="h-12 w-16 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/java.png" alt="" />
<img class="h-12 w-16 object-scale-down bg-neutral-100 p-3 rounded-lg" src="/img/express.png" alt="" /> <img class="h-12 w-16 object-scale-down bg-neutral-100 p-3 rounded-lg" src="/img/express.png" alt="" />
<img class="h-12 w-16 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/tailwind.svg" alt="" />
<img class="h-12 w-16 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/sass.png" alt="" />
<img class="h-12 w-16 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/sql.png" alt="" />
<img class="h-12 w-16 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/prisma.png" alt="" />
</div> </div>
</div> </div>
<div class="w-full h-auto py-5 bg-emerald-600 px-10 flex justify-around flex-col"> <div class="w-full h-auto py-5 bg-emerald-600 px-10 flex justify-around flex-col">
<div class="flex flex-col"> <div class="flex flex-col">
<p class="text-2xl font-bold text-neutral-800">Coding</p> <p class="text-2xl font-bold text-neutral-800">CI/CD</p>
<p class="w-full text-neutral-800"> <p class="w-full text-neutral-800">
Mit Grundkenntnissen im Web-App-Deployment und Container-Management habe ich bereits erfolgreich Projekte umgesetzt. 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. 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.
@ -127,14 +133,14 @@ export const SkillsComponent = () => {
<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-full text-neutral-800"> <p class="w-full text-neutral-800">
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. </p> In meiner Freizeit bin ich nicht nur in der Musik unterwegs, sondern schwimme auch leidenschaftlich.
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.
Dadurch konnte ich aus meiner Schwäche vor vielen Leuten wissen zu vermitteln, ein Skill auf den ich heute Stolz sein kann.
</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">
<img class="h-12 w-16 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/tailwind.svg" alt="" />
<img class="h-12 w-16 object-scale-down bg-neutral-800 p-3 rounded-lg" src="/img/sass.png" alt="" />
<img class="h-12 w-16 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/sql.png" alt="" />
<img class="h-12 w-16 sepia-[.3] object-scale-down bg-neutral-800 grayscale-[.7] p-3 rounded-lg" src="/img/prisma.png" alt="" />
</div> </div>
</div> </div>
</div> </div>

2
src/components/StoryItems.tsx
View File

@ -10,7 +10,7 @@ type StoryItemsProps = {
export const StoryItems = (props: StoryItemsProps) => { export const StoryItems = (props: StoryItemsProps) => {
return ( return (
<div class="w-full grid grid-cols-1 gap-5 xl:grid-cols-2"> <div class="w-full grid grid-cols-1 gap-5 xl:grid-cols-2 ">
<For each={props.storyItems}>{(item, index) => <For each={props.storyItems}>{(item, index) =>
<StoryItem item={item} mirrored={index() % 2 === 0} /> <StoryItem item={item} mirrored={index() % 2 === 0} />
}</For> }</For>