fix(footer): show 0.0.0-development version in Footer in development

This reverts commit c2c9b59c7a.

.devcontainer/devcontainer.json

@@ -7,8 +7,8 @@
     "vscode": {
       "settings": {
         "remote.autoForwardPorts": false,
-        "remote.localPortHost": "allInterfaces",
+        "remote.localPortHost": "allInterfaces"
-      },
+      }
     },
     "extensions": [
       "editorconfig.editorconfig",
@@ -17,8 +17,8 @@
       "davidanson.vscode-markdownlint",
       "bradlc.vscode-tailwindcss",
       "mikestead.dotenv",
-      "ms-azuretools.vscode-docker",
+      "ms-azuretools.vscode-docker"
-    ],
+    ]
   },
-  "remoteUser": "node",
+  "remoteUser": "node"
 }

.github/workflows/build.yml

@@ -13,7 +13,7 @@ jobs:
       - uses: "actions/checkout@v4.1.1"
 
       - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.0.1"
+        uses: "actions/setup-node@v4.0.2"
         with:
           node-version: "20.x"
           cache: "npm"

.github/workflows/lint.yml

@@ -13,7 +13,7 @@ jobs:
       - uses: "actions/checkout@v4.1.1"
 
       - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.0.1"
+        uses: "actions/setup-node@v4.0.2"
         with:
           node-version: "20.x"
           cache: "npm"

.github/workflows/release.yml

@@ -21,7 +21,7 @@ jobs:
           git_commit_gpgsign: true
 
       - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.0.1"
+        uses: "actions/setup-node@v4.0.2"
         with:
           node-version: "20.x"
           cache: "npm"

.github/workflows/test.yml

@@ -13,7 +13,7 @@ jobs:
       - uses: "actions/checkout@v4.1.1"
 
       - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.0.1"
+        uses: "actions/setup-node@v4.0.2"
         with:
           node-version: "20.x"
           cache: "npm"
@@ -30,7 +30,7 @@ jobs:
       - uses: "actions/checkout@v4.1.1"
 
       - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.0.1"
+        uses: "actions/setup-node@v4.0.2"
         with:
           node-version: "20.x"
           cache: "npm"

.html-w3c-validatorrc.json

@@ -1,4 +1,5 @@
 {
+  "$schema": "https://raw.githubusercontent.com/theoludwig/html-w3c-validator/master/schema/html-w3c-validatorrc-schema.json",
   "urls": ["http://127.0.0.1:3000/", "http://127.0.0.1:3000/blog"],
   "files": ["./public/curriculum-vitae/index.html"],
   "severities": ["error"]

.lintstagedrc.json

@@ -1,4 +1,7 @@
 {
-  "**/*": ["prettier --write --ignore-unknown", "editorconfig-checker"],
+  "**/*": ["editorconfig-checker", "prettier --write --ignore-unknown"],
-  "**/*.{md,mdx}": ["markdownlint-cli2 --fix --no-globs"]
+  "**/*.md": ["markdownlint-cli2 --fix --no-globs"],
+  "**/*.{js,jsx,ts,tsx}": [
+    "eslint --fix --max-warnings 0 --report-unused-disable-directives"
+  ]
 }

.markdownlint-cli2.jsonc

@@ -6,7 +6,7 @@
     "no-duplicate-heading": false,
     "no-inline-html": false,
   },
-  "globs": ["**/*.{md,mdx}"],
+  "globs": ["**/*.md"],
   "ignores": ["**/node_modules"],
   "customRules": ["markdownlint-rule-relative-links"],
 }

Dockerfile

@@ -1,9 +1,9 @@
-FROM node:20.11.0 AS builder-dependencies
+FROM node:20.11.1 AS builder-dependencies
 WORKDIR /usr/src/application
 COPY ./package*.json ./
 RUN npm clean-install
 
-FROM node:20.11.0 AS builder
+FROM node:20.11.1 AS builder
 ENV NEXT_TELEMETRY_DISABLED=1
 ENV IS_STANDALONE=true
 WORKDIR /usr/src/application
@@ -11,7 +11,7 @@ COPY --from=builder-dependencies /usr/src/application/node_modules ./node_module
 COPY ./ ./
 RUN npm run build
 
-FROM node:20.11.0-slim AS runner
+FROM node:20.11.1-slim AS runner
 ENV NODE_ENV=production
 ENV HOSTNAME=0.0.0.0
 ENV NEXT_TELEMETRY_DISABLED=1

app/blog/page.tsx

