update

AugustinMauroy · Nov 28, 2024 · ab582ff · ab582ff
1 parent 3de6867
commit ab582ff
Show file tree

Hide file tree

Showing 24 changed files with 80 additions and 49 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -28,7 +28,7 @@ const config: StorybookConfig = {
   previewBody:
     '<style>:root { color-scheme: light; } html[data-theme="dark"] { color-scheme: dark; }</style>' +
     // Warning: this should be same as the one in `src/styles/globals.css`
-    '<body class="bg-yellow-50 text-gray-950 dark:bg-gray-950 dark:text-gray-50"></body>',
+    '<body class="bg-yellow-50 text-neutral-950 dark:bg-neutral-950 dark:text-neutral-50"></body>',
   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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -0,0 +1,9 @@
+import { Neobrutalism1 } from './index.ts';
+import type { Meta as MetaObj, StoryObj } from '@storybook/react';
+
+type Story = StoryObj<typeof Neobrutalism1>;
+type Meta = MetaObj<typeof Neobrutalism1>;
+
+export const Default: Story = {};
+
+export default { component: Neobrutalism1 } as Meta;
diff --git a/components/Illustration/Neobrutalism2.stories.tsx 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<typeof Neobrutalism2>;
+type Meta = MetaObj<typeof Neobrutalism2>;
+
+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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -84,7 +84,7 @@ const Container: FC<PropsWithChildren> = ({ 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
@@ -84,7 +84,7 @@ const Container: FC<PropsWithChildren> = ({ 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
@@ -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 {