Merge pull request #15 from daviddelusenet/feature/update-03-09-2024

Feature: update 03-09-2024

.github/workflows/check-all.yml

@@ -10,8 +10,8 @@ jobs:
   check-all:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
       - run: npm install
       - run: npm run check:js
       - run: npm run check:types

package.json

@@ -18,27 +18,27 @@
   "author": "David de Lusenet",
   "license": "MIT",
   "dependencies": {
-    "@fontsource/open-sans": "^4.5.14",
-    "@fontsource/source-serif-pro": "^4.5.9",
+    "@fontsource/open-sans": "^5.0.29",
+    "@fontsource/source-serif-pro": "^5.0.8",
     "babel-plugin-styled-components": "^2.1.4",
-    "gatsby": "^5.11.0",
-    "gatsby-plugin-layout": "^4.11.0",
-    "gatsby-plugin-manifest": "^5.11.0",
-    "gatsby-plugin-react-helmet": "^6.11.0",
+    "gatsby": "^5.13.7",
+    "gatsby-plugin-layout": "^4.13.1",
+    "gatsby-plugin-manifest": "^5.13.1",
+    "gatsby-plugin-react-helmet": "^6.13.1",
     "gatsby-plugin-react-svg": "^3.3.0",
-    "gatsby-plugin-styled-components": "^6.11.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "gatsby-plugin-styled-components": "^6.13.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-helmet": "^6.1.0",
-    "styled-components": "^6.0.5",
+    "styled-components": "^6.1.13",
     "styled-media-query": "^2.1.2",
     "styled-reset-advanced": "^1.0.3",
-    "stylis": "^4.3.0"
+    "stylis": "^4.3.4"
   },
   "devDependencies": {
-    "@types/react": "^18.2.15",
-    "@types/react-dom": "^18.2.7",
-    "@types/react-helmet": "^6.1.6",
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-helmet": "^6.1.11",
     "@typescript-eslint/eslint-plugin": "^6.1.0",
     "@typescript-eslint/parser": "^6.1.0",
     "eslint": "^8.45.0",
@@ -49,7 +49,7 @@
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.33.0",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "prettier": "^3.0.0",
-    "typescript": "^5.1.6"
+    "prettier": "^3.3.3",
+    "typescript": "^5.5.4"
   }
 }

src/components/layouts/DemographicInformation/DemographicInformation.tsx

@@ -16,7 +16,7 @@ export const DemographicInformation: FunctionComponent = () => (
     <Title hasUnderline={false} size={TitleSizes.large} tag="h1">
       David de Lusenet
     </Title>
-    <Occupation>Lead front-end developer</Occupation>
+    <Occupation>Frontend engineer</Occupation>
     <Inner>
       <InformationWrapper>
         <DemographicInformationTable

src/components/layouts/DevelopmentSkills/DevelopmentSkills.tsx

@@ -5,32 +5,17 @@ import { Paragraph } from "../../atoms/Paragraph/Paragraph";
 import { Title } from "../../atoms/Title/Title";
 
 const currentTools = [
-  "TypeScript/JavaScript",
-  "React/Styled Components",
-  "Vue 3",
+  "TypeScript",
+  "Next.js",
+  "Vanilla Extract JS/Styled Components/CSS Modules",
   "GSAP/Framer Motion",
-  "Next.js/Apollo GraphQL",
   "Storybook",
   "Jest",
   "ESLint/Stylelint/Prettier",
-  "Webpack/Rollup",
-  "Node/NPM",
   "GitHub Actions/Bitbucket Pipelines/CircleCI",
   "Contentful/Storyblok",
 ];
 
-const previousTools = [
-  "Gatsby",
-  "Express",
-  "Redux",
-  "Sass/(React) CSS Modules",
-  "PixiJS",
-  "Backbone.js",
-  "Twig/Smarty",
-  "Twitter Bootstrap/Zurb Foundation",
-  "Gulp/Grunt",
-];
-
 export const DevelopmentSkills: FunctionComponent = () => (
   <>
     <Title>Development skills</Title>
@@ -40,11 +25,5 @@ export const DevelopmentSkills: FunctionComponent = () => (
         <ListItem key={tool}>{tool}</ListItem>
       ))}
     </List>
-    <Paragraph>What I was working with:</Paragraph>
-    <List>
-      {previousTools.map((tool) => (
-        <ListItem key={tool}>{tool}</ListItem>
-      ))}
-    </List>
   </>
 );

src/components/layouts/Introduction/Introduction.tsx

@@ -18,7 +18,7 @@ export const Introduction: FunctionComponent = () => (
       where I would acquire most of my basic development skills. Back in 2012,
       Atabix was a young but quickly growing company. This gave me the
       opportunity to have a lot of responsibility and to kickstart my career as
-      a front-end developer.
+      a frontend developer.
     </Paragraph>
     <Paragraph>
       After working at Atabix for almost four years, it was time to wrap up my
@@ -42,12 +42,11 @@ export const Introduction: FunctionComponent = () => (
       Cygni.
     </Paragraph>
     <Paragraph>
-      At Cygni I was working as a consultant front-end developer and I did one
+      At Cygni I was working as a consultant frontend developer and I did one
       assignment at a company called Sportlink, which went really well. However,
       I was missing the inspiration, creativity and comradery most digital
       agencies had to offer. Because of this I left Cygni and went back to the
-      creative sector: I joined code d&apos;azur as a senior front-end
-      developer.
+      creative sector: I joined code d&apos;azur as a senior frontend developer.
     </Paragraph>
     <Paragraph>
       After two fun years at code d&apos;azur I was approached for a lead role
@@ -66,7 +65,7 @@ export const Introduction: FunctionComponent = () => (
       on didn&apos;t grant me the personal satisfaction I crave. Because of this
       I decided to apply at DEPT®, one of the best agencies in the world,
       working for the coolest clients. Luckily for me I got hired and in July
-      2023 I started at DEPT® as a senior front-end developer.
+      2023 I started at DEPT® as a senior frontend developer.
     </Paragraph>
   </>
 );

src/components/layouts/PersonalInterests/PersonalInterests.tsx

@@ -12,7 +12,7 @@ export const PersonalInterests: FunctionComponent = () => (
     </Paragraph>
     <Paragraph>
       When I&apos;m not on a basketball court, skateboard or yoga mat, I&apos;m
-      spending most of my time with my girlfriend and our four-year old son Eden
+      spending most of my time with my girlfriend and our five-year old son Eden
       👼.
     </Paragraph>
     <Paragraph>