chore(release): 2.10.0 [skip ci]

CONTRIBUTING.md

@@ -40,7 +40,7 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
 
 ```sh
 # Clone the repository
-git clone https://github.com/theoludwig/theoludwig.git
+git clone git@github.com:theoludwig/theoludwig.git
 
 # Go to the project root
 cd theoludwig

components/Head.tsx

@@ -40,12 +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'
-      />
     </NextHead>
   )
 }

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", () => {

jsonresume-theme-custom/package-lock.json

@@ -12,8 +12,8 @@
         "modern-normalize": "2.0.0"
       },
       "devDependencies": {
-        "@types/node": "20.2.5",
-        "date-and-time": "3.0.0",
+        "@types/node": "20.3.1",
+        "date-and-time": "3.0.1",
         "vite": "4.3.9",
         "vite-plugin-html": "3.2.0"
       }
@@ -483,15 +483,15 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "20.2.5",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.2.5.tgz",
-      "integrity": "sha512-JJulVEQXmiY9Px5axXHeYGLSjhkZEnD+MDPDGbCbIAbMslkKwmygtZFy1X6s/075Yo94sf8GuSlFfPzysQrWZQ==",
+      "version": "20.3.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.3.1.tgz",
+      "integrity": "sha512-EhcH/wvidPy1WeML3TtYFGR83UzjxeWRen9V402T8aUGYsCHOmfoisV3ZSg03gAFIbLq8TnWOJ0f4cALtnSEUg==",
       "dev": true
     },
     "node_modules/acorn": {
-      "version": "8.8.2",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
-      "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
+      "version": "8.9.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.9.0.tgz",
+      "integrity": "sha512-jaVNAFBHNLXspO543WnNNPZFRtavh3skAkITqD0/2aeMkKZTN+254PyhwxFYrk3vQ1xfY+2wbesJMs/JC8/PwQ==",
       "dev": true,
       "bin": {
         "acorn": "bin/acorn"
@@ -682,9 +682,9 @@
       }
     },
     "node_modules/date-and-time": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/date-and-time/-/date-and-time-3.0.0.tgz",
-      "integrity": "sha512-uuzXp/mvv6jEMLiP5QzERSQPzHqYnv9i8NZ8BS5kYeB2sakv74EewQiCS4Ahxwq3In+9fYZhGztuDHRVzIOkFQ==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/date-and-time/-/date-and-time-3.0.1.tgz",
+      "integrity": "sha512-Az1hy3IPuh7LR4duPGlgkUzZXtjoWH8pd+XVLpLXMNd+DD48sRdcsWIPbqdHCXg4izb9lPzrKtqUXPXevS9g4Q==",
       "dev": true
     },
     "node_modules/dom-serializer": {
@@ -753,12 +753,15 @@
       }
     },
     "node_modules/dotenv": {
-      "version": "16.0.3",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.0.3.tgz",
-      "integrity": "sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==",
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.3.0.tgz",
+      "integrity": "sha512-tHB+hmf8MRCkT3VVivGiG8kq9HiGTmQ3FzOKgztfpJQH1IWuZTOvKSJmHNnQPowecAmkCJhLrxdPhOr06LLqIQ==",
       "dev": true,
       "engines": {
         "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/motdotla/dotenv?sponsor=1"
       }
     },
     "node_modules/dotenv-expand": {
@@ -1270,9 +1273,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.23.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.23.0.tgz",
-      "integrity": "sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==",
+      "version": "3.25.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.25.1.tgz",
+      "integrity": "sha512-tywOR+rwIt5m2ZAWSe5AIJcTat8vGlnPFAv15ycCrw33t6iFsXZ6mzHVFh2psSjxQPmI+xgzMZZizUAukBI4aQ==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -1349,13 +1352,13 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.17.6",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.6.tgz",
-      "integrity": "sha512-V8QHcs8YuyLkLHsJO5ucyff1ykrLVsR4dNnS//L5Y3NiSXpbK1J+WMVUs67eI0KTxs9JtHhgEQpXQVHlHI92DQ==",
+      "version": "5.18.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.18.0.tgz",
+      "integrity": "sha512-pdL757Ig5a0I+owA42l6tIuEycRuM7FPY4n62h44mRLRfnOxJkkOHd6i89dOpwZlpF6JXBwaAHF6yWzFrt+QyA==",
       "dev": true,
       "dependencies": {
-        "@jridgewell/source-map": "^0.3.2",
-        "acorn": "^8.5.0",
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.8.2",
         "commander": "^2.20.0",
         "source-map-support": "~0.5.20"
       },
@@ -1385,9 +1388,9 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz",
-      "integrity": "sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA==",
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.3.tgz",
+      "integrity": "sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==",
       "dev": true
     },
     "node_modules/universalify": {

jsonresume-theme-custom/package.json

@@ -13,8 +13,8 @@
     "modern-normalize": "2.0.0"
   },
   "devDependencies": {
-    "@types/node": "20.2.5",
-    "date-and-time": "3.0.0",
+    "@types/node": "20.3.1",
+    "date-and-time": "3.0.1",
     "vite": "4.3.9",
     "vite-plugin-html": "3.2.0"
   }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "theoludwig",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "private": true,
   "repository": {
     "type": "git",
@@ -17,12 +17,12 @@
     "lint:commit": "commitlint",
     "lint:editorconfig": "editorconfig-checker",
     "lint:markdown": "markdownlint-cli2",
-    "lint:eslint": "eslint \".\" --ignore-path \".gitignore\"",
-    "lint:prettier": "prettier \".\" --check --ignore-path \".gitignore\"",
+    "lint:eslint": "eslint . --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,21 +30,21 @@
     "postinstall": "husky install"
   },
   "dependencies": {
-    "@fontsource/montserrat": "5.0.1",
+    "@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",
     "clsx": "1.2.1",
-    "date-and-time": "3.0.0",
+    "date-and-time": "3.0.1",
     "gray-matter": "4.0.3",
-    "html-react-parser": "3.0.16",
+    "html-react-parser": "4.0.0",
     "katex": "0.16.7",
-    "next": "13.4.4",
+    "next": "13.4.6",
     "next-mdx-remote": "4.4.1",
     "next-themes": "0.2.1",
-    "next-translate": "2.0.5",
+    "next-translate": "2.0.6",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "read-pkg": "8.0.0",
@@ -60,22 +60,22 @@
     "universal-cookie": "4.0.4"
   },
   "devDependencies": {
-    "@commitlint/cli": "17.6.3",
-    "@commitlint/config-conventional": "17.6.3",
+    "@commitlint/cli": "17.6.5",
+    "@commitlint/config-conventional": "17.6.5",
     "@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.5",
-    "@types/react": "18.2.7",
+    "@types/node": "20.3.1",
+    "@types/react": "18.2.12",
     "@types/unist": "2.0.6",
-    "@typescript-eslint/eslint-plugin": "5.59.7",
+    "@typescript-eslint/eslint-plugin": "5.59.11",
     "autoprefixer": "10.4.14",
-    "cypress": "12.13.0",
+    "cypress": "12.14.0",
     "editorconfig-checker": "5.0.1",
-    "eslint": "8.41.0",
+    "eslint": "8.42.0",
     "eslint-config-conventions": "9.0.0",
-    "eslint-config-next": "13.4.4",
+    "eslint-config-next": "13.4.6",
     "eslint-config-prettier": "8.8.0",
     "eslint-plugin-import": "2.27.5",
     "eslint-plugin-prettier": "4.2.1",
@@ -85,16 +85,16 @@
     "husky": "8.0.3",
     "jsonresume-theme-custom": "file:./jsonresume-theme-custom",
     "lint-staged": "13.2.2",
-    "markdownlint-cli2": "0.7.1",
+    "markdownlint-cli2": "0.8.1",
     "markdownlint-rule-relative-links": "1.2.0",
     "next-translate-plugin": "2.0.5",
     "postcss": "8.4.24",
     "prettier": "2.8.8",
     "prettier-plugin-tailwindcss": "0.3.0",
-    "semantic-release": "21.0.2",
+    "semantic-release": "21.0.5",
     "start-server-and-test": "2.0.0",
     "tailwindcss": "3.3.2",
     "typescript": "5.0.4",
-    "vercel": "30.0.0"
+    "vercel": "30.2.2"
   }
 }

pages/blog/[slug].tsx

@@ -1,6 +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'
@@ -17,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
 
@@ -42,6 +65,12 @@ const BlogPostPage: NextPage<BlogPostPageProps> = (props) => {
             <MDXRemote
               {...post.source}
               components={{
+                h1: Heading,
+                h2: Heading,
+                h3: Heading,
+                h4: Heading,
+                h5: Heading,
+                h6: Heading,
                 img: (properties) => {
                   const { src = '', alt = 'Blog Image' } = properties
                   const source = src.replace('../public/', '/')

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>
 ```
 

styles/global.css

@@ -8,7 +8,19 @@
 }
 
 .prose {
-  @apply !max-w-5xl 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,