index.html 31.7 KB
Newer Older
khawkins98's avatar
khawkins98 committed
1 2 3 4 5 6
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>The European Bioinformatics Institute &lt; EMBL-EBI</title>
  <meta name="description" content="EMBL-EBI" /><!-- Describe what this page is about -->
Ken Hawkins's avatar
Ken Hawkins committed
7 8
  <meta name="keywords" content="bioinformatics, europe, institute" />
  <!-- A few keywords that relate to the content of THIS PAGE (not the whol project) -->
khawkins98's avatar
khawkins98 committed
9 10 11 12 13 14 15 16 17 18 19 20
  <meta name="author" content="EMBL-EBI" /><!-- Your [project-name] here -->
  <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="Web Content Committee" /> <!-- Who should be contacted about changes -->
  <meta name="ebi:review-cycle" content="90" /> <!-- In days, how often should the content be reviewed -->
  <meta name="ebi:last-review" content="2017-05-02" /> <!-- The last time the content was reviewed -->
  <meta name="ebi:expiry" content="2017-06-20" /> <!-- When this content is no longer relevant -->

Ken Hawkins's avatar
Ken Hawkins committed
21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42
  <link rel="icon" type="image/x-icon"
    href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon.ico" />
  <link rel="icon" type="image/png"
    href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/favicon-32x32.png" />
  <link rel="icon" type="image/png" sizes="192×192"
    href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/android-chrome-192x192.png" />
  <!-- Android (192px) -->
  <link rel="apple-touch-icon-precomposed" sizes="114x114"
    href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-114x114.png" />
  <!-- For iPhone 4 Retina display (114px) -->
  <link rel="apple-touch-icon-precomposed" sizes="72x72"
    href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-72x72.png" />
  <!-- For iPad (72px) -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144"
    href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-144x144.png" />
  <!-- For iPad retinat (144px) -->
  <link rel="apple-touch-icon-precomposed"
    href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/apple-icon-57x57.png" />
  <!-- For iPhone (57px) -->
  <link rel="mask-icon"
    href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/safari-pinned-tab.svg"
    color="#ffffff" /> <!-- Safari icon for pinned tab -->
khawkins98's avatar
khawkins98 committed
43
  <meta name="msapplication-TileColor" content="#2b5797" /> <!-- MS Icons -->
Ken Hawkins's avatar
Ken Hawkins committed
44 45
  <meta name="msapplication-TileImage"
    content="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" />
khawkins98's avatar
khawkins98 committed
46

Ken Hawkins's avatar
Ken Hawkins committed
47 48 49 50
  <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.min.css"
    type="text/css" media="all" />
  <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.3/fonts.css" type="text/css"
    media="all" />
Ken Hawkins's avatar
Ken Hawkins committed
51
  <link rel="stylesheet" href="https://dev.assets.emblstatic.net/embl-design-system/v1.0.0-alpha.8/css/styles.css" />
khawkins98's avatar
khawkins98 committed
52 53
</head>

Ken Hawkins's avatar
Ken Hawkins committed
54 55
<body class="ebi-vf1-integration">
  <!-- add any of your classes or IDs -->
khawkins98's avatar
khawkins98 committed
56 57 58 59 60 61 62 63
  <div id="skip-to">
    <ul>
      <li><a href="#content">Skip to main content</a></li>
      <li><a href="#local-nav">Skip to local navigation</a></li>
      <li><a href="#global-nav">Skip to EBI global navigation menu</a></li>
      <li><a href="#global-nav-expanded">Skip to expanded EBI global navigation menu (includes all sub-sections)</a></li>
    </ul>
  </div>
Ken Hawkins's avatar
Ken Hawkins committed
64
  <header id="masthead-black-bar" class="clearfix masthead-black-bar"></header>
Ken Hawkins's avatar
Ken Hawkins committed
65 66 67 68 69 70 71 72
  <style type="text/css">
    .ebi-vf1-integration .homepage-masthead a.button {
      text-decoration: none;
    }
    .ebi-vf1-integration .masthead-black-bar {
      background-color: #54585A;
    }
  </style>
73
  <div class="homepage-masthead padding-bottom-xlarge" style="background: url('https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/EBI_webbanner_test_V3.jpg');
Ken Hawkins's avatar
Ken Hawkins committed
74 75 76 77 78 79 80 81
  background-size: cover;">
      <div class="padding-bottom-medium">
        <div class="" id="">
          <div class="masthead-content">
            <div class="row">
              <div class="columns large-5">
                <div class="margin-top-xlarge">
                  <!--spacer-->
