From 1bcd183993ee3a282039b7eda7852cee74c4063d Mon Sep 17 00:00:00 2001
From: Franck Abgrall <abgrallkefran@gmail.com>
Date: Mon, 2 Dec 2024 17:04:09 +0100
Subject: [PATCH 1/2] Improve Gallery component documentation

Add video support mention
---
 docs/hub/model-cards-components.md | 37 +++++++++++++++---------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/docs/hub/model-cards-components.md b/docs/hub/model-cards-components.md
index 664b246d9..4500a06d1 100644
--- a/docs/hub/model-cards-components.md
+++ b/docs/hub/model-cards-components.md
@@ -4,26 +4,11 @@
 
 ## The Gallery component
 
-Add the `<Gallery />` component to your text-to-image model card to showcase your images generation.
+The `<Gallery />` component can be used in your model card to showcase your generated images and videos.
 
-For example, 
-```md
-
-<Gallery />
-
-## Model description
-
-TintinIA is fine-tuned version of Stable-Diffusion-xl trained on 125 comics panels from Tintin album. 
-
-```
-
-
-<div class="flex justify-center">
-<img class="block dark:hidden" src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/hub/models-gallery.png"/>
-<img class="hidden dark:block" src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/hub/models-gallery-dark.png"/>
-</div>
+### How to use it?
 
-The `<Gallery/>` component will use your Model Card [widget metadata](/docs/hub/models-widgets-examples#text-to-image) to display the images with each associated prompt. 
+1. Update your Model Card [widget metadata](/docs/hub/models-widgets-examples#text-to-image) to add the medias you want to showcase. 
 
 ```yaml
 widget:
@@ -40,4 +25,20 @@ widget:
     url: "images/office.png"
 ```
 
+2. Add the `<Gallery />` component to your card. The widget metadata will be used by the `<Gallery />` component to display the media with each associated prompt.
+```md
+
+<Gallery />
+
+## Model description
+
+TintinIA is fine-tuned version of Stable-Diffusion-xl trained on 125 comics panels from Tintin album. 
+
+```
+
+<div class="flex justify-center">
+<img class="block dark:hidden" src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/hub/models-gallery.png"/>
+<img class="hidden dark:block" src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/hub/models-gallery-dark.png"/>
+</div>
+
 > Hint: Support of Card Components through the GUI editor coming soon... 

From fb971fff4551c016338a0dfb1afd72ede7b39eff Mon Sep 17 00:00:00 2001
From: Franck Abgrall <abgrallkefran@gmail.com>
Date: Tue, 10 Dec 2024 21:22:04 +0100
Subject: [PATCH 2/2] Update docs/hub/model-cards-components.md

Co-authored-by: Pedro Cuenca <pedro@huggingface.co>
---
 docs/hub/model-cards-components.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/hub/model-cards-components.md b/docs/hub/model-cards-components.md
index 4500a06d1..787c6096f 100644
--- a/docs/hub/model-cards-components.md
+++ b/docs/hub/model-cards-components.md
@@ -8,7 +8,7 @@ The `<Gallery />` component can be used in your model card to showcase your gene
 
 ### How to use it?
 
-1. Update your Model Card [widget metadata](/docs/hub/models-widgets-examples#text-to-image) to add the medias you want to showcase. 
+1. Update your Model Card [widget metadata](/docs/hub/models-widgets-examples#text-to-image) to add the media you want to showcase. 
 
 ```yaml
 widget: