feat: update author assets and metadata configuration

- add new author chibi images and update references
- remove old cv file and update resume iframe path
- update metadata builder to use new default image
- fix button label indentation in profile info
- remove image from base page metadata

Author: gadingnst

public/media/authors/gading-chibi-close-signature.png

@@ -1,3 +1,4 @@
+import { AUTHOR_NAME } from '@/configs/author';
 import AboutPage, { generateAboutPathsWithLang } from '@/modules/About/About.page';
 import { getContentMultiLanguage } from '@/modules/Content/services/content-parser';
 import { I18nLocales } from '@/packages/libs/I18n/interface';
@@ -17,10 +18,10 @@ export const generateMetadata = withGenerateMetadata<{ lang: I18nLocales; }>(asy
     locale: lang,
     meta: {
       slug: '/about',
-      title: content.meta.title,
+      title: `About ${AUTHOR_NAME}`,
       description: content.meta.description,
       keywords: content.meta.keywords,
-      image: content.meta.image,
+      image: '/media/authors/gading-chibi-talk-signature.png',
       tags: content.meta.tags,
       date: content.meta.date
     }

public/media/authors/gading-chibi-close.png

@@ -30,7 +30,6 @@ export const generateMetadata = withGenerateMetadata<LangPageProps>(async({ para
       description: meta.description,
       keywords: meta.keywords,
       tags: meta.tags,
-      image: meta.image,
       date: meta.date
     }
   });

public/media/authors/gading-chibi-talk-signature.png

@@ -1,3 +1,4 @@
+import { AUTHOR_NAME } from '@/configs/author';
 import AboutPage, { generateAboutPathsDefault } from '@/modules/About/About.page';
 import { getContentMultiLanguage } from '@/modules/Content/services/content-parser';
 import { withGenerateMetadata } from '@/packages/utils/metadata/metadata';
@@ -14,10 +15,10 @@ export const generateMetadata = withGenerateMetadata(async() => {
   return metadataBuilder({
     meta: {
       slug: '/about',
-      title: content.meta.title,
+      title: `About ${AUTHOR_NAME}`,
       description: content.meta.description,
       keywords: content.meta.keywords,
-      image: content.meta.image,
+      image: '/media/authors/gading-chibi-talk-signature.png',
       date: content.meta.date,
       tags: content.meta.tags
     }

public/media/cv_gading.pdf

@@ -24,7 +24,7 @@ const LeftDesc = ({ className }: { className?: string }) => (
       rel="noopener noreferrer"
       data-umami-event="about_portfolio"
     >
-        Portfolio
+      Portfolio
     </ButtonLink>
     <ButtonLink
       href={`https://linkedin.com/in/${AUTHOR_LINKEDIN}`}
@@ -34,7 +34,7 @@ const LeftDesc = ({ className }: { className?: string }) => (
       rel="noopener noreferrer"
       data-umami-event="about_careers"
     >
-        Careers
+      Careers
     </ButtonLink>
   </div>
 );
@@ -54,7 +54,7 @@ const RightDesc = ({ className }: { className?: string }) => (
       rel="noopener noreferrer"
       data-umami-event="about_resume"
     >
-        Resume
+      Resume
     </ButtonLink>
     <ButtonLink
       href="mailto:[email protected]"
@@ -64,7 +64,7 @@ const RightDesc = ({ className }: { className?: string }) => (
       rel="noopener noreferrer"
       data-umami-event="about_contact"
     >
-        Contact
+      Contact
     </ButtonLink>
   </div>
 );
@@ -79,7 +79,7 @@ function ProfileInfo() {
         <div className="-mt-4 flex flex-col flex-1 items-center justify-center">
           <Image
             className="rounded-full cursor-grab active:cursor-grabbing"
-            src="/media/authors/gading-talks.jpeg"
+            src="/media/authors/gading-chibi-talk-signature.png"
             alt={AUTHOR_NAME}
             width={180}
             height={180}

src/app/(base)/[lang]/about/page.ts

@@ -1,6 +1,6 @@
 function ResumePage() {
   return (
-    <iframe src="/media/cv_gading.pdf" className="h-screen w-full" />
+    <iframe src="/media/authors/cv_gading.pdf" className="h-screen w-full" />
   );
 };
 

src/app/(base)/[lang]/page.ts

@@ -20,35 +20,34 @@ interface IMetaBuilder {
   };
 }
 
-const domain = BASE_URL;
-const thumbnail = (imageUrl: string) => cloudinary(imageUrl, { scale: 0.3 });
+const thumbnail = (imageUrl: string) => cloudinary(imageUrl, { scale: 0.5 });
 
 export function metadataBuilder({ meta, locale = 'en' }: IMetaBuilder) {
   const {
     title,
     slug,
     description = 'Software Engineer from Palembang, Indonesia 🇮🇩',
-    image = `${domain}/media/authors/gading-talks.jpeg`,
+    image = '/media/authors/gading-chibi-close-signature.png',
     date = dt().format('YYYY-MM-DD'),
     keywords = '',
     tags = []
   } = meta;
 
-  const url = `${domain}${locale ? `/${locale}` : ''}${slug}`;
+  const url = `${BASE_URL}${locale ? `/${locale}` : ''}${slug}`;
 
   const featuredImage = thumbnail(image);
 
   const combinedKeywords = [...tags, keywords].join(', ')
     + 'gading\'s hideout, gadingnst, gadingnstn, gadingdev, gading.dev, gading dev, gading fadhillah, gading developer, sutan nasution, sutan nst, gading nst, gading homepage, gading, sutan gading, sutan gading fadhillah nasution, sutan, sutanlab, gading\'s website, gading website, developer, developer services, programmer, frontend, fullstack, sutanlab';
 
   const metaTags: Metadata = {
-    metadataBase: new URL(domain),
+    metadataBase: new URL(BASE_URL),
     title: `${title} | ${SITE_NAME}`,
     description: description,
     keywords: combinedKeywords,
     authors: [{
       name: AUTHOR_NAME,
-      url: domain
+      url: BASE_URL
     }],
     openGraph: {
       title: `${title} | ${SITE_NAME}`,