-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
960 lines (922 loc) · 39.3 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
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
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="BioJS">
<!-- Search engine metadata -->
<meta name="description" content="The first BioJS Conference, meet with the BioJS community for lightning talks, hackathons and networking with industry. Held at The Genome Analysis Centre from 3-4 July 2015."/>
<meta name="keywords" content="BioJS, biojs, biojs conference, biosjs community, using biojs, learn biojs, what is biojs, the genome analysis centre">
<link rel="canonical" href="http://conf.biojs.net/">
<link rel="publisher" href="https://plus.google.com/103365003461514174661/"/>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="BioJS Conference – 3-4 July 2015" />
<meta property="og:description" content="The first BioJS Conference, meet with the BioJS community for lightning talks, hackathons and networking with industry. Held at The Genome Analysis Centre from 3-4 July 2015."/>" />
<meta property="og:url" content="http://conf.biojs.net/" />
<meta property="og:site_name" content="BioJS Conference" />
<meta property="article:publisher" content="https://www.facebook.com/pages/The-Genome-Analysis-Centre-TGAC/153811441346365" />
<meta property="og:image" content="http://www.tgac.ac.uk/uploads/images/GFX/social-share-biojs-conference.png" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:description" content="Meet with the BioJS community for lightning talks, hackathons and networking with industry. Held at The Genome Analysis Centre from 3-4 July 2015."/>
<meta name="twitter:title" content=" BioJS Conference – 3-4 July 2015"/>
<meta name="twitter:site" content="@biojslibrary"/>
<meta name="twitter:domain" content="BioJS Conference"/>
<meta name="twitter:image:src" content=" http://www.tgac.ac.uk/uploads/images/GFX/social-share-biojs-conference.png "/>
<meta name="twitter:creator" content="@GenomeAnalysis"/>
<title>BioJS Conference 2015</title>
<link rel="shortcut icon" href="https://raw.githubusercontent.com/biojs/registry-ui/gh-pages/img/favicon.ico">
<!-- Bootstrap core CSS -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="assets/css/alt.css" rel="stylesheet">
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/css/animate-custom.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans" />
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
<!--<link href="assets/css/twitter.css" rel="stylesheet">-->
<script src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/modernizr.custom.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-21666189-11', 'auto');
ga('send', 'pageview');
</script>
</head>
<body data-spy="scroll" data-offset="0" data-target="#navbar-main">
<div id="navbar-main" style="font-size: 14px">
<!-- Fixed navbar -->
<div class="navbar navbar-inverse navbar-fixed-top">
<!-- <div class="container"> -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="#headerwrap">BioJS Conf</a> </div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li> <a href="#programme" class="smoothScroll">Programme</a></li>
<li> <a href="#keynote_speakers" class="smoothScroll">Confirmed Speakers</a></li>
<li> <a href="#industry_session" class="smoothScroll">Industry Session</a></li>
<li> <a href="#lightning_talks" class="smoothScroll">Lightning Talks</a></li>
<li> <a href="#hackathon" class="smoothScroll">Hackathon</a></li>
<li> <a href="#organisers" class="smoothScroll">Organisers</a></li>
<li> <a href="#location" class="smoothScroll">Location</a></li>
<li>
<div id="registerMenu">
<a href="#register" class="smoothScroll">Register</a>
</div>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!-- </div> -->
</div>
<!-- ==== TWITTER ====
<div style="position: fixed; top: 20px; left: 0px;">
<a class="twitter-timeline" href="https://twitter.com/BiojsLibrary" data-widget-id="596253286799450112">Tweets by @BiojsLibrary</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
-->
<!-- ==== HEADERWRAP ==== -->
<div id="headerwrap" name="home" class="container-fluid">
<div class="container">
<div class="col-md-4">
<img src="https://avatars.githubusercontent.com/u/5148092?v=3" id="logo" class="img-responsive" alt="Responsive image">
</div>
<div class="col-md-8">
<h1>
BioJS Conference 2015<br>
3-4 July 2015<br>#biojs15
</h1>
<br>
<p>Hosted at the Genome Analysis Centre ™<br>
Norwich, UK</p>
<span id="preceding">
<a href="http://gcc2015.tsl.ac.uk/" class="link">Preceding the Galaxy Community Conference</a>
</span>
<a href="#register" class="smoothScroll btn btn-lg">Register</a> </header>
</div>
<span id="deadline">Registration closed</span>
</div>
</div>
<!-- /headerwrap -->
<!-- ==== WHAT IS BIOJS ==== -->
<div class="div-blue container-fluid">
<div class="container">
<div class="arrow-down-green"></div>
<br>
<h2 class="centered">What is BioJS?</h2>
<br>
<ul>
<li>
<a href="http://www.biojs.net" class="link">BioJavaScript (BioJS)</a> is an open source bioinformatics project that provides reusable JavaScript components for visualisation of biological data</li>
<li>
BioJS brings together a <a href="http://biojs.io" class="link">registry</a> of available functionality and a community of developers and scientists wishing to share, develop and reutilise code
</li>
<li>
BioJS’s importance and impact is driven by the prominence of JavaScript as the dominant language in the web, coupled with the need for biological projects to represent, share and interpret data
</li>
</ul>
<br>
<br>
</div>
</div>
<!-- ==== WHO SHOULD ATTEND ==== -->
<div class="div-white container-fluid">
<div class="container">
<div class="arrow-down-blue"></div>
<div class="arrow-down-white"></div>
<br>
<h2 class="centered">Who should attend?</h2>
<br>
<div class="row">
<div class="col-md-4">
<img src="http://www.wired.com/wp-content/uploads/images_blogs/wiredscience/2013/11/circos_blanc_GD.jpg" class="attend-pic img-responsive">
</div>
<div class="col-md-4">
<img src="https://www.ebi.ac.uk/training/sites/ebi.ac.uk.training/files/imagecache/course-image-large/course_images/icon8genomics.jpg" class="attend-pic img-responsive">
</div>
<div class="col-md-4">
<img src="http://www.gpscommander.com/wp-content/uploads/2012/09/HiRes1.jpg" class="attend-pic img-responsive">
</div>
</div>
<div class="row">
<div class="col-md-4">
Researchers interested in visualisation of massive biological datasets
</div>
<div class="col-md-4">
Bioinformatics developers interested in data visualisation
</div>
<div class="col-md-4">
SMEs, Big Pharma and for-profit organisations interested in applying BioJS for their industry-based end user needs
</div>
</div>
<br>
<br>
</div>
</div
<!-- ==== PROGRAMME ==== -->
<div id="programme" name="programme" class="div-blue container-fluid">
<div class="container">
<div class="arrow-down-white"></div>
<div class="row white">
<br>
<br>
<h2 class="centered">Programme</h2>
<h3 class="centered">3 July 2015</h3>
<br>
<br>
<table class="table">
<tr>
<td class="time">Time</td>
<td class="time">Topic</td>
<td class="time">Presenters</td>
<td class="time">Title</td>
</tr>
<tr>
<td class="time">8.45 - 9.00</td>
<td class="use">Introductions</td>
<td class="presenters"><a href="http://manuelcorpas.com" class="link">Manuel Corpas</a> - TGAC</d>
<td class="use"></td>
</tr>
<tr>
<td class="time">9.00 - 9.45</td>
<td class="use">Keynote 1</td>
<td class="presenters"><a href="http://www.pasteur.fr/recherche/unites/Biolsys/benno/index-old.htm" class="link">Benno Schwikowski</a> - Pasteur Institute Paris</d>
<td class="use">Why is visual analytics important for systems biology
</tr>
<tr class="break">
<td class="time">9.45 - 10.00</td>
<td class="use">Coffee Break</td>
<td class="presenters"></d>
<td class="use"></td>
</tr>
<tr>
<td class="time">10.00 - 12.00</td>
<td class="use">Industry Session</td>
<td class="presenters">
<ul>
<li>
<a href="https://uk.linkedin.com/in/stevegardner9999" class="link">Steve Gardner</a> - CEO, <a href="http://rowanalytics.com/">RowAnalytics Ltd</a>
</li>
<li>
<a href="https://uk.linkedin.com/in/williamspooner" class="link">William Spooner</a> - CSO, <a href="http://www.eaglegenomics.com/">Eagle Genomics Ltd</a>
</li>
<li>
<a href="https://uk.linkedin.com/pub/rebecca-lawrence/3/787/732" class="link">Rebecca Lawrence</a> - Managing Director, <a href="http://f1000research.com/">F1000 Research Ltd</a>
</li>
<li>
<a href="https://uk.linkedin.com/in/vijayaparthiban" class="link">Parthiban Vijayarangakannan</a> - CEO, <a href="http://www.cambridgene.com/index.php">Cambridgene Ltd</a>
</li>
<li>
<a href="https://uk.linkedin.com/in/aalexa" class="link">Adrian Alexa</a> - CTO, <a href="http://repositive.io/">Repositive Ltd</a>
</li>
</ul>
</td>
<td class="use">
</td>
</tr>
<tr class="break">
<td class="time">12.00 - 13.00</td>
<td class="use">Lunch Break</td>
<td class="presenters"></d>
<td class="use"></td>
</tr>
<tr>
<td class="time">13.00 - 15.30</td>
<td class="use">BioJS Talks</td>
<td class="presenters">
Session chair <a href="http://www.ebi.ac.uk/about/people/rafael-jimenez" class="link">Rafael Jiménez</a> - ELIXIR <br><br>
<ul>
<li>
<a href="http://www.ebi.ac.uk/about/people/henning-hermjakob" class="link">Henning Hermjakob</a> - European Bioinformatics Insitute
</li>
<li>
<a href="https://uk.linkedin.com/in/ianmulvany" class="link">Ian Mulvany</a> - eLife
</li>
<br>
<li>
<a href="http://www.mhelvens.net/" class="link">Michiel Helvensteijn</a> - Leiden University
</li>
<li>
<a href="http://www.iidi.napier.ac.uk/c/people/peopleid/41" class="link">Jessie Kennedy</a> - Edinburgh Napier University
</li>
<li>
<a href="http://www.tsl.ac.uk/staff/dan-maclean/" class="link">Dan MacLean</a> - The Sainsbury Laboratory
</li>
<li>
<a href="https://nl.linkedin.com/pub/thomas-kelder/4/613/165" class="link">Thomas Kelder</a> - EdgeLeap
</li>
</ul>
</td>
<td class="use">
<br><br>
<li> Vignettes from a (potential) BioJS reference application<br><br></li>
<li>Web Components - a potential route to deliver visualisations to the reader.</li>
<br><br><br>
<li>Unknown Pleasures. A viewers view of visualisation</li>
<li>Visualizing personalized food-health interactions</li>
</td>
</tr>
<tr class="break">
<td class="time">15.30 - 15.45</td>
<td class="use">Coffee Break</td>
<td class="presenters"></d>
<td class="use"></td>
</tr>
<tr>
<td class="time">15.45 - 17.00</td>
<td class="use">Lightning Talks</td>
<td class="presenters">Your talk as a participant</d>
<td class="use"></td>
</tr>
<tr class="break">
<td class="time">17.00 - 17.30</td>
<td class="use">Coffee Break</td>
<td class="presenters"></d>
<td class="use"></td>
</tr>
<tr>
<td class="time">17.30 - 18.30</td>
<td class="use">Keynote 2</td>
<td class="presenters"><a href="http://www.sbcs.qmul.ac.uk/staff/yannickwurm.html" class="link">Yannick Wurm</a> - Queen Mary University of London</d>
<td class="use"></td>
</tr>
<tr>
<td class="time">18.30 - 18.45</td>
<td class="use">Closing Remarks</td>
<td class="presenters">Manuel Corpas</d>
<td class="use"></td>
</tr>
<tr>
<td class="time">19.00</td>
<td class="use">Coach to Restaurant</td>
<td class="presenters"></d>
<td class="use"></td>
</tr>
</table>
<br>
<br>
<h3 class="centered">4 July 2015</h3>
<br>
<br>
<table class="table">
<tr>
<td class="time">Time</td>
<td class="time">Topic</td>
</tr>
<tr>
<td class="time">9.00 - 10.30</td>
<td class="presenters">Brainstorming session & project assignments</td>
</tr><tr>
<td class="time">10.30 - 12.00</td>
<td class="presenters">First <a href="#hackathon" class="smoothScroll">hackathon</a> sprint</td>
</tr>
</tr><tr>
<td class="time">12.00 - 13.00</td>
<td class="presenters">Open lunch break</td>
</tr>
</tr><tr>
<td class="time">12.30 - 15.30</td>
<td class="presenters">Second <a href="#hackathon" class="smoothScroll">hackathon</a> sprint</td>
</tr>
</tr><tr>
<td class="time">15.30 - 16.00</td>
<td class="presenters">Coffee break & project status</td>
</tr>
</tr><tr>
<td class="time">16.00 till late</td>
<td class="presenters">Third <a href="#hackathon" class="smoothScroll">hackathon</a> sprint</td>
</tr>
</table>
<br>
<br>
</div>
</div>
</div>
<!-- === CONFIRMED SPEAKERS === -->
<div id="confirmed_speakers_header" name="keynote_speakers" class="container-fluid">
<div class="arrow-down-blue"></div>
<br>
<br>
<h2 class="centered">Confirmed Speakers</h2>
<div class="overlap">
<h3 class="centered">Friday 3 July</h3>
</div>
</div>
<div class="container" id="confirmed_speakers_content">
<br>
<br>
<br>
<div class="row">
<div class="col-md-3">
<div class="grid mask">
<figure> <img class="img-responsive speaker" src="assets/img/manny.jpg" alt="">
<figcaption>
<h5><a class="speaker-link link" href="http://manuelcorpas.com/">Manuel Corpas</a><br>TGAC</h5>
</figcaption>
</figure>
</div>
</div>
<div class="col-md-3">
<div class="grid mask">
<figure> <img class="img-responsive speaker" src="./assets/img/suzi_Fotor.jpg" alt="">
<figcaption>
<h5 class="centered"><a class="speaker-link link" href="http://www2.lbl.gov/lsd/People_&_Organization/Scientific_Staff_Directory/Lewis_Lab.html">Suzi Lewis</a><br>Lawrence Berkeley Lab</h5>
</figcaption>
</figure>
</div>
</div>
<div class="col-md-3">
<div class="grid mask">
<figure> <img class="img-responsive speaker" src="assets/img/stevegardner.jpg" alt="">
<figcaption>
<h5><a class="speaker-link link" href="https://uk.linkedin.com/in/stevegardner9999">Steve Gardner</a><br>RowAnalytics Ltd</h5>
</figcaption>
</figure>
</div>
</div>
<div class="col-md-3">
<div class="grid mask">
<figure> <img class="img-responsive speaker" src="assets/img/willspooner.jpg" alt="">
<figcaption>
<h5><a class="speaker-link link" href="https://uk.linkedin.com/in/williamspooner">William Spooner</a><br>Eagle Genomics Ltd</h5>
</figcaption>
</figure>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-3">
<div class="grid mask">
<figure> <img class="img-responsive speaker" src="assets/img/blawrence.jpg" alt="">
<figcaption>
<h5><a class="speaker-link link" href="https://uk.linkedin.com/pub/rebecca-lawrence/3/787/732">Rebecca Lawrence</a><br>F1000 Research Ltd</h5>
</figcaption>
</figure>
</div>
</div>
<div class="col-md-3">
<div class="grid mask">
<figure> <img class="img-responsive speaker" src="assets/img/parthi.jpg" alt="">
<figcaption>
<h5><a class="speaker-link link" href="https://uk.linkedin.com/in/vijayaparthiban">Vijaya Parthiban</a><br>Cambridgene Ltd</h5>
</figcaption>
</figure>
</div>
</div>
<div class="col-md-3">
<div class="grid mask">
<figure> <img class="img-responsive speaker" src="assets/img/aalexa.jpg" alt="">
<figcaption>
<h5><a class="speaker-link link" href="https://uk.linkedin.com/in/aalexa">Adrian Alexa</a><br>Repositive</h5>
</figcaption>
</figure>
</div>
</div>
<div class="col-md-3">
<div class="grid mask">
<figure> <img class="img-responsive speaker" src="./assets/img/henning_Fotor.jpg" alt="">
<figcaption>
<h5><a class="speaker-link link" href="http://www.ebi.ac.uk/about/people/henning-hermjakob">Henning Hermjakob</a><br>EMBL-EBI</h5>
</figcaption>
</figure>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-3">
<div class="grid mask">
<figure> <img class="img-responsive speaker" src="./assets/img/mulvany_Fotor.jpg" alt="">
<figcaption>
<h5><a class="speaker-link link" href="https://uk.linkedin.com/in/ianmulvany">Ian Mulvany</a><br>eLife</h5>
</figcaption>
</figure>
</div>
</div>
<div class="col-md-3">
<div class="grid mask">
<figure> <img class="img-responsive speaker" src="./assets/img/michiel_Fotor.jpg" alt="">
<figcaption>
<h5><a class="speaker-link link" href="http://www.mhelvens.net/">Michiel Helvensteijn</a><br>Leiden University</h5>
</figcaption>
</figure>
</div>
</div>
<div class="col-md-3">
<div class="grid mask">
<figure> <img class="img-responsive speaker" src="http://www.iidi.napier.ac.uk/binary/peopleid/41" alt="">
<figcaption>
<h5><a class="speaker-link link" href="http://www.iidi.napier.ac.uk/c/people/peopleid/41">Jessie Kennedy</a><br>Edinburgh Napier University</h5>
</figcaption>
</figure>
</div>
</div>
<div class="col-md-3">
<div class="grid mask">
<figure> <img class="img-responsive speaker" src="assets/img/dan-listing_Fotor.jpg" alt="">
<figcaption>
<h5><a class="speaker-link link" href="http://www.tsl.ac.uk/staff/dan-maclean/">Dan MacLean</a><br>The Sainsbury Laboratory</h5>
</figcaption>
</figure>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-3">
<div class="grid mask">
<figure> <img class="img-responsive speaker" src="assets/img/tomkelder_Fotor.jpg" alt="">
<figcaption>
<h5><a class="speaker-link link" href="https://nl.linkedin.com/pub/thomas-kelder/4/613/165">Thomas Kelder</a><br>EdgeLeap</h5>
</figcaption>
</figure>
</div>
</div>
<div class="col-md-3">
<div class="grid mask">
<figure> <img class="img-responsive speaker" src="assets/img/benno_Fotor.jpg" alt="">
<figcaption>
<h5><a class="speaker-link link" href="http://www.pasteur.fr/recherche/unites/Biolsys/benno/index-old.htm">Benno Schwikowski</a><br>Pasteur Institute</h5>
</figcaption>
</figure>
</div>
</div>
<div class="col-md-3">
<div class="grid mask">
<figure> <img class="img-responsive speaker" src="assets/img/yannickwurm_Fotor.jpg" alt="">
<figcaption>
<h5><a class="speaker-link link" href="http://www.sbcs.qmul.ac.uk/staff/yannickwurm.html">Yannick Wurm</a><br>Pasteur Institute</h5>
</figcaption>
</figure>
</div>
</div>
</div>
<br>
<br>
<br>
</div>
<!-- === INDUSTRY SESSION === -->
<div id="industry_session_header" name="industry_session" class="container-fluid">
<div class="arrow-down-white"></div>
<br>
<br>
<h2 class="centered">Industry Session</h2>
<div class="overlap">
<h3 class="centered">Friday 3 July</h3>
</div>
</div>
<div class="container" id="industry_session_content">
<p>
<br>
<br>
<br>
The BioJS Community have partnered with <a href="http://repositive.io/" class="link">Repositive.io</a>, an SME based in Cambridge, UK, to understand the needs, wants, and limitations of BioJS interfaces applied to industry-based end users. We will be including a round table including representatives from a variety of SMEs and profit organisations.
<br>
<br>
<div class="row">
<div class="col-md-4">
<a href="http://rowanalytics.com/">
<img src="assets/img/RowAnalytics.png" style="max-width: 100%;" class="img-responsive industry-logo">
</a>
</div>
<div class="col-md-4">
<a href="http://www.eaglegenomics.com/">
<img src="assets/img/eaglenew.jpg" style="max-width: 100%;" class="img-responsive industry-logo">
</a>
</div>
<div class="col-md-4">
<a href="http://f1000research.com/">
<img src="assets/img/f1000.jpg" style="max-width: 100%;" class="img-responsive industry-logo">
</a>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-offset-2">
<br>
<br>
<a href="http://www.cambridgene.com/index.php">
<img src="assets/img/cambridgene.jpg" style="max-width: 100%;" class="img-responsive industry-logo" id="cambridgene">
</a>
</div>
<div class="col-md-4">
<a href="http://repositive.io/">
<img src="assets/img/repositive.png" style="max-width: 100%;" class="img-responsive industry-logo">
</a>
</div>
</div>
<div class="row">
<div class="col-md-4 col-md-offset-2">
<br>
<br>
<a href="http://www.edgeleap.com/">
<img src="assets/img/edgeleap.png" style="max-width: 100%;" class="img-responsive industry-logo">
</a>
</div>
<div class="col-md-4">
<a href="http://elifesciences.org/">
<img src="assets/img/elife.jpg" style="max-width: 100%; margin-top: 50px" class="img-responsive industry-logo">
</a>
</div>
</div>
<br>
<br>
</p>
</div>
<!-- === LIGHTNING TALKS === -->
<div id="lightning_talks_header" name="lightning_talks" class="container-fluid">
<div class="arrow-down-white"></div>
<br>
<br>
<h2 class="centered">Lightning Talks</h2>
<div class="overlap">
<h3 class="centered">Friday 3 July</h3>
</div>
</div>
<div class="container" id="lightning_talks_content">
<p>
<br>
<br>
<br>
<p>This is your 5 min claim to fame!
We give you the chance to give a 1 slide presentation talk for a topic on web visualisation, loosely connected to BioJS. You are also invited to talk about your past experience with BioJS.
Please do not forget to submit the ppt presentation for your talk while registering for the conference. We will select 12 lightning talks from all submitted.
<br>
<br>
<br>
</p>
</div>
<!-- ==== HACKATHON ==== -->
<div id="hackathon_header" name="hackathon" class="container-fluid">
<div class="arrow-down-white"></div>
<br>
<br>
<h2 class="centered">Hackathon: Pizza & Code</h2>
<div class="overlap">
<h3 class="centered">Saturday 4 July</h3>
</div>
</div>
<div class="container" id="hackathon_content">
<p>
<br>
<h3>Integrating BioJS into Galaxy Hackathon</h3>
<br>
Together with <a href="http://dnadigest.org/">DNADigest</a> we will be hosting a hackathon themed "Integrating BioJS into Galaxy".
<br>
<br>
<div class="row">
<div class="col-md-2">
<b>Time:</b>
</div>
<div class="col-md-10">
4th July
</div>
</div>
<div class="row">
<div class="col-md-2">
<b>Location:</b>
</div>
<div class="col-md-10">
Norwich (The Genome Analysis Centre)
</div>
</div>
<div class="row">
<div class="col-md-2">
<b>Organisers:</b>
</div>
<div class="col-md-10">
Sebastian Wilzbach, David Dao, Michiel Helvensteijn
</div>
</div>
<br>
<p><i>An unparalleled opportunity for hardcore JavaScript developers to have fun doing cool “Bio” hacking.</i></p>
<br>
<p><b>Is the hackathon open to anyone?</b><br><br>
Yes of course, but please <a href="http://gcc2015.tsl.ac.uk/registration/" class="link">register through the Galaxy Community Conference Webpage</a> so that we know how many people will come and can reserve enough rooms.
<br>
<p>
<b>Why should I get involved?</b><br><br>
You are a JavaScript developer and you
<ul>
<li>Would like to interactively visualise data in your Galaxy workflow</li>
<li>Are currently a Galaxy developer and you would like a BioJS component integrated in your workflow</li>
<li>Would like to use BioJS in the future and want to influence BioJS on decisions that are important to you</li>
<li>Tried BioJS in the past and things were too complicated</li>
<li>Love to design stuff that is of any biological relevance</li>
<li>Want to get involved in one of the coolest open source projects in the field!</li>
</ul>
</p>
<br>
<p>
<b>What should I expect to happen during the day?
</b><br>
<ul>
<li>Project brainstorming (e.g. integration of BioJS into Galaxy) </li>
<li>Round table presentations (AKA group therapy or why are you here)</li>
<li>Do stuff you care in great company!</li>
<li>Get help on your own project</li>
</ul>
</p>
<br>
<p>
<b>I haven't worked with BioJS or Galaxy before - can I come?
</b><br>
Don't worry - getting around in the web environment of BioJS isn't difficult and you will catch up pretty quickly.
However you should have a rough idea about programming - knowing JavaScript (a bit) will save you some time ;-)
<p>
<br>
<p>
<b>I don't have an idea for the hackathon - what should I do?
</b><br>
We will be<a href="https://docs.google.com/document/d/1C00LiXfdCleaWsGd6VWvZfpeUUfdFT5m6kOJz5RFjSo/edit#">brainstorming</a> possible topics in the beginning of our hackathon, so there will be plenty of possible opportunities for you.
<p>
<br>
<p>
<b>I will have a different project - can I come and code with you?
</b><br>
Yes absolutely. Maybe you are from a company who wants to start using BioJS or Galaxy, or maybe you just have a small free time project that you want to finish.
No matter what - if you happen to have project you would like to work on during the hackathon and just need a bit of advice or coding spirit - feel free to code with us.
We are happy to help you too!
<br>
If you already know your project, please <a href="https://docs.google.com/document/d/1C00LiXfdCleaWsGd6VWvZfpeUUfdFT5m6kOJz5RFjSo/edit#">add it here</a>.
<p>
<br>
<b style="color: red">Update:</b> We started an open <a href="https://docs.google.com/document/d/1C00LiXfdCleaWsGd6VWvZfpeUUfdFT5m6kOJz5RFjSo/edit#">brainstorming document</a> - we would be very happy if you get involved in our discussion.
</p>
</div>
<!-- === ORGANISERS === -->
<div id="organisers" name="organisers" class="div-blue container-fluid">
<div class="container" id="organisers_content">
<div class="arrow-down-white"></div>
<br>
<h2 class="centered">Organisers</h2>
<hr>
<br>
<div class="row">
<ul style="list-style-type: none; text-align: center;">
<li>Chair: Manuel Corpas (TGAC)</li>
<li>Co-Chair: Tatyana Goldberg (TUM)</li>
<li>Local Co-Chair: Benedikt Rauscher (TGAC/TUM)</li>
</ul>
<br>
</div>
<div class="row">
<div class="col-md-6">
<ul style="list-style-type: none; text-align: center;">
<li style="margin-bottom: 20px; font-weight: bold;">Steering Commitee</li>
<li>Adrian Alexa (Repositive)</li>
<li>Manuel Corpas (TGAC)</li>
<li>Tatyana Goldberg (TUM)</li>
<li>Rafael Jimenez (ELIXIR)</li>
<li>Tomas Korcsmaros (TGAC)</li>
<li>Fiona Nielsen (Repositive)</li>
<li>Vicky Schneider (TGAC)</li>
</ul>
<br>
<br>
</div>
<div class="col-md-6">
<ul style="list-style-type: none; text-align:center;">
<li style="margin-bottom: 20px; font-weight: bold;">Local Organising Commitee (TGAC)</li>
<li>Haydee Artaza</li>
<li>Emily Angiolini</li>
<li>Chris Bennett</li>
<li>Helen Tunney</li>
<li>Matt Drew</li>
<li>Pete Bickerton</li>
<li>Manuel Corpas</li>
<li>Alice Deeley</li>
<li>Carlos Horro</li>
<li>Benedikt Rauscher</li>
<li>Vicky Schneider</li>
<li>Benjamen White</li>
<li>Anibal Bueno</li>
</ul>
<br>
<br>
</div>
</div>
</div>
</div>
<!-- === LOCATION === -->
<div id="location" name="location" class="div-white container-fluid">
<div class="container">
<div class="arrow-down-blue"></div>
<br>
<h2 class="centered">Location</h2>
<hr>
<div>
<h3>Location and Venue</h3>
<br>
<div class="row">
<div class="col-md-3">
<img src="assets/img/tgac_outside.jpg" style="max-width: 100%;" class="img-responsive">
</div>
<div class="col-md-3">
<img src="assets/img/tgac_4.jpg" style="max-width: 100%;" class="img-responsive">
</div>
<div class="col-md-3">
<img src="assets/img/tgac_2.jpg" style="max-width: 100%;" class="img-responsive">
</div>
<div class="col-md-3">
<img src="assets/img/tgac_3.jpg" style="max-width: 100%;" class="img-responsive">
</div>
</div>
<br>
<div class="row">
<div class="col-md-4">
<img src="http://upload.wikimedia.org/wikipedia/commons/8/8c/Norwich_Skyline.jpg" style="max-width: 100%;" class="img-responsive">
</div>
<div class="col-md-4">
<img src="http://upload.wikimedia.org/wikipedia/commons/0/09/Norwich_Market_from_Gentlemans_Walk.jpg" style="max-width: 100%;" class="img-responsive">
</div>
<div class="col-md-4">
<img id="castle" src="http://upload.wikimedia.org/wikipedia/commons/2/2b/Norwich_Castle.jpg" class="img-responsive">
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>Transportation</h3>
<br>
<p>
The 2015 BioJS Conference will be held at The Genome Analysis Centre (TGAC), in Norwich, United Kingdom. Norwich is in the East of England, and has several convenient options for getting there.
For detailed information about logistics please refer to <a href="http://gcc2015.tsl.ac.uk/logistics/" class="link">the logistics page</a> of the Galaxy Community Conference 2015.
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>How to arrive</h3>
<br>
<b>By bus</b><br><br>
<p>
To reach TGAC by bus you can use Firstgroup buses 25, 26 that run from the rail station to the University of East Anglia campus, or alternatively,
buses 11 and 11A or Konectbus buses 3 and 4 that run from the bus station which go to Norfolk and Norwich University Hospital. Both bus terminals are a short walk from the institute.<br><br>
For more information and to plan your route please use the links below:<br>
<a href="http://www.firstgroup.com/ukbus/suffolk_norfolk/journey_planning/maps/" class="link">http://www.firstgroup.com/ukbus/suffolk_norfolk/journey_planning/maps/</a>
<br>
<a href="http://www.konectbus.co.uk/timetables-fares/" class="link">http://www.konectbus.co.uk/timetables-fares/</a>
</p>
<br>
<b>By train</b><br><br>
<p>
The Norwich train station is another great way to travel, with direct routes to Cambridge and London, Norwich train station can offer easy access to other major cities be it for business or pleasure. However, Wymondham is the nearest train station to the Norwich Research Park and is only 7.6 miles away from the institute. <br><br>
To book train tickets or check train times please use the link below:<br>
<a href="http://www.abelliogreateranglia.co.uk" class="link">http://www.abelliogreateranglia.co.uk</a>
<br>
</p>
<br>
<b>By plane</b><br><br>
<p>
The Norwich international airport offers frequent flights to destinations across the UK and Europe. To view available flights and prices please use the link below: <br>
<a href="http://www.norwichairport.co.uk" class="link">http://www.norwichairport.co.uk</a><br>
<br>
</p>
</div>
</div>
</div>
<div id="map" style="width:70%; height:400px; margin-left: auto; margin-right: auto;" class="opacity" ></div>
</div>
</div>
<div style="margin-top: 50px"> </div>
<! -- === REGISTER === -->
<div id="register" name="register" class="div-green container-fluid">
<div class="container">
<div class="arrow-down-white"></div>
<br>
<h2 class="centered">Register</h2>
<hr>
<br>
<p>
<b>Registration Details:</b><br><br>
Registration fee for the conference is £50 and is inclusive of lunch and refreshments during the conference.
There is going to be an optional restaurant dinner after the conference which is not included in the registration fee.<br>
</p>
<div id="register_button_div">
<form action="http://www.cvent.com/d/2rqxz1/1Q">
<button class="btn btn-lg" type="submit" id="reg">Register</button>
</form>
<br>
<br>
<br>
</div>
</div>
</div>
<!-- ==== CONTACT ==== -->
<div id="contact" name="contact" class="div-white container-fluid">
<div class="arrow-down-green"></div>
<div class="container">
<div class="row">
<br>
<br>
<h2 class="centered">Contact us</h2>
<hr>
<div class="col-md-4 centered"> <i class="fa fa-map-marker fa-2x"></i>
<p><a href="http://www.tgac.ac.uk/">The Genome Analysis Centre</a><br>
Norwich Research Park<br>
Norwich, NR4 7UH, UK</p>
</div>
<div class="col-md-4 centered"> <i class="fa fa-envelope-o fa-2x"></i>
<p>conf@biojs.net</p>
</div>
<div class="col-md-4 centered"> <i class="fa fa-phone fa-2x"></i>
<p>+44 (0)1603 450861</p>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 centered">
<p>If you have any further questions, please do not hesitate to contact us. We'll be happy to help you out with all the information you need.</p>
<form action="mailto:conf@biojs.net" id="contact" method="post" class="form" role="form">
<div class="row">
<div class="col-xs-6 col-md-6 form-group">
<input class="form-control" id="name" name="name" placeholder="Name" type="text" required />
</div>
<div class="col-xs-6 col-md-6 form-group">
<input class="form-control" id="email" name="email" placeholder="Email" type="email" required />
</div>
</div>
<textarea class="form-control" id="message" name="message" placeholder="Message" rows="5"></textarea>
<div class="row">
<div class="col-xs-12 col-md-12">
<button class="btn btn btn-lg" type="submit">Send Message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div id="footerwrap">
<div class="container">
<div class="row">
<div class="col-md-8"> </div>
<div class="col-md-4">
<ul class="list-inline social-buttons">
<li><a href="https://twitter.com/BiojsLibrary" class="link"><i class="fa fa-twitter"></i></a> </li>
<li><a href="https://www.facebook.com/pages/The-Genome-Analysis-Centre-TGAC/153811441346365?fref=ts" class="link"><i class="fa fa-facebook"></i></a> </li>
<li><a href="https://plus.google.com/+BiojsNet1/" class="link"><i class="fa fa-google-plus"></i></a> </li>
</ul>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/retina.js"></script>
<script type="text/javascript" src="assets/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="assets/js/smoothscroll.js"></script>
<script type="text/javascript" src="assets/js/jquery-func.js"></script>
<!-- google maps -->
<script src="https://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script src="js/common.js"/> </script>
</body>
</html>