-
Notifications
You must be signed in to change notification settings - Fork 2
/
Brain_browser.html
169 lines (130 loc) · 7.14 KB
/
Brain_browser.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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Big Brain</title>
<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
<meta name="author" content="Hakim El Hattab">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<!-- The important Javascript libraries -->
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/black.css" id="theme">
<!-- Code syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<!-- MNI ecosystem menu/summary-->
<section>
<section data-background="images/mni_eco_info_5.jpg" data-background-size="100%">
</section>
<!-- MNI PAPER -->
<section data-transition="fade">
<a href="https://www.researchgate.net/publication/281780543_The_MNI_data-sharing_and_processing_ecosystem" target="_blank"><img src="images/MNI_ecosystem_paper.png" width="90%"></a>
</section>
<!-- WHAT'S INVOLVED? -->
<section id="fragments">
<h2><font color="12a3d8">What’s involved?</font></h2>
<p>
<span class="fragment">Longitudinal Acquisition, Storage and Curation, <font color="f27c30">Interoperability, Reproducibility</font>, Transfer, Anonymization, Security, Privacy, Ethics, APIs, Validation, Quality Control, Protocol Checking, Preprocessing, Analysis, HPC,</span>
<span class="fragment">Provenance, Ontological Standarization,<br><font color="f27c30">Data Harmonization</font>, Upgrades, Maintenance, Bug Fixes, User Interface, Javascript, Bootstrap, Tracking, <font color="f27c30">Extensibility</font>, Data Management, Summary Statistics, Workflows,</span><br>
<span class="fragment">Development, Tool Integration, <font color="f27c30">Data Sharing</font>, Download, Multi-Modal Linking, <font color="f27c30">Querying</font>, Image Processing, Visualization, Networking, System Administration, Partnerships, Funding, HR</span>
<span class="fragment"><font color="f27c30">...No big deal!</font></span>
</p>
</section>
<section>
<h2><font color="12a3d8">LORIS-CBRAIN INTEGRATION</font></h2>
<img src="images/Data_flow.jpg">
</section>
</section>
<!-- What is BrainBrowser? -->
<section data-transition="convex" id="bigbrain-destination">
<section>
<h2>What is BrainBrowser?</h2>
</section>
<section>
<a href = "Brain_browser.html" target="_blank"><h2>BrainBrowser</h2></a>
<p>..a set of web-based <font color="f27c30"><b>3D visualization tools</b></font> primarily used for viewing <font color="12a3d8">neurological data</font> i.e. <font color="12a3d8">MRI scans</font>.</p>
<p><small>It allows for real-time <font color="f27c30">manipulation</font> and <font color="f27c30">analysis</font> of 3D neuroimaging data through any modern web browser. <a href = "https://brainbrowser.cbrain.mcgill.ca/" target="_blank">TRY ME!</a></small></p>
<!--<table class = "reveal">
<tr>
<td width="40%" vertical-align:middle">
<img src="images/BrainBrowser_VolumeViewer.png">
</td>
<td width="60%" vertical-align:middle">
<img src="images/BrainBrowser_SurfaceViewer.png">
</td>
</tr>
</table>-->
<img src="images/Brain_browser_sample.png">
</section>
<!--Surface Viewer-->
<section data-background="images/surface_viewer.png">
</section>
<!-- MACACC Dataset -->
<section data-background="images/MACACC_dataset.png">
</section>
<!--Volume Viewer-->
<section data-background="images/volume_viewer_2.png">
</section>
<section data-background="images/BrainBrowser_VolumeViewer.png" data-background-size="80%">
<h3 style="margin:-291px 0px 0px 0px;"><font color="white">Volume Viewer on LORIS</font></h3>
</section>
</section>
<!--Acknowledgements-->
<section>
<section data-transition="slide" data-background="#87CEEB" data-background-transition="zoom">
<table class="reveal">
<tr>
<td width="70%" style="vertical-align: top">
<img src="images/loris_team_2017.jpg" width="85%">
</td>
<td width="30%" style="vertical-align: middle">
<p>Thank you!<small><font color="blue" size="4">Acknowledgements:</font><font color="black" size="2"> Alan Evans, Alex Zijdenbos, Dario Vins, Jonathan Harlap, Matt Charlet, Andrew Corderey, Sebastian Muehlboeck, Reza Adalat, Louis Collins, Vladimir Fonov, Marc Rousseau, Mia Petkova, Rathi Gnanasekaran, David Brownlee, Tarek Sherif, Pierre Rioux, Nic Kassis, Leigh MacIntyre, Claude Lepage, Ilana Leppert, Natasha Beck, Tristan Glatard, Bert Vincent, Lindsay Lewis, Najma Mahani, Elodie Portales-Casamar, Alden Woodward, Sylvain Milot, Jean Francois Malouin, Sylvain Baillet, Daniel Kroetz, Martin Weiss, Mathieu Desrosier, Jason Karamchandani, Amit Bar-Or, Ted Fon, John Brietner, Derek Lo, Patrick Bermudez, Chris Steele, Pamela Patterson and one of my favourites: Pierre Bellec!</font></small></p>
<p><font color="blue" size="4">LORIS team on left</font></p>
</td>
</tr>
</table>
</section>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
transition: 'slide', // none/fade/slide/convex/concave/zoom
// Optional reveal.js plugins
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>