Removed old icons
@@ -6,8 +6,8 @@
|
|||||||
<NuxtImg :src="logoSrc" alt="Mahdium logo" width="64" height="64" class="h-12 w-12" format="png"
|
<NuxtImg :src="logoSrc" alt="Mahdium logo" width="64" height="64" class="h-12 w-12" format="png"
|
||||||
loading="lazy" />
|
loading="lazy" />
|
||||||
<template #fallback>
|
<template #fallback>
|
||||||
<NuxtImg src="/favicon/android-chrome-192x192.png" alt="Mahdium logo" width="64" height="64"
|
<NuxtImg src="/favicon/favicon.png" alt="Mahdium logo" width="64" height="64" class="h-12 w-12"
|
||||||
class="h-12 w-12" format="png" loading="lazy" />
|
format="png" loading="lazy" />
|
||||||
</template>
|
</template>
|
||||||
</ClientOnly>
|
</ClientOnly>
|
||||||
<p>© {{ currentYear }}, <span class="font-semibold text-gray-900 dark:text-gray-100">Mahdium</span> -
|
<p>© {{ currentYear }}, <span class="font-semibold text-gray-900 dark:text-gray-100">Mahdium</span> -
|
||||||
@@ -31,7 +31,7 @@ const colorMode = useColorMode()
|
|||||||
const currentYear = computed(() => new Date().getFullYear())
|
const currentYear = computed(() => new Date().getFullYear())
|
||||||
const logoSrc = computed(() => {
|
const logoSrc = computed(() => {
|
||||||
return colorMode.value === 'dark'
|
return colorMode.value === 'dark'
|
||||||
? '/favicon/android-chrome-192x192-dark.png'
|
? '/favicon/favicon.png'
|
||||||
: '/favicon/android-chrome-192x192.png'
|
: '/favicon/favicon.png'
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -7,8 +7,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<UTimeline :items="experiences" :default-value="0" color="primary" size="md" class="max-w-3xl">
|
<UTimeline :items="experiences" :default-value="0" color="primary" size="md" class="max-w-3xl">
|
||||||
<template #indicator="{ item }">
|
<template #indicator="{ item }">
|
||||||
<img v-if="item.logo" :src="item.logo" :alt="`${item.company} logo`"
|
<img v-if="item.logo" :src="item.logo" :alt="`${item.company} logo`" class="h-10 w-10 object-contain"
|
||||||
class="h-10 w-10 object-contain" loading="lazy" />
|
loading="lazy" />
|
||||||
</template>
|
</template>
|
||||||
<template #title="{ item }">
|
<template #title="{ item }">
|
||||||
<div class="flex flex-col gap-1">
|
<div class="flex flex-col gap-1">
|
||||||
@@ -64,7 +64,7 @@ const experiences = computed<RichTimelineItem[]>(() => {
|
|||||||
descriptions: pos.description,
|
descriptions: pos.description,
|
||||||
icons: pos.icons,
|
icons: pos.icons,
|
||||||
icon: getIconForRole(pos.title),
|
icon: getIconForRole(pos.title),
|
||||||
logo: pos.logo || company.logo || getCompanyLogo(company.company),
|
logo: pos.logo || company.logo,
|
||||||
value: `${index}-${posIndex}`
|
value: `${index}-${posIndex}`
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
@@ -78,7 +78,7 @@ const experiences = computed<RichTimelineItem[]>(() => {
|
|||||||
descriptions: single.description,
|
descriptions: single.description,
|
||||||
icons: single.icons,
|
icons: single.icons,
|
||||||
icon: getIconForRole(single.role),
|
icon: getIconForRole(single.role),
|
||||||
logo: single.logo || getCompanyLogo(single.company),
|
logo: single.logo,
|
||||||
value: index
|
value: index
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@@ -87,12 +87,7 @@ const experiences = computed<RichTimelineItem[]>(() => {
|
|||||||
return items
|
return items
|
||||||
})
|
})
|
||||||
|
|
||||||
function getCompanyLogo(name: string): string | undefined {
|
|
||||||
const lower = name.toLowerCase()
|
|
||||||
if (lower.includes('huawei')) return '/img/huawei.svg'
|
|
||||||
if (lower.includes('nexaportal')) return '/img/NexaPortal1.png'
|
|
||||||
return undefined
|
|
||||||
}
|
|
||||||
|
|
||||||
function getIconForRole(position: string): string {
|
function getIconForRole(position: string): string {
|
||||||
const role = position.toLowerCase()
|
const role = position.toLowerCase()
|
||||||
|
|||||||
@@ -41,7 +41,7 @@ const description = computed(() => `${portfolio.value.profile.title}. ${portfoli
|
|||||||
useHead(() => ({
|
useHead(() => ({
|
||||||
title: siteTitle.value,
|
title: siteTitle.value,
|
||||||
link: [
|
link: [
|
||||||
{ rel: 'icon', type: 'image/svg+xml', href: '/favicon/newlogo.png' },
|
{ rel: 'icon', type: 'image/svg+xml', href: '/favicon/favicon.png' },
|
||||||
],
|
],
|
||||||
}))
|
}))
|
||||||
|
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 9.5 KiB |
|
Before Width: | Height: | Size: 417 B |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 168 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 1002 B |