Skip to content

Commit 921c2ad

Browse files
dbougetdbouget
committed
Slight improvement
1 parent 547c368 commit 921c2ad

File tree

5 files changed

+114
-54
lines changed

5 files changed

+114
-54
lines changed

‎assets/raidionics-interface-example.png‎

384 KB
Loading

‎assets/raidionics-pipeline.png‎

1.47 MB
Loading

‎assets/raidionics-slicer-rads.gif‎

15.5 MB
Loading

‎assets/raidionics_preview.gif‎

-136 KB
Loading

‎index.html‎

Lines changed: 114 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -15,17 +15,47 @@
1515
line-height: 1.8;
1616
}
1717

18+
.title {
19+
line-height: 1.0;
20+
color: white;
21+
text-align: center;
22+
margin: auto;
23+
padding-top: 350px;
24+
}
25+
1826
/* Full height image header */
1927
.bgimg-1 {
2028
background-position: center;
2129
background-size: cover;
30+
background-image: url("/assets/raidionics-interface-example.png");
31+
min-height: 100%;
32+
}
33+
34+
.pipeline {
35+
background-image: url("/assets/raidionics-pipeline.png");
36+
background-size: 100%;
37+
object-fit: contain;
38+
width: 800px;
39+
}
40+
41+
/* Raidionics gif */
42+
.raidionics {
2243
background-image: url("/assets/raidionics_preview.gif");
23-
min-height: 90%;
44+
background-size: 100%;
45+
object-fit: contain;
46+
}
47+
48+
/* Raidionics 3D Slicer gif */
49+
.raidionics-slicer {
50+
background-image: url("/assets/raidionics-slicer-rads.gif");
51+
background-size: 100%;
52+
object-fit: contain;
2453
}
2554

2655
.w3-bar .w3-button {
2756
padding: 16px;
2857
}
58+
2959
</style>
3060
</head>
3161
<body>
@@ -38,6 +68,7 @@
3868
<div class="w3-right w3-hide-small">
3969
<a href="#about" class="w3-bar-item w3-button"><i class="fa fa-th"></i> ABOUT</a>
4070
<a href="#team" class="w3-bar-item w3-button"><i class="fa fa-user"></i> TEAM</a>
71+
<a href="#publications" class="w3-bar-item w3-button"><i class="fa fa-book"></i> PUBLICATIONS</a>
4172
<a href="#download" class="w3-bar-item w3-button"><i class="fa fa-cloud-download" aria-hidden="true"></i>DOWNLOAD</a>
4273
<a href="#contact" class="w3-bar-item w3-button"><i class="fa fa-envelope"></i> CONTACT</a>
4374
</div>
@@ -54,77 +85,72 @@
5485
<a href="javascript:void(0)" onclick="w3_close()" class="w3-bar-item w3-button w3-large w3-padding-16">Close ×</a>
5586
<a href="#about" onclick="w3_close()" class="w3-bar-item w3-button">ABOUT</a>
5687
<a href="#team" onclick="w3_close()" class="w3-bar-item w3-button">TEAM</a>
88+
<a href="#publications" onclick="w3_close()" class="w3-bar-item w3-button">PUBLICATIONS</a>
5789
<a href="#download" onclick="w3_close()" class="w3-bar-item w3-button">ABOUT</a>
5890
<a href="#contact" onclick="w3_close()" class="w3-bar-item w3-button">CONTACT</a>
5991
</nav>
6092

6193
<!-- Header with full-height image -->
6294
<header class="bgimg-1 w3-display-container w3-grayscale-min" id="home">
63-
<div class="w3-display-middle w3-text-white">
64-
<span class="w3-jumbo w3-hide-small">Pre- and post-operative brain tumor segmentation and reporting</span><br>
65-
<span class="w3-xxlarge w3-hide-large w3-hide-medium">Pre- and post-operative brain tumor segmentation and reporting</span><br>
95+
<div class="title">
96+
<span class="w3-xxxlarge">Pre- and post-operative central nervous <br> system tumor segmentation <br> and standardized reporting</span><br>
97+
<span class="w3-xlarge"><br> A software platform for the analysis and visualization of neurological MR scans</span><br>
6698
<!-- <span class="w3-large">Stop wasting valuable time with projects that just isn't you.</span>-->
67-
<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>
99+
<!-- <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>-->
100+
</div>
101+
<!-- About Section -->
102+
<div class="w3-container" style="padding:20px 16px" id="start">
103+
<div class="w3-row-padding w3-center" style="margin-top:30px">
104+
<div class="w3-quarter">
105+
<p></p>
106+
</div>
107+
<div class="w3-quarter">
108+
<p><a href="#download" class="w3-button w3-white w3-padding-large w3-large w3-opacity w3-hover-opacity-off">Try now</a></p>
109+
</div>
110+
<div class="w3-quarter" style="margin-left:-50px">
111+
<p><a href="https://github.com/raidionics" class="w3-button w3-white w3-padding-large w3-large w3-opacity w3-hover-opacity-off">View on GitHub</a></p>
112+
</div>
113+
</div>
68114
</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>-->
73115
</header>
74116

