fix: update name with full name and nickname

README.md

@@ -1,4 +1,4 @@
-<h1 align="center"><a href="https://divlo.fr/">Divlo</a></h1>
+<h1 align="center"><a href="https://divlo.fr/">Théo LUDWIG (Divlo)</a></h1>
 
 <p align="center">
   <strong>Developer Full Stack • Open-Source enthusiast</strong>
@@ -21,9 +21,9 @@
 
 ```json
 {
-  "name": "Divlo",
+  "name": "Théo LUDWIG (Divlo)",
   "pronouns": "He/Him",
-  "birthDate": "31/03/2003",
+  "birthdate": "31/03/2003",
   "nationality": "Alsace, France",
   "interests": ["Open-Source enthusiast", "Passionate about High-Tech"],
   "skills": {

components/Footer.tsx

@@ -21,7 +21,7 @@ export const Footer: React.FC<FooterProps> = (props) => {
           href='/'
           className='text-yellow hover:underline dark:text-yellow-dark'
         >
-          Divlo
+          Théo LUDWIG (Divlo)
         </Link>{' '}
         | {t('common:all-rights-reserved')}
       </p>

components/Head.tsx

@@ -9,9 +9,9 @@ interface HeadProps {
 
 export const Head: React.FC<HeadProps> = (props) => {
   const {
-    title = 'Divlo',
+    title = 'Théo LUDWIG (Divlo)',
     image = 'https://divlo.fr/images/icon-96x96.png',
-    description = 'Divlo - Developer Full Stack • Passionate about High-Tech',
+    description = 'Théo LUDWIG (Divlo) - Developer Full Stack • Passionate about High-Tech',
     url = 'https://divlo.fr/'
   } = props
 

components/Header/index.tsx

@@ -24,7 +24,7 @@ export const Header: React.FC<HeaderProps> = (props) => {
             priority
           />
           <strong className='ml-1 hidden font-headline font-semibold text-yellow dark:text-yellow-dark xs:block'>
-            Divlo
+            Théo LUDWIG (Divlo)
           </strong>
         </div>
       </Link>

components/Profile/ProfileInfo.tsx

@@ -5,11 +5,8 @@ export const ProfileInformation: React.FC = () => {
 
   return (
     <div className='mb-6 border-b-2 border-gray-600 pb-2 font-headline dark:border-gray-400'>
-      <h1 className='mb-2 text-4xl'>
+      <h1 className='mb-2 text-4xl font-semibold text-yellow dark:text-yellow-dark'>
-        {t('home:about.i-am')}{' '}
+        Théo LUDWIG (Divlo)
-        <strong className='font-semibold text-yellow dark:text-yellow-dark'>
-          Divlo
-        </strong>
       </h1>
       <h2 className='mb-3 text-base'>{t('home:about.description')}</h2>
     </div>

components/Profile/ProfileList/index.tsx

@@ -1,7 +1,7 @@
 import useTranslation from 'next-translate/useTranslation'
 import { useMemo } from 'react'
 
-import { DIVLO_BIRTHDAY, DIVLO_BIRTHDAY_DATE, getAge } from 'utils/getAge'
+import { DIVLO_BIRTH_DATE, DIVLO_BIRTH_DATE_STRING, getAge } from 'utils/getAge'
 
 import { ProfileItem } from './ProfileItem'
 
@@ -9,15 +9,20 @@ export const ProfileList: React.FC = () => {
   const { t } = useTranslation('home')
 
   const age = useMemo(() => {
-    return getAge(DIVLO_BIRTHDAY)
+    return getAge(DIVLO_BIRTH_DATE)
   }, [])
 
   return (
     <ul className='m-0 list-none p-0'>
-      <ProfileItem title={t('home:about.full-name')} value='Théo LUDWIG' />
+      <ProfileItem
+        title={t('home:about.pronouns')}
+        value={t('home:about.pronouns-value')}
+      />
       <ProfileItem
         title={t('home:about.birth-date')}
-        value={`${DIVLO_BIRTHDAY_DATE} (${age} ${t('home:about.years-old')})`}
+        value={`${DIVLO_BIRTH_DATE_STRING} (${age} ${t(
+          'home:about.years-old'
+        )})`}
       />
       <ProfileItem title={t('home:about.nationality')} value='Alsace, France' />
       <ProfileItem

jsonresume-theme-custom/scripts/main.js

@@ -1,5 +1,5 @@
-import { DIVLO_BIRTHDAY, getAge } from '../../utils/getAge.ts'
+import { DIVLO_BIRTH_DATE, getAge } from '../../utils/getAge.ts'
 
 const yearOld = document.getElementById('year-old')
 
-yearOld.textContent = getAge(DIVLO_BIRTHDAY).toString()
+yearOld.textContent = getAge(DIVLO_BIRTH_DATE).toString()

locales/en/home.json

@@ -1,8 +1,8 @@
 {
   "about": {
-    "i-am": "I am",
     "description": "Developer Full Stack • Open-Source enthusiast",
-    "full-name": "Full name",
+    "pronouns": "Pronouns",
+    "pronouns-value": "He/Him",
     "birth-date": "Birth date",
     "years-old": "years old",
     "nationality": "Nationality",

locales/fr/home.json

@@ -1,8 +1,8 @@
 {
   "about": {
-    "i-am": "Je suis",
     "description": "Développeur Full Stack • Enthousiaste de l'Open-Source",
-    "full-name": "Prénom NOM",
+    "pronouns": "Pronoms",
+    "pronouns-value": "Il/Lui",
     "birth-date": "Date de naissance",
     "years-old": "ans",
     "nationality": "Nationalité",

pages/404.tsx

@@ -13,7 +13,7 @@ const Error404: NextPage<Error404Props> = (props) => {
 
   return (
     <>
-      <Head title='404 | Divlo' />
+      <Head title='404 | Théo LUDWIG (Divlo)' />
       <ErrorPage
         statusCode={404}
         message={t('errors:not-found')}

pages/500.tsx

@@ -13,7 +13,7 @@ const Error500: NextPage<Error500Props> = (props) => {
 
   return (
     <>
-      <Head title='500 | Divlo' />
+      <Head title='500 | Théo LUDWIG (Divlo)' />
       <ErrorPage
         statusCode={500}
         message={t('errors:server-error')}

pages/blog/[slug].tsx

@@ -25,7 +25,7 @@ const BlogPostPage: NextPage<BlogPostPageProps> = (props) => {
   return (
     <>
       <Head
-        title={`${post.frontmatter.title} | Divlo`}
+        title={`${post.frontmatter.title} | Théo LUDWIG (Divlo)`}
         description={post.frontmatter.description}
       />
 

utils/getAge.ts

@@ -1,11 +1,11 @@
-export const DIVLO_BIRTHDAY_DAY = '31' as const
+export const DIVLO_BIRTH_DATE_DAY = '31' as const
-export const DIVLO_BIRTHDAY_MONTH = '03' as const
+export const DIVLO_BIRTH_DATE_MONTH = '03' as const
-export const DIVLO_BIRTHDAY_YEAR = '2003' as const
+export const DIVLO_BIRTH_DATE_YEAR = '2003' as const
-export const DIVLO_BIRTHDAY_DATE =
+export const DIVLO_BIRTH_DATE_STRING =
-  `${DIVLO_BIRTHDAY_DAY}/${DIVLO_BIRTHDAY_MONTH}/${DIVLO_BIRTHDAY_YEAR}` as const
+  `${DIVLO_BIRTH_DATE_DAY}/${DIVLO_BIRTH_DATE_MONTH}/${DIVLO_BIRTH_DATE_YEAR}` as const
-export const DIVLO_BIRTHDAY_DATE_ISO_8061 =
+export const DIVLO_BIRTH_DATE_ISO_8601 =
-  `${DIVLO_BIRTHDAY_YEAR}-${DIVLO_BIRTHDAY_MONTH}-${DIVLO_BIRTHDAY_DAY}` as const
+  `${DIVLO_BIRTH_DATE_YEAR}-${DIVLO_BIRTH_DATE_MONTH}-${DIVLO_BIRTH_DATE_DAY}` as const
-export const DIVLO_BIRTHDAY = new Date(DIVLO_BIRTHDAY_DATE_ISO_8061)
+export const DIVLO_BIRTH_DATE = new Date(DIVLO_BIRTH_DATE_ISO_8601)
 
 /**
  * Calculates the age of a person based on their birth date