Update docs: Rename logo image files and add the social-card image path

docs/latest/getting-started.md

@@ -7,7 +7,7 @@ slug: /
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
-![](/img/logger-f-logo-200x200.png)
+![](/img/logger-f-200x200.png)
 
 [![Build Status](https://github.com/Kevin-Lee/logger-f/workflows/Build-All/badge.svg)](https://github.com/Kevin-Lee/logger-f/actions?workflow=Build-All)
 [![Release Status](https://github.com/Kevin-Lee/logger-f/workflows/Release/badge.svg)](https://github.com/Kevin-Lee/logger-f/actions?workflow=Release)

docs/v1/getting-started.md

@@ -24,7 +24,7 @@ import TabItem from '@theme/TabItem';
 
 * Supported Scala Versions: @SUPPORTED_SCALA_VERSIONS@
 
-## ![](/img/logger-f-logo-96x96.png) LoggerF - Logger for `F[_]`
+## ![](/img/logger-f-96x96.png) LoggerF - Logger for `F[_]`
 
 LoggerF is a tool for logging tagless final with an effect library. LoggerF requires [Effectie](https://kevin-lee.github.io/effectie) to construct `F[_]`. All the example code in this doc site uses Effectie so if you're not familiar with it, please check out [Effectie](https://kevin-lee.github.io/effectie) website.
 

website/docusaurus.config.js

@@ -23,6 +23,7 @@ const websiteConfig = {
   organizationName: 'Kevin-Lee', // Usually your GitHub org/user name.
   projectName: 'logger-f', // Usually your repo name.
   themeConfig: {
+    image: 'img/logger-f-social-card.jpg',
     prism: {
       theme: lightCodeTheme,
       darkTheme: darkCodeTheme,
@@ -35,7 +36,7 @@ const websiteConfig = {
       title: 'logger-f',
       logo: {
         alt: 'logger-f Logo',
-        src: 'img/logger-f-logo-32x32.png',
+        src: 'img/logger-f-32x32.png',
       },
       items: [
         {

website/src/pages/index.js

@@ -60,7 +60,7 @@ function Home() {
       description="Logger for F[_]">
       <header className={clsx('hero hero--primary', styles.heroBanner)}>
         <div className="container">
-          <img src={`${useBaseUrl('img/')}/logger-f-logo-400x400.png`} alt="Project Logo" />
+          <img src={`${useBaseUrl('img/')}/logger-f-400x400.png`} alt="Project Logo" />
           <h1 className="hero__title">{siteConfig.title}</h1>
           <p className="hero__subtitle"><div dangerouslySetInnerHTML={{__html: siteConfig.tagline}} /></p>
           <div className={styles.buttons}>