@@ -25,7 +25,7 @@ const BlogPage = async (): Promise<JSX.Element> => {
   return (
     <main className="flex flex-1 flex-col flex-wrap items-center">
       <div className="mt-10 flex flex-col items-center">
-        <h1 className="text-4xl font-semibold text-yellow dark:text-yellow-dark">
+        <h1 className="text-4xl font-semibold text-primary dark:text-primary-dark">
           Blog
         </h1>
         <p className="mt-6 text-center" data-cy="blog-post-date">

app/error.tsx

@@ -18,7 +18,7 @@ const ErrorHandling = (props: ErrorHandlingProps): JSX.Element => {
       <h1 className="my-6 text-4xl font-semibold">
         Error{" "}
         <span
-          className="text-yellow dark:text-yellow-dark"
+          className="text-primary dark:text-primary-dark"
           data-cy="status-code"
         >
           500

app/globals.css

@@ -29,7 +29,7 @@
 
 .prose a,
 .prose strong {
-  @apply !font-semibold text-yellow dark:text-yellow-dark;
+  @apply !font-semibold text-primary dark:text-primary-dark;
 }
 
 strong,

app/not-found.tsx

@@ -10,7 +10,7 @@ const NotFound = (): JSX.Element => {
       <h1 className="my-6 text-4xl font-semibold">
         {i18n.translate("errors.error")}{" "}
         <span
-          className="text-yellow dark:text-yellow-dark"
+          className="text-primary dark:text-primary-dark"
           data-cy="status-code"
         >
           404
@@ -20,7 +20,7 @@ const NotFound = (): JSX.Element => {
         {i18n.translate("errors.not-found")}{" "}
         <Link
           href="/"
-          className="text-yellow hover:underline dark:text-yellow-dark"
+          className="text-primary hover:underline dark:text-primary-dark"
         >
           {i18n.translate("errors.return-to-home-page")}
         </Link>

blog/BlogPost.tsx

@@ -21,7 +21,7 @@ export const BlogPost = async (props: BlogPostProps): Promise<JSX.Element> => {
   return (
     <main className="break-wrap-words flex flex-1 flex-col flex-wrap items-center justify-center">
       <div className="my-10 flex flex-col items-center text-center">
-        <h1 className="text-3xl font-semibold text-yellow dark:text-yellow-dark">
+        <h1 className="text-3xl font-semibold text-primary dark:text-primary-dark">
           {blogPost.frontmatter.title}
         </h1>
         <p className="mt-2" data-cy="blog-post-date">

blog/BlogPosts.tsx

@@ -25,7 +25,7 @@ export const BlogPosts = async (): Promise<JSX.Element> => {
               <ShadowContainer className="cursor-pointer p-6 transition duration-200 ease-in-out hover:-translate-y-2">
                 <h2
                   data-cy="blog-post-title"
-                  className="text-xl font-semibold text-yellow dark:text-yellow-dark"
+                  className="text-xl font-semibold text-primary dark:text-primary-dark"
                 >
                   {post.frontmatter.title}
                 </h2>

blog/posts/git-ultimate-guide.md

@@ -84,7 +84,10 @@ git add .
 git add <file>
 
 # Commit changes
-git commit -m "chore: initial commit"
+git commit -m "Commit message"
+
+# Commit changes in the past
+git commit --date "10 day ago" -m "Commit message"
 
 # Add remote repository
 git remote add <remote> <url>

components/Footer/FooterText.tsx

@@ -9,7 +9,7 @@ export const FooterText = (): JSX.Element => {
     <p>
       <Link
         href="/"
-        className="font-semibold text-yellow hover:underline dark:text-yellow-dark"
+        className="font-semibold text-primary hover:underline dark:text-primary-dark"
       >
         Théo LUDWIG
       </Link>{" "}

components/Footer/FooterVersion.tsx

@@ -16,7 +16,7 @@ export const FooterVersion = (props: FooterVersionProps): JSX.Element => {
       Version{" "}
       <a
         data-cy="version-link"
-        className="font-semibold text-yellow hover:underline dark:text-yellow-dark"
+        className="font-semibold text-primary hover:underline dark:text-primary-dark"
         href={versionLink}
         target="_blank"
         rel="noopener noreferrer"

components/Footer/index.tsx

@@ -1,9 +1,10 @@
+import { getVersion } from "@/utils/getVersion"
+
 import { FooterText } from "./FooterText"
 import { FooterVersion } from "./FooterVersion"
 
 export const Footer = async (): Promise<JSX.Element> => {
-  const { readPackage } = await import("read-pkg")
+  const version = await getVersion()
-  const { version } = await readPackage()
 
   return (
     <footer className="flex flex-col items-center justify-center border-t-2 border-gray-600 bg-white py-6 text-lg dark:border-gray-400 dark:bg-black">

components/Header/index.tsx

@@ -23,7 +23,7 @@ export const Header = (): JSX.Element => {
             alt="Théo LUDWIG"
             priority
           />
-          <strong className="ml-1 hidden font-headline font-semibold text-yellow dark:text-yellow-dark sm:block sm:text-xl">
+          <strong className="ml-1 hidden font-headline font-semibold text-primary dark:text-primary-dark sm:block sm:text-xl">
             Théo LUDWIG
           </strong>
         </h1>
@@ -33,7 +33,7 @@ export const Header = (): JSX.Element => {
           <Link
             href="/blog"
             data-cy="header-blog-link"
-            className="font-semibold text-yellow hover:underline dark:text-yellow-dark"
+            className="font-semibold text-primary hover:underline dark:text-primary-dark"
           >
             Blog
           </Link>

components/Interests/InterestParagraph.tsx

@@ -22,7 +22,7 @@ export const InterestParagraph = (
   return (
     <>
       <p className="my-6 text-center text-gray dark:text-gray-dark">
-        <strong className="text-lg font-semibold text-yellow dark:text-yellow-dark">
+        <strong className="text-lg font-semibold text-primary dark:text-primary-dark">
           {title}
         </strong>
         <br />

components/Interests/InterestsList/InterestItem.tsx

@@ -12,7 +12,7 @@ export const InterestItem = (props: InterestItemProps): JSX.Element => {
   return (
     <li className="m-2 size-8" title={title}>
       <FontAwesomeIcon
-        className="block size-full text-yellow dark:text-yellow-dark"
+        className="block size-full text-primary dark:text-primary-dark"
         icon={fontAwesomeIcon}
       />
     </li>

components/OpenSource/Repository.tsx

@@ -15,7 +15,7 @@ export const Repository = (props: RepositoryProps): JSX.Element => {
       <a href={href} target="_blank" rel="noopener noreferrer">
         <div className="flex">
           <GitHubIcon className="mr-2 h-6" />
-          <span className="font-semibold text-yellow dark:text-yellow-dark">
+          <span className="font-semibold text-primary dark:text-primary-dark">
             {name}
           </span>
         </div>

components/Portfolio/PortfolioItem.tsx

@@ -32,7 +32,7 @@ export const PortfolioItem = (props: PortfolioItemProps): JSX.Element => {
           />
         </div>
         <div className="absolute bottom-0 h-auto overflow-hidden text-center opacity-0 transition-opacity duration-500 group-hover:opacity-100">
-          <h3 className="my-6 text-2xl font-semibold text-yellow dark:text-yellow-dark">
+          <h3 className="my-6 text-2xl font-semibold text-primary dark:text-primary-dark">
             {title}
           </h3>
           <p className="mx-4 my-6 font-semibold">{description}</p>

components/Profile/ProfileDescriptionBottom.tsx

@@ -12,7 +12,7 @@ export const ProfileDescriptionBottom = (): JSX.Element => {
       <br />
       <a
         href="/curriculum-vitae/index.html"
-        className="font-semibold text-yellow hover:underline dark:text-yellow-dark"
+        className="font-semibold text-primary hover:underline dark:text-primary-dark"
       >
         Curriculum vitæ ({i18n.translate("common.fr-FR")})
       </a>

components/Profile/ProfileInfo.tsx

@@ -5,7 +5,7 @@ export const ProfileInformation = (): JSX.Element => {
 
   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 font-semibold text-yellow dark:text-yellow-dark">
+      <h1 className="mb-2 text-4xl font-semibold text-primary dark:text-primary-dark">
         Théo LUDWIG
       </h1>
       <h2 className="mb-3 text-base">

components/Profile/ProfileList/index.tsx

@@ -5,6 +5,7 @@ import { useMemo } from "react"
 import { useI18n } from "@/i18n/i18n.client"
 import { BIRTH_DATE, BIRTH_DATE_STRING, getAge } from "@/utils/getAge"
 import type { CookiesStore } from "@/utils/constants"
+import { useIsMounted } from "@/hooks/useIsMounted"
 
 import { ProfileItem } from "./ProfileItem"
 
@@ -21,18 +22,22 @@ export const ProfileList = (props: ProfileListProps): JSX.Element => {
     return getAge(BIRTH_DATE)
   }, [])
 
+  const { isMounted } = useIsMounted()
+
   return (
     <ul className="m-0 list-none p-0">
       <ProfileItem
         title={i18n.translate("home.about.pronouns")}
         value={i18n.translate("home.about.pronouns-value")}
       />
-      <ProfileItem
+      {isMounted ? (
-        title={i18n.translate("home.about.birth-date")}
+        <ProfileItem
-        value={`${BIRTH_DATE_STRING} (${age} ${i18n.translate(
+          title={i18n.translate("home.about.birth-date")}
-          "home.about.years-old",
+          value={`${BIRTH_DATE_STRING} (${age} ${i18n.translate(
-        )})`}
+            "home.about.years-old",
-      />
+          )})`}
+        />
+      ) : null}
       <ProfileItem
         title={i18n.translate("home.about.nationality")}
         value="Alsace, France"

components/Skills/Skill.tsx

@@ -29,7 +29,7 @@ export const SkillComponent = (props: SkillComponentProps): JSX.Element => {
   return (
     <a
       href={skillProperties.link}
-      className="mx-2 max-w-xl text-yellow hover:underline dark:text-yellow-dark"
+      className="mx-2 max-w-xl text-primary hover:underline dark:text-primary-dark"
       target="_blank"
       rel="noopener noreferrer"
     >

components/Skills/SkillsSection.tsx

@@ -14,7 +14,7 @@ export const SkillsSection = (props: SkillsSectionProps): JSX.Element => {
         <div className="flex flex-wrap px-4 py-6">
           <div className="flex-1">
             <div className="mb-8 border-b border-gray-600 dark:border-white/10">
-              <h3 className="my-3 text-xl font-semibold text-yellow dark:text-yellow-dark">
+              <h3 className="my-3 text-xl font-semibold text-primary dark:text-primary-dark">
                 {title}
               </h3>
             </div>

components/design/Loader.tsx

@@ -16,7 +16,7 @@ export const Loader = (props: LoaderProps): JSX.Element => {
         height,
       }}
       className={classNames(
-        "inline-block animate-spin rounded-full border-[3px] border-current border-t-transparent text-yellow dark:text-yellow-dark",
+        "inline-block animate-spin rounded-full border-[3px] border-current border-t-transparent text-primary dark:text-primary-dark",
         className,
       )}
       role="status"

components/design/Section/SectionHeading.tsx

@@ -6,7 +6,7 @@ export const SectionHeading = (props: SectionHeadingProps): JSX.Element => {
   return (
     <h2
       {...rest}
-      className="mb-3 mt-1 text-center text-4xl font-semibold text-yellow dark:text-yellow-dark"
+      className="mb-3 mt-1 text-center text-4xl font-semibold text-primary dark:text-primary-dark"
     >
       {children}
     </h2>

curriculum-vitae/package-lock.json

@@ -12,9 +12,9 @@
         "modern-normalize": "2.0.0"
       },
       "devDependencies": {
-        "@types/node": "20.11.8",
+        "@types/node": "20.11.17",
         "date-and-time": "3.1.1",
-        "vite": "5.0.12",
+        "vite": "5.1.2",
         "vite-plugin-html": "3.2.2"
       }
     },
@@ -401,9 +401,9 @@
       }
     },
     "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.1",
+      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "dev": true,
       "engines": {
         "node": ">=6.0.0"
@@ -493,9 +493,9 @@
       }
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.9.6",
+      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.9.6.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.11.0.tgz",
-      "integrity": "sha512-MVNXSSYN6QXOulbHpLMKYi60ppyO13W9my1qogeiAqtjb2yR4LSmfU2+POvDkLzhjYLXz9Rf9+9a3zFHW1Lecg==",
+      "integrity": "sha512-BV+u2QSfK3i1o6FucqJh5IK9cjAU6icjFFhvknzFgu472jzl0bBojfDAkJLBEsHFMo+YZg6rthBvBBt8z12IBQ==",
       "cpu": [
         "arm"
       ],
@@ -506,9 +506,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.9.6",
+      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.9.6.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.11.0.tgz",
-      "integrity": "sha512-T14aNLpqJ5wzKNf5jEDpv5zgyIqcpn1MlwCrUXLrwoADr2RkWA0vOWP4XxbO9aiO3dvMCQICZdKeDrFl7UMClw==",
+      "integrity": "sha512-0ij3iw7sT5jbcdXofWO2NqDNjSVVsf6itcAkV2I6Xsq4+6wjW1A8rViVB67TfBEan7PV2kbLzT8rhOVWLI2YXw==",
       "cpu": [
         "arm64"
       ],
@@ -519,9 +519,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.9.6",
+      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.9.6.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.11.0.tgz",
-      "integrity": "sha512-CqNNAyhRkTbo8VVZ5R85X73H3R5NX9ONnKbXuHisGWC0qRbTTxnF1U4V9NafzJbgGM0sHZpdO83pLPzq8uOZFw==",
+      "integrity": "sha512-yPLs6RbbBMupArf6qv1UDk6dzZvlH66z6NLYEwqTU0VHtss1wkI4UYeeMS7TVj5QRVvaNAWYKP0TD/MOeZ76Zg==",
       "cpu": [
         "arm64"
       ],
@@ -532,9 +532,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.9.6",
+      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.9.6.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.11.0.tgz",
-      "integrity": "sha512-zRDtdJuRvA1dc9Mp6BWYqAsU5oeLixdfUvkTHuiYOHwqYuQ4YgSmi6+/lPvSsqc/I0Omw3DdICx4Tfacdzmhog==",
+      "integrity": "sha512-OvqIgwaGAwnASzXaZEeoJY3RltOFg+WUbdkdfoluh2iqatd090UeOG3A/h0wNZmE93dDew9tAtXgm3/+U/B6bw==",
       "cpu": [
         "x64"
       ],
@@ -545,9 +545,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.9.6",
+      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.9.6.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.11.0.tgz",
-      "integrity": "sha512-oNk8YXDDnNyG4qlNb6is1ojTOGL/tRhbbKeE/YuccItzerEZT68Z9gHrY3ROh7axDc974+zYAPxK5SH0j/G+QQ==",
+      "integrity": "sha512-X17s4hZK3QbRmdAuLd2EE+qwwxL8JxyVupEqAkxKPa/IgX49ZO+vf0ka69gIKsaYeo6c1CuwY3k8trfDtZ9dFg==",
       "cpu": [
         "arm"
       ],
@@ -558,9 +558,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.9.6",
+      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.9.6.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.11.0.tgz",
-      "integrity": "sha512-Z3O60yxPtuCYobrtzjo0wlmvDdx2qZfeAWTyfOjEDqd08kthDKexLpV97KfAeUXPosENKd8uyJMRDfFMxcYkDQ==",
+      "integrity": "sha512-673Lu9EJwxVB9NfYeA4AdNu0FOHz7g9t6N1DmT7bZPn1u6bTF+oZjj+fuxUcrfxWXE0r2jxl5QYMa9cUOj9NFg==",
       "cpu": [
         "arm64"
       ],
@@ -571,9 +571,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.9.6",
+      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.9.6.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.11.0.tgz",
-      "integrity": "sha512-gpiG0qQJNdYEVad+1iAsGAbgAnZ8j07FapmnIAQgODKcOTjLEWM9sRb+MbQyVsYCnA0Im6M6QIq6ax7liws6eQ==",
+      "integrity": "sha512-yFW2msTAQNpPJaMmh2NpRalr1KXI7ZUjlN6dY/FhWlOclMrZezm5GIhy3cP4Ts2rIAC+IPLAjNibjp1BsxCVGg==",
       "cpu": [
         "arm64"
       ],
@@ -584,9 +584,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.9.6",
+      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.9.6.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.11.0.tgz",
-      "integrity": "sha512-+uCOcvVmFUYvVDr27aiyun9WgZk0tXe7ThuzoUTAukZJOwS5MrGbmSlNOhx1j80GdpqbOty05XqSl5w4dQvcOA==",
+      "integrity": "sha512-kKT9XIuhbvYgiA3cPAGntvrBgzhWkGpBMzuk1V12Xuoqg7CI41chye4HU0vLJnGf9MiZzfNh4I7StPeOzOWJfA==",
       "cpu": [
         "riscv64"
       ],
@@ -597,9 +597,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.9.6",
+      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.9.6.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.11.0.tgz",
-      "integrity": "sha512-HUNqM32dGzfBKuaDUBqFB7tP6VMN74eLZ33Q9Y1TBqRDn+qDonkAUyKWwF9BR9unV7QUzffLnz9GrnKvMqC/fw==",
+      "integrity": "sha512-6q4ESWlyTO+erp1PSCmASac+ixaDv11dBk1fqyIuvIUc/CmRAX2Zk+2qK1FGo5q7kyDcjHCFVwgGFCGIZGVwCA==",
       "cpu": [
         "x64"
       ],
@@ -610,9 +610,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.9.6",
+      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.9.6.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.11.0.tgz",
-      "integrity": "sha512-ch7M+9Tr5R4FK40FHQk8VnML0Szi2KRujUgHXd/HjuH9ifH72GUmw6lStZBo3c3GB82vHa0ZoUfjfcM7JiiMrQ==",
+      "integrity": "sha512-vIAQUmXeMLmaDN78HSE4Kh6xqof2e3TJUKr+LPqXWU4NYNON0MDN9h2+t4KHrPAQNmU3w1GxBQ/n01PaWFwa5w==",
       "cpu": [
         "x64"
       ],
@@ -623,9 +623,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.9.6",
+      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.9.6.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.11.0.tgz",
-      "integrity": "sha512-VD6qnR99dhmTQ1mJhIzXsRcTBvTjbfbGGwKAHcu+52cVl15AC/kplkhxzW/uT0Xl62Y/meBKDZvoJSJN+vTeGA==",
+      "integrity": "sha512-LVXo9dDTGPr0nezMdqa1hK4JeoMZ02nstUxGYY/sMIDtTYlli1ZxTXBYAz3vzuuvKO4X6NBETciIh7N9+abT1g==",
       "cpu": [
         "arm64"
       ],
@@ -636,9 +636,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.9.6",
+      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.9.6.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.11.0.tgz",
-      "integrity": "sha512-J9AFDq/xiRI58eR2NIDfyVmTYGyIZmRcvcAoJ48oDld/NTR8wyiPUu2X/v1navJ+N/FGg68LEbX3Ejd6l8B7MQ==",
+      "integrity": "sha512-xZVt6K70Gr3I7nUhug2dN6VRR1ibot3rXqXS3wo+8JP64t7djc3lBFyqO4GiVrhNaAIhUCJtwQ/20dr0h0thmQ==",
       "cpu": [
         "ia32"
       ],
@@ -649,9 +649,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.9.6",
+      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.9.6.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.11.0.tgz",
-      "integrity": "sha512-jqzNLhNDvIZOrt69Ce4UjGRpXJBzhUBzawMwnaDAwyHriki3XollsewxWzOzz+4yOFDkuJHtTsZFwMxhYJWmLQ==",
+      "integrity": "sha512-f3I7h9oTg79UitEco9/2bzwdciYkWr8pITs3meSDSlr1TdvQ7IxkQaaYN2YqZXX5uZhiYL+VuYDmHwNzhx+HOg==",
       "cpu": [
         "x64"
       ],
@@ -668,9 +668,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "20.11.8",
+      "version": "20.11.17",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.8.tgz",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.17.tgz",
-      "integrity": "sha512-i7omyekpPTNdv4Jb/Rgqg0RU8YqLcNsI12quKSDkRXNfx7Wxdm6HhK1awT3xTgEkgxPn3bvnSpiEAc7a7Lpyow==",
+      "integrity": "sha512-QmgQZGWu1Yw9TDyAP9ZzpFJKynYNeOvwMJmaxABfieQoVoiVOS6MN1WSpqpRcbeA5+RW82kraAVxCCJg+780Qw==",
       "dev": true,
       "dependencies": {
         "undici-types": "~5.26.4"
@@ -941,15 +941,15 @@
       }
     },
     "node_modules/dotenv": {
-      "version": "16.4.1",
+      "version": "16.4.4",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.1.tgz",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.4.tgz",
-      "integrity": "sha512-CjA3y+Dr3FyFDOAMnxZEGtnW9KBR2M0JvvUtXNW+dYJL5ROWxP9DUHCwgFqpMk0OXCc0ljhaNTr2w/kutYIcHQ==",
+      "integrity": "sha512-XvPXc8XAQThSjAbY6cQ/9PcBXmFoWuw1sQ3b8HqUCR6ziGXjkTi//kB9SWa2UwqlgdAIuRqAa/9hVljzPehbYg==",
       "dev": true,
       "engines": {
         "node": ">=12"
       },
       "funding": {
-        "url": "https://github.com/motdotla/dotenv?sponsor=1"
+        "url": "https://dotenvx.com"
       }
     },
     "node_modules/dotenv-expand": {
@@ -1046,9 +1046,9 @@
       }
     },
     "node_modules/fastq": {
-      "version": "1.17.0",
+      "version": "1.17.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.0.tgz",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
-      "integrity": "sha512-zGygtijUMT7jnk3h26kUms3BkSDp4IfIKjmnqI2tvx6nuBfiF1UqOxbnLfzdv+apBy+53oaImsKtMw/xYbW+1w==",
+      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
       "dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
@@ -1395,9 +1395,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.33",
+      "version": "8.4.35",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.33.tgz",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz",
-      "integrity": "sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==",
+      "integrity": "sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==",
       "dev": true,
       "funding": [
         {
@@ -1462,9 +1462,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.9.6",
+      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.9.6.tgz",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.11.0.tgz",
-      "integrity": "sha512-05lzkCS2uASX0CiLFybYfVkwNbKZG5NFQ6Go0VWyogFTXXbR039UVsegViTntkk4OglHBdF54ccApXRRuXRbsg==",
+      "integrity": "sha512-2xIbaXDXjf3u2tajvA5xROpib7eegJ9Y/uPlSFhXLNpK9ampCczXAhLEb5yLzJyG3LAdI1NWtNjDXiLyniNdjQ==",
       "dev": true,
       "dependencies": {
         "@types/estree": "1.0.5"
@@ -1477,19 +1477,19 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.9.6",
+        "@rollup/rollup-android-arm-eabi": "4.11.0",
-        "@rollup/rollup-android-arm64": "4.9.6",
+        "@rollup/rollup-android-arm64": "4.11.0",
-        "@rollup/rollup-darwin-arm64": "4.9.6",
+        "@rollup/rollup-darwin-arm64": "4.11.0",
-        "@rollup/rollup-darwin-x64": "4.9.6",
+        "@rollup/rollup-darwin-x64": "4.11.0",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.9.6",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.11.0",
-        "@rollup/rollup-linux-arm64-gnu": "4.9.6",
+        "@rollup/rollup-linux-arm64-gnu": "4.11.0",
-        "@rollup/rollup-linux-arm64-musl": "4.9.6",
+        "@rollup/rollup-linux-arm64-musl": "4.11.0",
-        "@rollup/rollup-linux-riscv64-gnu": "4.9.6",
+        "@rollup/rollup-linux-riscv64-gnu": "4.11.0",
-        "@rollup/rollup-linux-x64-gnu": "4.9.6",
+        "@rollup/rollup-linux-x64-gnu": "4.11.0",
-        "@rollup/rollup-linux-x64-musl": "4.9.6",
+        "@rollup/rollup-linux-x64-musl": "4.11.0",
-        "@rollup/rollup-win32-arm64-msvc": "4.9.6",
+        "@rollup/rollup-win32-arm64-msvc": "4.11.0",
-        "@rollup/rollup-win32-ia32-msvc": "4.9.6",
+        "@rollup/rollup-win32-ia32-msvc": "4.11.0",
-        "@rollup/rollup-win32-x64-msvc": "4.9.6",
+        "@rollup/rollup-win32-x64-msvc": "4.11.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -1614,13 +1614,13 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.0.12",
+      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.0.12.tgz",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.1.2.tgz",
-      "integrity": "sha512-4hsnEkG3q0N4Tzf1+t6NdN9dg/L3BM+q8SWgbSPnJvrgH2kgdyzfVJwbR1ic69/4uMJJ/3dqDZZE5/WwqW8U1w==",
+      "integrity": "sha512-uwiFebQbTWRIGbCaTEBVAfKqgqKNKMJ2uPXsXeLIZxM8MVMjoS3j0cG8NrPxdDIadaWnPSjrkLWffLSC+uiP3Q==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.19.3",
-        "postcss": "^8.4.32",
+        "postcss": "^8.4.35",
         "rollup": "^4.2.0"
       },
       "bin": {

curriculum-vitae/package.json

@@ -13,9 +13,9 @@
     "modern-normalize": "2.0.0"
   },
   "devDependencies": {
-    "@types/node": "20.11.8",
+    "@types/node": "20.11.17",
     "date-and-time": "3.1.1",
-    "vite": "5.0.12",
+    "vite": "5.1.2",
     "vite-plugin-html": "3.2.2"
   }
 }

hooks/useIsMounted.ts

@@ -0,0 +1,15 @@
+import { useEffect, useState } from "react"
+
+export interface UseIsMountedResult {
+  isMounted: boolean
+}
+
+export const useIsMounted = (): UseIsMountedResult => {
+  const [isMounted, setIsMounted] = useState(false)
+
+  useEffect(() => {
+    setIsMounted(true)
+  }, [])
+
+  return { isMounted }
+}

i18n/translations/en-US/home.json

@@ -18,7 +18,7 @@
       },
       {
         "title": "Open-Source Enthusiast",
-        "description": "I value the <strong>sharing of knowledge and collaboration</strong> to collectively resolve problems. <br /> The source code of the website is available on <a class='text-yellow dark:text-yellow-dark hover:underline font-semibold' href='https://github.com/theoludwig/theoludwig' target='_blank' rel='noopener noreferrer'>GitHub</a>.",
+        "description": "I value the <strong>sharing of knowledge and collaboration</strong> to collectively resolve problems. <br /> The source code of the website is available on <a class='text-primary dark:text-primary-dark hover:underline font-semibold' href='https://github.com/theoludwig/theoludwig' target='_blank' rel='noopener noreferrer'>GitHub</a>.",
         "id": "open-source"
       }
     ]

i18n/translations/fr-FR/home.json

@@ -18,7 +18,7 @@
       },
       {
         "title": "Enthousiaste de l'Open-Source",
-        "description": "J'apprécie le <strong>partage des connaissances et la collaboration</strong> pour résoudre des défis collectivement. <br /> Le code source du site est accessible sur <a class='text-yellow dark:text-yellow-dark hover:underline font-semibold' href='https://github.com/theoludwig/theoludwig' target='_blank' rel='noopener noreferrer'>GitHub</a>.",
+        "description": "J'apprécie le <strong>partage des connaissances et la collaboration</strong> pour résoudre des défis collectivement. <br /> Le code source du site est accessible sur <a class='text-primary dark:text-primary-dark hover:underline font-semibold' href='https://github.com/theoludwig/theoludwig' target='_blank' rel='noopener noreferrer'>GitHub</a>.",
         "id": "open-source"
       }
     ]

package.json

@@ -1,6 +1,6 @@
 {
   "name": "theoludwig",
-  "version": "3.2.1",
+  "version": "3.2.3",
   "private": true,
   "repository": {
     "type": "git",
@@ -39,7 +39,7 @@
     "clsx": "2.1.0",
     "date-and-time": "3.1.1",
     "gray-matter": "4.0.3",
-    "html-react-parser": "5.1.1",
+    "html-react-parser": "5.1.5",
     "i18n-js": "4.3.2",
     "katex": "0.16.9",
     "negotiator": "0.6.3",
@@ -60,41 +60,41 @@
     "universal-cookie": "7.0.2"
   },
   "devDependencies": {
-    "@commitlint/cli": "18.6.0",
+    "@commitlint/cli": "18.6.1",
-    "@commitlint/config-conventional": "18.6.0",
+    "@commitlint/config-conventional": "18.6.2",
     "@saithodev/semantic-release-backmerge": "4.0.1",
     "@semantic-release/git": "10.0.1",
     "@tailwindcss/typography": "0.5.10",
     "@total-typescript/ts-reset": "0.5.1",
-    "@tsconfig/strictest": "2.0.2",
+    "@tsconfig/strictest": "2.0.3",
     "@types/negotiator": "0.6.3",
-    "@types/node": "20.11.8",
+    "@types/node": "20.11.17",
-    "@types/react": "18.2.48",
+    "@types/react": "18.2.55",
     "@types/unist": "3.0.2",
-    "@typescript-eslint/eslint-plugin": "6.19.1",
+    "@typescript-eslint/eslint-plugin": "7.0.1",
-    "@typescript-eslint/parser": "6.19.1",
+    "@typescript-eslint/parser": "7.0.1",
     "autoprefixer": "10.4.17",
     "curriculum-vitae": "file:./curriculum-vitae",
-    "cypress": "13.6.3",
+    "cypress": "13.6.4",
-    "editorconfig-checker": "5.1.2",
+    "editorconfig-checker": "5.1.4",
     "eslint": "8.56.0",
-    "eslint-config-conventions": "13.1.0",
+    "eslint-config-conventions": "14.0.0",
     "eslint-config-next": "14.1.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-promise": "6.1.1",
-    "eslint-plugin-tailwindcss": "3.14.1",
+    "eslint-plugin-tailwindcss": "3.14.2",
-    "eslint-plugin-unicorn": "50.0.1",
+    "eslint-plugin-unicorn": "51.0.1",
-    "html-w3c-validator": "1.5.1",
+    "html-w3c-validator": "1.6.1",
-    "husky": "9.0.6",
+    "husky": "9.0.11",
-    "lint-staged": "15.2.0",
+    "lint-staged": "15.2.2",
     "markdownlint-cli2": "0.12.1",
-    "markdownlint-rule-relative-links": "2.2.0",
+    "markdownlint-rule-relative-links": "2.3.1",
-    "postcss": "8.4.33",
+    "postcss": "8.4.35",
-    "prettier": "3.2.4",
+    "prettier": "3.2.5",
     "prettier-plugin-tailwindcss": "0.5.11",
-    "semantic-release": "23.0.0",
+    "semantic-release": "23.0.2",
     "start-server-and-test": "2.0.3",
     "tailwindcss": "3.4.1",
     "typescript": "5.3.3"

tailwind.config.js

@@ -14,7 +14,7 @@ const tailwindConfig = {
           DEFAULT: "#333333",
           dark: "#b7c0c9",
         },
-        yellow: {
+        primary: {
           DEFAULT: "#006cff",
           dark: "#00aeff",
         },

tsconfig.json

@@ -8,7 +8,7 @@
     "allowJs": true,
     "baseUrl": ".",
     "paths": {
-      "@/*": ["./*"],
+      "@/*": ["./*"]
     },
     "types": ["@total-typescript/ts-reset", "cypress"],
     "noEmit": true,
@@ -20,10 +20,10 @@
     "isolatedModules": true,
     "plugins": [
       {
-        "name": "next",
+        "name": "next"
-      },
+      }
-    ],
+    ]
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules", ".next"],
+  "exclude": ["node_modules", ".next"]
 }

utils/getVersion.ts

@@ -0,0 +1,8 @@
+export const getVersion = async (): Promise<string> => {
+  if (process.env.NODE_ENV === "development") {
+    return "0.0.0-development"
+  }
+  const { readPackage } = await import("read-pkg")
+  const { version } = await readPackage()
+  return version
+}