-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
192 lines (185 loc) · 12.7 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
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
<!doctype html>
<html>
<head>
<!-- favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- general -->
<meta charset="utf-8">
<title>NeuroHub</title>
<meta name="viewport" content="width=device-width">
<meta name="description" content="NeuroHub - An Open Science Infrastructure for Reproducible, Collaborative, Multidisciplinary Scientific Research.">
<meta name="keywords" content="Neuro, NeuroHub, Research, Big Data, Science, Medicine, Datalad">
<meta name="author" content="Derek Lo @ 3design-dlo.com">
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="css/nav-styles.css" />
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700|Open+Sans:400,700&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/drop-down.js"></script>
</head>
<body>
<div id="main-wrapper">
<!-- navigation -->
<nav class="site-nav">
<div class="nav-container">
<a href="index.html"><img src="images/logo-neurohub.png" class="logo bottom active" alt="NeuroHub logo"></a>
<div id="showmenu">Menu</div>
<ul id="menu" class="nav-list hide">
<li class="nav-item"><a href="#!">About</a>
<ul class="nav-dropdown">
<li><a href="about.html">About Us</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="references.html">References</a></li>
<li><a href="acknowledgements.html">Acknowledgements</a></li>
</ul>
</li>
<li class="nav-item"><a href="tools.html">Tools</a></li>
<li class="nav-item"><a href="team.html">Team</a></li>
<li class="nav-item"><a href="events.html">Events</a></li>
<li class="nav-item"><a href="https://github.com/neurohub/neurohub_documentation/wiki">Documentation</a></li>
<li class="nav-item"><a href="portal.html">Portal</a></li>
</ul>
</div>
</nav>
<div id="prompt" title="scroll down for more info">▼</div>
<div class="content-wrapper">
<!-- hero section -->
<section class="title-holder">
<video autoplay muted loop id="myVideo" poster="images/background-poster.jpg">
<source src="images/background-multi-720.mp4" alt="This is a video of a morphing background">
<img src="images/background-poster.jpg" title="your browser does not support video">
</video>
<div class="title-content">
<!-- <h1 class="font-red">NEUROHUB</h1> -->
<img src="images/logo-neurohub.png" class="logo-hero" alt="NeuroHub logo">
<p class="font-white font-shadow">Bringing together data, computational infrastructure platforms and state-of-the-art technologies</p>
<!-- announcement -->
<div class="beta-announce">
<!-- <h1>Beta Testing: Open Now</h1> -->
<!-- <h2 class="font-shadow">First community release: End of October 2020</h2> -->
<div class="clear-all"></div>
<a href="portal.html"><button alt="Button to register for an account" class="extra-margin font">Request an account</button></a>
</div>
</div>
</section>
<div class="clear-all"></div>
<!-- announcement smaller screen section -->
<section class="beta-section">
<!-- <h1>Beta Testing: Open Now</h1> -->
<!-- <h2 class="font-shadow">First community release: End of October 2020</h2> -->
<div class="clear-all"></div>
<a href="portal.html"><button alt="Button to register for the beta" class="extra-margin font beta-max50">Request an accountBeta</button></a>
</section>
<!-- vision document section -->
<!-- <section class="section-vision">
<p><a href="vision.html">View more information on the NeuroHub vision</a>.</p>
</section> -->
<!-- intro section -->
<section>
<div class="section-content">
<div class="col-2 flex" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-offset="100"><img src="images/neurohub_circle_graphic_png_transparent-01.png" class="infographic" alt="Infographic showing different modalities around HBHL logo"></div>
<div class="col-2" data-aos="fade-left" data-aos-anchor-placement="top-bottom" data-aos-offset="100" data-aos-delƒimgay="250">
<h2>Collaborative, multidisciplinary and reproducible research <!-- An Open Science infrastructure for reproducible, collaborative and multidisciplinary research --></h2>
<p>NeuroHub allows access to powerful computational tools for data processing and streamlined systems for secure storage and sharing of multi-disciplinary data. Integrating multimodal data with advanced analysis algorithms allows users to:</p>
<ul>
<li>Securely store and share multi-modal data for multi-disciplinary collaborative research</li>
<li>Execute advanced searches on raw and processed data from the UK Biobank</li>
<li>Launch small interactive and large-scale computational workflows and import results into NeuroHub</li>
<li>Develop machine learning algorithms through big data in NeuroHub</li>
</ul>
</div>
</div>
</section>
<div class="clear-all"></div>
<!-- technical section: This will be moved to the about page'-->
<!-- <section class="dk-blue-bg">
<div class="section-content">
<div class="col-2 flex" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-offset="100"><img src="images/infographic-how.png" class="infographic auto-width" alt="Infographic with HBHL logo in a question mark"></div>
<div class="col-2" data-aos="fade-left" data-aos-anchor-placement="top-bottom" data-aos-offset="100" data-aos-delay="250">
<h2>How will NeuroHub work?</h2>
<p>NeuroHub will be an engine to combine data and gain new insights on the brain and overall health of populations in Canada and around the world.</p>
<p>The platform will bring together established data and computational infrastructure with new technologies to provide a web-based platform to support scientific research in neuroinformatics, genomics, social sciences, biology, among others.</p>
<p>It will offer researchers a repository of standardized, machine-readable data from a range of sources along with the latest machine learning, neuroinformatics, modeling and statistical tools and techniques, which will facilitate combining analysis with novel, at-scale methodologies.</p>
<p>NeuroHub will be among the few neuroscience platforms that will include not only traditional datasets from neuroimaging and genomics, but also cohort and longitudinal data from behavioural, population and social science studies, and soft data extracted from existing publications (e.g. extracting intervention effectiveness or behavioural influences from published studies).</p>
<p>Data collected through established platforms at McGill University, (e.g. LORIS, PopHR, CBRAIN, etc…), will be automatically added to the repository, while preserving appropriate levels of data security and privacy. Metadata querying and management technologies such as Datalad will make the data discoverable, accessible and reusable.</p>
<p>By linking diverse datasets together with metadata, the platform will federate several known data sources with newly collected and curated sources from McGill research to create one of the richest, searchable data repositories in the world.</p>
</div>
</div>
</section>
<div class="clear-all"></div> -->
<!-- tools section: Will be moved to the tools page -->
<!-- <section class="dk-blue-bg">
<div class="section-content">
<div class="col-2 flex" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-offset="100"><img src="images/infographic-tools.png" class="infographic invert" alt="Infographic of gears"></div>
<div class="col-2" data-aos="fade-left" data-aos-anchor-placement="top-bottom" data-aos-offset="100" data-aos-delay="250">
<h2>What tools and services will NeuroHub offer?</h2>
<p>NeuroHub will provide a toolbox equipped with the latest analytical capabilities, compatible with various modalities.</p>
<p>Standardized data and metadata will allow these tools able to readily access data in the NeuroHub. Users will be able to interact in several ways depending on their research, their computational needs, and the particular idiom in which they choose to work.</p>
<p>Whether it be interactive computing through technologies like Jupyter Notebooks, statistical analysis through tools like R, or well-defined execution pipelines launched on high-performance computing through CBRAIN, users will have full access to the data in a common platform that will allow them to conduct research at whatever scale is necessary to answer their questions.</p>
<p>The knowledge captured through work in NeuroHub will extend far beyond the study that is being immediately conducted so as to be completely reproducible and allow future research to build upon it.</p>
<p>All data and analytics in the platform will be enabled to track the exact provenance and procedural aspects of the research so that the work can be easily shared and reviewed in new interactive modalities of publication such as the emerging open publication platform Aperture, be immediately contributed back as derived data for future analysis, reproduced and validated through automated techniques, and be shared with others in a completely reproducible manner. In this way, NeuroHub will continue to grow its knowledge base rather than findings being lost in a sea of inaccessible, non-computable manuscripts and improve the quality and reliability of the science being produced.</p>
<p><a href="docs/NeuroHub-vision-document.pdf">View more information on the NeuroHub vision</a>.</p>
</div>
</div>
</section>
<div class="clear-all"></div> -->
<!-- footer -->
<footer>
<div class="section-content flex flex-align-center">
<div class="logos">
<a href="https://www.mcgill.ca/hbhl/"><img src="images/logo-hbhl.png" alt="HBHL logo"></a>
<a href="http://ludmercentre.ca"><img src="images/logo-ludmer.png" alt="Ludmercentre logo"></a>
<a href="https://mcgill.ca"><img src="images/logo-mcgill.png" alt="McGill logo"></a>
<a href="https://www.mcgill.ca/neuro/"><img src="images/logo-neuro.jpg" alt="the Montreal Neurological Institute-Hospital logo"></a>
</div>
<div class="col-2 font-white text-center">
<h3>Contact Us</h3>
General Inquiries: <a href="mailto:[email protected]" class="font-white">[email protected]</a>
</div>
<div class="col-4 font-white text-center">
<a href="https://github.com/neurohub" class="font-white">
<img src="images/logo-github.png" class="github-icon center">
<h3>Find us on GitHub</h3>
</a>
</div>
<div class="col-4 font-white text-center">
<a href="https://twitter.com/HbhlNeuroHub" class="font-white">
<img src="images/logo-twitter.png" class="github-icon center">
<h3>Follow us on Twitter</h3>
</a>
</div>
</div>
</footer>
</div>
</div>
<script>
$(function(){
$("#showmenu").click(function(e){
$("#menu").slideUp();
if ($(this).next().is(":hidden")){
$(this).next().slideDown();
}
});
});
</script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({duration: 1000, offset: 120,});
</script>
</body></html>