khawkins98's avatar
khawkins98 committed
82
                </div>
Ken Hawkins's avatar
Ken Hawkins committed
83 84 85
                <img
                  src="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/EMBL_EBI_Logo_white.svg"
                  !inline style="width:280px; margin-left: 10px;">
Ken Hawkins's avatar
Ken Hawkins committed
86

Ken Hawkins's avatar
Ken Hawkins committed
87 88 89 90
                <h1 class="vf-hero__heading" style="padding-bottom: 0; color: #fff;">The home for big data in biology</h1>
                <p class="vf-hero__text" style="padding-top: 4px; color: #fff;">
                  We help scientists exploit complex information to make discoveries that benefit humankind.
                </p>  
Ken Hawkins's avatar
Ken Hawkins committed
91

Ken Hawkins's avatar
Ken Hawkins committed
92 93 94 95 96 97
                <p class="vf-hero__text" style="padding-top: 4px; color: #fff;">
                  <a class="vf-link--white" href="//www.ebi.ac.uk/services/">Find tools and resources</a> or <a class="vf-link--white" href="//www.ebi.ac.uk/submission/">deposit data</a>.
                </p>
              </div>
              <div class="columns large-7">
                <span class="label show-for-small-only">EBI Search</span>
Ken Hawkins's avatar
Ken Hawkins committed
98

Ken Hawkins's avatar
Ken Hawkins committed
99 100
                <div class="margin-top-xlarge show-for-large">
                  &nbsp; <!-- spacer -->
Ken Hawkins's avatar
Ken Hawkins committed
101
                </div>
Ken Hawkins's avatar
Ken Hawkins committed
102 103 104 105 106 107 108 109
                <div class="margin-top-large show-for-large">
                  &nbsp; <!-- spacer -->
                </div>

                <form id="ebi_search" action="/ebisearch/search.ebi" data-abide novalidate class="vf-box vf-box--easy vf-box-theme--primary" style="color: #222">
                  <div class="show-for-medium">
                    <span class="vf-box__text">Explore dozens of biological data resources with our <a href="https://www.ebi.ac.uk/ebisearch/overview.ebi/about">Search service</a>.<br/><span>
                  </div>
Ken Hawkins's avatar
Ken Hawkins committed
110
                    <fieldset>
Ken Hawkins's avatar
Ken Hawkins committed
111 112 113 114 115 116 117 118
                    <div class="margin-bottom-none small-collapse">
                      <div class="columns small-8  margin-bottom-none search-text-wrapper">
                        <input id="query" class="margin-bottom-none" title="EBI Search" tabindex="2" type="search"
                          name="query" value="" size="35" maxlength="2048"
                          placeholder="Find a gene, protein or chemical" required>
                        <span class="form-error margin-top-small">
                          You need to enter a search query.
                        </span>
khawkins98's avatar
khawkins98 committed
119
                      </div>
Ken Hawkins's avatar
Ken Hawkins committed
120 121 122 123 124 125 126 127 128
                      <div class="columns small-2 margin-bottom-small search-options-wrapper">
                        <select name="db" id="db" tabindex="1" class="margin-bottom-none" style="opacity: .8;">
                          <option value="allebi">All</option>
                          <optgroup label="Science search">
                            <option value="genomes">Genomes &amp; metagenomes</option>
                            <option value="nucleotideSequences">Nucleotide sequences</option>
                            <option value="proteinSequences">Protein sequences</option>
                            <option value="smallMolecules">Small molecules</option>
                            <option value="geneExpression">Gene expression</option>
129
                            <option value="geneDiseaseAssociations">Gene-Disease Associations</option>
Ken Hawkins's avatar
Ken Hawkins committed
130 131 132 133 134 135 136 137 138 139 140 141 142
                            <option value="diseases">Diseases</option>
                            <option value="molecularInteractions">Molecular interactions</option>
                            <option value="reactionsPathways">Reactions &amp; pathways</option>
                            <option value="proteinFamilies">Protein families</option>
                            <option value="literature">Literature</option>
                            <option value="ontologies">Samples &amp; ontologies</option>
                          </optgroup>
                          <optgroup label="Search web content">
                            <option value="ebiweb_people">EMBL-EBI People</option>
                            <option value="ebiweb">EMBL-EBI web</option>
                            <!-- <option value="ebiweb">EMBL web</option> -->
                          </optgroup>
                        </select>
Ken Hawkins's avatar
Ken Hawkins committed
143
                      </div>
Ken Hawkins's avatar
Ken Hawkins committed
144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159
                      <div class="columns small-2 margin-bottom-none">
                        <input id="search_submit" class="button margin-bottom-none" tabindex="3"
                          type="submit" name="submit1" value="Search" style="line-height:.9">
                      </div>
                      <!-- <input id="allebi" type="hidden" name="db" value="allebi" checked="checked" /> -->
                      <input type="hidden" name="requestFrom" value="ebi_index">
                    </div>
                  </fieldset>
                  <fieldset class="row">
                    <div id="example" class=" columns small">
                        Example searches: <a href="/ebisearch/search.ebi?db=allebi&amp;requestFrom=ebi_index&amp;query=blast">blast</a> <a href="/ebisearch/search.ebi?db=allebi&amp;query=keratin&amp;requestFrom=ebi_index">keratin</a> <a href="/ebisearch/search.ebi?db=allebi&amp;query=bfl1&amp;requestFrom=ebi_index">bfl1</a>
                      | <a href="https://www.ebi.ac.uk/ebisearch/querybuilder.ebi">Build query</a>
                    </div>
                  </fieldset>
                </form>

khawkins98's avatar
khawkins98 committed
160 161 162 163
              </div>
            </div>
          </div>
        </div>
Ken Hawkins's avatar
Ken Hawkins committed
164 165
        <!-- /local-title -->
      </div>
khawkins98's avatar
khawkins98 committed
166 167 168 169
  </div>

  <div id="content">
    <section id="main-content-area" class="" role="main">
Ken Hawkins's avatar
Ken Hawkins committed
170 171 172 173 174 175
      <style>
        .vf-link--white,
        .vf-link--white:hover,
        .vf-link--white:visited {
          color: #fff
        }
176 177 178 179 180 181 182

        @media screen and (min-width: 40em) {
          /* make the featured content sticky on big screens */
          .sticky-feature {
            position: -webkit-sticky; position: sticky; top:0
          }
        }
Ken Hawkins's avatar
Ken Hawkins committed
183 184
      </style>

Ken Hawkins's avatar
Ken Hawkins committed
185
      <div class="row padding-top-xlarge" style="position: relative;">
186
        <div class="medium-8 columns | analytics-content-left | sticky-feature">
Ken Hawkins's avatar
Ken Hawkins committed
187 188
          <h3 class="vf-section-header__heading"><a href="//www.ebi.ac.uk/about/news" class="no-underline">Featured topic</a></h3>
          <div class="vf-u-background-color--bright-green--dark padding-bottom-large margin-top-small" style="background: rgb(59,73,80);">
189
              <!-- <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/2020/04/COVID19-portal-banner_EBI-homepage.jpg" /> -->
Peter Walter's avatar
Peter Walter committed
190
              <div class='embed-container'><iframe src='https://www.youtube.com/embed/SlMoHOYTkzo' frameborder='0' allowfullscreen></iframe></div>
Ken Hawkins's avatar
Ken Hawkins committed
191 192
            <div class="vf-u-text-color--ui--white">
              <div class="vf-u-margin__top--lg vf-u-margin__right--xl vf-u-margin__left--xl ">
193
                <p class="vf-text--body vf-text-body--1">
Peter Walter's avatar
Peter Walter committed
194
                  <a href="http://covid19dataportal.org/" class="vf-link--white no-underline">COVID-19 Data Platform: Our progress so far</a>
195
                </p>
Ken Hawkins's avatar
Ken Hawkins committed
196
                <p class="vf-figure__captionx | vf-u-text-color--ui--white">
Peter Walter's avatar
Peter Walter committed
197
                  Showcased at the 2020 Paris Peace Forum, the COVID-19 Data Platform is a new model for international scientific collaboration. 
Peter Walter's avatar
Peter Walter committed
198 199
                    <p><a href="/about/our-impact/covid-19" class="vf-link--white">Read more about EMBL-EBI's efforts to fight COVID-19</a></p>
                    <a class="vf-button vf-button--secondary vf-button--sm" href="http://covid19dataportal.org/" class="vf-link--white">Access COVID-19 data</a> 
Ken Hawkins's avatar
Ken Hawkins committed
200
                  </ul>
Ken Hawkins's avatar
Ken Hawkins committed
201 202 203 204 205 206
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="medium-4 columns analytics-content-right">
Ken Hawkins's avatar
Ken Hawkins committed
207 208
          <h3 class="vf-section-header__heading"><a href="//www.ebi.ac.uk/about/news" class="no-underline">Latest news</a></h3>
          <div class="row collapse margin-top-small">
khawkins98's avatar
khawkins98 committed
209 210 211 212 213 214 215
            <div class="with-overlay">
              <div id="news-lead-item"></div>
            </div>
          </div>

          <div id="news-updates"></div>

Ken Hawkins's avatar
Ken Hawkins committed
216 217
          <div class="margin-top-large margin-bottom-small">
            <a class="vf-button vf-button--secondary vf-button--sm" href="//www.ebi.ac.uk/about/news/">Read all EMBL-EBI news</a><br />
khawkins98's avatar
khawkins98 committed
218
          </div>
Ken Hawkins's avatar
Ken Hawkins committed
219

Ken Hawkins's avatar
Ken Hawkins committed
220
          <h3 class="vf-section-header__heading padding-top-small padding-bottom-small"><a href="//www.ebi.ac.uk/about/events" class="no-underline">Our events</a></h3>
khawkins98's avatar
khawkins98 committed
221 222 223
          <div id="upcoming-events">
            <!-- loaded by handlebars -->
          </div>
Ken Hawkins's avatar
Ken Hawkins committed
224
          <a class="vf-button vf-button--secondary vf-button--sm" href="//www.ebi.ac.uk/about/events">See all EMBL-EBI events</a>
khawkins98's avatar
khawkins98 committed
225 226
        </div>
      </div>
Ken Hawkins's avatar
Ken Hawkins committed
227

Ken Hawkins's avatar
Ken Hawkins committed
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
      <div class="vf-grid | vf-u-background-color-ui--grey--light vf-u-fullbleed vf-u-margin__top--xxl">

        <div class="vf-body margin-bottom-xlarge vf-u-margin__top--xl vf-u-margin__bottom--xl analytics-content-intro">
          <div class="vf-grid vf-grid__col-3" data-equalizer>
            <a href="//www.ebi.ac.uk/about/our-impact" class="column no-underline" data-equalizer-watch>
              <p>
                <h3 class="black-color margin-bottom-none vf-section-header__heading">
                  <div class="inline-block">We are EMBL-EBI</div>
                </h3>
                <p>The European Bioinformatics Institute (EMBL-EBI) is part of EMBL, Europe’s flagship laboratory for the life sciences. More about EMBL-EBI and our impact.</p>
              </p>
            </a>
            <a href="//www.ebi.ac.uk/services" class="column no-underline" data-equalizer-watch>
              <p>
                <h4 class="vf-section-header__heading services-color"><span class="icon icon-generic" data-icon="("></span>
                  <div class="inline-block">Data resources</div>
                </h4>
                <p>Explore our open data resources to enrich your research. Browse data, perform analyses or share your own results.</p>
              </p>
            </a>
            <a href="//www.ebi.ac.uk/research" class="column no-underline" data-equalizer-watch>
              <p>
                <h4 class="vf-section-header__heading research-color"><span class="icon icon-generic" data-icon=")"></span>
                  <div class="inline-block">Research</div>
                </h4>
                <p>Find out about our research groups, postdoctoral schemes and PhD Programme.</p>
              </p>
            </a>
            <a href="//www.ebi.ac.uk/training" class="column no-underline" data-equalizer-watch>
              <p>
                <h4 class="vf-section-header__heading training-color"><span class="icon icon-generic" data-icon="t"></span>
                  <div class="inline-block">Training</div>
                </h4>
                <p>Access a wealth of world-leading training in bioinformatics and scientific service provision,
                  regardless of your career stage or sector.</p>
              </p>
            </a>
            <a href="//www.ebi.ac.uk/industry" class="column no-underline" data-equalizer-watch>
              <p>
                <h4 class="vf-section-header__heading industry-color"><span class="icon icon-generic" data-icon="I"></span>
                  <div class="inline-block">Industry</div>
                </h4>
                <p>Explore our knowledge-exchange Industry Programme and take part in translational partnerships and projects.</p>
              </p>
            </a>
            <a href="https://www.elixir-europe.org" class="column no-underline" data-equalizer-watch>
              <p>
                <h4 class="vf-section-header__heading elixir-color"><span class="icon icon-generic" data-icon="%"></span>
                  <div class="inline-block">ELIXIR</div>
                </h4>
                <p>We support, as an ELIXIR node, the coordination of biological data provision throughout Europe.</p>
              </p>
            </a>
          </div>
        </div>
      </div>
Ken Hawkins's avatar
Ken Hawkins committed
284

