-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
371 lines (284 loc) · 28 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
<!-- saved from url=(0036)http://localhost:8080/gxa/about.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Expression Atlas < EMBL-EBI</title>
<meta name="description" content="EMBL-EBI Expression Atlas, an open public repository of gene expression pattern data under different biological conditions">
<meta name="keywords" content="expression atlas, gene expression, baseline expression, differential expression, functional genomics, public repository, repository, bioinformatics, europe, institute">
<meta name="author" content="EMBL-EBI Expression Atlas development team: github.com/gxa/atlas/graphs/contributors">
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="width">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#70BDBD"> <!-- Android Chrome mobile browser tab color -->
<!-- Add information on the life cycle of this page -->
<meta name="ebi:owner" content="Irene Papatheodorou <[email protected]>">
<meta name="ebi:review-cycle" content="60">
<meta name="ebi:last-review" content="2017-02-01">
<meta name="ebi:expiry" content="2017-06-01">
<!-- If you link to any other sites frequently, consider optimising performance with a DNS prefetch -->
<link rel="dns-prefetch" href="https://embl.de/">
<link rel="dns-prefetch" href="https://www.ebi.ac.uk/">
<link rel="dns-prefetch" href="https://www.ebi.ac.uk/arrayexpress/">
<!-- favicons generated at realfavicongenerator.net, and merged with https://github.com/ebiwd/EBI-Pattern-library/blob/gh-pages/sample-site/boilerplate/blank.html -->
<meta name="theme-color" content="#ffffff">
<link rel="shortcut icon" href="http://localhost:8080/gxa/resources/favicons/favicon.ico">
<link rel="icon" type="image/x-icon" href="http://localhost:8080/gxa/resources/favicons/favicon.ico">
<link rel="icon" type="image/png" href="http://localhost:8080/gxa/resources/favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="http://localhost:8080/gxa/resources/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" sizes="192×192" href="http://localhost:8080/gxa/resources/favicons/android-chrome-192x192.png"> <!-- Android (192px) -->
<link rel="manifest" href="http://localhost:8080/gxa/resources/favicons/manifest.json">
<!-- Apple icons -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://localhost:8080/gxa/resources/favicons/apple-icon-114x114.png"> <!-- For iPhone 4 Retina display (114px) -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://localhost:8080/gxa/resources/favicons/apple-icon-72x72.png"> <!-- For iPad (72px) -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://localhost:8080/gxa/resources/favicons/apple-icon-144x144.png"> <!-- For iPad retina (144px) -->
<link rel="apple-touch-icon-precomposed" href="http://localhost:8080/gxa/resources/favicons/apple-icon-57x57.png"> <!-- For iPhone (57px) -->
<link rel="apple-touch-icon" sizes="180x180" href="http://localhost:8080/gxa/resources/favicons/apple-touch-icon.png">
<link rel="mask-icon" href="http://localhost:8080/gxa/resources/favicons/safari-pinned-tab.svg" color="#5bbad5"> <!-- Safari icon for pinned tab -->
<!-- MS icons -->
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/gxa/resources/favicons/mstile-144x144.png">
<meta name="msapplication-config" content="/gxa/resources/favicons/browserconfig.xml">
<!-- CSS: implied media=all -->
<!-- CSS concatenated and minified via ant build script-->
<link rel="stylesheet" href="./Expression Atlas_compactheader_files/foundation.css" type="text/css" media="all">
<link rel="stylesheet" href="./Expression Atlas_compactheader_files/ebi-global.css" type="text/css" media="all">
<link rel="stylesheet" href="./Expression Atlas_compactheader_files/fonts.css" type="text/css" media="all">
<!-- Use this CSS file for any custom styling -->
<!-- <link rel="stylesheet" href="css/custom.css" type="text/css" media="all"> -->
<link rel="stylesheet" href="./Expression Atlas_compactheader_files/atlas.css" type="text/css" media="all">
<link rel="stylesheet" href="./Expression Atlas_compactheader_files/theme-atlas.css" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="./Expression Atlas_compactheader_files/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="./Expression Atlas_compactheader_files/jquery.json-tag-editor.foundation.css" media="screen">
<!-- end CSS-->
<!-- All JavaScript at the bottom, except for jQuery -->
<script async="" src="./Expression Atlas_compactheader_files/analytics.js"></script><script src="./Expression Atlas_compactheader_files/jquery-2.2.4.min.js"></script>
<script src="./Expression Atlas_compactheader_files/jquery-migrate-1.4.1.min.js"></script>
<script language="JavaScript" type="text/javascript" src="./Expression Atlas_compactheader_files/babel-polyfill.min.js"></script>
<script language="JavaScript" type="text/javascript" src="./Expression Atlas_compactheader_files/fetch-polyfill.min.js"></script>
<meta class="foundation-mq"></head>
<body class="level2 no-global-search google-analytics-loaded">
<div id="skip-to">
<ul>
<li><a href="http://localhost:8080/gxa/about.html#content">Skip to main content</a></li>
<li><a href="http://localhost:8080/gxa/about.html#local-nav">Skip to local navigation</a></li>
<li><a href="http://localhost:8080/gxa/about.html#global-nav">Skip to EBI global navigation menu</a></li>
<li><a href="http://localhost:8080/gxa/about.html#global-nav-expanded">Skip to expanded EBI global navigation menu (includes all sub-sections)</a></li>
</ul>
</div>
<header id="masthead-black-bar" class="clearfix masthead-black-bar">
<nav class="row expanded">
<ul id="global-nav" class="menu">
<!-- set active class as appropriate -->
<li class="home-mobile"><a href="http://www.ebi.ac.uk/"></a></li>
<li class="home active"><a href="http://www.ebi.ac.uk/">EMBL-EBI</a></li>
<li class="services"><a href="http://www.ebi.ac.uk/services">Services</a></li>
<li class="research"><a href="http://www.ebi.ac.uk/research">Research</a></li>
<li class="training"><a href="http://www.ebi.ac.uk/training">Training</a></li>
<li class="about"><a href="http://www.ebi.ac.uk/about">About us</a></li>
<li class="search">
<a href="http://localhost:8080/gxa/about.html#" data-toggle="search-global-dropdown" aria-controls="search-global-dropdown" data-is-focus="false" data-yeti-box="search-global-dropdown" aria-haspopup="true" aria-expanded="false"><span class="show-for-small-only">Search</span></a>
<div id="search-global-dropdown" class="dropdown-pane" data-dropdown="7wmwmh-dropdown" data-options="closeOnClick:true;" aria-hidden="true" data-yeti-box="search-global-dropdown" data-resize="search-global-dropdown" aria-labelledby="zab3dd-dd-anchor" data-events="resize">
<!-- The dropdown menu will be programatically added by script.js -->
</div>
</li>
<li class="float-right show-for-medium embl-selector">
<button class="button float-right" type="button" data-toggle="embl-dropdown" aria-controls="embl-dropdown" data-is-focus="false" data-yeti-box="embl-dropdown" aria-haspopup="true" aria-expanded="false">Hinxton</button>
<!-- The dropdown menu will be programatically added by script.js -->
</li>
</ul>
</nav>
<div><div id="embl-dropdown" class="embl-dropdown dropdown-pane bottom" data-dropdown="9ghtr8-dropdown" aria-hidden="true" data-yeti-box="embl-dropdown" data-resize="embl-dropdown" aria-labelledby="urw2hy-dd-anchor"><p>EMBL-EBI in Hinxton is one of six EMBL locations across europe.<br> <a href="http://www.ebi.ac.uk/about" class="small readmore">More about EMBL-EBI</a></p><h6>Connect to another EMBL location</h6><div class="small-collapse padding-bottom-large clearfix"><div class="columns small-5 padding-bottom-medium"><a href="http://www.embl.de/">Heidelberg</a><div class="small">Main laboratory</div></div><div class="columns small-7 padding-bottom-medium"><a href="http://www.embl-barcelona.es/">Barcelona</a><div class="small">Tissue biology and disease modelling</div></div><div class="columns small-5 padding-bottom-medium"><a href="http://www.embl.fr/">Grenoble</a><div class="small">Structural biology</div></div><div class="columns small-7 padding-bottom-medium"><a href="http://www.embl-hamburg.de/">Hamburg</a><div class="small">Structural biology</div></div><div class="columns small-5 padding-bottom-medium"><a href="http://www.embl.it/">Monterotondo</a><div class="small">Mouse biology</div></div><div class="columns small-7 padding-bottom-medium"><a href="http://embl.org/" class="readmore">More about EMBL</a></div></div></div></div></header>
<div id="content">
<div id="masthead" class="masthead compact-for-data">
<div class="masthead-inner row expanded">
<div class="small-12 medium-7 columns" id="local-title">
<a href="http://localhost:8080/gxa/home/" title="Back to Expression Atlas homepage">
<h1>Expression Atlas</h1>
</a>
</div>
<div class="large-6 small-push-12 columns">
<nav>
<ul class="dropdown menu" data-description="navigational">
<li><a href="http://localhost:8080/gxa/home">Home</a></li>
<li><a href="http://localhost:8080/gxa/download.html">Download</a></li>
<li><a href="http://localhost:8080/gxa/release-notes.html">Release notes</a></li>
<li><a href="http://localhost:8080/gxa/FAQ.html">FAQ</a></li>
<li><a href="http://localhost:8080/gxa/help/index.html">Help</a></li>
<li><a href="http://localhost:8080/gxa/licence.html">Licence</a></li>
<li><a href="http://localhost:8080/gxa/about.html">About</a></li>
</ul>
</nav>
</div>
<div class="small-12 medium-5 columns">
<form id="local-search" name="local-search" method="get" action="http://localhost:8080/gxa/search">
<fieldset>
<div class="input-group margin-bottom-none margin-top-large">
<input type="text" class="input-group-field json-tag-editor-hidden-src" name="geneQuery" id="local-searchbox"><ul class="json-tag-editor"><li style="width:1px"> </li><li class="placeholder"><div>Enter gene query…</div></li></ul>
<div class="input-group-button">
<input id="submit-searchbox" type="submit" value="1" class="button icon icon-functional">
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
<section id="main-content-area" class="margin-top-large margin-bottom-large" role="main">
<div class="row">
<div class="small-12 columns">
<h2>About Expression Atlas</h2>
<div class="row">
<div class="columns small-6">
<h3>What is Expression Atlas?</h3>
<p style="text-align:justify;">Expression Atlas is an open science resource that gives users a powerful way to find information about gene and protein expression. Our mission is to provide the scientific community with freely available information on the abundance and localisation of RNA (and proteins) across species and biological conditions such as different tissues, cell types, developmental stages and diseases among others.</p>
<p style="text-align:justify;">Expression Atlas aims to help answering questions such as 'where is my favourite gene expressed?' or 'how its expression changes in a disease?'</p>
<p style="text-align:justify;">To achieve this objective, our project involves data curation, data analysis and the development of a web application to access and visualise publicly available data.</p>
</div>
<div class="columns small-6 margin-top-large">
<p style="text-align:center;"><img src="./Expression Atlas_compactheader_files/Figure1.png" alt="Figure1" style="max-width:85%"></p>
</div>
</div>
<div class="row column">
<p style="text-align:center;"><img src="./Expression Atlas_compactheader_files/SectionDivider.png" alt="SectionDivider" width="150"></p>
</div>
<div class="row">
<div class="columns small-6">
<div class="tableauPlaceholder" id="viz1493288787976" style="position: relative; overflow: hidden; display: block;"><noscript><a href='#'><img alt='Dashboard 1 ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;Ex&#47;ExpressionAtlas-Morethanmodelorganisms&#47;Dashboard1&#47;1_rss.png' style='border: none' /></a></noscript><script src="./Expression Atlas_compactheader_files/viz_v1.js"></script><iframe frameborder="0" marginheight="0" marginwidth="0" title="data visualization" allowtransparency="true" allowfullscreen="true" class="tableauViz" style="display: block; min-width: 424px; max-width: 654px; width: 100%; min-height: 629px; max-height: 929px; height: 457.5px; margin: 0px; padding: 0px; border: none;" src="./Expression Atlas_compactheader_files/Dashboard1.html"></iframe></div> <script type="text/javascript"> var divElement = document.getElementById('viz1493288787976'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.minWidth='424px';vizElement.style.maxWidth='654px';vizElement.style.width='100%';vizElement.style.minHeight='629px';vizElement.style.maxHeight='929px';vizElement.style.height=(divElement.offsetWidth*0.75)+'px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
</div>
<div class="columns small-6">
<h3>Access gene expression results from more than 3,000 experiments</h3>
<p style="text-align:justify;">Expression Atlas provides gene expression results on more than 3,000 experiments from 40 different organisms, including metazoans and plants.</p>
<p style="text-align:justify;">Although human experiments represent one third of Expression Atlas, we cover other animal species such as chicken, pig, cow or sheep.</p>
<p style="text-align:justify;">Plant experiments represent one fourth of Expression Atlas with more than 700 experiments. Apart from Arabidopsis thaliana, that is the species more represented, Expression Atlas contains experiments from other 17 plant species such as rice, wheat, maize, tomato or potato.</p>
<p></p>
<h3>All data are manually curated</h3>
<p style="text-align:justify;">Expression Atlas contains thousands of selected microarray and RNA-sequencing datasets that are manually curated by PhD biologists. Curation in Expression Atlas consists of a critical review of each dataset to provide a comprehensive representation of gene expression data.</p>
<p style="text-align:justify;">We extract and structure information from the literature to accurately represent each experiment and to enrich the annotation of each sample. We add more metadata to samples to better describe both, biological and technical information.</p>
</div>
</div>
<div class="row column">
<p style="text-align:center;"><img src="./Expression Atlas_compactheader_files/SectionDivider.png" alt="SectionDivider" width="150"></p>
</div>
<div class="row">
<div class="columns small-6">
<h3>All data are re-analysed using standardised methods</h3>
<p style="text-align:justify;">Expression Atlas has re-analysed more that 3,000 experiments, from which more than 500 are RNA-seq experiments. Microarray raw data are analysed using different packages from Bioconductor depending on the array platform used to perform the experiment.</p>
<p style="text-align:justify;">RNA-seq data are analysed using the <a href="https://github.com/nunofonseca/irap">iRAP pipeline</a>. RNA-seq experiments in Expression Atlas include large landmark studies such as GTEx, CCLE, ENCODE or HipSci.</p>
</div>
<div class="columns small-6 margin-top-xxlarge">
<p style="text-align:center;"><img src="./Expression Atlas_compactheader_files/Figure2.png" alt="Figure2" style="max-width:85%"></p>
</div>
</div>
<div class="row column">
<p style="text-align:center;"><img src="./Expression Atlas_compactheader_files/SectionDivider.png" alt="SectionDivider" width="150"></p>
</div>
<div class="row">
<div class="columns small-6 margin-top-xlarge">
<p style="text-align:center;"><img src="./Expression Atlas_compactheader_files/Figure3.png" alt="Figure3" style="max-width:80%"></p>
</div>
<div class="columns small-6">
<h3>Efficient search via ontology-driven query expansion</h3>
<p style="text-align:justify;">The terms used to annotate samples are mapped to ontology terms from the <a href="http://www.ebi.ac.uk/efo/">Experimental Factor Ontology (EFO)</a>. Biocurators of Expression Atlas generate sets of ontology-mapping rules for <a href="http://www.ebi.ac.uk/spot/zooma/">Zooma</a>, the annotation tool that we use to automatically generate the mappings.</p>
<p style="text-align:justify;">Ontology mappings allow for much richer queries using the hierarchy within the ontology, for example, searching for lung carcinoma will return matches to the keyword and also results for different subtypes such as large cell lung carcinoma.</p>
</div>
</div>
<div class="row column">
<p style="text-align:center;"><img src="./Expression Atlas_compactheader_files/SectionDivider.png" alt="SectionDivider" width="150"></p>
</div>
<div class="row">
<div class="columns small-6">
<h3>Easy interpretation of gene expression results through heatmap visualisation</h3>
<p style="text-align:justify;">Expression Atlas represents gene expression results using heatmaps. In a heatmap, gene expression values are converted into a colour-scale image, providing a visual representation of gene expression levels across different biological conditions.</p>
<p style="text-align:justify;">In Expression Atlas we also generate heatmaps showing gene expression levels of a particular gene across different experiments and different biological conditions.</p>
</div>
<div class="columns small-6">
<p style="text-align:center;"><img src="./Expression Atlas_compactheader_files/Figure4.png" alt="Figure4" style="max-width:90%"></p>
</div>
</div>
</div>
</div>
</section>
<footer id="local-footer" class="local-footer row expanded">
<div class="small-12 small-centered medium-8 large-6 columns">
<div class="row small-up-1 medium-up-3">
<div class="column column-block margin-top-large margin-bottom-large text-center">
<h4 style="color:white">Experiments</h4>
<a href="http://localhost:8080/gxa/experiments?experimentType=baseline" target="_blank">Baseline experiments</a><br>
<a href="http://localhost:8080/gxa/experiments?experimentType=differential" target="_blank">Differential experiments</a>
</div>
<div class="column column-block margin-top-large margin-bottom-large text-center">
<h4 style="color:white">Atlas</h4>
<a href="http://localhost:8080/gxa/release-notes.html" target="_blank">Release notes</a><br>
<a href="http://localhost:8080/gxa/download.html" target="_blank">Download</a><br>
<a href="http://localhost:8080/gxa/help/index.html" target="_blank">Help</a><br>
<a href="http://localhost:8080/gxa/FAQ.html" target="_blank">FAQ</a><br>
<a href="http://localhost:8080/gxa/about.html" target="_blank">About Atlas</a>
</div>
<div class="column column-block margin-top-large margin-bottom-large text-center">
<h4 style="color:white">Follow us</h4>
<a href="https://twitter.com/ExpressionAtlas" target="_blank">Twitter</a><br>
<a href="https://www.ebi.ac.uk/support/gxa" target="_blank">Feedback</a><br>
<a href="mailto:[email protected]" target="_blank">Contact</a>
</div>
</div>
</div>
</footer>
</div>
<div id="global-footer" class="global-footer">
<nav id="global-nav-expanded" class="row global-nav-expanded"><div class="columns small-6 medium-2 "><a href="http://www.ebi.ac.uk/" title="EMBL-EBI"><span class="ebi-logo"></span></a></div><div class="columns small-6 medium-2"><h5 class="services"><a class="services-color" href="http://www.ebi.ac.uk/services">Services</a></h5><ul> <li class="first"><a href="http://www.ebi.ac.uk/services">By topic</a></li> <li><a href="http://www.ebi.ac.uk/services/all">By name (A-Z)</a></li> <li class="last"><a href="http://www.ebi.ac.uk/support">Help & Support</a></li> </ul></div><div class="columns small-6 medium-2"><h5 class="research"><a class="research-color" href="http://www.ebi.ac.uk/research">Research</a></h5><ul> <li><a href="http://www.ebi.ac.uk/research/publications">Publications</a></li> <li><a href="http://www.ebi.ac.uk/research/groups">Research groups</a></li> <li class="last"><a href="http://www.ebi.ac.uk/research/postdocs">Postdocs</a> & <a href="http://www.ebi.ac.uk/research/eipp">PhDs</a></li> </ul></div><div class="columns small-6 medium-2"> <h5 class="training"><a class="training-color" href="http://www.ebi.ac.uk/training">Training</a></h5><ul> <li><a href="http://www.ebi.ac.uk/training/handson">Train at EBI</a></li> <li><a href="http://www.ebi.ac.uk/training/roadshow">Train outside EBI</a></li> <li><a href="http://www.ebi.ac.uk/training/online">Train online</a></li> <li class="last"><a href="http://www.ebi.ac.uk/training/contact-us">Contact organisers</a></li> </ul></div> <div class="columns small-6 medium-2"> <h5 class="industry"><a class="industry-color" href="http://www.ebi.ac.uk/industry">Industry</a></h5><ul> <li><a href="http://www.ebi.ac.uk/industry/private">Members Area</a></li> <li><a href="http://www.ebi.ac.uk/industry/workshops">Workshops</a></li> <li><a href="http://www.ebi.ac.uk/industry/sme-forum"><abbr title="Small Medium Enterprise">SME</abbr> Forum</a></li> <li class="last"><a href="http://www.ebi.ac.uk/industry/contact">Contact Industry programme</a></li> </ul></div> <div class="columns small-6 medium-2"> <h5 class="about"><a class="ebi-color" href="http://www.ebi.ac.uk/about">About EMBL-EBI</a></h5><ul> <li><a href="http://www.ebi.ac.uk/about/contact">Contact us</a></li><li><a href="http://www.ebi.ac.uk/about/events">Events</a></li> <li><a href="http://www.ebi.ac.uk/about/jobs" title="Jobs, postdocs, PhDs...">Jobs</a></li> <li class="first"><a href="http://www.ebi.ac.uk/about/news">News</a></li> <li><a href="http://www.ebi.ac.uk/about/people">People & groups</a></li> </ul></div></nav>
<section id="ebi-footer-meta" class="row ebi-footer-meta"><div class="columns"><p class="address">EMBL-EBI, Wellcome Genome Campus, Hinxton, Cambridgeshire, CB10 1SD, UK. +44 (0)1223 49 44 44</p> <p class="legal">Copyright © EMBL-EBI 2017 | EMBL-EBI is <a href="http://www.embl.org/">part of the European Molecular Biology Laboratory</a> | <a href="http://www.ebi.ac.uk/about/terms-of-use">Terms of use</a><a class="readmore float-right" href="http://intranet.ebi.ac.uk/">Intranet</a></p></div></section>
</div>
<!-- JavaScript -->
<script defer="defer" src="./Expression Atlas_compactheader_files/script.js"></script>
<script src="./Expression Atlas_compactheader_files/foundation.js"></script>
<script src="./Expression Atlas_compactheader_files/foundationExtendEBI.js"></script>
<!-- The Foundation theme JavaScript -->
<script type="text/JavaScript">$(document).foundation();</script>
<script type="text/JavaScript">$(document).foundationExtendEBI();</script><style id="dynamic-stuck-height" type="text/css"> .masthead.sticky.is-stuck{ margin-top: -104px !important;} </style>
<!-- JSON Tag Editor -->
<script language="JavaScript" type="text/javascript" src="./Expression Atlas_compactheader_files/jquery.caret.min.js"></script>
<script language="JavaScript" type="text/javascript" src="./Expression Atlas_compactheader_files/jquery.json-tag-editor.js"></script>
<script language="JavaScript" type="text/javascript" src="./Expression Atlas_compactheader_files/geneQueryTagEditorModule.js"></script>
<!-- Condition AUTOCOMPLETE -->
<script language="JavaScript" type="text/javascript" src="./Expression Atlas_compactheader_files/jquery.caret-range-1.0.js"></script>
<script language="JavaScript" type="text/javascript" src="./Expression Atlas_compactheader_files/jquery.array-express.autocomplete-1.1.0.150319.js"></script>
<script language="JavaScript" type="text/javascript" src="./Expression Atlas_compactheader_files/conditionAutocompleteModule.js"></script>
<!-- Google Analytics details -->
<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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-37676851-1', 'auto');
ga('send', 'pageview');
</script>
<script language="JavaScript" type="text/javascript" src="./Expression Atlas_compactheader_files/jquery-ui.min.js"></script>
<script src="./Expression Atlas_compactheader_files/URI.min.js"></script>
<script>
var contextPath = '/gxa/';
var geneQueryPlaceHolder = 'Enter gene query…';
geneQueryTagEditorModule.init('#local-searchbox', '', function(){}, geneQueryPlaceHolder, contextPath);
geneQueryTagEditorModule.init('#home-search-gene-query-input', '', function(){}, geneQueryPlaceHolder, contextPath);
conditionAutocompleteModule.init('#home-search-condition-query-input', '/gxa/arrayexpress/', function(){});
$('#home-search-atlas-clear-button').on('click' , function () {
// Remove all tags
var $atlasSearchInput = $('#home-search-gene-query-input'),
atlasSearchTags = $atlasSearchInput.jsonTagEditor('getTags')[0].tags;
atlasSearchTags.forEach(function (searchTag) {
$atlasSearchInput.jsonTagEditor('removeTag', searchTag.value);
});
var $conditionQuery = $('#home-search-condition-query-input'),
conditionQueryTags = $conditionQuery.jsonTagEditor('getTags')[0].tags;
conditionQueryTags.forEach(function (searchTag) {
$conditionQuery.jsonTagEditor('removeTag', searchTag.value);
});
});
$('#home-search-atlas-form').submit(function(event) {
var $atlasSearchInput = $('#home-search-gene-query-input'),
atlasSearchTags = $atlasSearchInput.jsonTagEditor('getTags')[0].tags;
console.log(JSON.stringify(atlasSearchTags));
$atlasSearchInput.val(JSON.stringify(atlasSearchTags));
var $conditionQuery = $('#home-search-condition-query-input'),
conditionQueryTags = $conditionQuery.jsonTagEditor('getTags')[0].tags;
$conditionQuery.val(JSON.stringify(conditionQueryTags));
});
</script>
<!--//www.ebi.ac.uk/web_guidelines/js/downtime.js?415666 automatically inserted--><script type="text/javascript" src="./Expression Atlas_compactheader_files/downtime.js"></script></body></html>