chore(release): 2.12.0 [skip ci]

.devcontainer/devcontainer.json

@@ -1,5 +1,5 @@
 {
-  "name": "Divlo",
+  "name": "theoludwig",
   "dockerComposeFile": "./docker-compose.yml",
   "service": "workspace",
   "workspaceFolder": "/workspace",

.env.example

@@ -1,2 +1,2 @@
-COMPOSE_PROJECT_NAME=divlo
+COMPOSE_PROJECT_NAME=theoludwig
 PORT=3000

.eslintrc.json

@@ -4,12 +4,7 @@
   "parserOptions": {
     "project": "./tsconfig.json"
   },
-  "env": {
-    "node": true,
-    "browser": true
-  },
   "rules": {
-    "prettier/prettier": "error",
+    "prettier/prettier": "error"
-    "@next/next/no-img-element": "off"
   }
 }

.github/workflows/analyze.yml

@@ -16,7 +16,7 @@ jobs:
         language: ['javascript']
 
     steps:
-      - uses: 'actions/checkout@v3.5.2'
+      - uses: 'actions/checkout@v3.5.3'
 
       - name: 'Initialize CodeQL'
         uses: 'github/codeql-action/init@v2'

.github/workflows/build.yml

@@ -10,7 +10,7 @@ jobs:
   build:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.5.2'
+      - uses: 'actions/checkout@v3.5.3'
 
       - name: 'Setup Node.js'
         uses: 'actions/setup-node@v3.6.0'

.github/workflows/lint.yml

@@ -10,7 +10,7 @@ jobs:
   lint:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.5.2'
+      - uses: 'actions/checkout@v3.5.3'
 
       - name: 'Setup Node.js'
         uses: 'actions/setup-node@v3.6.0'

.github/workflows/release.yml

@@ -8,7 +8,7 @@ jobs:
   release:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.5.2'
+      - uses: 'actions/checkout@v3.5.3'
         with:
           fetch-depth: 0
           persist-credentials: false

.github/workflows/test.yml

@@ -10,7 +10,7 @@ jobs:
   test-unit:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.5.2'
+      - uses: 'actions/checkout@v3.5.3'
 
       - name: 'Setup Node.js'
         uses: 'actions/setup-node@v3.6.0'
@@ -27,7 +27,7 @@ jobs:
   test-e2e:
     runs-on: 'ubuntu-latest'
     steps:
-      - uses: 'actions/checkout@v3.5.0'
+      - uses: 'actions/checkout@v3.5.3'
 
       - name: 'Setup Node.js'
         uses: 'actions/setup-node@v3.6.0'

CODE_OF_CONDUCT.md

@@ -60,7 +60,7 @@ representative at an online or offline event.
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
 reported to the community leaders responsible for enforcement at
-<contact@divlo.fr>.
+<contact@theoludwig.fr>.
 All complaints will be reviewed and investigated promptly and fairly.
 
 All community leaders are obligated to respect the privacy and security of the

CONTRIBUTING.md

@@ -1,10 +1,10 @@
 # 💡 Contributing
 
-Thanks a lot for your interest in contributing to **divlo.fr**! 🎉
+Thanks a lot for your interest in contributing to **theoludwig.fr**! 🎉
 
 ## Code of Conduct
 
-**divlo.fr** adopted the [Contributor Covenant](https://www.contributor-covenant.org/) as its Code of Conduct, and we expect project participants to adhere to it. Please read [the full text](./CODE_OF_CONDUCT.md) so that you can understand what actions will and will not be tolerated.
+**theoludwig.fr** adopted the [Contributor Covenant](https://www.contributor-covenant.org/) as its Code of Conduct, and we expect project participants to adhere to it. Please read [the full text](./CODE_OF_CONDUCT.md) so that you can understand what actions will and will not be tolerated.
 
 ## Types of contributions
 
@@ -15,13 +15,13 @@ Thanks a lot for your interest in contributing to **divlo.fr**! 🎉
 
 ## Pull Requests
 
-- **Please first discuss** the change you wish to make via [issue](https://github.com/Divlo/Divlo/issues) before making a change. It might avoid a waste of your time.
+- **Please first discuss** the change you wish to make via [issue](https://github.com/theoludwig/theoludwig/issues) before making a change. It might avoid a waste of your time.
 
 - Ensure your code respect linting.
 
 - Make sure your **code passes the tests**.
 
-If you're adding new features to **divlo.fr**, please include tests.
+If you're adding new features to **theoludwig.fr**, please include tests.
 
 ## Commits
 
@@ -29,7 +29,7 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
 
 ## Getting Started
 
-[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/Divlo/Divlo)
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/theoludwig/theoludwig)
 
 ### Prerequisites
 
@@ -40,10 +40,10 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
 
 ```sh
 # Clone the repository
-git clone https://github.com/Divlo/Divlo.git
+git clone git@github.com:theoludwig/theoludwig.git
 
 # Go to the project root
-cd Divlo
+cd theoludwig
 
 # Configure environment variables
 cp .env.example .env
@@ -68,4 +68,4 @@ docker compose up --build
 
 ### Services started
 
-- website: `http://127.0.0.1:3000`
+- `website`: <http://127.0.0.1:3000>

Dockerfile

@@ -1,9 +1,9 @@
-FROM node:18.16.0 AS builder-dependencies
+FROM node:18.16.1 AS builder-dependencies
 WORKDIR /usr/src/application
 COPY ./package*.json ./
 RUN npm clean-install
 
-FROM node:18.16.0 AS builder
+FROM node:18.16.1 AS builder
 WORKDIR /usr/src/application
 COPY --from=builder-dependencies /usr/src/application/node_modules ./node_modules
 COPY ./ ./

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) Divlo
+Copyright (c) Théo LUDWIG
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,18 +1,18 @@
-<h1 align="center"><a href="https://divlo.fr/">Divlo</a></h1>
+<h1 align="center"><a href="https://theoludwig.fr/">Théo LUDWIG</a></h1>
 
 <p align="center">
   <strong>Developer Full Stack • Open-Source enthusiast</strong>
 </p>
 
 <p align="center">
-  <a href="https://github.com/Divlo"><img alt="GitHub" src="https://img.shields.io/badge/-GitHub-5A5A5A?style=flat&labelColor=5A5A5A&logo=github&logoColor=white"/></a>
+  <a href="https://github.com/theoludwig"><img alt="GitHub" src="https://img.shields.io/badge/-GitHub-5A5A5A?style=flat&labelColor=5A5A5A&logo=github&logoColor=white"/></a>
-  <a href="https://gitlab.com/Divlo"><img alt="GitLab" src="https://img.shields.io/badge/-GitLab-303030?style=flat&labelColor=303030&logo=gitlab&logoColor=white"/></a>
+  <a href="https://gitlab.com/theoludwig"><img alt="GitLab" src="https://img.shields.io/badge/-GitLab-303030?style=flat&labelColor=303030&logo=gitlab&logoColor=white"/></a>
-  <a href="https://www.npmjs.com/~divlo"><img alt="npm" src="https://img.shields.io/badge/-npm-c4302b?style=flat&labelColor=c4302b&logo=npm&logoColor=white"/></a>
+  <a href="https://www.npmjs.com/~theoludwig"><img alt="npm" src="https://img.shields.io/badge/-npm-c4302b?style=flat&labelColor=c4302b&logo=npm&logoColor=white"/></a>
-  <a href="https://twitter.com/Divlo_FR"><img alt="Twitter" src="https://img.shields.io/badge/-Twitter-1ca0f1?style=flat&labelColor=1ca0f1&logo=twitter&logoColor=white"/></a>
+  <a href="https://twitter.com/theoludwig_"><img alt="Twitter" src="https://img.shields.io/badge/-Twitter-1ca0f1?style=flat&labelColor=1ca0f1&logo=twitter&logoColor=white"/></a>
-  <a href="https://www.youtube.com/channel/UCfEKQzI3c8vmZOrsTOi5spA"><img alt="YouTube" src="https://img.shields.io/badge/-YouTube-c4302b?style=flat&labelColor=c4302b&logo=youtube&logoColor=white"/></a>
+  <a href="https://www.youtube.com/@theo_ludwig"><img alt="YouTube" src="https://img.shields.io/badge/-YouTube-c4302b?style=flat&labelColor=c4302b&logo=youtube&logoColor=white"/></a>
-  <a href="https://www.twitch.tv/divlo"><img alt="Twitch" src="https://img.shields.io/badge/-Twitch-9147FF?style=flat&labelColor=9147FF&logo=twitch&logoColor=white"/></a>
+  <a href="https://www.twitch.tv/theoludwig"><img alt="Twitch" src="https://img.shields.io/badge/-Twitch-9147FF?style=flat&labelColor=9147FF&logo=twitch&logoColor=white"/></a>
-  <a href="https://www.divlo.fr"><img alt="Website" src="https://img.shields.io/badge/-Website-181818?style=flat&labelColor=181818&logo=Google-Chrome&logoColor=white"/></a>
+  <a href="https://theoludwig.fr/"><img alt="Website" src="https://img.shields.io/badge/-Website-181818?style=flat&labelColor=181818&logo=Google-Chrome&logoColor=white"/></a>
-  <a href="mailto:contact@divlo.fr"><img alt="Email" src="https://img.shields.io/badge/-contact@divlo.fr-2F7EBE?style=flat&labelColor=2F7EBE&logo=minutemailer&logoColor=white"/></a>
+  <a href="mailto:contact@theoludwig.fr"><img alt="Email" src="https://img.shields.io/badge/-contact@theoludwig.fr-2F7EBE?style=flat&labelColor=2F7EBE&logo=minutemailer&logoColor=white"/></a>
 </p>
 
 <hr />
@@ -21,16 +21,16 @@
 
 ```json
 {
-  "name": "Divlo",
+  "name": "Théo LUDWIG",
   "pronouns": "He/Him",
   "birthDate": "31/03/2003",
   "nationality": "Alsace, France",
   "interests": ["Open-Source enthusiast", "Passionate about High-Tech"],
   "skills": {
     "programmingLanguages": ["JavaScript/TypeScript", "Python", "C/C++", "PHP"],
-    "frontEnd": ["HTML", "CSS", "Tailwind CSS", "React.js/Next.js"],
+    "frontend": ["HTML", "CSS", "Tailwind CSS", "React.js/Next.js"],
-    "backEnd": ["Laravel", "Node.js", "Fastify", "PostgreSQL"],
+    "backend": ["Laravel", "Node.js", "Fastify", "PostgreSQL"],
-    "tools": ["GNU/Linux", "Ubuntu", "Visual Studio Code", "Git", "Docker"]
+    "tools": ["GNU/Linux", "Arch Linux", "Visual Studio Code", "Git", "Docker"]
   }
 }
 ```
@@ -40,6 +40,6 @@
 ## 📈 Statistics
 
 <p align=center>
-  <img height=175 align="center" src="https://github-readme-stats.vercel.app/api?username=Divlo&show_icons=true&theme=dark" />
+  <img height=175 align="center" src="https://github-readme-stats.vercel.app/api?username=theoludwig&show_icons=true&theme=dark" />
-  <img height=175 align="center" src="https://github-readme-stats.vercel.app/api/top-langs/?username=Divlo&hide=html,css,javascript&langs_count=8&layout=compact&theme=dark" />
+  <img height=175 align="center" src="https://github-readme-stats.vercel.app/api/top-langs/?username=theoludwig&hide=html,css,javascript&langs_count=8&layout=compact&theme=dark" />
 </p>

components/Footer.tsx

@@ -11,7 +11,7 @@ export const Footer: React.FC<FooterProps> = (props) => {
   const { version } = props
 
   const versionLink = useMemo(() => {
-    return `https://github.com/Divlo/Divlo/releases/tag/v${version}`
+    return `https://github.com/theoludwig/theoludwig/releases/tag/v${version}`
   }, [version])
 
   return (
@@ -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
         </Link>{' '}
         | {t('common:all-rights-reserved')}
       </p>

components/Head.tsx

@@ -9,10 +9,10 @@ interface HeadProps {
 
 export const Head: React.FC<HeadProps> = (props) => {
   const {
-    title = 'Divlo',
+    title = 'Théo LUDWIG',
-    image = 'https://divlo.fr/images/icons/icon-96x96.png',
+    image = 'https://theoludwig.fr/images/icon-96x96.png',
-    description = 'Divlo - Developer Full Stack • Passionate about High-Tech',
+    description = 'Théo LUDWIG - Developer Full Stack • Passionate about High-Tech',
-    url = 'https://divlo.fr/'
+    url = 'https://theoludwig.fr/'
   } = props
 
   return (
@@ -23,7 +23,7 @@ export const Head: React.FC<HeadProps> = (props) => {
       {/* Meta Tag */}
       <meta name='viewport' content='width=device-width, initial-scale=1.0' />
       <meta name='description' content={description} />
-      <meta name='Language' content='fr, en' />
+      <meta name='Language' content='fr-FR, en-US' />
       <meta name='theme-color' content='#ffd800' />
 
       {/* Open Graph Metadata */}
@@ -32,7 +32,7 @@ export const Head: React.FC<HeadProps> = (props) => {
       <meta property='og:url' content={url} />
       <meta property='og:image' content={image} />
       <meta property='og:description' content={description} />
-      <meta property='og:locale' content='fr_FR, en_US' />
+      <meta property='og:locale' content='fr-FR, en-US' />
       <meta property='og:site_name' content={title} />
 
       {/* Twitter card Metadata */}
@@ -40,18 +40,6 @@ export const Head: React.FC<HeadProps> = (props) => {
       <meta name='twitter:description' content={description} />
       <meta name='twitter:title' content={title} />
       <meta name='twitter:image' content={image} />
-
-      {/* Google Verification */}
-      <meta
-        name='google-site-verification'
-        content='j9CQEbSuYydXytr6gdkTfam_xX_pU97NSpVH3Bq-6f4'
-      />
-
-      {/* PWA Data */}
-      <link rel='manifest' href='/manifest.json' />
-      <meta name='apple-mobile-web-app-capable' content='yes' />
-      <meta name='mobile-web-app-capable' content='yes' />
-      <link rel='apple-touch-icon' href={image} />
     </NextHead>
   )
 }

components/Header/index.tsx

@@ -19,11 +19,12 @@ export const Header: React.FC<HeaderProps> = (props) => {
             quality={100}
             width={60}
             height={60}
-            src='/images/divlo_icon_small.png'
+            src='/images/icon_small.png'
-            alt='Divlo'
+            alt='Théo LUDWIG'
+            priority
           />
           <strong className='ml-1 hidden font-headline font-semibold text-yellow dark:text-yellow-dark xs:block'>
-            Divlo
+            Théo LUDWIG
           </strong>
         </div>
       </Link>
@@ -37,7 +38,7 @@ export const Header: React.FC<HeaderProps> = (props) => {
             Blog
           </Link>
         </div>
-        {showLanguage && <Language />}
+        {showLanguage ? <Language /> : null}
         <SwitchTheme />
       </div>
     </header>

components/OpenSource/index.tsx

@@ -12,22 +12,22 @@ export const OpenSource: React.FC = () => {
         <Repository
           name='nodejs/node'
           description='Node.js JavaScript runtime 🐢🚀'
-          href='https://github.com/nodejs/node/commits?author=Divlo'
+          href='https://github.com/nodejs/node/commits?author=theoludwig'
         />
         <Repository
           name='standard/standard'
           description='🌟 JavaScript Style Guide, with linter & automatic code fixer'
-          href='https://github.com/standard/standard/commits?author=Divlo'
+          href='https://github.com/standard/standard/commits?author=theoludwig'
         />
         <Repository
           name='nrwl/nx'
           description='Smart, Extensible Build Framework'
-          href='https://github.com/nrwl/nx/commits?author=Divlo'
+          href='https://github.com/nrwl/nx/commits?author=theoludwig'
         />
         <Repository
           name='vercel/next.js'
           description='The React Framework for Production'
-          href='https://github.com/vercel/next.js/commits?author=Divlo'
+          href='https://github.com/vercel/next.js/commits?author=theoludwig'
         />
       </div>
     </div>

components/Profile/ProfileDescriptionBottom.tsx

@@ -6,7 +6,7 @@ export const ProfileDescriptionBottom: React.FC = () => {
   return (
     <p className='mb-8 mt-8 text-base font-normal text-gray dark:text-gray-dark'>
       {t('home:about.description-bottom')}
-      {lang === 'fr' && (
+      {lang === 'fr' ? (
         <>
           <br />
           <br />
@@ -17,7 +17,7 @@ export const ProfileDescriptionBottom: React.FC = () => {
             Curriculum vitæ
           </a>
         </>
-      )}
+      ) : null}
     </p>
   )
 }

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
-        <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 { BIRTH_DATE, BIRTH_DATE_STRING, getAge } from 'utils/getAge'
 
 import { ProfileItem } from './ProfileItem'
 
@@ -9,21 +9,24 @@ export const ProfileList: React.FC = () => {
   const { t } = useTranslation('home')
 
   const age = useMemo(() => {
-    return getAge(DIVLO_BIRTHDAY)
+    return getAge(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={`${BIRTH_DATE_STRING} (${age} ${t('home:about.years-old')})`}
       />
       <ProfileItem title={t('home:about.nationality')} value='Alsace, France' />
       <ProfileItem
         title='Email'
-        value='contact@divlo.fr'
+        value='contact@theoludwig.fr'
-        link='mailto:contact@divlo.fr'
+        link='mailto:contact@theoludwig.fr'
       />
     </ul>
   )

components/Profile/ProfileLogo.tsx

@@ -1,11 +1,11 @@
 import Image from 'next/image'
 
-import DivloLogo from 'public/images/divlo_logo.png'
+import Logo from 'public/images/logo.png'
 
 export const ProfileLogo: React.FC = () => {
   return (
     <div className='max-h-[370px] max-w-[370px] px-2 py-6'>
-      <Image quality={100} src={DivloLogo} alt='Divlo' priority />
+      <Image quality={100} src={Logo} alt='Théo LUDWIG' priority />
     </div>
   )
 }

components/Profile/SocialMediaList/index.tsx

@@ -10,28 +10,34 @@ import { NPMIcon } from './SocialMediaIcons/NPMIcon'
 export const SocialMediaList: React.FC = () => {
   return (
     <ul className='social-media-list m-0 mt-2 list-none py-4 text-center'>
-      <SocialMediaItem link='https://github.com/Divlo' ariaLabel='GitHub'>
+      <SocialMediaItem link='https://github.com/theoludwig' ariaLabel='GitHub'>
         <GitHubIcon />
       </SocialMediaItem>
-      <SocialMediaItem link='https://gitlab.com/Divlo' ariaLabel='GitLab'>
+      <SocialMediaItem link='https://gitlab.com/theoludwig' ariaLabel='GitLab'>
         <GitLabIcon />
       </SocialMediaItem>
-      <SocialMediaItem link='https://www.npmjs.com/~divlo' ariaLabel='NPM'>
+      <SocialMediaItem link='https://www.npmjs.com/~theoludwig' ariaLabel='NPM'>
         <NPMIcon />
       </SocialMediaItem>
-      <SocialMediaItem link='https://twitter.com/Divlo_FR' ariaLabel='Twitter'>
+      <SocialMediaItem
+        link='https://twitter.com/theoludwig_'
+        ariaLabel='Twitter'
+      >
         <TwitterIcon />
       </SocialMediaItem>
       <SocialMediaItem
-        link='https://www.youtube.com/c/Divlo'
+        link='https://www.youtube.com/@theo_ludwig'
         ariaLabel='YouTube'
       >
         <YouTubeIcon />
       </SocialMediaItem>
-      <SocialMediaItem link='https://www.twitch.tv/divlo' ariaLabel='Twitch'>
+      <SocialMediaItem
+        link='https://www.twitch.tv/theoludwig'
+        ariaLabel='Twitch'
+      >
         <TwitchIcon />
       </SocialMediaItem>
-      <SocialMediaItem link='mailto:contact@divlo.fr' ariaLabel='Email'>
+      <SocialMediaItem link='mailto:contact@theoludwig.fr' ariaLabel='Email'>
         <EmailIcon />
       </SocialMediaItem>
     </ul>

components/Skills/Skill.tsx

@@ -33,10 +33,10 @@ export const SkillComponent: React.FC<SkillComponentProps> = (props) => {
     >
       <div className='text-center'>
         <Image
-          className='inline h-auto w-auto'
+          className='inline h-16 w-16'
           quality={100}
-          width={60}
+          width={64}
-          height={60}
+          height={64}
           alt={skill}
           src={image}
         />

components/Skills/index.tsx

@@ -9,21 +9,20 @@ export const Skills: React.FC = () => {
   return (
     <>
       <SkillsSection title={t('home:skills.languages')}>
-        <SkillComponent skill='JavaScript' />
         <SkillComponent skill='TypeScript' />
         <SkillComponent skill='Python' />
         <SkillComponent skill='C/C++' />
         <SkillComponent skill='PHP' />
       </SkillsSection>
 
-      <SkillsSection title='Front-end'>
+      <SkillsSection title='Frontend'>
         <SkillComponent skill='HTML' />
         <SkillComponent skill='CSS' />
         <SkillComponent skill='Tailwind CSS' />
         <SkillComponent skill='React.js (+ Next.js)' />
       </SkillsSection>
 
-      <SkillsSection title='Back-end'>
+      <SkillsSection title='Backend'>
         <SkillComponent skill='Laravel' />
         <SkillComponent skill='Node.js' />
         <SkillComponent skill='Fastify' />
@@ -32,7 +31,7 @@ export const Skills: React.FC = () => {
 
       <SkillsSection title={t('home:skills.software-tools')}>
         <SkillComponent skill='GNU/Linux' />
-        <SkillComponent skill='Ubuntu' />
+        <SkillComponent skill='Arch Linux' />
         <SkillComponent skill='Visual Studio Code' />
         <SkillComponent skill='Git' />
         <SkillComponent skill='Docker' />

components/Skills/skills.ts

@@ -88,20 +88,20 @@ export const skills = {
   },
   'Visual Studio Code': {
     link: 'https://code.visualstudio.com/',
-    image: '/images/skills/Visual_Studio_Code.png'
+    image: '/images/skills/VisualStudioCode.png'
   },
   Git: {
     link: 'https://git-scm.com/',
     image: '/images/skills/Git.png'
   },
-  Hyper: {
-    link: 'https://hyper.is/',
-    image: '/images/skills/Hyper.svg'
-  },
   Ubuntu: {
     link: 'https://ubuntu.com/',
     image: '/images/skills/Ubuntu.png'
   },
+  'Arch Linux': {
+    link: 'https://archlinux.org/',
+    image: '/images/skills/ArchLinux.png'
+  },
   'GNU/Linux': {
     link: 'https://www.gnu.org/',
     image: '/images/skills/GNU-Linux.png'

components/design/Section/index.tsx

@@ -23,7 +23,9 @@ export const Section: React.FC<SectionProps> = (props) => {
       <div className='w-full px-3'>
         <ShadowContainer style={{ marginTop: 50 }}>
           <section {...rest}>
-            {heading != null && <SectionHeading>{heading}</SectionHeading>}
+            {heading != null ? (
+              <SectionHeading>{heading}</SectionHeading>
+            ) : null}
             <div className='w-full px-3'>{children}</div>
           </section>
         </ShadowContainer>
@@ -34,7 +36,7 @@ export const Section: React.FC<SectionProps> = (props) => {
   if (withoutShadowContainer) {
     return (
       <section {...rest}>
-        {heading != null && <SectionHeading>{heading}</SectionHeading>}
+        {heading != null ? <SectionHeading>{heading}</SectionHeading> : null}
         <div className='w-full px-3'>{children}</div>
       </section>
     )
@@ -42,16 +44,18 @@ export const Section: React.FC<SectionProps> = (props) => {
 
   return (
     <section {...rest}>
-      {heading != null && (
+      {heading != null ? (
-        <SectionHeading style={{ ...(description != null && { margin: 0 }) }}>
+        <SectionHeading
+          style={{ ...(description != null ? { margin: 0 } : {}) }}
+        >
           {heading}
         </SectionHeading>
-      )}
+      ) : null}
-      {description != null && (
+      {description != null ? (
         <p style={{ marginTop: 7 }} className='text-center'>
           {description}
         </p>
-      )}
+      ) : null}
       <div className='w-full px-3'>
         <ShadowContainer>
           <div className='w-full px-16 py-4 leading-8'>{children}</div>

cypress/component/Footer.cy.tsx

@@ -4,13 +4,13 @@ describe('<Footer />', () => {
   it('should render with appropriate link tag version', () => {
     const version = '1.0.0'
     cy.mount(<Footer version={version} />)
-    cy.contains('Divlo')
+    cy.contains('Théo LUDWIG')
       .get('[data-cy=version-link]')
       .should('have.text', version)
       .should(
         'have.attr',
         'href',
-        `https://github.com/Divlo/Divlo/releases/tag/v${version}`
+        `https://github.com/theoludwig/theoludwig/releases/tag/v${version}`
       )
   })
 })

cypress/e2e/common/Header.cy.ts

@@ -38,7 +38,7 @@ describe('Common > Header', () => {
 
   describe('Switch Language', () => {
     it('should switch language from EN (default) to FR', () => {
-      cy.get('h1').contains('I am Divlo')
+      cy.get('h1').contains('Théo LUDWIG')
       cy.get('[data-cy=language-flag-text]').contains('EN')
       cy.get('[data-cy=languages-list]').should('not.be.visible')
       cy.get('[data-cy=language-click]').click()
@@ -46,7 +46,7 @@ describe('Common > Header', () => {
       cy.get('[data-cy=languages-list] > li:first-child').contains('FR').click()
       cy.get('[data-cy=languages-list]').should('not.be.visible')
       cy.get('[data-cy=language-flag-text]').contains('FR')
-      cy.get('h1').contains('Je suis Divlo')
+      cy.get('h1').contains('Théo LUDWIG')
     })
 
     it('should close the language list menu when clicking outside', () => {

cypress/e2e/pages/blog/[slug].cy.ts

@@ -3,7 +3,7 @@ describe('Page /blog/[slug]', () => {
     cy.visit('/blog/hello-world')
     cy.get('[data-cy=language-flag-text]').should('not.exist')
     cy.get('h1').should('have.text', '👋 Hello, world!')
-    cy.get('.prose a').should('have.attr', 'target', '_blank')
+    cy.get('.prose a:visible').should('have.attr', 'target', '_blank')
   })
 
   it("should redirect to /404 if the blog post doesn't exist", () => {

docker-compose.yml

@@ -1,7 +1,7 @@
 services:
-  divlo:
+  theoludwig:
     container_name: ${COMPOSE_PROJECT_NAME}
-    image: 'divlo'
+    image: 'theoludwig'
     build:
       context: './'
     ports:

jsonresume-theme-custom/index.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="fr">
+<html lang="fr-FR">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

jsonresume-theme-custom/package-lock.json

@@ -12,9 +12,9 @@
         "modern-normalize": "2.0.0"
       },
       "devDependencies": {
-        "@types/node": "20.2.1",
+        "@types/node": "20.3.3",
-        "date-and-time": "3.0.0",
+        "date-and-time": "3.0.2",
-        "vite": "4.3.8",
+        "vite": "4.3.9",
         "vite-plugin-html": "3.2.0"
       }
     },
@@ -370,68 +370,10 @@
         "node": ">=12"
       }
     },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
-      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/set-array": "^1.0.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
-      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
-      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
     "node_modules/@jridgewell/source-map": {
-      "version": "0.3.3",
+      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.4.tgz",
-      "integrity": "sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==",
+      "integrity": "sha512-KE/SxsDqNs3rrWwFHcRh15ZLVFrI0YoZtgAdIyIq9k5hUNmiWRXXThPomIxHuL20sLdgzbDFyvkUMna14bvtrw==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.0",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.15",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
-      "dev": true
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.18",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
-      "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/resolve-uri": "3.1.0",
-        "@jridgewell/sourcemap-codec": "1.4.14"
-      }
-    },
-    "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.14",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
-      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
       "dev": true
     },
     "node_modules/@nodelib/fs.scandir": {
@@ -483,15 +425,15 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "20.2.1",
+      "version": "20.3.3",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.3.3.tgz",
-      "integrity": "sha512-DqJociPbZP1lbZ5SQPk4oag6W7AyaGMO6gSfRwq3PWl4PXTwJpRQJhDq4W0kzrg3w6tJ1SwlvGZ5uKFHY13LIg==",
+      "integrity": "sha512-wheIYdr4NYML61AjC8MKj/2jrR/kDQri/CIpVoZwldwhnIrD/j9jIU5bJ8yBKuB2VhpFV7Ab6G2XkBjv9r9Zzw==",
       "dev": true
     },
     "node_modules/acorn": {
-      "version": "8.8.2",
+      "version": "8.9.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.9.0.tgz",
-      "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
+      "integrity": "sha512-jaVNAFBHNLXspO543WnNNPZFRtavh3skAkITqD0/2aeMkKZTN+254PyhwxFYrk3vQ1xfY+2wbesJMs/JC8/PwQ==",
       "dev": true,
       "bin": {
         "acorn": "bin/acorn"
@@ -682,9 +624,9 @@
       }
     },
     "node_modules/date-and-time": {
-      "version": "3.0.0",
+      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/date-and-time/-/date-and-time-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/date-and-time/-/date-and-time-3.0.2.tgz",
-      "integrity": "sha512-uuzXp/mvv6jEMLiP5QzERSQPzHqYnv9i8NZ8BS5kYeB2sakv74EewQiCS4Ahxwq3In+9fYZhGztuDHRVzIOkFQ==",
+      "integrity": "sha512-MOqlRertOQmQI7ySbz6dKLM7Rxm9dgcPuBI9IL7NVe0UGqHPK+6hWSKVhLrVHxlSgQQtocE2R7+HFOf5aMz8vw==",
       "dev": true
     },
     "node_modules/dom-serializer": {
@@ -753,12 +695,15 @@
       }
     },
     "node_modules/dotenv": {
-      "version": "16.0.3",
+      "version": "16.3.1",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz",
-      "integrity": "sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==",
+      "integrity": "sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==",
       "dev": true,
       "engines": {
         "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/motdotla/dotenv?sponsor=1"
       }
     },
     "node_modules/dotenv-expand": {
@@ -838,9 +783,9 @@
       "dev": true
     },
     "node_modules/fast-glob": {
-      "version": "3.2.12",
+      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.0.tgz",
-      "integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==",
+      "integrity": "sha512-ChDuvbOypPuNjO8yIDf36x7BlZX1smcUMTTcyoIjycexOxd6DFsKsg21qVBzEmr3G7fUKIRy2/psii+CIUt7FA==",
       "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
@@ -1020,9 +965,9 @@
       }
     },
     "node_modules/jake": {
-      "version": "10.8.6",
+      "version": "10.8.7",
-      "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.6.tgz",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz",
-      "integrity": "sha512-G43Ub9IYEFfu72sua6rzooi8V8Gz2lkfk48rW20vEWCGizeaEPlKB1Kh8JIA84yQbiAEfqlPmSpGgCKKxH3rDA==",
+      "integrity": "sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==",
       "dev": true,
       "dependencies": {
         "async": "^3.2.3",
@@ -1203,9 +1148,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.23",
+      "version": "8.4.24",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.23.tgz",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz",
-      "integrity": "sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==",
+      "integrity": "sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==",
       "dev": true,
       "funding": [
         {
@@ -1270,9 +1215,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.22.0",
+      "version": "3.26.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.22.0.tgz",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.26.0.tgz",
-      "integrity": "sha512-imsigcWor5Y/dC0rz2q0bBt9PabcL3TORry2hAa6O6BuMvY71bqHyfReAz5qyAqiQATD1m70qdntqBfBQjVWpQ==",
+      "integrity": "sha512-YzJH0eunH2hr3knvF3i6IkLO/jTjAEwU4HoMUbQl4//Tnl3ou0e7P5SjxdDr8HQJdeUJShlbEHXrrnEHy1l7Yg==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -1349,13 +1294,13 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.17.4",
+      "version": "5.18.2",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.4.tgz",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.18.2.tgz",
-      "integrity": "sha512-jcEKZw6UPrgugz/0Tuk/PVyLAPfMBJf5clnGueo45wTweoV8yh7Q7PEkhkJ5uuUbC7zAxEcG3tqNr1bstkQ8nw==",
+      "integrity": "sha512-Ah19JS86ypbJzTzvUCX7KOsEIhDaRONungA4aYBjEP3JZRf4ocuDzTg4QWZnPn9DEMiMYGJPiSOy7aykoCc70w==",
       "dev": true,
       "dependencies": {
-        "@jridgewell/source-map": "^0.3.2",
+        "@jridgewell/source-map": "^0.3.3",
-        "acorn": "^8.5.0",
+        "acorn": "^8.8.2",
         "commander": "^2.20.0",
         "source-map-support": "~0.5.20"
       },
@@ -1385,9 +1330,9 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.5.2",
+      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-      "integrity": "sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA==",
+      "integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA==",
       "dev": true
     },
     "node_modules/universalify": {
@@ -1400,9 +1345,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "4.3.8",
+      "version": "4.3.9",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.8.tgz",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.9.tgz",
-      "integrity": "sha512-uYB8PwN7hbMrf4j1xzGDk/lqjsZvCDbt/JC5dyfxc19Pg8kRm14LinK/uq+HSLNswZEoKmweGdtpbnxRtrAXiQ==",
+      "integrity": "sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.17.5",

jsonresume-theme-custom/package.json

@@ -13,9 +13,9 @@
     "modern-normalize": "2.0.0"
   },
   "devDependencies": {
-    "@types/node": "20.2.1",
+    "@types/node": "20.3.3",
-    "date-and-time": "3.0.0",
+    "date-and-time": "3.0.2",
-    "vite": "4.3.8",
+    "vite": "4.3.9",
     "vite-plugin-html": "3.2.0"
   }
 }

jsonresume-theme-custom/scripts/main.js

@@ -1,5 +1,5 @@
-import { DIVLO_BIRTHDAY, getAge } from '../../utils/getAge.ts'
+import { BIRTH_DATE, getAge } from '../../utils/getAge.ts'
 
 const yearOld = document.getElementById('year-old')
 
-yearOld.textContent = getAge(DIVLO_BIRTHDAY).toString()
+yearOld.textContent = getAge(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",
@@ -17,7 +17,7 @@
       },
       {
         "title": "Open-Source enthusiast",
-        "description": "For me, everyone should work, solve problems, build things and think together.<br/> The website is open-source on <a class='text-yellow dark:text-yellow-dark hover:underline' href='https://github.com/Divlo/Divlo' target='_blank' rel='noopener noreferrer'>GitHub</a>."
+        "description": "For me, everyone should work, solve problems, build things and think together.<br/> The website is open-source on <a class='text-yellow dark:text-yellow-dark hover:underline' href='https://github.com/theoludwig/theoludwig' target='_blank' rel='noopener noreferrer'>GitHub</a>."
       },
       {
         "title": "Passionate about High-Tech",

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é",
@@ -17,7 +17,7 @@
       },
       {
         "title": "Enthousiaste de l'Open-Source",
-        "description": "Pour moi, tout le monde devrait travailler, résoudre des problèmes, construire des choses et réfléchir ensemble. <br/> Le site est open-source sur <a class='text-yellow dark:text-yellow-dark hover:underline' href='https://github.com/Divlo/Divlo' target='_blank' rel='noopener noreferrer'>GitHub</a>."
+        "description": "Pour moi, tout le monde devrait travailler, résoudre des problèmes, construire des choses et réfléchir ensemble. <br/> Le site est open-source sur <a class='text-yellow dark:text-yellow-dark hover:underline' href='https://github.com/theoludwig/theoludwig' target='_blank' rel='noopener noreferrer'>GitHub</a>."
       },
       {
         "title": "Passionné de High-Tech",

next.config.js

@@ -1,7 +1,3 @@
-const nextPWA = require('next-pwa')({
-  disable: process.env.NODE_ENV !== 'production',
-  dest: 'public'
-})
 const nextTranslate = require('next-translate-plugin')
 
 /** @type {import("next").NextConfig} */
@@ -10,4 +6,4 @@ const nextConfig = {
   output: 'standalone'
 }
 
-module.exports = nextTranslate(nextPWA(nextConfig))
+module.exports = nextTranslate(nextConfig)

package.json

@@ -1,10 +1,10 @@
 {
-  "name": "divlo",
+  "name": "theoludwig",
-  "version": "2.7.0",
+  "version": "2.12.0",
   "private": true,
   "repository": {
     "type": "git",
-    "url": "https://github.com/Divlo/Divlo"
+    "url": "https://github.com/theoludwig/theoludwig"
   },
   "engines": {
     "node": ">=16.0.0",
@@ -17,12 +17,12 @@
     "lint:commit": "commitlint",
     "lint:editorconfig": "editorconfig-checker",
     "lint:markdown": "markdownlint-cli2",
-    "lint:eslint": "eslint \".\" --ignore-path \".gitignore\"",
+    "lint:eslint": "eslint . --ignore-path .gitignore",
-    "lint:prettier": "prettier \".\" --check --ignore-path \".gitignore\"",
+    "lint:prettier": "prettier . --check --ignore-path .gitignore",
     "lint:staged": "lint-staged",
     "test:unit": "cypress run --component",
     "test:html-w3c-validator": "start-server-and-test \"start\" \"http://127.0.0.1:3000\" \"html-w3c-validator\"",
-    "test:e2e": "start-server-and-test \"start\" \"http://127.0.0.1:3000\" \"cypress run\"",
+    "test:e2e": "start-server-and-test \"start\" http://127.0.0.1:3000 \"cypress run\"",
     "test:dev": "start-server-and-test \"dev\" \"http://127.0.0.1:3000\" \"cypress open\"",
     "resume:build": "node ./jsonresume-theme-custom/build.js",
     "release": "semantic-release",
@@ -30,22 +30,21 @@
     "postinstall": "husky install"
   },
   "dependencies": {
-    "@fontsource/montserrat": "5.0.0",
+    "@fontsource/montserrat": "5.0.3",
     "@fortawesome/fontawesome-svg-core": "6.4.0",
     "@fortawesome/free-brands-svg-icons": "6.4.0",
     "@fortawesome/free-solid-svg-icons": "6.4.0",
     "@fortawesome/react-fontawesome": "0.2.0",
-    "@giscus/react": "2.2.8",
+    "@giscus/react": "2.3.0",
     "clsx": "1.2.1",
-    "date-and-time": "3.0.0",
+    "date-and-time": "3.0.2",
     "gray-matter": "4.0.3",
-    "html-react-parser": "3.0.16",
+    "html-react-parser": "4.0.0",
-    "katex": "0.16.7",
+    "katex": "0.16.8",
-    "next": "13.4.3",
+    "next": "13.4.7",
     "next-mdx-remote": "4.4.1",
-    "next-pwa": "5.6.0",
     "next-themes": "0.2.1",
-    "next-translate": "2.0.5",
+    "next-translate": "2.4.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "read-pkg": "8.0.0",
@@ -55,47 +54,47 @@
     "remark-gfm": "3.0.1",
     "remark-math": "5.1.1",
     "sharp": "0.32.1",
-    "shiki": "0.14.2",
+    "shiki": "0.14.3",
     "unified": "10.1.2",
     "unist-util-visit": "4.1.2",
     "universal-cookie": "4.0.4"
   },
   "devDependencies": {
-    "@commitlint/cli": "17.6.3",
+    "@commitlint/cli": "17.6.6",
-    "@commitlint/config-conventional": "17.6.3",
+    "@commitlint/config-conventional": "17.6.6",
     "@saithodev/semantic-release-backmerge": "3.2.0",
     "@semantic-release/git": "10.0.1",
     "@tailwindcss/typography": "0.5.9",
     "@tsconfig/strictest": "2.0.1",
-    "@types/node": "20.2.1",
+    "@types/node": "20.3.3",
-    "@types/react": "18.2.6",
+    "@types/react": "18.2.14",
     "@types/unist": "2.0.6",
-    "@typescript-eslint/eslint-plugin": "5.59.6",
+    "@typescript-eslint/eslint-plugin": "5.60.1",
     "autoprefixer": "10.4.14",
-    "cypress": "12.12.0",
+    "cypress": "12.16.0",
-    "editorconfig-checker": "5.0.1",
+    "editorconfig-checker": "5.1.1",
-    "eslint": "8.41.0",
+    "eslint": "8.44.0",
-    "eslint-config-conventions": "9.0.0",
+    "eslint-config-conventions": "10.0.0",
-    "eslint-config-next": "13.4.3",
+    "eslint-config-next": "13.4.7",
     "eslint-config-prettier": "8.8.0",
     "eslint-plugin-import": "2.27.5",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-promise": "6.1.1",
     "eslint-plugin-unicorn": "47.0.0",
-    "html-w3c-validator": "1.3.0",
+    "html-w3c-validator": "1.4.0",
     "husky": "8.0.3",
     "jsonresume-theme-custom": "file:./jsonresume-theme-custom",
-    "lint-staged": "13.2.2",
+    "lint-staged": "13.2.3",
-    "markdownlint-cli2": "0.7.1",
+    "markdownlint-cli2": "0.8.1",
-    "markdownlint-rule-relative-links": "1.2.0",
+    "markdownlint-rule-relative-links": "2.1.0",
-    "next-translate-plugin": "2.0.5",
+    "next-translate-plugin": "2.4.4",
-    "postcss": "8.4.23",
+    "postcss": "8.4.24",
     "prettier": "2.8.8",
     "prettier-plugin-tailwindcss": "0.3.0",
-    "semantic-release": "21.0.2",
+    "semantic-release": "21.0.6",
     "start-server-and-test": "2.0.0",
     "tailwindcss": "3.3.2",
     "typescript": "5.0.4",
-    "vercel": "29.3.6"
+    "vercel": "31.0.1"
   }
 }

pages/404.tsx

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

pages/blog/[slug].tsx

@@ -1,5 +1,9 @@
 import type { GetStaticProps, GetStaticPaths, NextPage } from 'next'
+import Link from 'next/link'
+import Image from 'next/image'
 import { MDXRemote } from 'next-mdx-remote'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faLink } from '@fortawesome/free-solid-svg-icons'
 import date from 'date-and-time'
 import Giscus from '@giscus/react'
 import { useTheme } from 'next-themes'
@@ -16,6 +20,26 @@ interface BlogPostPageProps extends FooterProps {
   post: Post
 }
 
+const Heading = (
+  props: React.DetailedHTMLProps<
+    React.HTMLAttributes<HTMLHeadingElement>,
+    HTMLHeadingElement
+  >
+): JSX.Element => {
+  const { children, id = '' } = props
+  return (
+    <h2 {...props} className='group'>
+      <Link
+        href={`#${id}`}
+        className='invisible !text-black group-hover:visible dark:!text-white'
+      >
+        <FontAwesomeIcon className='mr-2 inline h-4 w-4' icon={faLink} />
+      </Link>
+      {children}
+    </h2>
+  )
+}
+
 const BlogPostPage: NextPage<BlogPostPageProps> = (props) => {
   const { version, post } = props
 
@@ -24,56 +48,69 @@ const BlogPostPage: NextPage<BlogPostPageProps> = (props) => {
   return (
     <>
       <Head
-        title={`${post.frontmatter.title} | Divlo`}
+        title={`${post.frontmatter.title} | Théo LUDWIG`}
         description={post.frontmatter.description}
       />
 
       <Header />
-      <main className='flex flex-1 flex-col flex-wrap items-center'>
+      <main className='break-wrap-words flex flex-1 flex-col flex-wrap items-center'>
-        <div className='my-10 flex flex-col items-center'>
+        <div className='my-10 flex flex-col items-center text-center'>
           <h1 className='text-3xl font-semibold'>{post.frontmatter.title}</h1>
           <p className='mt-2' data-cy='blog-post-date'>
             {date.format(new Date(post.frontmatter.publishedOn), 'DD/MM/YYYY')}
           </p>
         </div>
-        <div className='prose mb-10 px-8'>
+        <div className='prose mb-10'>
-          <MDXRemote
+          <div className='px-8'>
-            {...post.source}
+            <MDXRemote
-            components={{
+              {...post.source}
-              img: (properties) => {
+              components={{
-                const { src, alt, ...props } = properties
+                h1: Heading,
-                let source = src
+                h2: Heading,
-                source = src?.replace('../public/', '/')
+                h3: Heading,
-                return (
+                h4: Heading,
-                  <span className='flex flex-col items-center justify-center'>
+                h5: Heading,
-                    <img src={source} alt={alt} {...props} />
+                h6: Heading,
-                  </span>
+                img: (properties) => {
-                )
+                  const { src = '', alt = 'Blog Image' } = properties
-              },
+                  const source = src.replace('../public/', '/')
-              a: (props) => {
+                  return (
-                if (props.href?.startsWith('#') ?? false) {
+                    <span className='flex flex-col items-center justify-center'>
-                  return <a {...props} />
+                      <Image
+                        src={source}
+                        alt={alt}
+                        width={1000}
+                        height={1000}
+                        className='h-auto w-auto'
+                      />
+                    </span>
+                  )
+                },
+                a: (props) => {
+                  if (props.href?.startsWith('#') ?? false) {
+                    return <a {...props} />
+                  }
+                  return (
+                    <a target='_blank' rel='noopener noreferrer' {...props} />
+                  )
                 }
-                return (
+              }}
-                  <a target='_blank' rel='noopener noreferrer' {...props} />
+            />
-                )
+            <Giscus
-              }
+              id='comments'
-            }}
+              repo='theoludwig/theoludwig'
-          />
+              repoId='MDEwOlJlcG9zaXRvcnkzNTg5NDg1NDQ='
-          <Giscus
+              category='General'
-            id='comments'
+              categoryId='DIC_kwDOFWUewM4CQ_WK'
-            repo='Divlo/Divlo'
+              mapping='pathname'
-            repoId='MDEwOlJlcG9zaXRvcnkzNTg5NDg1NDQ='
+              reactionsEnabled='1'
-            category='General'
+              emitMetadata='0'
-            categoryId='DIC_kwDOFWUewM4CQ_WK'
+              inputPosition='top'
-            mapping='pathname'
+              theme={theme}
-            reactionsEnabled='1'
+              lang='en'
-            emitMetadata='0'
+              loading='lazy'
-            inputPosition='top'
+            />
-            theme={theme}
+          </div>
-            lang='en'
-            loading='lazy'
-          />
         </div>
       </main>
       <Footer version={version} />

pages/blog/index.tsx

@@ -21,7 +21,7 @@ const BlogPage: NextPage<BlogPageProps> = (props) => {
 
   return (
     <>
-      <Head title='Blog | Divlo' description={blogDescription} />
+      <Head title='Blog | Théo LUDWIG' description={blogDescription} />
 
       <Header />
       <main className='flex flex-1 flex-col flex-wrap items-center'>

posts/git-ultimate-guide.md

@@ -21,7 +21,7 @@ Git was originally authored by [Linus Torvalds](https://en.wikipedia.org/wiki/Li
 
 Git allows:
 
-- to be able to work with several people on the same codebase.
+- to work with several people on the same codebase.
 - track changes to know who did what and when.
 - revert changes.
 
@@ -122,6 +122,13 @@ git checkout <branch>
 # Merge a branch into the current branch
 git merge <branch>
 
+# Combine multiple commits of a branch into one for a merge
+git merge --squash <branch>
+
+# Change several past commits (interactive rebase)
+# HEAD points to the current consulted commit.
+git rebase --interactive HEAD~<number-of-commits>
+
 # Delete a branch
 git branch --delete <branch>
 git push <remote> --delete <branch>
@@ -132,14 +139,11 @@ git fetch --prune
 # Revert a commit
 git revert <commit>
 
-# Change several past commits (interactive rebase)
-# HEAD points to the current consulted commit.
-git rebase --interactive HEAD~<number-of-commits>
-
 # Reset the current branch, delete all commits since <branch> (without removing the changes)
 git reset --soft <branch>
 
 # Apply the changes introduced by some existing commits
+# (by first being on the branch where you want to apply the commit)
 git cherry-pick <commit>
 ```
 

posts/hello-world.md

@@ -13,11 +13,11 @@ This blog is here to document my journey of learning computer science, explainin
 
 The idea is that I will share my knowledge with you (readers), and hopefully help you to learn too.
 
-Keep in mind that I will not translate the posts in French, all the posts will be written in English, as I'm not a native English speaker, I will probably make mistakes, feel free to open pull requests on [GitHub](https://github.com/Divlo/Divlo) to correct them. 😊
+Keep in mind that I will not translate the posts in French, all the posts will be written in English, as I'm not a native English speaker, I will probably make mistakes, feel free to open pull requests on [GitHub](https://github.com/theoludwig/theoludwig) to correct them. 😊
 
 I plan to publish new posts when I have something new to share. There's no schedule, so stay tuned!
 
-To stay informed of new blog post and to ask questions, feel free to follow me on Twitter: [@Divlo_FR](https://twitter.com/Divlo_FR).
+To stay informed of new blog post and to ask questions, feel free to follow me on Twitter: [@theoludwig\_](https://twitter.com/theoludwig_).
 
 ## Project based learning
 
@@ -33,7 +33,7 @@ I learn something new, because it solved a "real life" problem I had encountered
 
 In this section, I will explain what technologies I used to make this blog, and what are the technical choices I had to do.
 
-The code of this website is open source on [GitHub](https://github.com/Divlo/Divlo), so you can see the code and contribute to it.
+The code of this website is open source on [GitHub](https://github.com/theoludwig/theoludwig), so you can see the code and contribute to it.
 
 ### Technologies
 

posts/programming-challenges.md

@@ -333,11 +333,11 @@ def maximum_subarray_sum_linear(array: list[int]) -> int:
 
 Problems solving is a very complicated and large topic, and also a very important skill to have as a software developer.
 
-To improve our problems solving skills, we can regularly practice with [programming challenges](https://github.com/Divlo/programming-challenges).
+To improve our problems solving skills, we can regularly practice with [programming challenges](https://github.com/theoludwig/programming-challenges).
 
 ## Sources
 
 - [Wikipedia - Competitive programming](https://en.wikipedia.org/wiki/Competitive_programming)
 - [Frontend Masters - The Last Algorithms Course You'll Need](https://frontendmasters.com/courses/algorithms/)
 - [Big-O Cheat Sheet](https://www.bigocheatsheet.com/)
-- [programming challenges](https://github.com/Divlo/programming-challenges)
+- [programming challenges](https://github.com/theoludwig/programming-challenges)

posts/thream-v1-0-0.md

@@ -7,13 +7,13 @@ publishedOn: '2022-04-11T10:24:55.206Z'
 
 Hello! 👋
 
-After months of hard work, [Thream v1.0.0](https://www.thream.divlo.fr/) has been released! 🎉
+After months of hard work, [Thream v1.0.0](https://thream.divlo.fr/) has been released! 🎉
 
-[**Thream**](https://www.thream.divlo.fr/) is your open-source platform to stay close with your friends and communities, talk, chat, collaborate, share and have fun.
+[**Thream**](https://thream.divlo.fr/) is your open-source platform to stay close with your friends and communities, talk, chat, collaborate, share and have fun.
 
 ## Presentation
 
-[**Thream**](https://www.thream.divlo.fr/) is a social network to stay close with your friends and communities to talk, chat, collaborate and share.
+[**Thream**](https://thream.divlo.fr/) is a social network to stay close with your friends and communities to talk, chat, collaborate and share.
 
 The project is largely inspired by [Discord](https://discord.com), a proprietary instant messaging service, but differentiates itself by its **non-profit open source philosophy** and will integrate special features.
 
@@ -23,11 +23,11 @@ The idea is that a user can create an account to authenticate with an email addr
 
 ![The Thream app on a community page](../public/images/posts/thream-v1-0-0/thream-ui.png)
 
-[**Thream**](https://www.thream.divlo.fr/) is a website that works on any recent browser, accessible on [thream.divlo.fr](https://www.thream.divlo.fr/).
+[**Thream**](https://thream.divlo.fr/) is a website that works on any recent browser, accessible on [thream.divlo.fr](https://thream.divlo.fr/).
 
 ## History
 
-The idea for the project has existed since May 13, 2020, symbolized by a [publication on Twitter](https://twitter.com/Divlo_FR/status/1260638175246135296) by the creator: Divlo.
+The idea for the project has existed since May 13, 2020, symbolized by a [publication on Twitter](https://twitter.com/theoludwig_/status/1260638175246135296) by the creator: Théo LUDWIG.
 
 The main goal is to put into **practice knowledge in web development** and computer science in general on a concrete project that can **easily evolve over time** where you can add many features.
 
@@ -116,4 +116,4 @@ The other interest of the project is that it is completely **open-source**, and
 
 Feel free to give feebacks and suggestions to improve the project, and to report any bug you find.
 
-**Thream** is available: [**thream.divlo.fr**](https://www.thream.divlo.fr/).
+**Thream** is available: [**thream.divlo.fr**](https://thream.divlo.fr/).

public/manifest.json

@@ -1,51 +0,0 @@
-{
-  "name": "Divlo",
-  "short_name": "Divlo",
-  "icons": [
-    {
-      "src": "images/icons/icon-72x72.png",
-      "sizes": "72x72",
-      "type": "image/png"
-    },
-    {
-      "src": "images/icons/icon-96x96.png",
-      "sizes": "96x96",
-      "type": "image/png"
-    },
-    {
-      "src": "images/icons/icon-128x128.png",
-      "sizes": "128x128",
-      "type": "image/png"
-    },
-    {
-      "src": "images/icons/icon-144x144.png",
-      "sizes": "144x144",
-      "type": "image/png"
-    },
-    {
-      "src": "images/icons/icon-152x152.png",
-      "sizes": "152x152",
-      "type": "image/png"
-    },
-    {
-      "src": "images/icons/icon-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png",
-      "purpose": "maskable"
-    },
-    {
-      "src": "images/icons/icon-384x384.png",
-      "sizes": "384x384",
-      "type": "image/png"
-    },
-    {
-      "src": "images/icons/icon-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ],
-  "theme_color": "#ffd800",
-  "background_color": "#181818",
-  "start_url": "/",
-  "display": "standalone"
-}

resume.jsonc

@@ -6,14 +6,14 @@
   "basics": {
     "name": "Théo LUDWIG",
     "label": "Développeur Full Stack • Étudiant",
-    "image": "https://divlo.fr/images/logo_orange.png",
+    "image": "https://theoludwig.fr/images/logo_orange.png",
-    "email": "contact@divlo.fr",
+    "email": "contact@theoludwig.fr",
     "age": "31/03/2003",
     "location": {
       "address": "Alsace, France"
     },
-    "url": "https://divlo.fr",
+    "url": "https://theoludwig.fr",
-    "summary": "Je suis étudiant à l'université suivant la formation \"BUT Informatique\" et me forme en autodidacte dans l'informatique en suivant des formations en ligne. <br/> Je mets en pratique tout ce que j'apprends et réalise de nombreux projets (disponible sur <a href=\"https://divlo.fr\">divlo.fr</a>)."
+    "summary": "Je suis étudiant à l'université suivant la formation \"BUT Informatique\" et me forme en autodidacte dans l'informatique en suivant des formations en ligne. <br/> Je mets en pratique tout ce que j'apprends et réalise de nombreux projets (disponible sur <a href=\"https://theoludwig.fr\">theoludwig.fr</a>)."
   },
   "education": [
     {
@@ -66,8 +66,8 @@
       "location": "4 Rue Sophie Germain, 67720 Hœrdt",
       "position": "Stagiaire Développeur Web",
       "startDate": "2023-04-11",
-      "endDate": "2023-06-23",
+      "endDate": "2023-07-26",
-      "duration": "3 mois"
+      "duration": "4 mois"
     },
     {
       "summary": "Agent administratif - Numérisation et archivage des plans électriques initialement sous format papier calque.",
@@ -105,7 +105,7 @@
       "website": "https://www.wildcodeschool.fr/",
       "name": "Wild Code School",
       "location": "32 Rue du Bass. d'Austerlitz, 67100 Strasbourg",
-      "position": "Initiation métier développeur web",
+      "position": "Initiation métier Développeur web",
       "startDate": "2019-06-24",
       "endDate": "2019-06-28",
       "duration": "1 semaine"
@@ -136,16 +136,16 @@
     },
     {
       "keywords": ["HTML", "CSS", "Tailwind CSS", "React.js/Next.js"],
-      "name": "Front-end"
+      "name": "Frontend"
     },
     {
       "keywords": ["Laravel", "Node.js", "Fastify", "PostgreSQL"],
-      "name": "Back-end"
+      "name": "Backend"
     },
     {
       "keywords": [
         "GNU/Linux",
-        "Ubuntu",
+        "Arch Linux",
         "Visual Studio Code",
         "Git",
         "Docker"

styles/global.css

@@ -2,8 +2,25 @@
 @tailwind components;
 @tailwind utilities;
 
+.break-wrap-words {
+  word-wrap: break-word;
+  word-break: break-word;
+}
+
 .prose {
-  @apply !max-w-4xl text-gray dark:text-gray-300;
+  @apply !max-w-5xl scroll-smooth text-gray dark:text-gray-300;
+}
+
+.prose p {
+  @apply text-justify;
+}
+
+.prose [id]::before {
+  content: '';
+  display: block;
+  height: 90px;
+  margin-top: -90px;
+  visibility: hidden;
 }
 
 .prose a,
@@ -28,8 +45,6 @@
 }
 .shiki {
   white-space: pre-wrap !important;
-  word-break: normal !important;
-  word-wrap: normal;
 }
 code {
   counter-reset: step;
@@ -43,4 +58,12 @@ code .line::before {
   display: inline-block;
   text-align: right;
   color: rgba(133, 133, 133, 0.8);
+  word-wrap: normal;
+  word-break: normal;
+}
+
+.katex .base {
+  display: inline !important;
+  white-space: normal !important;
+  width: 100% !important;
 }

utils/getAge.ts

@@ -1,11 +1,11 @@
-export const DIVLO_BIRTHDAY_DAY = '31' as const
+export const BIRTH_DATE_DAY = '31' as const
-export const DIVLO_BIRTHDAY_MONTH = '03' as const
+export const BIRTH_DATE_MONTH = '03' as const
-export const DIVLO_BIRTHDAY_YEAR = '2003' as const
+export const BIRTH_DATE_YEAR = '2003' as const
-export const DIVLO_BIRTHDAY_DATE =
+export const BIRTH_DATE_STRING =
-  `${DIVLO_BIRTHDAY_DAY}/${DIVLO_BIRTHDAY_MONTH}/${DIVLO_BIRTHDAY_YEAR}` as const
+  `${BIRTH_DATE_DAY}/${BIRTH_DATE_MONTH}/${BIRTH_DATE_YEAR}` as const
-export const DIVLO_BIRTHDAY_DATE_ISO_8061 =
+export const BIRTH_DATE_ISO_8601 =
-  `${DIVLO_BIRTHDAY_YEAR}-${DIVLO_BIRTHDAY_MONTH}-${DIVLO_BIRTHDAY_DAY}` as const
+  `${BIRTH_DATE_YEAR}-${BIRTH_DATE_MONTH}-${BIRTH_DATE_DAY}` as const
-export const DIVLO_BIRTHDAY = new Date(DIVLO_BIRTHDAY_DATE_ISO_8061)
+export const BIRTH_DATE = new Date(BIRTH_DATE_ISO_8601)
 
 /**
  * Calculates the age of a person based on their birth date