Ken Hawkins's avatar
Ken Hawkins committed
285 286
      <div class="row analytics-content-footer vf-u-margin__top--xxl">
        <div class="column">
Ken Hawkins's avatar
Ken Hawkins committed
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

          <section class="vf-grid">
            <style>
              .vf-card {
                grid-template-rows: auto 1fr;
              }
              .vf-card__image {
                grid-row: 1 / span 1;
                height: auto;
                min-height: 250px;
                max-height: 250px;
              }

              .vf-card__content {
                display: flex;
                flex-direction: column;
              }

              .vf-card--normal .vf-card__content {
                background-color: var(--vf-card-theme-color--background);
              }
            </style>

            <div class="vf-card vf-card--is-link normal">
              <style>
                .embed-container {
                  position: relative;
                  padding-bottom: 56.25%;
                  height: 0;
                  overflow: hidden;
                  max-width: 100%;
                }
                .embed-container iframe,
                .embed-container object,
                .embed-container embed {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                }
              </style>
329
              <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/ebi-working-from-home.png?force_format=jpg" !inline alt="" class="vf-card__image" !inline>
Ken Hawkins's avatar
Ken Hawkins committed
330
              
Ken Hawkins's avatar
Ken Hawkins committed
331 332
              <div class="vf-card__content">
                <h3 class="vf-card__title">
Ken Hawkins's avatar
Ken Hawkins committed
333
                  <a href="/about/jobs/recruitment-covid19">Recruitment during COVID-19</a>
Ken Hawkins's avatar
Ken Hawkins committed
334 335
                </h3>
                <p class="vf-card__text">
Ken Hawkins's avatar
Ken Hawkins committed
336
                  We are continuing to recruit new staff and to onboard them remotely until it is safe to return to our offices.<br/><br/> <a class="vf-link" href="/about/jobs">See current jobs</a>
Ken Hawkins's avatar
Ken Hawkins committed
337
                </p>
khawkins98's avatar
khawkins98 committed
338
              </div>
Ken Hawkins's avatar
Ken Hawkins committed
339 340 341
            </div>

            <div class="vf-card vf-card--is-link normal">
Ken Hawkins's avatar
Ken Hawkins committed
342
              <img src="https://www.ebi.ac.uk/sites/ebi.ac.uk/files/shared/images/PHOTOS/Data_Centre/EBI_Data_Centre_Best.jpg" alt="" class="vf-card__image" !inline>
Ken Hawkins's avatar
Ken Hawkins committed
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
              <div class="vf-card__content">
                <h3 class="vf-card__title">
                  <a href="https://www.ebi.ac.uk/about/jobs/career-profiles">Working at EMBL-EBI</a>
                </h3>
                <p class="vf-card__text">
                  Focus your energy and skills on something that really matters: using technology to contribute to discoveries that benefit humankind. <br/><br/><a class="vf-link" href="/about/jobs/career-profiles">Find out more</a>
                </p>
              </div>
            </div>

            <div class="vf-card vf-card--is-link normal">
              <div class='embed-container vf-card__image'><iframe src='https://www.youtube.com/embed/8mg5VhRF7Pk'
                  frameborder='0' allowfullscreen></iframe></div>
              <div class="vf-card__content">
                <h3 class="vf-card__title">
                  <a href="//www.embl.org/about">Science without borders</a>
                </h3>
                <p class="vf-card__text">
                  We are a proud supporter of <a href="https://www.ebi.ac.uk/about/equality-in-science">equality and diversity</a>. We recruit staff from all over the world and offer exemption from UK immigration restrictions.
                  <br/><br/><a class="vf-link"
                    href="https://www.ebi.ac.uk/about/jobs/brexit-and-embl-ebi-staff">Life and Brexit</a>
                </p>
              </div>
            </div>
          </section>
khawkins98's avatar
khawkins98 committed
368
        </div>
khawkins98's avatar
khawkins98 committed
369
      </div>
khawkins98's avatar
khawkins98 committed
370

Ken Hawkins's avatar
Ken Hawkins committed
371 372
      <div class="row column vf-u-margin__top--xl vf-u-margin__bottom--lg"></div>
  </div> <!-- /#content -->
khawkins98's avatar
khawkins98 committed
373 374 375 376 377 378 379 380 381 382 383 384
  </section>
  <footer>
    <div id="global-footer" class="global-footer">
      <nav id="global-nav-expanded" class="global-nav-expanded row">
        <!-- Footer will be automatically inserted by footer.js -->
      </nav>
      <section id="ebi-footer-meta" class="ebi-footer-meta row">
        <!-- Footer meta will be automatically inserted by footer.js -->
      </section>
    </div>
  </footer>
  <!-- JavaScript -->
