mirror of
https://github.com/theoludwig/theoludwig.git
synced 2024-12-08 00:44:30 +01:00
fix: update name with full name and nickname
This commit is contained in:
parent
f41bc644b1
commit
ba34e314c9
@ -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">
|
<p align="center">
|
||||||
<strong>Developer Full Stack • Open-Source enthusiast</strong>
|
<strong>Developer Full Stack • Open-Source enthusiast</strong>
|
||||||
@ -21,9 +21,9 @@
|
|||||||
|
|
||||||
```json
|
```json
|
||||||
{
|
{
|
||||||
"name": "Divlo",
|
"name": "Théo LUDWIG (Divlo)",
|
||||||
"pronouns": "He/Him",
|
"pronouns": "He/Him",
|
||||||
"birthDate": "31/03/2003",
|
"birthdate": "31/03/2003",
|
||||||
"nationality": "Alsace, France",
|
"nationality": "Alsace, France",
|
||||||
"interests": ["Open-Source enthusiast", "Passionate about High-Tech"],
|
"interests": ["Open-Source enthusiast", "Passionate about High-Tech"],
|
||||||
"skills": {
|
"skills": {
|
||||||
|
@ -21,7 +21,7 @@ export const Footer: React.FC<FooterProps> = (props) => {
|
|||||||
href='/'
|
href='/'
|
||||||
className='text-yellow hover:underline dark:text-yellow-dark'
|
className='text-yellow hover:underline dark:text-yellow-dark'
|
||||||
>
|
>
|
||||||
Divlo
|
Théo LUDWIG (Divlo)
|
||||||
</Link>{' '}
|
</Link>{' '}
|
||||||
| {t('common:all-rights-reserved')}
|
| {t('common:all-rights-reserved')}
|
||||||
</p>
|
</p>
|
||||||
|
@ -9,9 +9,9 @@ interface HeadProps {
|
|||||||
|
|
||||||
export const Head: React.FC<HeadProps> = (props) => {
|
export const Head: React.FC<HeadProps> = (props) => {
|
||||||
const {
|
const {
|
||||||
title = 'Divlo',
|
title = 'Théo LUDWIG (Divlo)',
|
||||||
image = 'https://divlo.fr/images/icon-96x96.png',
|
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/'
|
url = 'https://divlo.fr/'
|
||||||
} = props
|
} = props
|
||||||
|
|
||||||
|
@ -24,7 +24,7 @@ export const Header: React.FC<HeaderProps> = (props) => {
|
|||||||
priority
|
priority
|
||||||
/>
|
/>
|
||||||
<strong className='ml-1 hidden font-headline font-semibold text-yellow dark:text-yellow-dark xs:block'>
|
<strong className='ml-1 hidden font-headline font-semibold text-yellow dark:text-yellow-dark xs:block'>
|
||||||
Divlo
|
Théo LUDWIG (Divlo)
|
||||||
</strong>
|
</strong>
|
||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
|
@ -5,11 +5,8 @@ export const ProfileInformation: React.FC = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='mb-6 border-b-2 border-gray-600 pb-2 font-headline dark:border-gray-400'>
|
<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>
|
</h1>
|
||||||
<h2 className='mb-3 text-base'>{t('home:about.description')}</h2>
|
<h2 className='mb-3 text-base'>{t('home:about.description')}</h2>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
import useTranslation from 'next-translate/useTranslation'
|
import useTranslation from 'next-translate/useTranslation'
|
||||||
import { useMemo } from 'react'
|
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'
|
import { ProfileItem } from './ProfileItem'
|
||||||
|
|
||||||
@ -9,15 +9,20 @@ export const ProfileList: React.FC = () => {
|
|||||||
const { t } = useTranslation('home')
|
const { t } = useTranslation('home')
|
||||||
|
|
||||||
const age = useMemo(() => {
|
const age = useMemo(() => {
|
||||||
return getAge(DIVLO_BIRTHDAY)
|
return getAge(DIVLO_BIRTH_DATE)
|
||||||
}, [])
|
}, [])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ul className='m-0 list-none p-0'>
|
<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
|
<ProfileItem
|
||||||
title={t('home:about.birth-date')}
|
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 title={t('home:about.nationality')} value='Alsace, France' />
|
||||||
<ProfileItem
|
<ProfileItem
|
||||||
|
@ -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')
|
const yearOld = document.getElementById('year-old')
|
||||||
|
|
||||||
yearOld.textContent = getAge(DIVLO_BIRTHDAY).toString()
|
yearOld.textContent = getAge(DIVLO_BIRTH_DATE).toString()
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
{
|
{
|
||||||
"about": {
|
"about": {
|
||||||
"i-am": "I am",
|
|
||||||
"description": "Developer Full Stack • Open-Source enthusiast",
|
"description": "Developer Full Stack • Open-Source enthusiast",
|
||||||
"full-name": "Full name",
|
"pronouns": "Pronouns",
|
||||||
|
"pronouns-value": "He/Him",
|
||||||
"birth-date": "Birth date",
|
"birth-date": "Birth date",
|
||||||
"years-old": "years old",
|
"years-old": "years old",
|
||||||
"nationality": "Nationality",
|
"nationality": "Nationality",
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
{
|
{
|
||||||
"about": {
|
"about": {
|
||||||
"i-am": "Je suis",
|
|
||||||
"description": "Développeur Full Stack • Enthousiaste de l'Open-Source",
|
"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",
|
"birth-date": "Date de naissance",
|
||||||
"years-old": "ans",
|
"years-old": "ans",
|
||||||
"nationality": "Nationalité",
|
"nationality": "Nationalité",
|
||||||
|
@ -13,7 +13,7 @@ const Error404: NextPage<Error404Props> = (props) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Head title='404 | Divlo' />
|
<Head title='404 | Théo LUDWIG (Divlo)' />
|
||||||
<ErrorPage
|
<ErrorPage
|
||||||
statusCode={404}
|
statusCode={404}
|
||||||
message={t('errors:not-found')}
|
message={t('errors:not-found')}
|
||||||
|
@ -13,7 +13,7 @@ const Error500: NextPage<Error500Props> = (props) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Head title='500 | Divlo' />
|
<Head title='500 | Théo LUDWIG (Divlo)' />
|
||||||
<ErrorPage
|
<ErrorPage
|
||||||
statusCode={500}
|
statusCode={500}
|
||||||
message={t('errors:server-error')}
|
message={t('errors:server-error')}
|
||||||
|
@ -25,7 +25,7 @@ const BlogPostPage: NextPage<BlogPostPageProps> = (props) => {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Head
|
<Head
|
||||||
title={`${post.frontmatter.title} | Divlo`}
|
title={`${post.frontmatter.title} | Théo LUDWIG (Divlo)`}
|
||||||
description={post.frontmatter.description}
|
description={post.frontmatter.description}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
@ -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
|
* Calculates the age of a person based on their birth date
|
||||||
|
Loading…
Reference in New Issue
Block a user