mariosant/mariosant.dev
1
0
Fork 0
Code Issues Pull Requests Actions Activity

chore: fix slot

Browse Source
This commit is contained in:
Marios Antonoudiou
2024-05-09 14:41:01 +03:00
parent eadc8c0477
commit 3d020bda6a
2 changed files with 46 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
components/home/been-working-with.vue
View File

@@ -1,89 +1,78 @@
import PreviousRole from '../previous-role.vue';
<template> <template>
<UContainer class="flex flex-col gap-5" as="section"> <UContainer class="flex flex-col gap-5" as="section">
<div class="text-sm text-gray-500">Been working with</div> <div class="text-sm text-gray-500">Been working with</div>
<Role <PreviousRole
company="Celonis" company="Celonis"
role="Senior frontend engineer" role="Senior frontend engineer"
logo="celonis-logo.webp" logo="celonis-logo.webp"
href="https://celonis.com" href="https://celonis.com"
> >
<template> <ul class="list-disc list-inside">
<ul class="list-disc list-inside"> <li>EMS 2.0 OCPM frontend: Pioneering the future of process mining.</li>
<li> <li>
EMS 2.0 OCPM frontend: Pioneering the future of process mining. Developed internal shared component libraries and build pipelines.
</li> </li>
<li> <li>
Developed internal shared component libraries and build pipelines. Facilitated cross-departmental collaboration with Backstage
</li> implementation.
<li> </li>
Facilitated cross-departmental collaboration with Backstage </ul>
implementation. </PreviousRole>
</li>
</ul>
</template>
</Role>
<Role <PreviousRole
company="Lenses.io" company="Lenses.io"
role="Senior frontend engineer" role="Senior frontend engineer"
logo="lenses-logo.webp" logo="lenses-logo.webp"
href="https://lenses.io" href="https://lenses.io"
> >
<template> <ul class="list-disc list-inside">
<ul class="list-disc list-inside"> <li>Engineered the frontend for SQL Processors and Data Catalog.</li>
<li>Engineered the frontend for SQL Processors and Data Catalog.</li> <li>Architected the shared components library.</li>
<li>Architected the shared components library.</li> <li>Worked on the Lenses.io CLI tool.</li>
<li>Worked on the Lenses.io CLI tool.</li> </ul>
</ul> </PreviousRole>
</template>
</Role>
<Role <PreviousRole
company="The Chat Shop" company="The Chat Shop"
role="Lead Engineer" role="Lead Engineer"
logo="thechatshop-logo.jpg" logo="thechatshop-logo.jpg"
href="https://thechatshop.com" href="https://thechatshop.com"
> >
<template> <ul class="list-disc list-inside">
<ul class="list-disc list-inside"> <li>Spearheaded end-to-end processing architecture.</li>
<li>Spearheaded end-to-end processing architecture.</li> <li>Established the company’s streaming data infrastructure.</li>
<li>Established the company’s streaming data infrastructure.</li> <li>
<li> Worked on devops to achieve continuous integration and deployment.
Worked on devops to achieve continuous integration and deployment. </li>
</li> </ul>
</ul> </PreviousRole>
</template>
</Role>
<Role <PreviousRole
company="Commversion" company="Commversion"
role="Contractor Software Engineer" role="Contractor Software Engineer"
logo="commversion-logo.webp" logo="commversion-logo.webp"
href="https://commversion.com" href="https://commversion.com"
> >
<template> <ul class="list-disc list-inside">
<ul class="list-disc list-inside"> <li>
<li> Developed the frontend delivery platform with public-facing
Developed the frontend delivery platform with public-facing infrastructure.
infrastructure. </li>
</li> <li>Designed and implemented the initial InstantConnect system.</li>
<li>Designed and implemented the initial InstantConnect system.</li> </ul>
</ul> </PreviousRole>
</template>
</Role>
<Role <PreviousRole
company="Commversion" company="Commversion"
role="Contractor Frontend Engineer" role="Contractor Frontend Engineer"
logo="up-logo.webp" logo="up-logo.webp"
href="https://uphellas.gr" href="https://uphellas.gr"
> >
<template> <ul class="list-disc list-inside">
<ul class="list-disc list-inside"> <li>Implemented client's area dashboards.</li>
<li>Implemented client's area dashboards.</li> <li>Designed and implemented internal sales dashrboard.</li>
<li>Designed and implemented internal sales dashrboard.</li> </ul>
</ul> </PreviousRole>
</template>
</Role>
</UContainer> </UContainer>
</template> </template>

8
components/role.vue → components/previous-role.vue
View File

@@ -7,9 +7,6 @@ interface Props {
} }
const props = defineProps<Props>(); const props = defineProps<Props>();
const titleRef = ref();
const altContent = computed(() => titleRef.value?.$el.textContent);
</script> </script>
<template> <template>
@@ -18,7 +15,7 @@ const altContent = computed(() => titleRef.value?.$el.textContent);
<NuxtImg <NuxtImg
placeholder placeholder
:src="props.logo" :src="props.logo"
:alt="altContent" :alt="props.company"
class="block rounded min-w-[50px]" class="block rounded min-w-[50px]"
format="webp" format="webp"
height="50" height="50"
@@ -31,7 +28,6 @@ const altContent = computed(() => titleRef.value?.$el.textContent);
:href="props.href" :href="props.href"
target="_blank" target="_blank"
class="md:text-xl text-lg font-semibold hover:underline hover:underline-offset-4" class="md:text-xl text-lg font-semibold hover:underline hover:underline-offset-4"
ref="titleRef"
> >
{{ props.company }} {{ props.company }}
</NuxtLink> </NuxtLink>
@@ -39,7 +35,7 @@ const altContent = computed(() => titleRef.value?.$el.textContent);
{{ props.role }} {{ props.role }}
</div> </div>
<div class="text-sm text-gray-500"> <div class="text-sm text-gray-500">
<slot> Lorem ipsum, dolor sit amet consectetur adipisicing elit. </slot> <slot />
</div> </div>
</div> </div>
</div> </div>