Update README.md

README.md

@@ -71,15 +71,16 @@ pipeline_tag: image-segmentation
 
 
 
-<div style="font-family:sans-serif; background-color:#F8F5F5; padding:25px; border-radius:10px; margin:auto; border:0px; ">
+<div style="font-family:sans-serif; color:black; background-color:#F8F5F5; padding:25px; border-radius:10px; margin:auto; border:0px; ">
 
   <!-- Collection Section -->
-  <div style="background:#FFFFFF; padding:20px; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.05); margin-bottom:20px;">
-    <h1 style="margin-top:0;">🌐 FLAIR-HUB Model Collection</h1>
+  <div style="background:#FFFFFF; color:black; padding:20px; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.05); margin-bottom:20px;">
+    <h1 style="margin-top:0; color:black;">🌐 FLAIR-HUB Model Collection</h1>
     <ul style="padding-left:0; list-style:none; line-height:1.6; margin:0;">
       <li>
         <span style="display:inline-block; width:10px; height:10px; background:#555; border-radius:2px; margin-right:10px; box-shadow:1px 1px 2px rgba(0,0,0,0.2); vertical-align:middle;"></span>
-        <b>Trained on</b>: <a href="https://huggingface.co/datasets/IGNF/FLAIR-HUB"><strong>FLAIR-HUB</strong> dataset</a>
+        <b>Trained on</b>: <span style="color:black;">FLAIR-HUB dataset</span> 
+        <a href="https://huggingface.co/datasets/IGNF/FLAIR-HUB" target="_blank" style="margin-left:5px;">🔗</a>
       </li>
       <li>
         <span style="display:inline-block; width:10px; height:10px; background:#555; border-radius:2px; margin-right:10px; box-shadow:1px 1px 2px rgba(0,0,0,0.2); vertical-align:middle;"></span>
@@ -105,15 +106,15 @@ pipeline_tag: image-segmentation
    <table border="1" style="border-collapse: collapse; width:100%; margin-bottom:15px; table-layout: fixed;">
       <thead>
         <tr>
-          <th style="padding:1px; text-align:center; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🆔<br>Model ID</th>
-          <th style="padding:1px; text-align:center; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🗺️<br>Land-cover</th>
-          <th style="padding:1px; text-align:center; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🌾<br>Crop-types</th>
-          <th style="padding:1px; text-align:center; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🛩️<br>Aerial</th>
-          <th style="padding:1px; text-align:center; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">⛰️<br>Elevation</th>
-          <th style="padding:1px; text-align:center; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🛰️<br>SPOT</th>
-          <th style="padding:1px; text-align:center; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🛰️<br>S2 t.s.</th>
-          <th style="padding:1px; text-align:center; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🛰️<br>S1 t.s.</th>
-          <th style="padding:1px; text-align:center; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🛩️<br>Historical</th>
+          <th style="padding:1px; text-align:center; color:black; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🆔<br>Model ID</th>
+          <th style="padding:1px; text-align:center; color:black; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🗺️<br>Land-cover</th>
+          <th style="padding:1px; text-align:center; color:black; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🌾<br>Crop-types</th>
+          <th style="padding:1px; text-align:center; color:black; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🛩️<br>Aerial</th>
+          <th style="padding:1px; text-align:center; color:black; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">⛰️<br>Elevation</th>
+          <th style="padding:1px; text-align:center; color:black; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🛰️<br>SPOT</th>
+          <th style="padding:1px; text-align:center; color:black; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🛰️<br>S2 t.s.</th>
+          <th style="padding:1px; text-align:center; color:black; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🛰️<br>S1 t.s.</th>
+          <th style="padding:1px; text-align:center; color:black; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">🛩️<br>Historical</th>
         </tr>
       </thead>
       <tbody>
@@ -232,8 +233,8 @@ pipeline_tag: image-segmentation
   </div>
 
   <!-- Model-Specific Section -->
-  <div style="border:1px solid black; padding:25px; background-color:#FDFFF4; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.05);">
-    <h2 style="margin-top:0;">🔍 Model: <strong>FLAIR-HUB_LC-A_convnextv2tiny-upernet</strong></h2>
+  <div style="border:1px solid black; color:black; padding:25px; background-color:#FDFFF4; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.05);">
+    <h2 style="margin-top:0; color:black;">🔍 Model: FLAIR-HUB_LC-A_convnextv2tiny-upernet</h2>
     <ul style="padding-left:0; list-style:none; line-height:1.6; margin:0;">
       <li>
         <span style="display:inline-block; width:10px; height:10px; background:#555; border-radius:2px; margin-right:10px; box-shadow:1px 1px 2px rgba(0,0,0,0.2); vertical-align:middle;"></span>
@@ -250,11 +251,11 @@ pipeline_tag: image-segmentation
 <table border="1" style="border-collapse: collapse; width:100%; margin-bottom:15px; table-layout: fixed;">
 <thead>
   <tr>
-    <th style="padding:1px; text-align:center; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">mIoU</th>
-    <th style="padding:1px; text-align:center; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">O.A.</th>
-    <th style="padding:1px; text-align:center; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">F-score</th>
-    <th style="padding:1px; text-align:center; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Precision</th>
-    <th style="padding:1px; text-align:center; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Recall</th>
+    <th style="padding:1px; text-align:center; color:black; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">mIoU</th>
+    <th style="padding:1px; text-align:center; color:black; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">O.A.</th>
+    <th style="padding:1px; text-align:center; color:black; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">F-score</th>
+    <th style="padding:1px; text-align:center; color:black; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Precision</th>
+    <th style="padding:1px; text-align:center; color:black; width:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Recall</th>
   </tr>
 </thead>
 <tr>