Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <title>PARROT - Platform for AI-guided Radiation Oncology Treatment</title> | |
| <script src="https://code.jquery.com/jquery-3.6.0.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> | |
| <body> | |
| <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> | |
| <a class="navbar-brand" href="#">PARROT</a> | |
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" | |
| aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> | |
| <span class="navbar-toggler-icon"></span> | |
| </button> | |
| <div class="collapse navbar-collapse" id="navbarNav"> | |
| <div class="navbar-nav"> | |
| <a class="nav-link active" href="#">Home</a> | |
| <a class="nav-link" href="documentation.html">Documentation</a> | |
| <a class="nav-link" href="ai_models.html">AI models</a> | |
| <a class="nav-link" href="contact.html">Contact</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <div class="container mt-5"> | |
| <div class="row"> | |
| <div class="col-lg-8"> | |
| <h1 class="mb-4 mt-4">Welcome to PARROT</h1> | |
| <p> | |
| PARROT, which stands for Platform for ARtificial intelligence guided Radiation Oncology Treatment, | |
| is a user-friendly, free, and open-source web platform. It allows users to visualize DICOM files, run AI models, | |
| display and evaluate predictions easily. The platform includes several trained state-of-the-art dose prediction | |
| and contour segmentation models. Users can also add their own models using the embedded code editor. | |
| </p> | |
| <p> | |
| The app consists of a frontend built in React JavaScript, including the graphical interface with a DICOM viewer, | |
| a selection panel of AI models, an editor of contours predictions, and evaluation tools. The backend is built with Flask | |
| to handle the predictions of AI models. | |
| </p> | |
| </div> | |
| <div class="col"> | |
| <img src="img/index/parrot-logo.png" alt="PARROT Logo" class="index/parrot-logo img-fluid"> | |
| </div> | |
| </div> | |
| <div class="col-lg text-center"> | |
| <button id="downloadButton" class="btn btn-primary">Download Latest Release</button> | |
| </div> | |
| </div> | |
| <div class="container mt-5"> | |
| <div class="row"> | |
| <div class="col text-center mb-5"> | |
| <h2> | |
| PARROT allows you to: | |
| </h2> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="col-lg-3 text-center"> | |
| <img src="img/index/research-and-development.png" alt="State-of-the-art models" class="img-fluid w-50 mb-3"> | |
| <p>Run state-of-the-art AI models</p> | |
| </div> | |
| <div class="col-lg-3 text-center"> | |
| <img src="img/index/ct-scan.png" alt="ct scan" class="img-fluid w-50 mb-3"> | |
| <p>Visualize contours segmented with AI on CT and MR images</p> | |
| </div> | |
| <div class="col-lg-3 text-center"> | |
| <img src="img/index/comparison.png" alt="ct scan" class="img-fluid w-50 mb-3"> | |
| <p>Compare uploaded and/or predicted dose distributions</p> | |
| </div> | |
| <div class="col-lg-3 text-center"> | |
| <img src="img/index/edit.png" alt="ct scan" class="img-fluid w-50 mb-3"> | |
| <p>Correct contours predicted by AI model</p> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="col-lg-3 text-center"> | |
| <img src="img/index/dicom.PNG" alt="ct scan" class="img-fluid w-50 mb-3"> | |
| <p>Full DICOM to DICOM workflow</p> | |
| </div> | |
| <div class="col-lg-3 text-center"> | |
| <img src="img/index/personal-data.png" alt="ct scan" class="img-fluid w-50 mb-3"> | |
| <p>Local web application to ensure patient data privacy</p> | |
| </div> | |
| <div class="col-lg-3 text-center"> | |
| <img src="img/index/innovation.png" alt="ct scan" class="img-fluid w-50 mb-3"> | |
| <p>Run your own AI models</p> | |
| </div> | |
| <div class="col-lg-3 text-center"> | |
| <img src="img/index/evaluation.png" alt="ct scan" class="img-fluid w-50 mb-3"> | |
| <p>Clinical evaluation tools: NTCP, DVH curves, clinical objectives, dose statistics</p> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> | |
| <!-- Wei Repo | |
| <script> | |
| $(document).ready(function () { | |
| // Replace 'YOUR_PROJECT_ID' and 'YOUR_REPO_NAME' with your GitLab project ID and repository name | |
| var projectId = '25472370'; | |
| var repoName = 'charp-viewer'; | |
| var apiUrl = 'https://gitlab.com/api/v4/projects/'+projectId+'/releases/' | |
| $.ajax({ | |
| url: apiUrl, | |
| method: 'GET', | |
| success: function (data) { | |
| if (data.length > 0) { | |
| var latestRelease = data[0]; | |
| var releaseAssets = latestRelease.assets; | |
| // 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> --> | |
| <!-- Parrot repo --> | |
| <script> | |
| $(document).ready(function () { | |
| // Replace 'YOUR_PROJECT_ID' and 'YOUR_REPO_NAME' with your GitLab project ID and repository name | |
| // Parrot repo | |
| var projectId = '54838381'; | |
| var repoName = 'PARROT'; | |
| var apiUrl = 'https://gitlab.com/api/v4/projects/'+projectId+'/releases/' | |
| $.ajax({ | |
| url: apiUrl, | |
| method: 'GET', | |
| success: function (data) { | |
| if (data.length > 0) { | |
| var latestRelease = data[0]; | |
| console.log("latest release",latestRelease); | |
| // Get the latest release | |
| var releaseAssets = latestRelease.assets; | |
| console.log("releaseAssets",releaseAssets); | |
| console.log("releaseAssets.length",releaseAssets.length); | |
| // The file is in the link array, and assuming we want to download the first link (.exe), we look for his URL | |
| var downloadUrl = releaseAssets.links.length > 0 ? releaseAssets.links[0].url : ''; | |
| console.log("downloadUrl",downloadUrl); | |
| // Update the download button href attribute | |
| $('#downloadButton').attr('onclick', 'window.location.href="' + downloadUrl + '"'); | |
| } | |
| }, | |
| error: function (error) { | |
| console.error('Error fetching release information:', error); | |
| } | |
| }); | |
| }); | |
| </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> | |
| </body> | |
| </html> | |