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

Updates

Browse Source
This commit is contained in:
Marios Antonoudiou
2025-11-16 11:25:45 +02:00
parent a9a102391e
commit c5e02f6f0e
2 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
components/top-nav.vue
View File

@@ -19,14 +19,9 @@ const motionInstance = useMotion(target, {
const throttledApply = useThrottleFn((state: string) => { const throttledApply = useThrottleFn((state: string) => {
return motionInstance.apply(state); return motionInstance.apply(state);
}, 300); }, 500);
watchEffect(() => { watchEffect(() => {
if (arrivedState.top) {
motionInstance.apply("initial");
return;
}
if (directions.top) { if (directions.top) {
throttledApply("initial"); throttledApply("initial");
return; return;
@@ -44,18 +39,23 @@ watchEffect(() => {
ref="target" ref="target"
class="border-b border-b-gray-200 dark:border-none dark:border-b-slate-600 top-0 bg-white z-10 dark:bg-slate-800 bg-opacity-85 dark:bg-opacity-90 backdrop-blur-sm sticky" class="border-b border-b-gray-200 dark:border-none dark:border-b-slate-600 top-0 bg-white z-10 dark:bg-slate-800 bg-opacity-85 dark:bg-opacity-90 backdrop-blur-sm sticky"
> >
<UContainer class="grid grid-cols-2 items-center gap-3 !py-2 max-w-3xl" as="nav"> <UContainer
class="grid grid-cols-2 items-center gap-3 !py-2 max-w-3xl"
as="nav"
>
<ULink to="/" class="flex gap-3 items-center"> <ULink to="/" class="flex gap-3 items-center">
<nuxt-img <nuxt-img
placeholder placeholder
alt="Marios Antonoudiou" alt="Marios Antonoudiou"
src="mariosant.webp" src="mariosant.webp"
class="w-10 h-10 rounded-full border border-gray-200 dark:border-gray-800 dark:bg-slate-300 block" class="w-10 h-10 rounded-full border border-gray-200 dark:border-gray-800 dark:bg-slate-300 block"
/> />
<div class="font-bold text-slate-800 dark:text-white">Marios Antonoudiou</div> <div class="font-bold text-slate-800 dark:text-white">
Marios Antonoudiou
</div>
</ULink> </ULink>
<div <div
class="flex gap-3 items-center justify-end text-slate-600 dark:text-slate-400" class="flex gap-4 items-center justify-end text-slate-600 dark:text-slate-400"
> >
<ULink <ULink
to="/" to="/"
@@ -64,6 +64,7 @@ watchEffect(() => {
>Home</ULink >Home</ULink
> >
<ULink <ULink
to="/articles" to="/articles"
class="font-semibold text-sm underline-offset-4" class="font-semibold text-sm underline-offset-4"

5
pages/index.vue
View File

@@ -2,9 +2,10 @@
useSeoMeta({ useSeoMeta({
title: "Marios Antonoudiou", title: "Marios Antonoudiou",
ogTitle: "Marios Antonoudiou", ogTitle: "Marios Antonoudiou",
description: "Software engineer. Crafting future user interfaces at Celonis.", description:
"Independent software engineer. Building digital products that feel simple, even when they are not..",
ogDescription: ogDescription:
"Software engineer. Crafting future user interfaces at Celonis.", "Independent software engineer. Building digital products that feel simple, even when they are not.",
twitterCard: "summary_large_image", twitterCard: "summary_large_image",
}); });
</script> </script>