75117
<!-- About Section -->
76118
<div class="w3-container" style="padding:128px 16px" id="about">
77-
<h3 class="w3-center">ABOUT Raidionics</h3>
78-
<p class="w3-center w3-large">Software for automatic segmentation and generation of standardized clinical reports of brain tumors
79-
from pre-operative magnetic resonance images (MRIs). The most common tumor types are supported: <i>glioblastomas</i>, <i>diffuse lower-grade gliomas</i>,
80-
<i>meningiomas</i>, and <i>metastases</i>. In addition, post-operative rest tumor segmentation of glioblastomas and
81-
surgical report computation (including extent-of-resection), is accessible. </p>
82-
<p class="w3-center w3-large"> A description of the different use-cases supported by Raidionics, along with Youtube presentation videos,
83-
are available on our <a href="https://github.com/dbouget/Raidionics/wiki"> <strong>wiki</strong></a>.</p>
84-
<div class="w3-row-padding w3-center" style="margin-top:64px">
85-
<div class="w3-quarter">
86-
<i class="fa fa-pencil-square w3-margin-bottom w3-jumbo w3-center"></i>
87-
<p class="w3-large">Segmentation</p>
88-
<p> The different tumor types are automatically segmented using our own trained models based on deep learning.
89-
The tumor was defined as gadolinium-enhancing tissue including non-enhancing enclosed necrosis or cysts.</p>
119+
<h1 class="w3-center">ABOUT Raidionics</h1>
120+
<h3 class="w3-center">A description of the different use-cases supported by Raidionics, along with Youtube presentation videos,
121+
are available on our <a href="https://github.com/dbouget/Raidionics/wiki"> <strong>wiki</strong></a>.</h3>
122+
<div class="w3-half">
123+
<p class="pipeline"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p><br>
90124
</div>
91-
<div class="w3-quarter">
92-
<i class="fa fa-pie-chart w3-margin-bottom w3-jumbo"></i>
93-
<p class="w3-large">Reporting</p>
94-
<p> The standardized clinical report (RADS) generated automatically includes the following tumor characteristics,
95-
all computed in the MNI reference space: volume, multifocality, laterality, location w.r.t. cortical structures
96-
(MNI, Harvard-Oxford, and Schaefer atlases), and location w.r.t. subcortical structures (BCB atlas). <br>
97-
The standardized surgical report includes an automatic extent-of-resection value.
98-
</p>
125+
<div class="w3-half">
126+
<span class="fa fa-pencil-square w3-xxlarge w3-center"> Segmentation</span>
127+
<p class="w3-large"> The most common central nervous system tumor types can be segmented pre-operatively: <i>glioblastomas</i>, <i>diffuse lower-grade gliomas</i>,
128+
<i>meningiomas</i>, and <i>metastases</i>. Early post-operative segmentation is limited to the glioblastoma subtype.</p>
129+
<p class="w3-large"> All models have been trained using patient data from our partnered hospitals, using the AGU-Net architecture (more details available in the <a href="#publications">Publications</a> section).</p>
99130
</div>
100-
<div class="w3-quarter">
101-
<i class="fa fa-book w3-margin-bottom w3-jumbo"></i>
102-
<p class="w3-large">Research</p>
103-
<p> The software was introduced in this <a href="https://www.frontiersin.org/articles/10.3389/fneur.2022.932219/full">article</a>
104-
published in <i>Frontiers of Neurology</i>. More information regarding the content of Raidionics has been published
105-
regarding the <a href="https://www.frontiersin.org/articles/10.3389/fradi.2021.711514/full">deep learning aspect</a>,
106-
performances of the <a href="https://www.mdpi.com/2072-6694/13/18/4674">segmentation models</a>,
107-
validation of the <a href="https://www.mdpi.com/2072-6694/13/12/2854">standardized reporting</a>.
108-
</p>
131+
<div class="w3-half">
132+
<span class="fa fa-pie-chart w3-xxlarge w3-center"> Standardized reporting (RADS) </span>
133+
<p class="w3-large"> Pre-operatively, the standardized reports include the following tumor characteristics,
134+
all computed in the MNI reference space: volume, multifocality, laterality, location w.r.t. cortical structures
135+
(MNI, Harvard-Oxford, and Schaefer atlases), and location w.r.t. subcortical structures (BCB atlas).
136+
The computational pipeline is illustrated to the left.</p>
137+
<p class="w3-large"> Post-operatively, the rest tumor volume and extent-of-resection are automatically computed.</p>
109138
</div>
110-
<div class="w3-quarter">
111-
<i class="fa fa-hospital-o w3-margin-bottom w3-jumbo"></i>
112-
<p class="w3-large">Partners</p>
113-
<p> All methods have been developed using MR scans collected from a large group of hospitals:
114-
Northwest Clinics (Alkmaar), Amsterdam University Medical Centers,
115-
University Medical Center Groningen, Medical Center Haaglanden (The Hague),
116-
Humanitas Research Hospital (Milano), Hôpital Lariboisière (Paris),
117-
University of California San Francisco Medical Center; Medical Center Slotervaart (Amsterdam),
118-
St Elisabeth Hospital (Tilburg); University Medical Center Utrecht, Medical University Vienna,
139+
<div class="w3-half">
140+
<span class="fa fa-hospital-o w3-xxlarge w3-center"> Hospital partners </span>
141+
<p class="w3-medium"> Northwest Clinics (Alkmaar), Amsterdam University Medical Centers, University Medical Center Groningen,
142+
Medical Center Haaglanden (The Hague), Humanitas Research Hospital (Milano), Hôpital Lariboisière (Paris),
143+
University of California San Francisco Medical Center, Medical Center Slotervaart (Amsterdam),
144+
St Elisabeth Hospital (Tilburg), University Medical Center Utrecht, Medical University Vienna,
119145
Isala hospital (Zwolle), St. Olavs hospital (Trondheim), Sahlgrenska University Hospital (Gothenburg),
120-
Brigham and Women's Hospital (Boston), and Oslo University Hospital. </p>
146+
Brigham and Women's Hospital (Boston), and Oslo University Hospital.</p>
121147
</div>
122148
</div>
123149
</div>
124150

