Skip to content

Commit 6115a6e

Browse files
dbougetdbouget
committed
Minimal text in each category.
1 parent 23152e7 commit 6115a6e

File tree

1 file changed

+47
-28
lines changed

1 file changed

+47
-28
lines changed

‎index.html‎

Lines changed: 47 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<title>W3.CSS Template</title>
4+
<title>Raidionics</title>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1">
77
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
@@ -20,7 +20,7 @@
2020
background-position: center;
2121
background-size: cover;
2222
background-image: url("/assets/raidionics_preview.gif");
23-
min-height: 100%;
23+
min-height: 90%;
2424
}
2525

2626
.w3-bar .w3-button {
@@ -60,42 +60,58 @@
6060

6161
<!-- Header with full-height image -->
6262
<header class="bgimg-1 w3-display-container w3-grayscale-min" id="home">
63-
<div class="w3-display-left w3-text-white" style="padding:48px">
63+
<div class="w3-display-middle w3-text-white">
6464
<span class="w3-jumbo w3-hide-small">Preoperative brain tumor segmentation and reporting</span><br>
6565
<span class="w3-xxlarge w3-hide-large w3-hide-medium">Preoperative brain tumor segmentation and reporting</span><br>
6666
<!-- <span class="w3-large">Stop wasting valuable time with projects that just isn't you.</span>-->
6767
<p><a href="#download" class="w3-button w3-white w3-padding-large w3-large w3-margin-top w3-opacity w3-hover-opacity-off">Start now</a></p>
6868
</div>
69-
<div class="w3-display-bottomleft w3-text-grey w3-large" style="padding:24px 48px">
70-
<i class="fa fa-globe w3-hover-opacity" href="https://www.sintef.no/sintef-teknologi-og-samfunn/avdelinger/helse/forskningsgrupper/medtek/"></i>
71-
<i class="fa fa-github w3-hover-opacity"></i>
72-
</div>
69+
<!-- <div class="w3-display-bottomleft w3-text-grey w3-large" style="padding:0px 30px">-->
70+
<!-- <i class="fa fa-globe w3-hover-opacity" href="https://www.sintef.no/sintef-teknologi-og-samfunn/avdelinger/helse/forskningsgrupper/medtek/"></i>-->
71+
<!-- <i class="fa fa-github w3-hover-opacity"></i>-->
72+
<!-- </div>-->
7373
</header>
7474

7575
<!-- About Section -->
7676
<div class="w3-container" style="padding:128px 16px" id="about">
7777
<h3 class="w3-center">ABOUT Raidionics</h3>
78-
<p class="w3-center w3-large">Key features of the software</p>
78+
<p class="w3-center w3-large">Software for automatic segmentation and generation of standardized clinical reports of brain tumors
79+
from pre-operative MRI volumes. Supported tumor types are: <i>glioblastomas</i>, <i>diffuse lower-grade gliomas</i>,
80+
<i>meningiomas</i>, and <i>metastases</i>.</p>
81+
<p class="w3-center w3-large"> A description of the different use-cases supported by Raidionics, along with Youtube presentation videos,
82+
are available on our <a href="https://github.com/dbouget/Raidionics/wiki"> <strong>wiki</strong></a></p>
7983
<div class="w3-row-padding w3-center" style="margin-top:64px">
8084
<div class="w3-quarter">
8185
<i class="fa fa-pencil-square w3-margin-bottom w3-jumbo w3-center"></i>
8286
<p class="w3-large">Segmentation</p>
83-
<p>.</p>
87+
<p> The different tumor types are automatically segmented using our own trained models based on deep learning. The tumor was defined as gadolinium-enhancing tissue including non-enhancing enclosed necrosis or cysts.</p>
8488
</div>
8589
<div class="w3-quarter">
8690
<i class="fa fa-pie-chart w3-margin-bottom w3-jumbo"></i>
8791
<p class="w3-large">Reporting</p>
88-
<p>.</p>
92+
<p> The standardized clinical report (RADS) generated automatically includes the following tumor characteristics, all computed in the MNI reference space: volume, multifocality, laterality, location w.r.t. cortical structures (MNI, Harvard-Oxford, and Schaefer atlases), and location w.r.t. subcortical structures (BCB atlas).</p>
8993
</div>
9094
<div class="w3-quarter">
9195
<i class="fa fa-book w3-margin-bottom w3-jumbo"></i>
9296
<p class="w3-large">Research</p>
93-
<p>.</p>
97+
<p> The software was introduced in this <a href="https://www.frontiersin.org/articles/10.3389/fneur.2022.932219/full">article</a>
98+
published in <i>Frontiers of Neurology</i>. More information regarding the content of Raidionics has been published
99+
regarding the <a href="https://www.frontiersin.org/articles/10.3389/fradi.2021.711514/full">deep learning aspect</a>,
100+
performances of the <a href="https://www.mdpi.com/2072-6694/13/18/4674">segmentation models</a>,
101+
validation of the <a href="https://www.mdpi.com/2072-6694/13/12/2854">standardized reporting</a>.
102+
</p>
94103
</div>
95104
<div class="w3-quarter">
96105
<i class="fa fa-hospital-o w3-margin-bottom w3-jumbo"></i>
97106
<p class="w3-large">Partners</p>
98-
<p>.</p>
107+
<p> All methods have been developed using MRI data collected from a large group of hospitals:
108+
Northwest Clinics (Alkmaar), Amsterdam University Medical Centers,
109+
University Medical Center Groningen, Medical Center Haaglanden (The Hague),
110+
Humanitas Research Hospital (Milano), Hôpital Lariboisière (Paris),
111+
University of California San Francisco Medical Center; Medical Center Slotervaart (Amsterdam),
112+
St Elisabeth Hospital (Tilburg); University Medical Center Utrecht, Medical University Vienna,
113+
Isala hospital (Zwolle), St. Olavs hospital (Trondheim); Sahlgrenska University Hospital (Gothenburg),
114+
Brigham and Women's Hospital (Boston), and Oslo University Hospital. </p>
99115
</div>
100116
</div>
101117
</div>
@@ -108,44 +124,44 @@ <h3 class="w3-center">THE TEAM</h3>
108124
<div class="w3-col l3 m6 w3-margin-bottom">
109125
<div class="w3-card">
110126
<!-- <img src="/w3images/team2.jpg" alt="John" style="width:100%">-->
111-
<div class="w3-container">
112-
<h3>Team1</h3>
113-
<p class="w3-opacity">Developer</p>
127+
<div class="w3-container w3-light-grey">
128+
<h3>David Bouget</h3>
129+
<p class="w3-opacity">Lead developer</p>
114130
<p>.</p>
115-
<p><button class="w3-button w3-light-grey w3-block"><i class="fa fa-envelope"></i> Contact</button></p>
131+
<!-- <p><button class="w3-button w3-light-grey w3-block"><i class="fa fa-envelope"></i> Contact</button></p>-->
116132
</div>
117133
</div>
118134
</div>
119135
<div class="w3-col l3 m6 w3-margin-bottom">
120136
<div class="w3-card">
121137
<!-- <img src="/w3images/team1.jpg" alt="Jane" style="width:100%">-->
122-
<div class="w3-container">
123-
<h3>Team2</h3>
124-
<p class="w3-opacity">Developer</p>
138+
<div class="w3-container w3-light-grey">
139+
<h3>Andre Pedersen</h3>
140+
<p class="w3-opacity">Deployment engineer</p>
125141
<p>.</p>
126-
<p><button class="w3-button w3-light-grey w3-block"><i class="fa fa-envelope"></i> Contact</button></p>
142+
<!-- <p><button class="w3-button w3-light-grey w3-block"><i class="fa fa-envelope"></i> Contact</button></p>-->
127143
</div>
128144
</div>
129145
</div>
130146
<div class="w3-col l3 m6 w3-margin-bottom">
131147
<div class="w3-card">
132148
<!-- <img src="/w3images/team3.jpg" alt="Mike" style="width:100%">-->
133-
<div class="w3-container">
134-
<h3>Team3</h3>
149+
<div class="w3-container w3-light-grey">
150+
<h3>Demah Alsinan</h3>
135151
<p class="w3-opacity">Designer</p>
136152
<p>.</p>
137-
<p><button class="w3-button w3-light-grey w3-block"><i class="fa fa-envelope"></i> Contact</button></p>
153+
<!-- <p><button class="w3-button w3-light-grey w3-block"><i class="fa fa-envelope"></i> Contact</button></p>-->
138154
</div>
139155
</div>
140156
</div>
141157
<div class="w3-col l3 m6 w3-margin-bottom">
142158
<div class="w3-card">
143159
<!-- <img src="/w3images/team4.jpg" alt="Dan" style="width:100%">-->
144-
<div class="w3-container">
145-
<h3>Team4</h3>
160+
<div class="w3-container w3-light-grey">
161+
<h3>Valeria Gaitan</h3>
146162
<p class="w3-opacity">Designer</p>
147163
<p>.</p>
148-
<p><button class="w3-button w3-light-grey w3-block"><i class="fa fa-envelope"></i> Contact</button></p>
164+
<!-- <p><button class="w3-button w3-light-grey w3-block"><i class="fa fa-envelope"></i> Contact</button></p>-->
149165
</div>
150166
</div>
151167
</div>
@@ -165,14 +181,15 @@ <h3 class="w3-center">Downloads</h3>
165181
<div class="w3-third">
166182
<i class="fa fa-apple w3-margin-bottom w3-jumbo"></i>
167183
<p class="w3-large">MacOs</p>
168-
<i><a href="https://github.com/dbouget/Raidionics/releases/download/v1.1.0/Raidionics-1.1.0-macOS.pkg">Download for <strong>MacOs</strong></a></i>
184+
<i><a href="https://github.com/dbouget/Raidionics/releases/download/v1.1.0/Raidionics-1.1.0-macOS.pkg">Download for <strong>MacOS</strong></a></i>
169185
</div>
170186
<div class="w3-third">
171187
<i class="fa fa-linux w3-margin-bottom w3-jumbo"></i>
172188
<p class="w3-large">Linux</p>
173189
<i><a href="https://github.com/dbouget/Raidionics/releases/download/v1.1.0/Raidionics-1.1.0-ubuntu.deb">Download for <strong>Linux</strong></a></i>
174190
</div>
175191
</div>
192+
<p class="fa fa-warning w3-left w3-large" style="color:red;"> Disclaimer: Raidionics has problems running on some specific CPU (cf. <a href="https://github.com/dbouget/Raidionics/wiki/Frequently-Asked-Questions-(FAQ)">FAQ</a>).</p>
176193
</div>
177194

178195
<!-- Modal for full size images on click-->
@@ -190,7 +207,9 @@ <h3 class="w3-center">CONTACT</h3>
190207
<p class="w3-center w3-large">Lets get in touch. Send us a message:</p>
191208
<div style="margin-top:48px">
192209
<p><i class="fa fa-map-marker fa-fw w3-xxlarge w3-margin-right"></i> Trondheim, Norway</p>
193-
<p><i class="fa fa-envelope fa-fw w3-xxlarge w3-margin-right"> </i> Email: [email protected]</p>
210+
<p><i class="fa fa-envelope fa-fw w3-xxlarge w3-margin-right"> </i> Email: [email protected]</p>
211+
<p><i class="fa fa-github fa-fw w3-xxlarge w3-margin-right"> </i> <a href="https://github.com/dbouget/Raidionics">https://github.com/dbouget/Raidionics</a></p>
212+
<p><i class="fa fa-exclamation fa-fw w3-xxlarge w3-margin-right"> </i> <a href="https://github.com/dbouget/Raidionics/issues">Report issues or ask for features</a></p>
194213
<br>
195214
</div>
196215
</div>

0 commit comments

Comments
 (0)