fix: update name with full name and nickname

2025-10-14 20:23:25 +02:00 · 2023-05-29 17:10:14 +02:00
parent f41bc644b1
commit ba34e314c9
13 changed files with 35 additions and 33 deletions
--- a/README.md
+++ b/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": {
--- a/components/Footer.tsx
+++ b/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>
--- a/components/Head.tsx
+++ b/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

--- a/components/Header/index.tsx
+++ b/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>
--- a/components/Profile/ProfileInfo.tsx
+++ b/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'>
-        {t('home:about.i-am')}{' '}
-        <strong className='font-semibold text-yellow dark:text-yellow-dark'>
-          Divlo
-        </strong>
+      <h1 className='mb-2 text-4xl font-semibold text-yellow dark:text-yellow-dark'>
+        Théo LUDWIG (Divlo)
      </h1>
      <h2 className='mb-3 text-base'>{t('home:about.description')}</h2>
    </div>
--- a/components/Profile/ProfileList/index.tsx
+++ b/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
--- a/jsonresume-theme-custom/scripts/main.js
+++ b/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()
--- a/locales/en/home.json
+++ b/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",
--- a/locales/fr/home.json
+++ b/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é",
--- a/pages/404.tsx
+++ b/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')}
--- a/pages/500.tsx
+++ b/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')}
--- a/pages/blog/[slug].tsx
+++ b/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}
      />

--- a/utils/getAge.ts
+++ b/utils/getAge.ts
@@ -1,11 +1,11 @@
-export const DIVLO_BIRTHDAY_DAY = '31' as const
-export const DIVLO_BIRTHDAY_MONTH = '03' as const
-export const DIVLO_BIRTHDAY_YEAR = '2003' as const
-export const DIVLO_BIRTHDAY_DATE =
-  `${DIVLO_BIRTHDAY_DAY}/${DIVLO_BIRTHDAY_MONTH}/${DIVLO_BIRTHDAY_YEAR}` as const
-export const DIVLO_BIRTHDAY_DATE_ISO_8061 =
-  `${DIVLO_BIRTHDAY_YEAR}-${DIVLO_BIRTHDAY_MONTH}-${DIVLO_BIRTHDAY_DAY}` as const
-export const DIVLO_BIRTHDAY = new Date(DIVLO_BIRTHDAY_DATE_ISO_8061)
+export const DIVLO_BIRTH_DATE_DAY = '31' as const
+export const DIVLO_BIRTH_DATE_MONTH = '03' as const
+export const DIVLO_BIRTH_DATE_YEAR = '2003' as const
+export const DIVLO_BIRTH_DATE_STRING =
+  `${DIVLO_BIRTH_DATE_DAY}/${DIVLO_BIRTH_DATE_MONTH}/${DIVLO_BIRTH_DATE_YEAR}` as const
+export const DIVLO_BIRTH_DATE_ISO_8601 =
+  `${DIVLO_BIRTH_DATE_YEAR}-${DIVLO_BIRTH_DATE_MONTH}-${DIVLO_BIRTH_DATE_DAY}` as const
+export const DIVLO_BIRTH_DATE = new Date(DIVLO_BIRTH_DATE_ISO_8601)

 /**
 * Calculates the age of a person based on their birth date