Complete readme

README.md

@@ -1,7 +1,7 @@
 ---
 title: Video Downloader
-emoji: 📈
-colorFrom: purple
+emoji: 🎥 ⬇️
+colorFrom: blue
 colorTo: gray
 sdk: gradio
 sdk_version: 4.3.0
@@ -10,4 +10,38 @@ pinned: false
 license: mit
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Video downloader
+
+Video downloader downloads any YouTube or Twitch video.
+
+<div>
+    <h2 align="center">
+        <a href="https://huggingface.co/spaces/Maximofn/video_downloader" target='_blank'>
+        <img src="https://img.shields.io/badge/Demo-%F0%9F%A4%97%20Hugging%20Face-blue">
+        </a>
+    </h2>
+</div>
+
+<div style="text-align:center;">
+    <div>
+        <img src="https://maximofn.com/wp-content/uploads/2023/11/video_downloader_01-scaled.webp" alt="Video_downloader_huggingface_01" width="1920">
+    </div>
+    <div>
+        <svg xmlns="http://www.w3.org/2000/svg" height="2em" viewBox="0 0 384 512">
+            <style>svg{fill:#d1ac29}</style>
+            <path d="M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/>
+        </svg>
+    </div>
+    <div>
+        <img src="https://maximofn.com/wp-content/uploads/2023/11/video_downloader_02-scaled.webp" alt="Video_downloader_huggingface_02" width="1920">
+    </div>
+</div>
+
+#### You can support my work by making "☆ Star" in the repo, inviting me for a coffee Thanks!
+
+<div style="float: left;">
+    <a href="https://www.buymeacoffee.com/maximofn" target="_blank">
+        <img src="https://img.shields.io/badge/Buy_Me_A_Coffee-support_my_work-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=white&labelColor=101010" alt="buy me a coffe">
+    </a>
+</div>
+