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

chore: change companies to roles

Browse Source
This commit is contained in:
Marios Antonoudiou
2024-05-09 14:08:28 +03:00
parent e37ceabfff
commit eadc8c0477
2 changed files with 82 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,39 +1,89 @@
<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>
<Company logo="celonis-logo.webp" href="https://celonis.com"> <Role
<template v-slot:title>Celonis</template> company="Celonis"
<template v-slot:description> role="Senior frontend engineer"
Process mining and execution management software logo="celonis-logo.webp"
href="https://celonis.com"
>
<template>
<ul class="list-disc list-inside">
<li>
EMS 2.0 OCPM frontend: Pioneering the future of process mining.
</li>
<li>
Developed internal shared component libraries and build pipelines.
</li>
<li>
Facilitated cross-departmental collaboration with Backstage
implementation.
</li>
</ul>
</template> </template>
</Company> </Role>
<Company logo="lenses-logo.webp" href="https://lenses.io"> <Role
<template v-slot:title>Lenses</template> company="Lenses.io"
<template v-slot:description> role="Senior frontend engineer"
Data-ops platform for Apache Kafka logo="lenses-logo.webp"
href="https://lenses.io"
>
<template>
<ul class="list-disc list-inside">
<li>Engineered the frontend for SQL Processors and Data Catalog.</li>
<li>Architected the shared components library.</li>
<li>Worked on the Lenses.io CLI tool.</li>
</ul>
</template> </template>
</Company> </Role>
<Company logo="thechatshop-logo.jpg" href="https://thechatshop.com"> <Role
<template v-slot:title>The Chat Shop</template> company="The Chat Shop"
<template v-slot:description> role="Lead Engineer"
AI chatbots and human-led conversation for customer engagement logo="thechatshop-logo.jpg"
href="https://thechatshop.com"
>
<template>
<ul class="list-disc list-inside">
<li>Spearheaded end-to-end processing architecture.</li>
<li>Established the company’s streaming data infrastructure.</li>
<li>
Worked on devops to achieve continuous integration and deployment.
</li>
</ul>
</template> </template>
</Company> </Role>
<Company logo="up-logo.webp" href="https://uphellas.gr"> <Role
<template v-slot:title>Up Hellas</template> company="Commversion"
<template v-slot:description> role="Contractor Software Engineer"
Digital-first employee benefits that transform the workplace experience logo="commversion-logo.webp"
href="https://commversion.com"
>
<template>
<ul class="list-disc list-inside">
<li>
Developed the frontend delivery platform with public-facing
infrastructure.
</li>
<li>Designed and implemented the initial InstantConnect system.</li>
</ul>
</template> </template>
</Company> </Role>
<Company logo="commversion-logo.webp" href="https://commversion.com"> <Role
<template v-slot:title>Commversion</template> company="Commversion"
<template v-slot:description> role="Contractor Frontend Engineer"
Conversational marketing platform logo="up-logo.webp"
href="https://uphellas.gr"
>
<template>
<ul class="list-disc list-inside">
<li>Implemented client's area dashboards.</li>
<li>Designed and implemented internal sales dashrboard.</li>
</ul>
</template> </template>
</Company> </Role>
</UContainer> </UContainer>
</template> </template>

11
components/company.vue → components/role.vue
View File

@@ -2,6 +2,8 @@
interface Props { interface Props {
logo: string; logo: string;
href?: string; href?: string;
company: string;
role: string;
} }
const props = defineProps<Props>(); const props = defineProps<Props>();
@@ -31,12 +33,13 @@ const altContent = computed(() => titleRef.value?.$el.textContent);
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" ref="titleRef"
> >
<slot name="title">Company</slot> {{ props.company }}
</NuxtLink> </NuxtLink>
<div class="mb-2 text-xs text-gray-500 uppercase font-bold">
{{ props.role }}
</div>
<div class="text-sm text-gray-500"> <div class="text-sm text-gray-500">
<slot name="description"> <slot> Lorem ipsum, dolor sit amet consectetur adipisicing elit. </slot>
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
</slot>
</div> </div>
</div> </div>
</div> </div>