change readme

README.md

@@ -1,37 +1,46 @@
 ---
 title: README
-emoji: 🌍
-colorFrom: purple
+emoji: 👁
+colorFrom: pink
 colorTo: indigo
-sdk: streamlit
-app_file: app.py
+sdk: static
 pinned: false
 ---
 
-# Configuration
-
-`title`: _string_  
-Display title for the Space
-
-`emoji`: _string_  
-Space emoji (emoji-only character allowed)
-
-`colorFrom`: _string_  
-Color for Thumbnail gradient (red, yellow, green, blue, indigo, purple, pink, gray)
-
-`colorTo`: _string_  
-Color for Thumbnail gradient (red, yellow, green, blue, indigo, purple, pink, gray)
-
-`sdk`: _string_  
-Can be either `gradio` or `streamlit`
-
-`sdk_version` : _string_  
-Only applicable for `streamlit` SDK.  
-See [doc](https://hf.co/docs/hub/spaces) for more info on supported versions.
-
-`app_file`: _string_  
-Path to your main application file (which contains either `gradio` or `streamlit` Python code).  
-Path is relative to the root of the repository.
-
-`pinned`: _boolean_  
-Whether the Space stays on top of your list.
+<p class="lg:col-span-3">
+	This organization gathers all the collaborators who participated in the collaborative training of the model <b>Insert model name here with href</b>. <br>
+</p>
+<iframe src="https://www.youtube.com/embed/v8ShbLasRF8" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0"></iframe>
+<a href="https://spacy.io/" class="block overflow-hidden group">
+	<div
+		class="w-full h-40 object-cover mb-2 rounded-lg flex items-center justify-center bg-[#ECFAFF]"
+	>
+		<img alt="" src="/front/assets/promo/spacy_logo.png" class="w-40" />
+	</div>
+	<div class="underline">How to join the training?</div>
+</a>
+
+<a href="https://www.youtube.com/watch?v=v8ShbLasRF8&t=6s" class="block overflow-hidden">
+	<img
+		alt=""
+		src="/front/assets/promo/amazon_walkthrough_thumbnail.png"
+		class="w-full h-40 object-cover mb-2 bg-gray-300 rounded-lg"
+	/>
+	<div class="underline">What is a collaborative training?</div>
+
+</a>
+<a
+	href="https://www.youtube.com/watch?v=zdVsg5zsGdc"
+	class="block overflow-hidden group"
+>
+	<div
+		class="w-full h-40 mb-2 bg-gray-900 group-hover:bg-gray-850 rounded-lg flex items-start justify-start overflow-hidden"
+	>
+		<img
+			alt=""
+			src="/front/assets/promo/spacy_widget.jpeg"
+			class="w-full h-40 object-cover overflow-hidden"
+		/>
+	</div>
+	<div class="underline">How does it work?</div>
+</a>