Ken Hawkins's avatar
Ken Hawkins committed
385
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
386
  <script defer="defer" src="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/js/script.js"></script>
khawkins98's avatar
khawkins98 committed
387 388 389 390
  <!-- include HandlebaRss -->
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.8/handlebars.min.js"></script>

  <script id="feed-template-news-lead-item" type="text/x-handlebars-template">
khawkins98's avatar
khawkins98 committed
391
    {{#each this}}
khawkins98's avatar
khawkins98 committed
392
      {{#if @first}}
393
        <div class="position-relative">
Ken Hawkins's avatar
Ken Hawkins committed
394 395 396 397
          <a class="block" href="{{node.path}}"><img src="{{node.field_image.src}}" /></a>
          <div
            class="highlight-caption highlight-caption-big columns medium-10 vf-u-background-color--bright-green--dark"
            style="bottom:0;">
398 399
            <a href="{{node.path}}" class="white-color">
              <div class="small">{{node.created}}</div>
Ken Hawkins's avatar
Ken Hawkins committed
400
              <h6 class="white-color margin-bottom-none">{{node.title}}</h6>
401 402
            </a>
          </div>
khawkins98's avatar
khawkins98 committed
403 404 405 406 407 408 409
        </div>
      {{else}}
        <!-- Only show first -->
      {{/if}}
    {{/each}}
  </script>
  <script id="feed-template-news-updates" type="text/x-handlebars-template">
khawkins98's avatar
khawkins98 committed
410
    {{#each this}}
khawkins98's avatar
khawkins98 committed
411
      <div class="padding-top-medium">
Ken Hawkins's avatar
Ken Hawkins committed
412
        <span class="vf-summary__date">{{node.created}}</span>
khawkins98's avatar
khawkins98 committed
413
        <h6><a href="{{node.path}}">{{node.title}}</a></h6>
khawkins98's avatar
khawkins98 committed
414 415 416 417 418
      </div>
    {{/each}}
  </script>
  <script id="template-upcoming-events" type="text/x-handlebars-template">
    {{#each this}}
Ken Hawkins's avatar
Ken Hawkins committed
419 420 421 422
      <span class="vf-summary__date">{{smartDates json.starts json.ends}}</span>
      <span class="vf-summary__date">| {{json.bundle_name}}</span>
      <h6><a href="//www.ebi.ac.uk/{{this.json.path}}">{{json.title}}</a></h6>
      <!--<p><a class="no-underline" href="//www.ebi.ac.uk/{{this.json.path}}">{{{truncate json.short_description 150}}}</a></p>-->
khawkins98's avatar
khawkins98 committed
423 424 425 426
    {{/each}}
  </script>

  <script type="text/javascript" charset="utf-8">
Ken Hawkins's avatar
Ken Hawkins committed
427 428 429 430 431 432 433 434 435 436 437 438
    document.onreadystatechange = function() {
      if (document.readyState === "complete") {
        // Custom analytics hooks for front page
        // Search box
        // jQuery("#ebi_search").on('mousedown', 'input#search_submit', function(e) {
        //   trackHomepageSearch(e);
        //   // console.log('mouse')
        // });
        jQuery("#ebi_search").on('submit', function(e) {
          trackHomepageSearch(e);
          // console.log('return')
        });
439

Ken Hawkins's avatar
Ken Hawkins committed
440 441 442 443 444 445 446 447 448 449
        function trackHomepageSearch(e) {
          var searchQuery = jQuery('#ebi_search input#query').val(),
            searchDb = jQuery('#ebi_search select#db').val();
          var customText = 'query: ' + searchQuery;
          customText += ' db: ' + searchDb;
          analyticsTrackInteraction(e.target, 'Homepage search', customText);
          // log search as a google analytics sitesearch
          if (jQuery('body').hasClass('google-analytics-loaded')) {
            ga('send', 'pageview', '/ebisearch/search.ebi?query=' + searchQuery + '&db=' + searchDb);
          }
450
        }
Ken Hawkins's avatar
Ken Hawkins committed
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
        // Insert data vis
        // We load it only if the div is visible, and schedule a check if not
        // function conditionallyLoadDatavis() {
        //   if ($('#visulisation-parent').is(':visible')) {
        //     $('#visulisation-parent').html('<iframe src="https://ebiwd.github.io/EBI-Search-index-visulisation/force.html" style="" scrolling="no"></iframe>');
        //   } else {
        //     // Check again if the screen resizes
        //     // We schedule only one check -- if that check fails, we schedule again
        //     $(window).one('resize.datavischeck', function() {
        //       conditionallyLoadDatavis();
        //     });
        //   }
        // }
        // conditionallyLoadDatavis();
        // today's date as YYYYMMDD
        // we round unix time down to change every 5 minutes for cachebusting
        var unixMinute = Math.floor(Date.now() / 1000 / 300);
        // handlebars stuff
        Handlebars.registerHelper('truncate', function(str, len) {
          if (str.length > len) {
            var new_str = str.substr(0, len + 1);
            while (new_str.length) {
              var ch = new_str.substr(-1);
              new_str = new_str.substr(0, -1);
              if (ch == ' ') {
                break;
              }
            }
            if (new_str == '') {
              new_str = str.substr(0, len);
            }
            return new Handlebars.SafeString(new_str + '...');
khawkins98's avatar
khawkins98 committed
483
          }
Ken Hawkins's avatar
Ken Hawkins committed
484 485
          return str;
        });
khawkins98's avatar
khawkins98 committed
486

Ken Hawkins's avatar
Ken Hawkins committed
487 488 489
        function formatDate(date) {
          if (typeof(date) == "undefined") {
            return "Unknown";
khawkins98's avatar
khawkins98 committed
490
          }
Ken Hawkins's avatar
Ken Hawkins committed
491 492 493
          date = date.replace(" ", "T"); // drupal date format needs a "T"
          // "2015-10-19 08:15:00" >> "2015-10-19T08:15:00"
          var dateAway = new Date(date),
khawkins98's avatar
khawkins98 committed
494 495
            date = dateAway.getDate(),
            month = "January,February,March,April,May,June,July,August,September,October,November,December"
Ken Hawkins's avatar
Ken Hawkins committed
496 497 498 499 500 501 502 503 504 505 506 507 508 509
            .split(",")[dateAway.getMonth()];

          function nth(d) {
            if (d > 3 && d < 21) return 'th';
            switch (d % 10) {
              case 1:
                return "st";
              case 2:
                return "nd";
              case 3:
                return "rd";
              default:
                return "th";
            }
khawkins98's avatar
khawkins98 committed
510
          }
Ken Hawkins's avatar
Ken Hawkins committed
511 512
          var weekday = ["Sun", "Mon", "Tues", "Wed", "Thurs", "Fri", "Sat"];
          return weekday[dateAway.getDay()] + " " + date + nth(date) + " " + month.substring(0, 3);
khawkins98's avatar
khawkins98 committed
513
        }
Ken Hawkins's avatar
Ken Hawkins committed
514 515 516 517
        // we want to show a start and end, a la: Oct 16th; Oct 12th-15th, Oct 21st - Nov 1st
        Handlebars.registerHelper("smartDates", function(date1, date2) {
          // if start = end, just return the first
          if (date1 == date2) {
khawkins98's avatar
khawkins98 committed
518 519
            return formatDate(date1);
          }
Ken Hawkins's avatar
Ken Hawkins committed
520 521 522 523 524 525 526 527 528 529 530 531 532 533 534
          // Ok, so we have a proper start and end...
          var jointDate = '';
          // are the two dates in the same month?
          if (new Date(date1).getMonth() == new Date(date2).getMonth()) {
            // if it's the same day, don't list the date twice ...
            if (new Date(date1).getDay() == new Date(date2).getDay()) {
              return formatDate(date1);
            }
            //don't return the month on the second date..
            jointDate = formatDate(date1) + ' - ' + formatDate(date2).split(' ')[0] + ' ' + formatDate(date2)
              .split(' ')[1];
            return jointDate;
          }
          // ok, so just tell us it all
          jointDate = formatDate(date1) + ' - ' + formatDate(date2);
khawkins98's avatar
khawkins98 committed
535
          return jointDate;
Ken Hawkins's avatar
Ken Hawkins committed
536 537 538 539
        });
        // simple filter for json data
        function simpleFilter(array, test) {
          var passedTest = [];
khawkins98's avatar
khawkins98 committed
540
          for (var i = 0; i < array.length; i++) {
Ken Hawkins's avatar
Ken Hawkins committed
541 542
            if (test(array[i]))
              passedTest.push(array[i]);
khawkins98's avatar
khawkins98 committed
543 544
          }
          return passedTest;
Ken Hawkins's avatar
Ken Hawkins committed
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
        }
        // pull json from http://www.ebi.ac.uk/admin/structure/views/view/news_rollup/edit/page_1
        function getNewsData() {
          // $.getJSON("/feed.json?cachedate="+unixMinute, function(data) { // local testing
          $.getJSON("https://www.ebi.ac.uk/about/news/feed.json?cachedate=" + unixMinute, function(data) {
            // keep only press releases
            var topNewsItem = simpleFilter(data.nodes, function(node) {
              return (node.node.type === 'News');
            });
            var sourceTopItem = $('#feed-template-news-lead-item').html();
            $('#news-lead-item').html(Handlebars.compile(sourceTopItem)(topNewsItem));
            // drop the first press release as it's already been shown
            var matchFound = false;
            // and only keep five items
            var itemsPassed = 0;
            var secondaryItems = simpleFilter(data.nodes, function(node) {
              if ((node.node.type === 'News' && !matchFound) || (itemsPassed >= 2)) {
                matchFound = true;
                return false;
              }
              itemsPassed++;
              return true; // keep all others
            });
            var sourceUpdates = $('#feed-template-news-updates').html();
            $('#news-updates').html(Handlebars.compile(sourceUpdates)(secondaryItems));
570
          });
Ken Hawkins's avatar
Ken Hawkins committed
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
        }
        getNewsData();
        var totalEventRetries = 0;

        function getEventData() {
          // /api/v1/events/home
          $.getJSON("https://www.ebi.ac.uk/api/v1/events/home", function(data) {
              var itemsPassed = 0; // so wec can keep just five items
              var eventsToShow = simpleFilter(data.results, function(node) {
                if (itemsPassed >= 3) { // we can do any other filtering we might need here...
                  return false;
                }
                itemsPassed++;
                return true; // keep all others
              });
              var source = $('#template-upcoming-events').html();
              $('#upcoming-events').html(Handlebars.compile(source)(eventsToShow));
            })
            .error(function() {
              totalEventRetries++;
              if (totalEventRetries < 3) {
                var retrying = window.setTimeout(getEventData, 2000);
              }
            });
        }
        getEventData();
khawkins98's avatar
khawkins98 committed
597
      }
khawkins98's avatar
khawkins98 committed
598 599 600 601 602 603 604 605 606 607 608
    }
  </script>

  <!-- GA -->
  <script type="text/javascript">
  <!--//--><![CDATA[//><!--
  (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-629242-1", {"cookieDomain":"auto"});ga("require", "linkid", "linkid.js");ga("set", "anonymizeIp", true);ga("send", "pageview");
  //--><!]]>
  </script>

  <!-- The Foundation theme JavaScript -->
609 610
  <script src="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.min.js"></script>
  <script src="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script>
khawkins98's avatar
khawkins98 committed
611 612
  <script type="text/JavaScript">$(document).foundation();</script>
  <script type="text/JavaScript">$(document).foundationExtendEBI();</script>
khawkins98's avatar
khawkins98 committed
613 614 615 616 617 618 619 620 621 622 623 624 625 626 627

  <!-- Rather than use a full custom them stylesheet, inline the few we need. Saves an http request  -->
  <style type="text/css">
  a.button:hover, .button:hover {
    background: #007c82;
  }
  a.highlight-caption {
    z-index: 1; position: relative; top: -2rem; color: #fff; padding: .25rem .5rem;
    background: #333;
    border-bottom: none;
  }
  a.highlight-caption:hover {
    opacity: .8;
  }
  </style>
khawkins98's avatar
khawkins98 committed
628
  <script type="text/javascript">
khawkins98's avatar
khawkins98 committed
629 630 631 632 633 634 635 636 637 638 639 640 641 642 643
  // resize search dropdown on change
  // this way text doesn't get cut off
  $(document).ready(function(){
    $('#db').change(function(){
      if ($(this).find(":selected").text().length > 10) {
      $('div.search-options-wrapper').removeClass('small-2').addClass('small-4');
      $('div.search-text-wrapper').removeClass('small-8').addClass('small-6');
      } else {
        $('div.search-options-wrapper').removeClass('small-4').addClass('small-2');
        $('div.search-text-wrapper').removeClass('small-6').addClass('small-8');
      }
      $('input#query').attr('placeholder', 'Enter your search').focus();
      $('input#query').focus();
    });
  });
khawkins98's avatar
khawkins98 committed
644
  </script>
khawkins98's avatar
khawkins98 committed
645 646
</body>
</html>