docs: Homepage social card with transparent background

reactive · Jul 1, 2024 · 151602e · 151602e
1 parent 235f04e
commit 151602e
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
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/.../img/social/client_logo_and_text_card.png → ...atic/img/social/data_client_logo_card.png b/.../img/social/client_logo_and_text_card.png → ...atic/img/social/data_client_logo_card.png