diff --git a/.storybook/main.ts b/.storybook/main.ts
index ab95366..342b145 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -28,7 +28,7 @@ const config: StorybookConfig = {
previewBody:
'' +
// Warning: this should be same as the one in `src/styles/globals.css`
- '',
+ '',
webpack: async config => ({
...config,
// Performance Hints do not make sense on Storybook as it is bloated by design
diff --git a/app/[locale]/404/page.module.css b/app/[locale]/404/page.module.css
index 6fd99c8..96431c0 100644
--- a/app/[locale]/404/page.module.css
+++ b/app/[locale]/404/page.module.css
@@ -15,7 +15,7 @@
@apply mb-4
text-center
text-lg
- text-gray-600
- dark:text-gray-400;
+ text-neutral-600
+ dark:text-neutral-400;
}
}
diff --git a/components/Common/Avatar/index.module.css b/components/Common/Avatar/index.module.css
index af69aaf..21f8a2b 100644
--- a/components/Common/Avatar/index.module.css
+++ b/components/Common/Avatar/index.module.css
@@ -25,6 +25,6 @@
bg-white
text-base
font-bold
- dark:bg-black
+ dark:bg-neutral-950
dark:text-white;
}
diff --git a/components/Common/Blockquote/index.module.css b/components/Common/Blockquote/index.module.css
index d053897..48db978 100644
--- a/components/Common/Blockquote/index.module.css
+++ b/components/Common/Blockquote/index.module.css
@@ -10,7 +10,7 @@
shadow-neo-brutalism-xl-black
transition-shadow
dark:border-white
- dark:bg-black
+ dark:bg-neutral-950
dark:shadow-neo-brutalism-xl-white;
& .wrapper {
diff --git a/components/Common/Button/index.module.css b/components/Common/Button/index.module.css
index fd669ec..32905d4 100644
--- a/components/Common/Button/index.module.css
+++ b/components/Common/Button/index.module.css
@@ -36,9 +36,9 @@
&:disabled {
@apply cursor-not-allowed
- border-gray-400
- bg-gray-200
- text-gray-400;
+ border-neutral-400
+ bg-neutral-200
+ text-neutral-400;
}
svg {
diff --git a/components/Common/Codebox/index.module.css b/components/Common/Codebox/index.module.css
index 3e0d995..794d5f4 100644
--- a/components/Common/Codebox/index.module.css
+++ b/components/Common/Codebox/index.module.css
@@ -1,11 +1,12 @@
.codeBox {
- @apply my-2
+ @apply mt-2
+ mb-4
rounded-md
border-2
border-black
bg-white
dark:border-white
- dark:bg-gray-800;
+ dark:bg-neutral-800;
.header {
@apply flex
diff --git a/components/Common/Dropdown/index.module.css b/components/Common/Dropdown/index.module.css
index 9e23de0..fee8e94 100644
--- a/components/Common/Dropdown/index.module.css
+++ b/components/Common/Dropdown/index.module.css
@@ -5,7 +5,7 @@
bg-white
shadow-neo-brutalism-black
dark:border-white
- dark:bg-black
+ dark:bg-neutral-950
dark:shadow-neo-brutalism-white;
}
diff --git a/components/Common/EnventsCard/index.module.css b/components/Common/EnventsCard/index.module.css
index fbb2fc3..5b2e0ef 100644
--- a/components/Common/EnventsCard/index.module.css
+++ b/components/Common/EnventsCard/index.module.css
@@ -12,7 +12,7 @@
lg:mx-auto
lg:max-w-3/4
dark:border-white
- dark:bg-gray-900
+ dark:bg-neutral-900
dark:shadow-neo-brutalism-xl-white;
.shapeTop {
@@ -43,7 +43,7 @@
p {
@apply text-lg
- text-gray-500
- dark:text-gray-400;
+ text-neutral-500
+ dark:text-neutral-400;
}
}
diff --git a/components/Common/Pagination/index.module.css b/components/Common/Pagination/index.module.css
index e073ddc..ee64e77 100644
--- a/components/Common/Pagination/index.module.css
+++ b/components/Common/Pagination/index.module.css
@@ -15,7 +15,7 @@
dark:shadow-neo-brutalism-white;
&.active {
- @apply bg-black
+ @apply bg-neutral-950
text-white
dark:bg-white
dark:text-black;
@@ -24,11 +24,11 @@
&.inactive {
@apply bg-white
text-black
- dark:bg-black
+ dark:bg-neutral-950
dark:text-white;
&:hover {
- @apply bg-black
+ @apply bg-neutral-950
text-white
dark:bg-white
dark:text-black;
@@ -42,7 +42,7 @@
border-transparent
px-4
py-2
- text-gray-500
- dark:text-gray-400;
+ text-neutral-500
+ dark:text-neutral-400;
}
}
diff --git a/components/Common/PostCard/index.module.css b/components/Common/PostCard/index.module.css
index d472f98..2143612 100644
--- a/components/Common/PostCard/index.module.css
+++ b/components/Common/PostCard/index.module.css
@@ -24,19 +24,19 @@
/* max h 20 and truncate */
@apply truncate
text-base
- text-gray-700;
+ text-neutral-700;
}
time {
@apply text-sm
font-light
- text-gray-700;
+ text-neutral-700;
}
.authors {
@apply truncate
text-sm
- text-gray-700;
+ text-neutral-700;
}
&:has(a:hover) {
diff --git a/components/Common/ProjectCard/index.module.css b/components/Common/ProjectCard/index.module.css
index 73b939b..7a15a6f 100644
--- a/components/Common/ProjectCard/index.module.css
+++ b/components/Common/ProjectCard/index.module.css
@@ -12,7 +12,7 @@
lg:flex-row
lg:items-center
dark:border-white
- dark:bg-gray-800;
+ dark:bg-neutral-800;
.image {
@apply h-auto
@@ -40,8 +40,8 @@
}
p {
- @apply text-gray-600
- dark:text-gray-400;
+ @apply text-neutral-600
+ dark:text-neutral-400;
}
.button {
diff --git a/components/Common/TimeLine/index.module.css b/components/Common/TimeLine/index.module.css
index e008e00..35c3ed4 100644
--- a/components/Common/TimeLine/index.module.css
+++ b/components/Common/TimeLine/index.module.css
@@ -30,14 +30,14 @@
text-sm
font-normal
leading-none
- text-gray-500
- dark:text-gray-400;
+ text-neutral-500
+ dark:text-neutral-400;
}
h3 {
@apply text-lg
font-semibold
- text-gray-900
+ text-neutral-900
dark:text-white;
}
diff --git a/components/Home/Hero/index.module.css b/components/Home/Hero/index.module.css
index d3abb75..fb888c4 100644
--- a/components/Home/Hero/index.module.css
+++ b/components/Home/Hero/index.module.css
@@ -37,9 +37,9 @@
p {
@apply mt-4
text-lg
- text-gray-600
+ text-neutral-600
md:text-xl
- dark:text-gray-400;
+ dark:text-neutral-400;
}
.button {
diff --git a/components/Illustration/Neobrutalism1.stories.tsx b/components/Illustration/Neobrutalism1.stories.tsx
new file mode 100644
index 0000000..a899685
--- /dev/null
+++ b/components/Illustration/Neobrutalism1.stories.tsx
@@ -0,0 +1,9 @@
+import { Neobrutalism1 } from './index.ts';
+import type { Meta as MetaObj, StoryObj } from '@storybook/react';
+
+type Story = StoryObj;
+type Meta = MetaObj;
+
+export const Default: Story = {};
+
+export default { component: Neobrutalism1 } as Meta;
diff --git a/components/Illustration/Neobrutalism2.stories.tsx b/components/Illustration/Neobrutalism2.stories.tsx
new file mode 100644
index 0000000..6d12ce1
--- /dev/null
+++ b/components/Illustration/Neobrutalism2.stories.tsx
@@ -0,0 +1,9 @@
+import { Neobrutalism2 } from './index.ts';
+import type { Meta as MetaObj, StoryObj } from '@storybook/react';
+
+type Story = StoryObj;
+type Meta = MetaObj;
+
+export const Default: Story = {};
+
+export default { component: Neobrutalism2 } as Meta;
diff --git a/components/Layout/Article/index.module.css b/components/Layout/Article/index.module.css
index b4e4181..425df78 100644
--- a/components/Layout/Article/index.module.css
+++ b/components/Layout/Article/index.module.css
@@ -20,8 +20,8 @@
}
p {
- @apply text-gray-600
- dark:text-gray-400;
+ @apply text-neutral-600
+ dark:text-neutral-400;
}
}
}
diff --git a/components/Layout/Post/index.module.css b/components/Layout/Post/index.module.css
index 6da8cb6..47f924d 100644
--- a/components/Layout/Post/index.module.css
+++ b/components/Layout/Post/index.module.css
@@ -21,15 +21,15 @@
p {
@apply font-semibold
- text-gray-600
- dark:text-gray-400;
+ text-neutral-600
+ dark:text-neutral-400;
}
time {
@apply text-sm
font-light
- text-gray-500
- dark:text-gray-400;
+ text-neutral-500
+ dark:text-neutral-400;
}
}
}
diff --git a/components/Sections/Footer/index.module.css b/components/Sections/Footer/index.module.css
index 77ac36a..4da6780 100644
--- a/components/Sections/Footer/index.module.css
+++ b/components/Sections/Footer/index.module.css
@@ -9,14 +9,14 @@
border-t-black
bg-white
dark:border-t-white
- dark:bg-black;
+ dark:bg-neutral-950;
.hightlight {
@apply inline-flex
h-full
items-center
justify-center
- bg-black
+ bg-neutral-950
px-4
font-semibold
text-white
diff --git a/components/Sections/TopNav/index.module.css b/components/Sections/TopNav/index.module.css
index 20d25e4..81e4571 100644
--- a/components/Sections/TopNav/index.module.css
+++ b/components/Sections/TopNav/index.module.css
@@ -15,7 +15,7 @@
md:gap-0
md:pb-0
dark:border-b-white
- dark:bg-black;
+ dark:bg-neutral-950;
.home {
@apply inline-flex
diff --git a/content/about/index.en.mdx b/content/about/index.en.mdx
index 75a1c57..786d96b 100644
--- a/content/about/index.en.mdx
+++ b/content/about/index.en.mdx
@@ -59,6 +59,12 @@ I firmly believe in the power of collaboration and open source. I've had the pri
),
date: 'March 2024',
},
+ {
+ title: 'Node.js Collab. Summit',
+ description:
+ "In November 2024, I participated in the Node.js Collaborator Summit, where I had the opportunity to meet and collaborate with other contributors.",
+ date: '7-8 November 2024',
+ }
]}
/>
diff --git a/content/about/index.fr.mdx b/content/about/index.fr.mdx
index 7c6a2a8..8c9b5c6 100644
--- a/content/about/index.fr.mdx
+++ b/content/about/index.fr.mdx
@@ -59,6 +59,12 @@ Je crois fermement au pouvoir de la collaboration et de l'open source. J'ai eu l
),
date: 'Mars 2024',
},
+ {
+ title: 'Sommet de Collaboration Node.js',
+ description:
+ "En novembre 2024, j'ai participé au Node.js Collaborator Summit, où j'ai eu l'occasion de rencontrer et de collaborer avec d'autres contributeurs.",
+ date: '7-8 novembre 2024',
+ }
]}
/>
diff --git a/content/blog/how-i-style-my-website.en.mdx b/content/blog/how-i-style-my-website.en.mdx
index cebea70..8704d1b 100644
--- a/content/blog/how-i-style-my-website.en.mdx
+++ b/content/blog/how-i-style-my-website.en.mdx
@@ -84,7 +84,7 @@ const Container: FC = ({ children }) => (
justify-center
rounded-lg
border
- border-gray-300
+ border-neutral-300
p-4
shadow-lg;
}
diff --git a/content/blog/how-i-style-my-website.fr.mdx b/content/blog/how-i-style-my-website.fr.mdx
index 644473f..52cba87 100644
--- a/content/blog/how-i-style-my-website.fr.mdx
+++ b/content/blog/how-i-style-my-website.fr.mdx
@@ -84,7 +84,7 @@ const Container: FC = ({ children }) => (
justify-center
rounded-lg
border
- border-gray-300
+ border-neutral-300
p-4
shadow-lg;
}
diff --git a/styles/globals.css b/styles/globals.css
index a639407..528dd6f 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -13,9 +13,9 @@ body {
min-h-screen
flex-col
bg-yellow-50
- text-gray-950
- dark:bg-gray-950
- dark:text-gray-50;
+ text-neutral-950
+ dark:bg-neutral-900
+ dark:text-neutral-50;
}
.articleContent {
@@ -31,10 +31,10 @@ body {
@apply absolute
right-0
top-0
- text-gray-900
+ text-neutral-900
no-underline
content-["#"]
- dark:text-gray-50;
+ dark:text-neutral-50;
}
}
@@ -45,8 +45,8 @@ body {
h5,
h6 {
&[id] a {
- @apply text-gray-900
- dark:text-gray-50;
+ @apply text-neutral-900
+ dark:text-neutral-50;
&:hover {
@apply no-underline;
@@ -104,7 +104,7 @@ body {
bg-teal-100
px-1
dark:bg-teal-600
- dark:text-gray-900;
+ dark:text-neutral-900;
}
a {