125151
<!-- Team Section -->
126152
<div class="w3-container w3-dark-grey" style="padding:128px 16px" id="team">
127-
<h3 class="w3-center">THE TEAM</h3>
153+
<h1 class="w3-center">THE TEAM</h1>
128154
<p class="w3-center w3-large">Core participants</p>
129155
<div class="w3-row-padding w3-grayscale" style="margin-top:64px">
130156
<div class="w3-col l3 m6 w3-margin-bottom" style="margin:auto">
@@ -201,7 +227,7 @@ <h3>Ole Solheim</h3>
201227

202228
<!-- Download Section -->
203229
<div class="w3-container" style="padding:128px 16px" id="download">
204-
<h3 class="w3-center">Downloads</h3>
230+
<h1 class="w3-center">Downloads</h1>
205231
<p class="w3-center w3-large">Latest release (1.2.0-beta)</p>
206232
<div class="w3-row-padding w3-center" style="margin-top:64px">
207233
<div class="w3-third">
@@ -224,6 +250,23 @@ <h3 class="w3-center">Downloads</h3>
224250
<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>
225251
</div>
226252

253+
<!-- Examples Section -->
254+
<div class="w3-container w3-dark-grey" style="padding:128px 16px" id="examples">
255+
<h1 class="w3-center">Examples</h1>
256+
<div class="w3-center" style="margin-top:64px">
257+
<div class="w3-half">
258+
<span class="w3-xlarge"><br> Stand-alone Raidionics </span>
259+
<p class="raidionics"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p>
260+
<p><a href="https://github.com/raidionics/Raidionics" class="w3-button w3-white w3-padding-large w3-large w3-opacity w3-hover-opacity-off">View on GitHub</a></p>
261+
</div>
262+
<div class="w3-half" style="padding-left: 20px">
263+
<span class="w3-xlarge"><br> 3D Slicer plugin </span><br><br>
264+
<p class="raidionics-slicer" ><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p><br>
265+
<p><a href="https://github.com/raidionics/Raidionics-Slicer" class="w3-button w3-white w3-padding-large w3-large w3-opacity w3-hover-opacity-off">View on GitHub</a></p>
266+
</div>
267+
</div>
268+
</div>
269+
227270
<!-- Modal for full size images on click-->
228271
<div id="modal01" class="w3-modal w3-black" onclick="this.style.display='none'">
229272
<span class="w3-button w3-xxlarge w3-black w3-padding-large w3-display-topright" title="Close Modal Image">×</span>
@@ -233,14 +276,31 @@ <h3 class="w3-center">Downloads</h3>
233276
</div>
234277
</div>
235278

