File size: 6,568 Bytes
96471b1
83098c2
 
 
 
 
 
41bc27a
83098c2
 
 
 
 
 
 
 
 
 
 
2139cb3
 
 
 
 
 
83098c2
 
 
 
 
 
41bc27a
83098c2
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
96471b1
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!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>

<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';
        // https://gitlab.com/zhaosadre/charp-viewer/-/releases -->
        // GitLab API endpoint for releases
        var apiUrl = 'https://gitlab.com/api/v4/projects/'+projectId+'/releases/'//+tag_name+'/assets/links'
        //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);
                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>

<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>