chore: refactor
This commit is contained in:
Marios Antonoudiou
39
components/home/been-working-with.vue
Normal file
39
components/home/been-working-with.vue
Normal file
@@ -0,0 +1,39 @@
|
||||
<template>
|
||||
<UContainer class="flex flex-col gap-5" as="section">
|
||||
<div class="text-sm text-gray-500">Been working with</div>
|
||||
<Company logo="celonis-logo.webp" href="https://celonis.com">
|
||||
<template v-slot:title>Celonis</template>
|
||||
<template v-slot:description>
|
||||
Process mining and execution management software
|
||||
</template>
|
||||
</Company>
|
||||
|
||||
<Company logo="lenses-logo.webp" href="https://lenses.io">
|
||||
<template v-slot:title>Lenses</template>
|
||||
<template v-slot:description>
|
||||
Data-ops platform for Apache Kafka
|
||||
</template>
|
||||
</Company>
|
||||
|
||||
<Company logo="thechatshop-logo.jpg" href="https://thechatshop.com">
|
||||
<template v-slot:title>The Chat Shop</template>
|
||||
<template v-slot:description>
|
||||
AI chatbots and human-led conversation for customer engagement
|
||||
</template>
|
||||
</Company>
|
||||
|
||||
<Company logo="up-logo.webp" href="https://uphellas.gr">
|
||||
<template v-slot:title>Up Hellas</template>
|
||||
<template v-slot:description>
|
||||
Digital-first employee benefits that transform the workplace experience
|
||||
</template>
|
||||
</Company>
|
||||
|
||||
<Company logo="commversion-logo.webp" href="https://commversion.com">
|
||||
<template v-slot:title>Commversion</template>
|
||||
<template v-slot:description>
|
||||
Conversational marketing platform
|
||||
</template>
|
||||
</Company>
|
||||
</UContainer>
|
||||
</template>
|
||||
51
components/home/connect.vue
Normal file
51
components/home/connect.vue
Normal file
@@ -0,0 +1,51 @@
|
||||
<template>
|
||||
<UContainer class="flex flex-col gap-5" as="section">
|
||||
<div class="text-sm text-gray-500">Let's connect</div>
|
||||
|
||||
<div class="flex gap-4 overflow-x-auto">
|
||||
<UButton
|
||||
color="purple"
|
||||
icon="i-heroicons-arrow-right-circle"
|
||||
class="rounded-full"
|
||||
variant="soft"
|
||||
target="_blank"
|
||||
to="https://www.calendar.com/mariosant/short-video-call"
|
||||
>
|
||||
Calendar
|
||||
</UButton>
|
||||
|
||||
<UButton
|
||||
color="green"
|
||||
icon="i-heroicons-arrow-right-circle"
|
||||
class="rounded-full"
|
||||
variant="soft"
|
||||
target="_blank"
|
||||
to="mailto:mariosant@sent.com"
|
||||
>
|
||||
Email
|
||||
</UButton>
|
||||
|
||||
<UButton
|
||||
color="orange"
|
||||
icon="i-heroicons-arrow-right-circle"
|
||||
class="rounded-full"
|
||||
variant="soft"
|
||||
target="_blank"
|
||||
to="https://github.com/mariosant"
|
||||
>
|
||||
Github
|
||||
</UButton>
|
||||
|
||||
<UButton
|
||||
color="blue"
|
||||
icon="i-heroicons-arrow-right-circle"
|
||||
class="rounded-full"
|
||||
variant="soft"
|
||||
target="_blank"
|
||||
to="https://www.linkedin.com/in/mariosant/"
|
||||
>
|
||||
Linkedin
|
||||
</UButton>
|
||||
</div>
|
||||
</UContainer>
|
||||
</template>
|
||||
51
components/home/introduction.vue
Normal file
51
components/home/introduction.vue
Normal file
@@ -0,0 +1,51 @@
|
||||
<template>
|
||||
<UContainer class="flex flex-col md:gap-12 gap-5" as="header">
|
||||
<div class="flex items-center justify-between">
|
||||
<nuxt-img
|
||||
placeholder
|
||||
alt="Marios Antonoudiou"
|
||||
src="mariosant.webp"
|
||||
width="64"
|
||||
height="64"
|
||||
class="w-16 h-16 rounded-full border dark:border-gray-800 dark:bg-slate-300"
|
||||
/>
|
||||
|
||||
<div class="flex gap-3 items-center justify-end">
|
||||
<ULink
|
||||
to="/"
|
||||
class="text-slate-600 font-semibold underline-offset-4"
|
||||
activeClass="text-slate-800 dark:text-slate-200 underline"
|
||||
>Home</ULink
|
||||
>
|
||||
|
||||
<ULink
|
||||
to="/articles"
|
||||
class="text-slate-600 font-semibold underline-offset-4"
|
||||
activeClass="text-slate-800 dark:text-slate-200 underline"
|
||||
>Articles</ULink
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<h1 class="md:text-xl text-lg font-semibold">
|
||||
<ULink
|
||||
class="text-blue-500 dark:text-blue-300 hover:underline hover:underline-offset-4"
|
||||
to="mailto:mariosant@sent.com"
|
||||
>Marios Antonoudiou</ULink
|
||||
>, software engineer.<br />
|
||||
Crafting future user interfaces at
|
||||
<ULink
|
||||
to="https://celonis.com"
|
||||
target="_blank"
|
||||
class="text-green-500 dark:text-green-300 hover:underline hover:underline-offset-4"
|
||||
>Celonis</ULink
|
||||
>.
|
||||
</h1>
|
||||
<p class="text-gray-800 dark:text-gray-200">
|
||||
<span class="font-semibold">Software engineer</span> specializing at
|
||||
<span class="font-semibold">Javascript & Typescript ecosystem</span>, with
|
||||
a focus on enterprise apps and streaming data. Well-versed in a wide range
|
||||
of technologies, especially on
|
||||
<span class="font-semibold">frontends</span>.
|
||||
</p>
|
||||
</UContainer>
|
||||
</template>
|
||||
66
components/home/personal-projects.vue
Normal file
66
components/home/personal-projects.vue
Normal file
@@ -0,0 +1,66 @@
|
||||
<template>
|
||||
<UContainer class="flex flex-col gap-5" as="section">
|
||||
<div class="text-sm text-gray-500">Personal projects</div>
|
||||
|
||||
<div class="grid grid-cols-1 gap-5 md:grid-cols-3">
|
||||
<Project
|
||||
title="Places for Zendesk"
|
||||
image="https://990141.apps.zdusercontent.com/990141/assets/1701544308-8c83d0f02afd0b3d7342e5f19304c4b4/logo.png"
|
||||
url="https://getplaces.co"
|
||||
>
|
||||
<template v-slot:description>
|
||||
Drive leads and customers straight to your business.
|
||||
</template>
|
||||
<template v-slot:subtitle> Built for Zendesk marketplace </template>
|
||||
</Project>
|
||||
|
||||
<Project
|
||||
title="SneakPeek"
|
||||
image="https://cdn.livechat-files.com/api/file/developers/img/applications/449B6QFGg/icons/AecAyk1Gg-960x960.png"
|
||||
url="https://www.livechat.com/marketplace/apps/sneakpeek"
|
||||
marketplace="LiveChat"
|
||||
>
|
||||
<template v-slot:description
|
||||
>Turn URLs into visual chat-friendly previews</template
|
||||
>
|
||||
<template v-slot:subtitle> Built for LiveChat marketplace </template>
|
||||
</Project>
|
||||
|
||||
<Project
|
||||
title="Currencies"
|
||||
image="https://cdn.livechat-files.com/api/file/developers/img/applications/WA1l7z4Gg/stCs0iVMg-icon-960x960.png"
|
||||
url="https://www.livechat.com/marketplace/apps/currencies"
|
||||
marketplace="LiveChat"
|
||||
>
|
||||
<template v-slot:description
|
||||
>The quickest way to convert currencies.</template
|
||||
>
|
||||
<template v-slot:subtitle> Built for LiveChat marketplace </template>
|
||||
</Project>
|
||||
|
||||
<Project
|
||||
title="Skirthooks"
|
||||
image="https://cdn.livechat-files.com/api/file/developers/img/applications/yn4GN3-7g/icons/37aysFLng-960x960.png"
|
||||
url="https://www.livechat.com/marketplace/apps/skirthooks"
|
||||
marketplace="LiveChat"
|
||||
>
|
||||
<template v-slot:description
|
||||
>Build webhook based apps, without the web servers.</template
|
||||
>
|
||||
<template v-slot:subtitle> Built for LiveChat marketplace </template>
|
||||
</Project>
|
||||
|
||||
<Project
|
||||
title="Places for LiveChat"
|
||||
image="https://cdn.livechat-files.com/api/file/developers/img/applications/vHcaOp3Mg/icons/pPrAdfeGR-960x960.png"
|
||||
url="https://www.livechat.com/marketplace/apps/places"
|
||||
marketplace="LiveChat"
|
||||
>
|
||||
<template v-slot:description>
|
||||
Guide customers & leads straight to your business.
|
||||
</template>
|
||||
<template v-slot:subtitle> Built for LiveChat marketplace </template>
|
||||
</Project>
|
||||
</div>
|
||||
</UContainer>
|
||||
</template>
|
||||
19
components/home/recent-posts.vue
Normal file
19
components/home/recent-posts.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<UContainer class="flex flex-col gap-5" as="section">
|
||||
<ULink
|
||||
class="text-sm text-gray-500 flex flex-row gap-1 items-center group"
|
||||
to="/articles"
|
||||
>
|
||||
Recent articles
|
||||
<UIcon
|
||||
class="opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
name="i-heroicons-arrow-right"
|
||||
/></ULink>
|
||||
|
||||
<ContentList :query="{ sort: [{ date: -1 }], limit: 2 }" v-slot="{ list }">
|
||||
<div v-for="article in list" :key="article._path">
|
||||
<ArticleListing :article="article" />
|
||||
</div>
|
||||
</ContentList>
|
||||
</UContainer>
|
||||
</template>
|
||||
Reference in New Issue
Block a user