adding model card display

ai_models.html

@@ -4,6 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>PARROT - Documentation</title>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"></script>
     <link rel="stylesheet" type="text/css" href="style.css">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
 </head>
@@ -78,6 +80,9 @@
                         <td>SwinUNETR</td>
                     </tr>
                 </table>
+                <div class="row" style="border: 5px solid rgb(189, 190, 191)">
+                    <div id="model" style="padding:50px"></div>
+                </div>
             </section>
 
             <section class="mt-4" id="dose-prediction models">
@@ -132,9 +137,40 @@
     </div>
 </div>
 
-<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
 
+<script>
+    $(document).ready(function () {
+        var apiUrl = 'https://huggingface.co/AI4MIRO/SwinUNETR_body_segmentation/raw/main/README.md'
+        //var apiUrl = 'https://gitlab.com/api/v4/projects/' + projectId + '/repository/tags'; -->
+
+        // Fetch the latest release information
+        
+        $.ajax({
+            url: apiUrl,
+            method: 'GET',
+            success: function (data) {
+                console.log("data",data);
+                $("#model").html(marked(data))
+                // if (data.length > 0) {
+                //     var latestRelease = data[0];
+                //     console.log("latestRelease",latestRelease);
+                //     var releaseAssets = latestRelease.assets;
+                //     console.log("releaseAssets",releaseAssets);
+                //     // Assuming the first asset is the desired download (e.g., a zip file)
+                //     var downloadUrl = releaseAssets.sources.length > 0 ? releaseAssets.sources[0].url : '';
+
+                //     // Update the download button href attribute
+                //     $('#downloadButton').attr('onclick', 'window.location.href="' + downloadUrl + '"');
+                // }
+            },
+            error: function (error) {
+                console.error('Error fetching release information:', error);
+            }
+        });
+    });
+</script>
 </body>
 </html>