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

chore: write a bit more semantic markup

Browse Source
This commit is contained in:
Marios Antonoudiou
2023-12-18 12:52:48 +02:00
parent 691a349b98
commit 1a01fa927a
6 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/been-working-with.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<UContainer class="flex flex-col gap-5"> <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"> <Company logo="celonis-logo.webp" href="https://celonis.com">
<template v-slot:title>Celonis</template> <template v-slot:title>Celonis</template>

2
components/connect.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<UContainer class="flex flex-col gap-5"> <UContainer class="flex flex-col gap-5" as="section">
<div class="text-sm text-gray-500">Let's connect</div> <div class="text-sm text-gray-500">Let's connect</div>
<div class="flex gap-4 overflow-x-auto"> <div class="flex gap-4 overflow-x-auto">

2
components/footer.vue
View File

@@ -3,7 +3,7 @@ const currentYear = new Date().getFullYear();
</script> </script>
<template> <template>
<UContainer class="flex flex-col gap-5"> <UContainer class="flex flex-col gap-5" as="footer">
<div class="text-sm text-gray-400"> <div class="text-sm text-gray-400">
© Marios Antonoudiou {{ currentYear }} - 🏛️ Athens, Greece © Marios Antonoudiou {{ currentYear }} - 🏛️ Athens, Greece
</div> </div>

10
components/introduction.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<UContainer class="flex flex-col md:gap-12 gap-5"> <UContainer class="flex flex-col md:gap-12 gap-5" as="header">
<nuxt-img <nuxt-img
placeholder placeholder
alt="Marios Antonoudiou" alt="Marios Antonoudiou"
@@ -8,7 +8,7 @@
height="64" height="64"
class="w-16 h-16 rounded-full border dark:border-gray-800 dark:bg-slate-300" class="w-16 h-16 rounded-full border dark:border-gray-800 dark:bg-slate-300"
/> />
<div class="md:text-xl text-lg font-semibold"> <h1 class="md:text-xl text-lg font-semibold">
<ULink <ULink
class="text-blue-500 dark:text-blue-300 hover:underline hover:underline-offset-4" class="text-blue-500 dark:text-blue-300 hover:underline hover:underline-offset-4"
to="mailto:mariosant@sent.com" to="mailto:mariosant@sent.com"
@@ -21,13 +21,13 @@
class="text-green-500 dark:text-green-300 hover:underline hover:underline-offset-4" class="text-green-500 dark:text-green-300 hover:underline hover:underline-offset-4"
>Celonis</ULink >Celonis</ULink
>. >.
</div> </h1>
<div class="text-gray-800 dark:text-gray-200"> <p class="text-gray-800 dark:text-gray-200">
<span class="font-semibold">Full-stack</span> software engineer in the <span class="font-semibold">Full-stack</span> software engineer in the
<span class="font-semibold">Javascript ecosystem</span>, with a focus on <span class="font-semibold">Javascript ecosystem</span>, with a focus on
building enterprise apps, work with streaming data, and adept at building enterprise apps, work with streaming data, and adept at
structuring solutions for challenging problems. Well-versed in a wide structuring solutions for challenging problems. Well-versed in a wide
range of technologies. range of technologies.
</div> </p>
</UContainer> </UContainer>
</template> </template>

2
components/personal-projects.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<UContainer class="flex flex-col gap-5"> <UContainer class="flex flex-col gap-5" as="section">
<div class="text-sm text-gray-500">Personal projects</div> <div class="text-sm text-gray-500">Personal projects</div>
<div class="grid grid-cols-1 gap-5 md:grid-cols-3"> <div class="grid grid-cols-1 gap-5 md:grid-cols-3">

2
components/project.vue
View File

@@ -11,7 +11,7 @@ const props = defineProps<Props>();
<template> <template>
<div <div
class="flex overflow-auto gap-x-5 md:gap-2 items-center md:items-start md:flex-col md:border md:rounded-lg md:p-4" class="flex overflow-auto gap-x-5 md:gap-2 items-center md:items-start md:flex-col md:border md:rounded-lg md:p-4 md:dark:border-slate-400"
> >
<ULink :to="props.url" target="_blank"> <ULink :to="props.url" target="_blank">
<NuxtImg <NuxtImg