-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
336 lines (324 loc) · 13 KB
/
about.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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
<!doctype html>
<html>
<head>
<!-- favicon -->
<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- header -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<meta name="author" content="Derek Lo @ 3design-dlo.com">
<!-- general -->
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="css/nav-styles.css" />
<link rel="stylesheet" type="text/css" href="fonts/fonts.css" />
<link href="css/lightbox.css" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Questrial&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">
<meta charset="utf-8">
<title>CBRAIN</title>
<meta name="viewport" content="width=device-width">
<meta name="description" content="This is the website of cbrain.">
<meta name="keywords" content="big data, compute, pipelines, research">
<script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/drop-down.js"></script>
<script src="js/jquery.matchHeight.js" type="text/javascript"></script>
</head>
<body>
<div id="main-wrapper">
<!-- navigation -->
<nav class="site-nav ">
<div class="nav-container ">
<div class="branding"><a href="index.html"><img src="images/logo-cbrain.png" class="logo" alt="CBRAIN"></a></div>
<div id="showmenu">Menu</div>
<ul id="menu" class="nav-list hide">
<li class="nav-item"><a href="features.html">Features</a></li>
<li class="nav-item"><a href="getstarted.html">Getting Started</a></li>
<li class="nav-item"><a href="https://github.com/aces/cbrain/wiki">FAQ</a></li>
<li class="nav-item active"><a href="about.html">About</a></li>
<li class="nav-item"><a href="contact.html">Contact Us</a></li>
<li class="nav-item"><a href="https://portal.cbrain.mcgill.ca/login">Login</a></li>
</ul>
</div>
</nav>
<!-- Info sections -->
<section class="hero-pad">
<div class="section-content">
<div class="">
<h1 class="full-width text-center small-margin">ABOUT US</h1>
<h2 class="full-width text-center">THE HISTORY OF CBRAIN</h2>
<!-- accordian -->
<p class="hero-box-p text-left ">
Since 2009, the CBRAIN team has included software developers, systems engineers, and research scientists dedicated to building infrastructure to democratize computing and remove the barriers that exist in accomplishing large-scale science. CBRAIN is housed within the McGill Centre for Integrated Neuroscience at McGill University.
</p>
</div>
</div>
</section>
<section class="lt-blue-bg">
<div class="section-content">
<div class="">
<h1 class="full-width text-center small-margin">ABOUT CBRAIN</h1>
<!-- accordian -->
<p class="hero-box-p text-left ">
CBRAIN is a web-based open-source software developed by the McGill Centre for Integrative Neuroscience (MCIN). It allows researchers to perform computationally intensive analyses on data by connecting them to High-Performance Computing (HPC) and Cloud Computing facilities across Canada and around the world. CBRAIN connects researchers to the tools and processing power required to handle large datasets and complex processing tools, while simultaneously reducing the technical expertise required to use these resources.</p>
<p class="hero-box-p text-left ">
CBRAIN allows users to share and manage data processing projects from anywhere in the world as if it were all in a single, federated data store. The user can define project teams, identify team members who can access the data in that project, and give them access to large volumes of data through a web interface. The project team can then perform operations such as file transfers, archiving, data processing, and remote visualization. Users can monitor tasks for processing status and completion, review failure logs, and relaunch tasks with necessary corrections, and once satisfied, transfer the data back to their local repositories.
</p>
<p class="hero-box-p text-left ">
CBRAIN is currently providing access to a large suite of analytical pipelines for neuroimaging and genetic data analyses, but it is not exclusive to neurological research and can host any software. Software integration is made easy through streamlined procedures designed to maximize research reproducibility. As a pioneering open science platform, CBRAIN is open to contributions from the data science community and strives to make high performance computing available to all.
</p>
</div>
</div>
</section>
<!-- Pictures sections -->
<section class="">
<div class="section-content value-box">
<h1 class="text-center spacer">THE TEAM</h1>
<div class="team-box">
<div class="team-photo">
<div class="team-photo-holder">
<img src="images/team/team-alan-evans.jpg">
<div class="team-name"><strong>Alan Evans, PhD</strong></div>
</div>
</div>
<div class="team-photo">
<div class="team-photo-holder">
<img src="images/team/team-bryan.jpeg">
<div class="team-name"><strong>Bryan L. Caron, PhD</strong></div>
</div>
</div>
<div class="team-photo">
<div class="team-photo-holder">
<img src="images/team/team-reza-adalat.jpg">
<div class="team-name"><strong>Reza Adalat</strong> </div>
</div>
</div>
<div class="team-photo">
<div class="team-photo-holder">
<img src="images/team/team-pr.jpg">
<div class="team-name"><strong>Pierre Rioux</strong></div>
</div>
</div>
<div class="team-photo">
<div class="team-photo-holder">
<img src="images/team/team-nat.jpg">
<div class="team-name"><strong>Natacha Beck</strong>
</div>
</div>
</div>
<div class="team-photo">
<div class="team-photo-holder">
<img src="images/team/team-serge.jpg">
<div class="team-name"><strong>Serge Boroday</strong> </div>
</div>
</div>
<div class="team-photo">
<div class="team-photo-holder">
<img src="images/team/team-darcy.jpg">
<div class="team-name"><strong>Darcy Quesnel</strong> </div>
</div>
</div>
<div class="team-photo">
<div class="team-photo-holder">
<img src="images/team/team-naj.jpg">
<div class="team-name"><strong>Najmeh Kalili-Manhani, PhD</strong> </div>
</div>
</div>
<div class="team-photo">
<div class="team-photo-holder">
<img src="images/team/team-mai.jpg">
<div class="team-name"><strong>Xuan Mai Pham</strong> </div>
</div>
</div>
<div class="team-photo">
<div class="team-photo-holder">
<img src="images/team/team-diana.png">
<div class="team-name"><strong>Diana Le</strong> </div>
</div>
</div>
</div>
</div>
</section>
<section class="lt-blue-bg">
<div class="section-content value-box">
<h1 class="text-center spacer">AFFILIATED TEAM MEMBERS</h1>
<div class="team-box">
<div class="team-photo">
<div class="team-photo-holder">
<img src="images/team/team-tristan.jpg">
<div class="team-name"><strong>Tristan Glatard, PhD</strong></div>
</div>
</div>
<div class="team-photo">
<div class="team-photo-holder">
<img src="images/team/team-jb.jpg">
<div class="team-name"><strong>Jean-Baptiste Poline, PhD</strong></div>
</div>
</div>
<div class="team-photo">
<div class="team-photo-holder">
<img src="images/team/team-samir.jpg">
<div class="team-name"><strong>Samir Das</strong>
</div>
</div>
</div>
<div class="team-photo">
<div class="team-photo-holder">
<img src="images/team/profile-temp.png">
<div class="team-name"><strong>Tarek Sherif</strong>
</div>
</div>
</div>
<div class="team-photo">
<div class="team-photo-holder">
<img src="images/team/profile-temp.png">
<div class="team-name"><strong>Marc Rousseau</strong>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="">
<div class="section-content ">
<h1 class="text-center spacer">ALUMNI</h1>
<div class="team-box">
<div class="team-photo">
<p class="center"><strong>Adam Trefonides</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Andrew Doyle</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Angela McCloskey</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Anton Zoubarev</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Armin Taheri</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Candice Czech</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Darius Valevicius</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Ehsan Afkhami</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Greg Kiar</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Liam O’Callaghan</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Mathieu Desrosiers</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Nicolas Kassis</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Rémi Bernard</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Safa Sanami</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Shawn Brown</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Sonam Tamang</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Tristan Aumentado-Armstrong</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Verena Schuster</strong>
</p>
</div>
<div class="team-photo">
<p class="center"><strong>Xavier Lecours-Boucher
</strong>
</p>
</div>
</div>
</div>
</section>
<script>
$(function(){
$(".accordian h3").click(function(e){
$(".accordian ul p.answer").slideUp();
if ($(this).next().is(":hidden")){
$(this).next().slideDown();
}
});
});
</script>
<!-- footer -->
<footer>
<div class="section-content flex">
<a href="https://mcgill.ca/">
<img src="images/logo-mcgill.png">
</a>
<a href="https://mcgill.ca/hbhl">
<img src="images/logo-hbhl.jpg">
</a>
<a href="https://ludmercentre.ca/">
<img src="images/logo-ludmer.png">
</a>
<a href="https://www.canarie.ca/">
<img src="images/logo-canarie.png">
</a>
<a href="https://www.mcgill.ca/neuro/">
<img src="images/logo-neuro.png">
</a>
<a href="https://mcin.ca">
<img src="images/logo-mcin.png">
</a>
</div>
</footer>
</div>
<script>
$(function(){
$("#showmenu").click(function(e){
$("#menu").slideUp();
if ($(this).next().is(":hidden")){
$(this).next().slideDown();
}
});
});
</script>
<script type="text/javascript">
$(function() {
$('.item').matchHeight();
});
</script>
</body></html>