This repository has been archived by the owner on May 11, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
126 lines (115 loc) · 4.92 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>DIAG Algorithms</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vuetify/1.4.1/vuetify.min.css" integrity="sha256-2q+CN/p5D8lKbMpdpkz0RlKtm3ODhKCGUbKU/QQTvko=" crossorigin="anonymous" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
<div id="app">
<v-app>
<v-layout justify-center>
<v-flex>
<v-toolbar color="#00afdc" dark>
<v-toolbar-title v-html="title"></v-toolbar-title>
</v-toolbar>
<v-container v-for="(cards, type) in apps" fluid grid-list-md>
<v-subheader v-html="type"></v-subheader>
<v-layout row wrap>
<v-flex v-for="card in cards" v-bind="{ [`xs${card.flex}`]: true }" :key="card.name">
<v-card v-bind:href="card.url">
<v-img :src="card.image" height="200px">
</v-img>
<v-card-title primary-title>
<div>
<div class="headline" v-text="card.name"></div>
<span class="grey--text" v-html="card.description"></span>
</div>
</v-card-title>
</v-card>
</v-flex>
</v-layout>
</v-container>
</v-flex>
</v-layout>
</v-app>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.22/vue.min.js" integrity="sha256-628YJ33SSNGwa+a/S3mx27+nZrFkawJZt/CC/REfBPk=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vuetify/1.4.1/vuetify.min.js" integrity="sha256-PYE8geurD/lwJ6qyF48quqaBFNkW+9H48wBAWOterhU=" crossorigin="anonymous"></script>
<script>
new Vue({
el: '#app',
data: () => ({
title: "Diagnostic Image Analysis Group",
apps: {
Workstations: [
{
name: 'CIRRUS Pathology',
url: 'https://apps.diagnijmegen.nl/Applications/CIRRUSWeb_ami_midterm_demo_11772_825fb0ace/#/?workstation=CirrusPathology',
image: 'images/pathology.png',
},
{
name: 'AMI Ophthalmology AMD Workstation',
url: 'https://apps.diagnijmegen.nl/Applications/CIRRUSWeb_ami_basic_workstation_11772_79b4c01cd/#/?workstation=AMDWorkstation',
image: 'images/ophthalmology_amd.png'
},
{
name: 'AMI Ophthalmology Multimodal Workstation',
url: 'https://apps.diagnijmegen.nl/Applications/CIRRUSWeb_ami_basic_workstation_11679_e648d02bc/#/?workstation=AMIBasicWorkstation',
image: 'images/ophthalmology_multi.png'
},
{
name: 'CIRRUS Oncology',
url: 'https://apps.diagnijmegen.nl/Applications/CIRRUSWeb_16176/#!/?workstation=CIRRUSOncology',
image: 'images/oncology.png'
},
{
name: 'CIRRUS Lung Screening',
url: 'https://apps.diagnijmegen.nl/Applications/CIRRUSWeb_cirruslungs-19.1.2_3543_fd25624/#!/?workstation=CIRRUSLungS',
image: 'images/cirruslungs-1.png'
}
],
Algorithms: [
{
name: 'Cardiomegaly Detection',
url: 'https://grand-challenge.org/algorithms/cardiomegaly-detection/',
image: 'images/cardiomegaly-detection.png'
},
{
name: 'X-Ray Emphysema Classifier',
url: 'https://grand-challenge.org/algorithms/x-ray-emphysema-classifier/',
image: 'images/x-ray-emphysema-classifier.png'
},
{
name: 'Spleen Segmentation',
url: 'https://grand-challenge.org/algorithms/spleen-segmentation/',
image: 'images/spleen-segmentaiton.png'
},
{
name: 'Vertebra Segmentation',
url: 'https://grand-challenge.org/algorithms/vertebra-segmentation/',
image: 'images/vertebra-segmentation.png'
},
{
name: 'Intracerebral Haemorrhage Segmentation',
url: 'https://grand-challenge.org/algorithms/ich-segmentation/',
image: 'images/ich-segmentation.png'
},
{
name: 'Cranial cavity segmentation',
url: 'https://grand-challenge.org/algorithms/cranial-cavity-segmentation/',
image: 'images/cranial-cavity-segmentation.jpg'
},
{
name: 'Cerebral hemisphere segmentation',
url: 'https://grand-challenge.org/algorithms/cerebral-hemisphere-segmentation-2/',
image: 'images/hemisphere-segmentation.png'
}
]
}
})
})
</script>
</body>
</html>