buttons with links leading to resources

app.py

@@ -11,9 +11,41 @@ MARKDOWN = """
 Welcome to YOLO-Arena! This demo showcases the performance of various YOLO models 
 pre-trained on the COCO dataset.
 
-- YOLOv8 [[code](https://github.com/ultralytics/ultralytics)]
-- YOLOv9 [[code](https://github.com/WongKinYiu/yolov9)]
-- YOLOv10 [[code](https://github.com/THU-MIG/yolov10)]
+- **YOLOv8**
+  <div style="display: flex; align-items: center;">
+    <a href="https://github.com/ultralytics/ultralytics" style="margin-right: 10px;">
+      <img src="https://badges.aleen42.com/src/github.svg">
+    </a>
+    <a href="https://colab.research.google.com/github/roboflow-ai/notebooks/blob/main/notebooks/train-yolov8-object-detection-on-custom-dataset.ipynb" style="margin-right: 10px;">
+      <img src="https://colab.research.google.com/assets/colab-badge.svg">
+    </a>
+  </div>
+
+- **YOLOv9**
+  <div style="display: flex; align-items: center;">
+    <a href="https://github.com/WongKinYiu/yolov9" style="margin-right: 10px;">
+      <img src="https://badges.aleen42.com/src/github.svg">
+    </a>
+    <a href="https://arxiv.org/abs/2402.13616" style="margin-right: 10px;">
+      <img src="https://img.shields.io/badge/arXiv-2402.13616-b31b1b.svg">
+    </a>
+    <a href="https://colab.research.google.com/github/roboflow-ai/notebooks/blob/main/notebooks/train-yolov9-object-detection-on-custom-dataset.ipynb" style="margin-right: 10px;">
+      <img src="https://colab.research.google.com/assets/colab-badge.svg">
+    </a>
+  </div>
+
+- **YOLOv10**
+  <div style="display: flex; align-items: center;">
+    <a href="https://github.com/THU-MIG/yolov10" style="margin-right: 10px;">
+      <img src="https://badges.aleen42.com/src/github.svg">
+    </a>
+    <a href="https://arxiv.org/abs/2405.14458" style="margin-right: 10px;">
+      <img src="https://img.shields.io/badge/arXiv-2405.14458-b31b1b.svg">
+    </a>
+    <a href="https://colab.research.google.com/github/roboflow-ai/notebooks/blob/main/notebooks/train-yolov10-object-detection-on-custom-dataset.ipynb" style="margin-right: 10px;">
+      <img src="https://colab.research.google.com/assets/colab-badge.svg">
+    </a>
+  </div>
 
 Powered by Roboflow [Inference](https://github.com/roboflow/inference) and 
 [Supervision](https://github.com/roboflow/supervision). 🔥