parrot.ai / index.html
Margerie's picture
edition
37120ca
raw
history blame
7.66 kB
<!DOCTYPE html>
<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>