docs: Homepage social card with transparent background

ntucker · ntucker · commit 151602e00be2 · 2024-07-01T22:37:14.000+02:00
diff --git a/website/docusaurus.config.ts b/website/docusaurus.config.ts
@@ -75,6 +75,13 @@ const config: Config = {
         content: '#003a67',
       },
     },
+    {
+      tagName: 'meta',
+      attributes: {
+        name: 'twitter:site',
+        content: '@dataclientio',
+      },
+    },
   ],
   stylesheets: [
     {
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
@@ -97,12 +97,14 @@ function HomepageEnder() {
 }
 
 export default function Home() {
-  const image = useBaseUrl('img/social/data_client_logo_card.jpg');
+  const image = useBaseUrl('img/social/data_client_logo_card.png');
   return (
     <Layout description="Async State Management without the Management.">
       <PageMetadata image={image} />
       <Head>
         <title>The Reactive Data Client ✨</title>
+        <meta property="og:image:width" content="1200" />
+        <meta property="og:image:height" content="402" />
       </Head>
       <HomepageHeader />
       <main>
diff --git a/website/static/img/social/data_client_logo_card.png b/website/static/img/social/data_client_logo_card.png
