chore(renovate): configure renovate

README.md

@@ -8,10 +8,10 @@
   Source of my website <a href="https://gautier-darchen.vercel.app/" target="_blank">gautier-darchen.vercel.app</a> built with <a href="https://nextjs.org/" target="_blank">Next</a> and hosted with <a href="https://vercel.com/" target="_blank">Vercel</a>
 </p>
 
-<!-- TODO: renovate -->
-
 <div align="center">
 
+<!-- TODO: change picture, skills -->
+
 <!-- TODO: uncomment when public -->
 <!-- [![last commit](https://badgen.net/github/last-commit/gdarchen/portfolio?icon=https://simpleicons.now.sh/git/fff)](https://github.com/gdarchen/portfolio) -->
 [![pnpm version](https://img.shields.io/badge/v9.4.0-F69220.svg?logo=pnpm&logoColor=white&label=pnpm)](https://pnpm.io/)

commitlint.config.mjs

@@ -1,4 +1,4 @@
-export default {
+const commitlint = {
   extends: ['@commitlint/config-conventional'],
   rules: {
     'header-max-length': [0, 'always', 'Infinity'],
@@ -26,3 +26,5 @@ export default {
     ],
   },
 }
+
+export default commitlint

renovate.json

@@ -0,0 +1,29 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": [
+    "config:base",
+    "group:nodeJs",
+    "group:definitelyTyped",
+    "group:typescript-eslintMonorepo",
+    ":timezone(Europe/Paris)",
+    ":disableRateLimiting"
+  ],
+  "timezone": "Europe/Paris",
+  "labels": ["dependencies"],
+  "packageRules": [
+    {
+      "stabilityDays": 3,
+      "matchDatasources": ["npm"],
+      "automerge": true,
+      "matchUpdateTypes": ["minor", "patch", "pin", "digest", "lockFileMaintenance"]
+    },
+    {
+      "matchDatasources": ["orb"],
+      "automerge": true
+    }
+  ],
+  "prCreation": "not-pending",
+  "schedule": ["before 8am on Monday"],
+  "commitMessagePrefix": "upgrade(deps):",
+  "commitMessageAction": "update"
+}

src/app/layout.tsx

@@ -20,6 +20,7 @@ export const metadata: Metadata = {
   applicationName: "Gautier Darchen's portfolio",
   authors: [{ name: 'Gautier Darchen', url: WEBSITE_URL }],
   robots: 'index, follow',
+  metadataBase: new URL(WEBSITE_URL),
   twitter: {
     card: 'summary_large_image',
     site: '@gdarchen',

src/components/home/1-my-name/MyName.tsx

@@ -64,7 +64,7 @@ const MyName: FC = () => {
       >
         <a href="/resume.pdf" target="_blank" rel="noreferrer">
           <button className="rounded border border-primary bg-background px-4 py-3 text-primary sm:px-8 sm:py-4">
-            Check out my resume!
+            Download my resume
           </button>
         </a>
       </motion.div>

src/components/home/2-about-me/AboutMe.tsx

@@ -114,7 +114,7 @@ const AboutMe: FC = () => {
                         key={tech}
                         className="flex flex-row items-center space-x-2"
                       >
-                        <ArrowIcon className="size-3 text-primary" />
+                        <ArrowIcon className="size-4 text-primary" />
                         <span className="text-xs text-gray-400 sm:text-sm">
                           {tech}
                         </span>
@@ -132,7 +132,7 @@ const AboutMe: FC = () => {
                         key={tech}
                         className="flex flex-row items-center space-x-2"
                       >
-                        <ArrowIcon className="size-3 text-primary" />
+                        <ArrowIcon className="size-4 text-primary" />
                         <span className="text-xs text-gray-400 sm:text-sm">
                           {tech}
                         </span>

src/components/home/3-work-experience/WorkExperienceDetails.tsx

@@ -42,17 +42,16 @@ const WorkExperienceDetails: FC<Props> = ({ experience }) => {
         {experience.link && (
           <span
             className="font-mono text-xs text-primary hover:cursor-pointer"
-            style={{ fontSize: '0.6rem' }}
             onClick={() => window.open(experience.link, '_blank')}
           >
             {experience.link.split('://')[1]}
           </span>
         )}
       </div>
 
-      <div className="flex flex-col space-y-4 text-xs sm:text-sm">
+      <div className="flex flex-col space-y-4">
         {/* Description */}
-        <span className="font-header text-xs text-gray-300 sm:text-sm">
+        <span className="font-header text-sm text-gray-300">
           {experience.description}
         </span>
       </div>

src/components/home/4-projects/ProjectsList.tsx

@@ -131,7 +131,7 @@ const projects: Project[] = [
         </div>
       </>
     ),
-    technologies: ['React-Native', 'Javascript', 'Dialogflow', 'Node.js'],
+    technologies: ['React-Native', 'JavaScript', 'Dialogflow', 'Node.js'],
     images: [chronos1.src, chronos2.src, chronos3.src, chronos4.src],
     github: 'https://github.com/alexandre-lelain/ihme-agent-assistant',
   },
@@ -306,7 +306,7 @@ const projects: Project[] = [
     description: (
       <div>
         In language C and using the V-Model, set up a version of the{' '}
-        <span className="text-primary">Othello</span>
+        <span className="text-primary">Othello</span>{' '}
         game with an artificial intelligence (AI) with the Min-Max algorithm.
       </div>
     ),

src/components/home/4-projects/components/Project.tsx

@@ -36,7 +36,7 @@ const iconLink = tv({
 })
 
 const button = tv({
-  base: 'inline-flex items-center gap-2 rounded-md bg-primary-500 px-3 py-1 text-sm font-semibold text-white shadow-inner shadow-white/10 focus:outline-none data-[hover]:bg-gray-600 data-[open]:bg-gray-700 data-[focus]:outline-1 data-[focus]:outline-white',
+  base: 'inline-flex items-center gap-2 rounded-md bg-primary-500 px-3 py-1 text-sm font-semibold text-white shadow-inner shadow-white/10 data-[hover]:bg-gray-600 data-[open]:bg-gray-700 data-[focus]:outline-1 data-[focus]:outline-white focus:outline-none',
 })
 
 type ProjectGalleryModalProps = {
@@ -232,7 +232,7 @@ const Project: FC<Props> = ({ project, index }) => {
           </div>
 
           <div className="z-10 w-full rounded-md py-2 opacity-90 shadow shadow-backgound-secondary md:bg-backgound-secondary md:p-6">
-            <span className="text-justify font-content text-xs text-gray-300 md:text-sm md:text-gray-400">
+            <span className="text-justify font-content text-sm text-gray-300 md:text-gray-400">
               {project.description}
             </span>