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) => {
return motionInstance.apply(state);
}, 300);
}, 500);
watchEffect(() => {
if (arrivedState.top) {
motionInstance.apply("initial");
return;
}
if (directions.top) {
throttledApply("initial");
return;
@@ -44,18 +39,23 @@ watchEffect(() => {
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"
>
<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">
<nuxt-img
placeholder
alt="Marios Antonoudiou"
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>
<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
to="/"
@@ -64,6 +64,7 @@ watchEffect(() => {
>Home</ULink
>
<ULink
to="/articles"
class="font-semibold text-sm underline-offset-4"

5
pages/index.vue
View File

@@ -2,9 +2,10 @@
useSeoMeta({
title: "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:
"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",
});
</script>