279+
<!-- Publications Section -->
280+
<div class="w3-container" style="padding:128px 16px" id="publications">
281+
<h1 class="w3-center">Publications</h1>
282+
<h2 class="w3-center w3-large">Raidionics research</h2>
283+
<div class="w3-container">
284+
<p><a href="https://www.frontiersin.org/articles/10.3389/fneur.2022.932219/full" class="w3-large"> * <i><b>Preoperative brain tumor imaging: models and software for segmentation and standardized reporting.</b></i> Bouget, D., Pedersen, A., Jakola, A. S., Kavouridis, V., Emblem, K. E., Eijgelaar, R. S., ... & Reinertsen, I. Frontiers in neurology, 1500, 2022.</a></p>
285+
<p><a href="https://www.frontiersin.org/articles/10.3389/fradi.2021.711514/full" class="w3-large"> * <i><b>Meningioma segmentation in T1-weighted MRI leveraging global context and attention mechanisms.</b></i> Bouget, D., Pedersen, A., Hosainey, S. A. M., Solheim, O., & Reinertsen, I.. Frontiers in Radiology, 1, 711514, 2021.</a></p>
286+
<p><a href="https://www.mdpi.com/2072-6694/13/18/4674" class="w3-large"> * <i><b>Glioblastoma surgery imaging–reporting and data system: Validation and performance of the automated segmentation task.</b></i> Bouget, D., Eijgelaar, R. S., Pedersen, A., Kommers, I., Ardon, H., Barkhof, F., ... & Solheim, O.. Cancers, 13(18), 4674, 2021.</a></p>
287+
<p><a href="https://www.mdpi.com/2072-6694/13/12/2854" class="w3-large"> * <i><b>Glioblastoma surgery imaging—reporting and data system: Standardized reporting of tumor volume, location, and resectability based on automated segmentations.</b></i> Kommers, I., Bouget, D., Pedersen, A., Eijgelaar, R. S., Ardon, H., Barkhof, F., ... & De Witt Hamer, P. C.. Cancers, 13(12), 2854, 2021.</a></p>
288+
<p><a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC7995198/" class="w3-large"> * <i><b>Fast meningioma segmentation in T1-weighted magnetic resonance imaging volumes using a lightweight 3D deep learning architecture.</b></i> Bouget, D., Pedersen, A., Hosainey, S. A. M., Vanel, J., Solheim, O., & Reinertsen, I. . Journal of Medical Imaging, 8(2), 024002-024002, 2021.</a></p>
289+
</div>
290+
<h2 class="w3-center w3-large">Related research</h2>
291+
<div class="w3-container">
292+
<p><a href="https://link.springer.com/article/10.1007/s00701-022-05126-9" class="w3-large"> * <i><b>Pretreatment patient-reported cognitive function in patients with diffuse glioma.</b></i> Schei, S., Solheim, O., Salvesen, Ø., Hjermstad, M. J., Bouget, D., & Sagberg, L. M.. Acta Neurochirurgica, 164(3), 703-711, 2022.</a></p>
293+
</div>
294+
</div>
295+
236296
<!-- Contact Section -->
237297
<div class="w3-container w3-light-grey" style="padding:128px 16px" id="contact">
238298
<h3 class="w3-center">CONTACT</h3>
239299
<p class="w3-center w3-large">Lets get in touch. Feel free to contact us for collaboration or data sharing.</p>
240300
<div style="margin-top:48px">
241301
<p><i class="fa fa-map-marker fa-fw w3-xxlarge w3-margin-right"></i> Trondheim, Norway</p>
242302
<p><i class="fa fa-envelope fa-fw w3-xxlarge w3-margin-right"> </i> Email: [email protected]</p>
243-
<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>
303+
<p><i class="fa fa-github fa-fw w3-xxlarge w3-margin-right"> </i> <a href="https://github.com/raidionics">https://github.com/raidionics</a></p>
244304
<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 request features</a></p>
245305
<br>
246306
</div>
@@ -250,8 +310,8 @@ <h3 class="w3-center">CONTACT</h3>
250310
<footer class="w3-center w3-black w3-padding-64">
251311
<a href="#home" class="w3-button w3-light-grey"><i class="fa fa-arrow-up w3-margin-right"></i>To the top</a>
252312
<div class="w3-xlarge w3-section">
253-
<i><a href="https://www.sintef.no/en/digital/topics/health-research/" class="fa fa-globe w3-hover-opacity" style="text-decoration:none;"></a></i>
254-
<i><a href="https://github.com/dbouget/Raidionics" class="fa fa-github w3-hover-opacity" style="text-decoration:none;"></a></i>
313+
<i><a href="https://www.sintef.no/en/digital/departments-new/department-of-health-research/" class="fa fa-globe w3-hover-opacity" style="text-decoration:none;"></a></i>
314+
<i><a href="https://github.com/raidionics" class="fa fa-github w3-hover-opacity" style="text-decoration:none;"></a></i>
255315
</div>
256316
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-text-green">w3.css</a></p>
257317
</footer>

0 commit comments

Comments
 (0)