add youtube embed and colab

templates/index.html

@@ -27,6 +27,28 @@
                 🚀 Start Annotation
             </button>
         </div>
+        <div id="upload-section" class="mb-8 border-2 border-dashed border-gray-300 p-6 rounded-lg bg-gray-50">
+            <center>
+                <div>
+                    <h2 class="text-xl font-semibold mb-3 text-center text-gray-700">Fine-tune OpenAI/Whisper-small</h2>
+                    <div>
+                        <iframe width="560" height="315" src="https://www.youtube.com/embed/T9hqu16jDWA?si=IhpKCUmsJ-WAvRzP" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                    </div>
+                    <a href="https://colab.research.google.com/github/Kimang18/DoRA-LoRAC-fine-tune-whisper-small/blob/main/Khmer_small_fine_tune_whisper.ipynb">
+                        <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab" /, width=150, height=150/>
+                    </a>
+                </div>
+                <div style="margin-top:20px;">
+                    <h2 class="text-xl font-semibold mb-3 text-center text-gray-700">Fine-tune Facebook/MMS-1b-all</h2>
+                    <div>
+                        <iframe width="560" height="315" src="https://www.youtube.com/embed/5kfLb1eJbiI?si=5vEVym8k1lvAg_6a" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                    </div>
+                    <a href="https://colab.research.google.com/github/Kimang18/DoRA-LoRAC-finetune-mms-1b-all/blob/main/Khmer_Fine_Tune_MMS_on_Common_Voice.ipynb">
+                        <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab" /, width=150, height=150/>
+                    </a>
+                </div>
+            </center>
+        </div>
 
         <!-- Annotation Section (Hidden until files are loaded) -->
         <div id="annotation-section" class="hidden">
@@ -110,6 +132,6 @@
         Thanks Huggingface Spaces 🤗
     </footer>
 
-    <script src="/static/js/script.js"></script>
+    <script src="/static/js/script2.js"></script>
 </body>
 </html>