Removed old icons
@@ -6,8 +6,8 @@
|
||||
<NuxtImg :src="logoSrc" alt="Mahdium logo" width="64" height="64" class="h-12 w-12" format="png"
|
||||
loading="lazy" />
|
||||
<template #fallback>
|
||||
<NuxtImg src="/favicon/android-chrome-192x192.png" alt="Mahdium logo" width="64" height="64"
|
||||
class="h-12 w-12" format="png" loading="lazy" />
|
||||
<NuxtImg src="/favicon/favicon.png" alt="Mahdium logo" width="64" height="64" class="h-12 w-12"
|
||||
format="png" loading="lazy" />
|
||||
</template>
|
||||
</ClientOnly>
|
||||
<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 logoSrc = computed(() => {
|
||||
return colorMode.value === 'dark'
|
||||
? '/favicon/android-chrome-192x192-dark.png'
|
||||
: '/favicon/android-chrome-192x192.png'
|
||||
? '/favicon/favicon.png'
|
||||
: '/favicon/favicon.png'
|
||||
})
|
||||
</script>
|
||||
|
||||
@@ -7,8 +7,8 @@
|
||||
</div>
|
||||
<UTimeline :items="experiences" :default-value="0" color="primary" size="md" class="max-w-3xl">
|
||||
<template #indicator="{ item }">
|
||||
<img v-if="item.logo" :src="item.logo" :alt="`${item.company} logo`"
|
||||
class="h-10 w-10 object-contain" loading="lazy" />
|
||||
<img v-if="item.logo" :src="item.logo" :alt="`${item.company} logo`" class="h-10 w-10 object-contain"
|
||||
loading="lazy" />
|
||||
</template>
|
||||
<template #title="{ item }">
|
||||
<div class="flex flex-col gap-1">
|
||||
@@ -64,7 +64,7 @@ const experiences = computed<RichTimelineItem[]>(() => {
|
||||
descriptions: pos.description,
|
||||
icons: pos.icons,
|
||||
icon: getIconForRole(pos.title),
|
||||
logo: pos.logo || company.logo || getCompanyLogo(company.company),
|
||||
logo: pos.logo || company.logo,
|
||||
value: `${index}-${posIndex}`
|
||||
})
|
||||
})
|
||||
@@ -78,7 +78,7 @@ const experiences = computed<RichTimelineItem[]>(() => {
|
||||
descriptions: single.description,
|
||||
icons: single.icons,
|
||||
icon: getIconForRole(single.role),
|
||||
logo: single.logo || getCompanyLogo(single.company),
|
||||
logo: single.logo,
|
||||
value: index
|
||||
})
|
||||
}
|
||||
@@ -87,12 +87,7 @@ const experiences = computed<RichTimelineItem[]>(() => {
|
||||
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 {
|
||||
const role = position.toLowerCase()
|
||||
|
||||
@@ -41,7 +41,7 @@ const description = computed(() => `${portfolio.value.profile.title}. ${portfoli
|
||||
useHead(() => ({
|
||||
title: siteTitle.value,
|
||||
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 |
BIN
public/favicon/favicon.png
Normal file
|
After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 1002 B |