image-js
diff --git a/‎docusaurus.config.js
Lines changed: 8 additions & 3 deletions b/‎docusaurus.config.js
Lines changed: 8 additions & 3 deletions
diff --git a/‎src/pages/index.tsx
Lines changed: 9 additions & 5 deletions b/‎src/pages/index.tsx
Lines changed: 9 additions & 5 deletions
diff --git a/‎static/img/docusaurus-social-card.jpg
-54.4 KB b/‎static/img/docusaurus-social-card.jpg
-54.4 KB
diff --git a/‎static/img/docusaurus.png
-5.02 KB b/‎static/img/docusaurus.png
-5.02 KB
diff --git a/‎static/img/favicon.ico
-3.54 KB b/‎static/img/favicon.ico
-3.54 KB
diff --git a/‎static/img/image-js-social-card.png
152 KB b/‎static/img/image-js-social-card.png
152 KB
diff --git a/‎static/img/logo.svg
Lines changed: 0 additions & 1 deletion b/‎static/img/logo.svg
Lines changed: 0 additions & 1 deletion
@@ -43,7 +43,7 @@ async function createConfig() {
   const rehypePlugins = [(await import('rehype-katex')).default];
   return {
     title: 'ImageJS',
-    tagline: 'Advanced image processing and manipulation in JavaScript.',
+    tagline: 'Advanced image processing in JavaScript.',
     favicon: 'img/image-js-favicon.svg',
 
     // Set the production url of your site here
@@ -117,8 +117,13 @@ async function createConfig() {
     themeConfig:
       /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
       ({
-        // Replace with your project's social card
-        image: 'img/docusaurus-social-card.jpg',
+        image: '/img/image-js-social-card.png',
+        metadata: [
+          { property: 'og:image:width', content: '1200' },
+          { property: 'og:image:height', content: '630' },
+          { name: 'twitter:image:width', content: '1200' },
+          { name: 'twitter:image:height', content: '630' },
+        ],
         colorMode: {},
         announcementBar: {
           id: 'release-1.0',
 
@@ -1,3 +1,4 @@
+import Head from '@docusaurus/Head';
 import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
@@ -8,6 +9,7 @@ import styles from './index.module.css';
 
 function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext();
+
   return (
     <header
       id="frontPage"
@@ -43,12 +45,14 @@ function HomepageHeader() {
 }
 
 export default function Home() {
-  const { siteConfig } = useDocusaurusContext();
+  const title = 'Welcome to ImageJS';
   return (
-    <Layout
-      title={`Welcome to ${siteConfig.title}`}
-      description="Description will go into a meta tag in <head />"
-    >
+    <Layout title={title}>
+      <Head>
+        <title>{title}</title>
+        <meta property="og:title" content={title} />
+        <meta name="twitter:title" content={title} />
+      </Head>
       <main className="main-wrapper">
         <HomepageHeader />
       </main>