feat: update logos

next.config.mjs

@@ -18,6 +18,11 @@ const nextConfig = {
                 permanent: false,
                 source: '/link/hackathons',
             },
+            {
+                destination: 'https://gravatar.com/noisilywerewolffa1df1a9cc',
+                permanent: false,
+                source: '/contact',
+            },
 
             // Legacy articles redirects
             {

package.json

@@ -26,6 +26,7 @@
         "framer-motion": "^11.3.4",
         "markdown-to-jsx": "^7.4.7",
         "next": "14.2.3",
+        "posthog-js": "^1.165.0",
         "react": "^18",
         "react-dom": "^18",
         "react-feather": "^2.0.10",

src/app/layout.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Analytics } from '@vercel/analytics/react';
 import { SpeedInsights } from '@vercel/speed-insights/next';
 import type { Metadata } from 'next';
@@ -14,6 +15,8 @@ import { TheNavigationBar } from '../components/organisms/the-navigation-bar/the
 
 import './globals.css';
 
+import { CSPostHogProvider } from './providers.jsx';
+
 const inter = Inter({ subsets: ['latin'] });
 
 export const metadata: Metadata = {
@@ -23,78 +26,74 @@ export const metadata: Metadata = {
         {
             rel: 'icon',
             type: 'image/x-icon',
-            url: '/favicon/favicon.ico?v=2',
+            url: '/favicon/favicon.ico?v=5',
         },
         {
             rel: 'icon',
             sizes: '96x96',
             type: 'image/png',
-            url: '/favicon/favicon-96x96.png?v=2',
+            url: '/favicon/favicon-96x96.png?v=5',
         },
         {
             rel: 'icon',
             sizes: '32x32',
             type: 'image/png',
-            url: '/favicon/favicon-32x32.png?v=2',
+            url: '/favicon/favicon-32x32.png?v=5',
         },
         {
             rel: 'icon',
             sizes: '16x16',
             type: 'image/png',
-            url: '/favicon/favicon-16x16.png?v=2',
-        },
-        {
-            rel: 'apple-touch-icon-precomposed',
-            url: '/favicon/apple-icon-precomposed.png?v=2',
+            url: '/favicon/favicon-16x16.png?v=5',
         },
         {
             rel: 'apple-touch-icon',
-            url: '/favicon/apple-icon.png?v=2',
+            url: '/favicon/apple-touch-icon.png?v=5',
         },
         {
             rel: 'apple-touch-icon',
             sizes: '57x57',
-            url: '/favicon/apple-icon-57x57.png?v=2',
+            url: '/favicon/apple-touch-icon-57x57.png?v=5',
         },
         {
             rel: 'apple-touch-icon',
             sizes: '60x60',
-            url: '/favicon/apple-icon-60x60.png?v=2',
+            url: '/favicon/apple-touch-icon-60x60.png?v=5',
         },
         {
             rel: 'apple-touch-icon',
             sizes: '72x72',
-            url: '/favicon/apple-icon-72x72.png?v=2',
+            url: '/favicon/apple-touch-icon-72x72.png?v=5',
         },
         {
             rel: 'apple-touch-icon',
             sizes: '76x76',
-            url: '/favicon/apple-icon-76x76.png?v=2',
+            url: '/favicon/apple-touch-icon-76x76.png?v=5',
         },
         {
             rel: 'apple-touch-icon',
             sizes: '114x114',
-            url: '/favicon/apple-icon-114x114.png?v=2',
+            url: '/favicon/apple-touch-icon-114x114.png?v=5',
         },
         {
             rel: 'apple-touch-icon',
             sizes: '120x120',
-            url: '/favicon/apple-icon-120x120.png?v=2',
+            url: '/favicon/apple-touch-icon-120x120.png?v=5',
         },
         {
             rel: 'apple-touch-icon',
             sizes: '144x144',
-            url: '/favicon/apple-icon-144x144.png?v=2',
+            url: '/favicon/apple-touch-icon-144x144.png?v=5',
         },
         {
             rel: 'apple-touch-icon',
             sizes: '152x152',
-            url: '/favicon/apple-icon-152x152.png?v=2',
+            url: '/favicon/apple-touch-icon-152x152.png?v=5',
         },
         {
             rel: 'apple-touch-icon',
             sizes: '180x180',
-            url: '/favicon/apple-icon-180x180.png?v=2',
+            url: '/favicon/apple-touch-icon-180x180.png?v=5',
         },
     ],
     title: 'Jean-Baptiste Terrazzoni: App Development, Self-Improvement & Tech Insights',
@@ -110,7 +109,6 @@ export default function RootLayout({
         userRepository.getContact(UserContactType.X),
         userRepository.getContact(UserContactType.GitHub),
         userRepository.getContact(UserContactType.Medium),
-        userRepository.getContact(UserContactType.LinkedIn),
     ];
     const pages = [
         {
@@ -140,11 +138,13 @@ export default function RootLayout({
         <html lang="en">
             <SpeedInsights sampleRate={1} />
             <Analytics />
-            <body className={generatedClassName}>
-                <TheNavigationBar pages={pages} contacts={contacts} />
-                <div className="flex-1 flex flex-col">{children}</div>
-                <TheFooter />
-            </body>
+            <CSPostHogProvider>
+                <body className={generatedClassName}>
+                    <TheNavigationBar pages={pages} contacts={contacts} />
+                    <div className="flex-1 flex flex-col">{children}</div>
+                    <TheFooter />
+                </body>
+            </CSPostHogProvider>
         </html>
     );
 }

src/app/manifest.ts

@@ -9,32 +9,32 @@ export default function manifest(): MetadataRoute.Manifest {
         icons: [
             {
                 sizes: '36x36',
-                src: '/favicon/android-icon-36x36.png',
+                src: '/favicon/android-icon-36x36.png?v=4',
                 type: 'image/png',
             },
             {
                 sizes: '48x48',
-                src: '/favicon/android-icon-48x48.png',
+                src: '/favicon/android-icon-48x48.png?v=4',
                 type: 'image/png',
             },
             {
                 sizes: '72x72',
-                src: '/favicon/android-icon-72x72.png',
+                src: '/favicon/android-icon-72x72.png?v=4',
                 type: 'image/png',
             },
             {
                 sizes: '96x96',
-                src: '/favicon/android-icon-96x96.png',
+                src: '/favicon/android-icon-96x96.png?v=4',
                 type: 'image/png',
             },
             {
                 sizes: '144x144',
-                src: '/favicon/android-icon-144x144.png',
+                src: '/favicon/android-icon-144x144.png?v=4',
                 type: 'image/png',
             },
             {
                 sizes: '192x192',
-                src: '/favicon/android-icon-192x192.png',
+                src: '/favicon/android-icon-192x192.png?v=4',
                 type: 'image/png',
             },
         ],

src/app/providers.tsx

@@ -0,0 +1,16 @@
+// app/providers.js
+'use client';
+
+import React from 'react';
+import posthog from 'posthog-js';
+import { PostHogProvider } from 'posthog-js/react';
+
+if (typeof window !== 'undefined' && process.env.NEXT_PUBLIC_POSTHOG_KEY) {
+    posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY, {
+        api_host: process.env.NEXT_PUBLIC_POSTHOG_HOST,
+        person_profiles: 'identified_only', // or 'always' to create profiles for anonymous users as well
+    });
+}
+export function CSPostHogProvider({ children }: { children: React.ReactNode }) {
+    return <PostHogProvider client={posthog}>{children}</PostHogProvider>;
+}

src/components/organisms/the-footer.tsx

@@ -23,13 +23,13 @@ export const TheFooter: React.FC<TheFooterProps> = ({ className }) => {
         {
             description: 'Web',
             href: 'https://jterrazz.com',
-            imageSrc: '/assets/icon-app-jterrazz.png',
+            imageSrc: '/assets/appicon-jterrazz.png',
             title: 'Jterrazz',
         },
         {
             description: 'Mobile',
             href: 'https://capitaine.io',
-            imageSrc: '/assets/icon-app-capitaine.svg',
+            imageSrc: '/assets/appicon-capitaine.png',
             title: 'Capitaine',
         },
     ];
@@ -48,7 +48,13 @@ export const TheFooter: React.FC<TheFooterProps> = ({ className }) => {
         <div className="flex items-center">
             <div className="rounded-2xl border border-black-and-white bg-white overflow-hidden">
                 <Link href={href} className="text-sm">
-                    <Image src={imageSrc} alt="Jterrazz.com" width="76" height="76" loading="lazy" />
+                    <Image
+                        src={imageSrc}
+                        alt="Jterrazz.com"
+                        width="76"
+                        height="76"
+                        loading="lazy"
+                    />
                 </Link>
             </div>
             <div className="ml-3">