chore: meta images

arshad-yaseen · Nov 12, 2023 · d270251 · d270251 · vercel · Nov 12, 2023
1 parent be95168
commit d270251
Show file tree

Hide file tree

Showing 10 changed files with 8 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -2,7 +2,7 @@
 
 Meet MarkDX, an AI-powered markdown editor for top-notch markdown writing.
 
-![MarkDX Screenshot](https://shiny.link/HQuQyZ)
+![MarkDX Screenshot](/public/og.png)
 
 ## Running Locally
 

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -55,7 +55,7 @@ export const metadata: Metadata = {
     card: "summary_large_image",
     title: siteConfig.name,
     description: siteConfig.description,
-    creator: "@arshadyaseeen",
+    creator: siteConfig.creator.twitterId,
   },
   icons: {
     icon: "/favicon.ico",

diff --git a/app/opengraph-image.png b/app/opengraph-image.png
diff --git a/app/twitter-image.png b/app/twitter-image.png
diff --git a/components/site-assets.tsx b/components/site-assets.tsx
@@ -33,9 +33,10 @@ function SiteAssets({
       src={`/markdx-editor-frame-${theme === "dark" ? "dark" : "light"}.png`}
       priority
       alt="hero"
-      className={cn("absolute lg:-top-24", className)}
-      width={1000}
-      height={1000}
+      className={cn("absolute lg:-top-10", className)}
+      width={900}
+      height={900}
+      loading="eager"
     />
   ) : null
 }

diff --git a/config/site.ts b/config/site.ts
@@ -14,6 +14,7 @@ export const siteConfig: SiteConfig = {
   creator: {
     name: "Arshad Yaseen",
     twitter: "https://twitter.com/arshadyaseeen",
+    twitterId: "@arshadyaseeen",
     github: "https://github.com/arshad-yaseen",
     website: "https://arshadd.site",
     mail: "arshadpyaseen@gmail.com",

diff --git a/public/markdx-editor-frame-dark.png b/public/markdx-editor-frame-dark.png
diff --git a/public/markdx-editor-frame-light.png b/public/markdx-editor-frame-light.png
diff --git a/public/og.png b/public/og.png
diff --git a/types/index.d.ts b/types/index.d.ts
@@ -15,6 +15,7 @@ export type SiteConfig = {
   creator: {
     name: string
     twitter: string
+    twitterId: string
     github: string
     website: string
     mail: string