Fix broken images in guides and website meta tags (#4830)

* testing meta tags * fix broken images in guides
gradio-app · Jul 7, 2023 · 059d77e · 059d77e · vercel · Jul 7, 2023
1 parent 9363328
commit 059d77e
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 9 deletions.
diff --git a/guides/01_getting-started/02_key-features.md b/guides/01_getting-started/02_key-features.md
@@ -109,7 +109,7 @@ If you wish for the user to provide a reason for flagging, you can pass a list o
 
 ## Preprocessing and Postprocessing
 
-![](https://github.com/gradio-app/gradio/blob/main/ui/packages/_website/src/assets/img/dataflow.svg?raw=true)
+![](https://github.com/gradio-app/gradio/blob/main/js/_website/src/assets/img/dataflow.svg?raw=true)
 
 As you've seen, Gradio includes components that can handle a variety of different data types, such as images, audio, and video. Most components can be used both as inputs or outputs.
 

diff --git a/guides/01_getting-started/03_sharing-your-app.md b/guides/01_getting-started/03_sharing-your-app.md
@@ -46,7 +46,7 @@ After you have [created a free Hugging Face account](https://huggingface.co/join
 
 Note: Some components, like `gr.Image`, will display a "Share" button only on Spaces, so that users can share the generated output to the Discussions page of the Space easily. You can disable this with `show_share_button`, such as `gr.Image(show_share_button=False)`. 
 
-![Image with show_share_button=True](https://github.com/gradio-app/gradio/blob/main/guides/assets/share_icon.png)
+![Image with show_share_button=True](https://github.com/gradio-app/gradio/blob/main/guides/assets/share_icon.png?raw=true)
 
 ## Embedding Hosted Spaces
 

diff --git a/js/_website/src/components/MetaTags.svelte b/js/_website/src/components/MetaTags.svelte
@@ -16,12 +16,18 @@
 	<meta property="og:type" content="website" />
 	<meta property="og:url" content={url} />
 	<meta property="og:description" content={description} />
-	<meta property="og:image" content={image} />
+	<meta
+		property="og:image"
+		content="https://raw.githubusercontent.com/gradio-app/gradio/main/website/homepage/src/assets/img/meta-image.png"
+	/>
 	<meta name="twitter:card" content="summary_large_image" />
 	<meta name="twitter:creator" content="@Gradio" />
 	<meta name="twitter:title" content={title} />
 	<meta name="twitter:description" content="{description}." />
-	<meta name="twitter:image" content={image} />
+	<meta
+		name="twitter:image"
+		content="https://raw.githubusercontent.com/gradio-app/gradio/main/website/homepage/src/assets/img/meta-image.png"
+	/>
 
 	<link rel="canonical" href={canonical} />
 </svelte:head>
diff --git a/js/_website/src/routes/docs/docs.json b/js/_website/src/routes/docs/docs.json
diff --git a/js/_website/src/routes/guides/json/creating-a-new-component.json b/js/_website/src/routes/guides/json/creating-a-new-component.json
diff --git a/js/_website/src/routes/guides/json/guides_by_category.json b/js/_website/src/routes/guides/json/guides_by_category.json
diff --git a/js/_website/src/routes/guides/json/key-features.json b/js/_website/src/routes/guides/json/key-features.json
diff --git a/js/_website/src/routes/guides/json/sharing-your-app.json b/js/_website/src/routes/guides/json/sharing-your-app.json