-
Notifications
You must be signed in to change notification settings - Fork 17
/
index.html
200 lines (190 loc) · 8.17 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
193
194
195
196
197
198
199
200
<!DOCTYPE HTML>
<!--
Tessellate by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>MTL Brainhack Global 2018</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="https://calendar.google.com/calendar/embed?mode=week&dates=20180426%2F20180427&src=sjsq68p21iu79ve941qik111ls%40group.calendar.google.com&ctz=America%2FNew_York" target="_blank">Schedule</a></li>
<li><a href="./projects.html">Projects</a></li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<section id="header" class="dark">
<div style="background-color:rgba(20,20,20,0.3); width:80%; margin-left:10%">
<header>
<h1><i class="icon fa-globe"></i> MTL Brainhack Global 2018</h1>
<p>Montréal, QC | 26-27 April</p>
</header>
<footer>
<a href="#info" class="button scrolly" style="max-width:35%">Learn More</a>
<a href="https://www.eventbrite.ca/e/mtl-brainhack-global-2018-april-26-27-tickets-43984424598?aff=es2" target="_blank" class="button" style="max-width:35%">Register Now</a>
</footer>
</div>
</section>
<!-- First -->
<section id="info" class="main">
<header>
<div class="container">
<h2> Why Brainhack ?</h2>
<p> Brainhack is a collaborative event that focuses on the open sharing of ideas, code, and data.
During <a href="http://www.brainhack.org/global2018/" target="_blank">Brainhack Global</a>, we'll meet in Montréal to work on projects in coordination with other Brainhack sites around the world.
Join us <a href="https://brainhack-slack-invite.herokuapp.com/" target="_blank">on Slack</a> to connect with the community and start planning your project !
Our channel name is #brainhack-mtl-2018
</p>
</br>
<div>
<table>
<tr>
<td align="left"><b>Dates:</b></td>
<td align="left">April 26-27, 2018</td>
</tr>
<tr>
<td align="left"><b>Cost:</b></td>
<td align="left">C$30 for registration with onsite breakfast & lunch</td>
</tr>
<tr>
<td align="left"><b>Location:</b></td>
<td align="left">Centre de recherche de l'Institut universitaire de gériatrie de Montréal (CRIUGM) </th>
</tr>
</table>
</div>
</br>
<div class="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d11187.553863273566!2d-73.62162120110065!3d45.49219070865489!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x7ac2b0b31c3101d1!2sCriugm!5e0!3m2!1sen!2sca!4v1520391582211" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
</header>
<div class="content dark style1 featured">
<div class="container">
<div class="row">
<div class="4u 12u(narrow)">
<section>
<span class="feature-icon"><span class="icon fa-info"></span></span>
<header>
<h3>Learn</h3>
</header>
<p>Learn how to use open-source tools and datasets in neuroimaging research.</p>
</section>
</div>
<div class="4u 12u(narrow)">
<section>
<span class="feature-icon"><span class="icon fa-comments"></span></span>
<header>
<h3>Be Social</h3>
</header>
<p>Meet researchers from a variety of backgrounds.
Share your knowledge.</p>
</section>
</div>
<div class="4u 12u(narrow)">
<section>
<span class="feature-icon"><span class="icon fa-code"></span></span>
<header>
<h3>Get Involved</h3>
</header>
<p>Find exciting projects that you would like to contribute to.</p>
</section>
</div>
</div>
</div>
</div>
</section>
<!-- Second -->
<section id="schedule" class="main">
<header>
<div class="container">
<h2>Schedule:</h2>
<p>
The event will start Thursday morning at 9a with breakfast, registration, and introductions.
The rest of Thursday and all day Friday will be dedicated to hacking on projects, with tutorials and break-out/unconference sessions happening as needed.
Early-evening on Friday, there will be a wrap-up session with a short presentation from each project on their achievements.
</p>
<p>
Due to the nature of the event, the schedule is flexible and can change frequently.
The only confirmed events will be breakfast at 9a and lunch at noon both days.
We are also planning an optional pub-outing Thursday evening around 5p.
</p>
<p>
To stay up-to-date, you can subscribe to <a href="https://calendar.google.com/calendar/embed?mode=week&dates=20180426%2F20180427&src=sjsq68p21iu79ve941qik111ls%40group.calendar.google.com&ctz=America%2FNew_York">our Google calendar</a>.
</p>
</div>
</header>
<div class="content dark style2">
<div class="container">
<div class="row">
<div class="4u 12u(narrow)">
<section>
<h3>Project Ideas</h3>
<p>
Right now these are only ideas, but you can help make them happen !
Check out our full <a href="./projects.html" target="_blank">project listing</a> or <a href="https://elizabethdupre.typeform.com/to/Sf1yJB" target="_blank">suggest your own</a>.
</p>
</section>
</div>
<div class="8u 12u(narrow)">
<div class="row">
<div class="6u"><a href="./projects.html#project1" class="image fit"><img src="images/sphinx_logo.png" alt="Project 1" /></a></div>
<div class="6u"><a href="./projects.html#project2" class="image fit"><img src="https://clowdr.github.io/images/clowdr.svg" alt="Project 2" /></a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Third -->
<section id="sponsors" class="main">
<header>
<div class="container"><h2>Thanks to our sponsors!</h2></div>
<div class="row">
<div class="6u"><a href="https://www.rbiq-qbin.qc.ca/" target="_blank" class="image fit"><img src="images/rbiq.png" alt="" /></a></div>
</div>
</header>
</section>
<!-- Footer -->
<section id="footer">
<ul class="icons">
<li><a href="mailto:info@brainhack.org" target="_blank" class="icon fa-envelope"><span class="label">Email</span></a> Email</li>
<li><a href="https://twitter.com/brainhackorg" target="_blank" class="icon fa-twitter"><span class="label">Twitter</span></a> Twitter</li>
<li><a href="https://github.com/emdupre/mtl-brainhack-2018" target="_blank" class="icon fa-github"><span class="label">GitHub</span></a> GitHub</li>
<li><a href="http://www.brainhack.org/code-of-conduct.html" target="_blank" class="icon fa-child"><span class="label">Code of Conduct</span></a> Code of Conduct</li>
</ul>
<div class="copyright">
<ul class="menu">
<li>© 2018 Brainhack MTL.</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>