index.html 25.2 KB
Newer Older
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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Digital bookshelf | European Bioinformatics Institute</title>
  <meta name="description" content="EMBL-EBI" /><!-- Describe what this page is about -->
  <meta name="keywords" content="bioinformatics, europe, institute" /><!-- A few keywords that relate to the content of THIS PAGE (not the whol project) -->
  <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="External Relations" /> <!-- 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="2018-04-09" /> <!-- The last time the content was reviewed -->

  <!-- If you link to any other sites frequently, consider optimising performance with a DNS prefetch -->
  <link rel="dns-prefetch" href="//www.ebi.ac.uk" />

  <!-- If you have custom icon, replace these as appropriate.
       You can generate them at realfavicongenerator.net -->
  <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 -->
  <meta name="msapplication-TileColor" content="#2b5797" /> <!-- MS Icons -->
  <meta name="msapplication-TileImage" content="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/images/logos/EMBL-EBI/favicons/mstile-144x144.png" />

  <!-- CSS: implied media=all -->
  <!-- CSS concatenated and minified via ant build script-->
  <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/ebi-global.css" type="text/css" media="all" />
38
  <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.3/fonts.css" type="text/css" media="all" />
39 40 41 42 43 44 45

  <!-- Use this CSS file for any custom styling -->
  <!--
    <link rel="stylesheet" href="css/custom.css" type="text/css" media="all" />
  -->

  <meta name="ebi:masthead-color" content="#000000" />
Ken Hawkins's avatar
Ken Hawkins committed
46
  <meta name="ebi:masthead-image" content="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.1/images/backgrounds/embl-ebi-background-4.jpg" !inline />
47 48 49 50 51
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:site" content="@emblebi" />
  <meta name="twitter:site:id" content="123582098" />
  <meta name="twitter:creator" content="@emblebi" />
  <meta name="twitter:creator:id" content="123582098" />
Ken Hawkins's avatar
Ken Hawkins committed
52
  <meta name="twitter:title" content="EMBL-EBI Digital Bookshelf" />
Ken Hawkins's avatar
Ken Hawkins committed
53
  <meta name="twitter:url" content="http://www.ebi.ac.uk/about/digital-bookshelf" />
Ken Hawkins's avatar
Ken Hawkins committed
54
  <meta name="twitter:description" content="Download our latest publications and annual reports" />
55 56 57 58 59 60 61 62


  <!-- you can replace this with theme-[projectname].css. See http://www.ebi.ac.uk/web/style/colour for details of how to do this -->
  <!-- also inform ES so we can host your colour palette file -->
  <link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/css/theme-embl-petrol.css" type="text/css" media="all" />
  <!-- end CSS-->
</head>

63
<body class="level2 embl-compatibility-ebivf  ebi-vf1-integration"><!-- add any of your classes or IDs -->
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
  <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>

  <header id="masthead-black-bar" class="clearfix masthead-black-bar">
    <nav class="row">
      <ul id="global-nav" class="menu">
        <!-- set active class as appropriate -->
        <li class="home-mobile"><a href="//www.ebi.ac.uk"></a></li>
        <li class="home"><a href="//www.ebi.ac.uk">EMBL-EBI</a></li>
        <li class="services"><a href="//www.ebi.ac.uk/services">Services</a></li>
        <li class="research"><a href="//www.ebi.ac.uk/research">Research</a></li>
        <li class="training"><a href="//www.ebi.ac.uk/training">Training</a></li>
        <li class="about active"><a href="//www.ebi.ac.uk/about">About us</a></li>
        <li class="search">
          <a href="#" data-toggle="search-global-dropdown"><span class="show-for-small-only">Search</span></a>
          <div id="search-global-dropdown" class="dropdown-pane" data-dropdown data-options="closeOnClick:true;">
          <!-- 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">Hinxton</button>
          <!-- The dropdown menu will be programatically added by script.js -->
        </li>
      </ul>
    </nav>
  </header>
  <div data-sticky-container>
    <header id="masthead" class="masthead" data-sticky data-sticky-on="large" data-top-anchor="content:top" data-btm-anchor="content:bottom">
      <div class="masthead-inner row">
        <!-- local-title -->
        <div class="columns medium-12" id="local-title">
          <h1><a href="/about" title="Back to About us">About us</a></h1>
        </div>
        <!-- /local-title -->
        <!-- local-nav -->
        <nav>
          <ul id="local-nav" class="dropdown menu float-left" data-description="navigational">
            <li class=" first"><a href="/about">Overview</a></li>
            <li class=""><a href="/about/jobs" title="Opportunities at EMBL-EBI">Jobs</a></li>
            <li class=""><a href="/about/people" title="Staff directory">People &amp; groups</a></li>
            <li class=""><a href="/about/news" title="">News</a></li>
            <li class=""><a href="/about/events">Events</a></li>
            <li class=" active-trail last active"><a href="/about/contact" title="Contact External Relations" class="active-trail active">Contact us</a></li>
          </ul>
        </nav>
        <!-- /local-nav -->
      </div>
    </header>
  </div>
  <div id="content">
    <!-- Suggested layout containers -->
    <section id="main-content-area" class="" role="main">

      <!--.l-main -->
      <main id="main-content-area" role="main" class="row l-main">

        <div class="secondary-menu vf-u-padding__top--sm">
          <div class="menu-block-wrapper menu-block-4 menu-name-main-menu parent-mlid-0 menu-level-3">
          <ul class="menu menu-tree-menu"><li class="first leaf has-children menu-mlid-3057"><a href="/about/leadership" title="Leadership and guidance structure">Leadership</a></li>
          <li class="leaf menu-mlid-3075"><a href="/about/funding" title="Funding of EMBL-EBI">Funding</a></li>
          <li class="leaf menu-mlid-3079"><a href="/about/background" title="History of EMBL-EBI">Background</a></li>
          <li class="leaf has-children menu-mlid-3076"><a href="/about/collaborations" title="EMBL-EBI partnerships">Collaborations</a></li>
Ken Hawkins's avatar
Ken Hawkins committed
132 133
          <li class="leaf has-children "><a href="/about/our-impact" title="Impact: reports, facts and figures" class="">Our impact</a></li>
          <li class="leaf has-children active-trail active menu-mlid-14438"><a href="/about/digital-bookshelf" title="Digital bookshelf" class="active-trail active">Digital Bookshelf</a></li>
134 135 136 137
          <li class="last leaf has-children menu-mlid-14440"><a href="/about/equality-in-science">Equality and Diversity</a></li>
          </ul></div>
        </div>

Ken Hawkins's avatar
Ken Hawkins committed
138 139 140
      <!-- Beta banner -->
      <link rel="import" href="https://dev.beta.embl.org/api/v1/pattern.html?filter-content-type=article&filter-id=9102&pattern=node-body&source=contenthub" data-target="self" data-embl-js-content-hub-loader>

141 142 143 144 145 146
      <!-- Intro -->
      <section class="vf-intro | embl-grid embl-grid--has-centered-content vf-u-padding__top--xxl">
        <div>
          <!-- empty -->
        </div>
        <div>
Ken Hawkins's avatar
Ken Hawkins committed
147
          <h1 class="black-color vf-intro__heading">EMBL-EBI Digital Bookshelf</h1>
148

Ken Hawkins's avatar
Ken Hawkins committed
149
          <p class="vf-lede">Want to learn more about EMBL-EBI? Download our latest publications and annual reports below.</p>
150

151
          <p class="vf-intro__text">Want to stay updated? <a href="https://us9.list-manage.com/subscribe?u=d50725c1556266fd605025eaf&amp;id=3f8f2f09da" class="vf-link">Subscribe to EMBL-EBI publications</a>.</p>
152 153 154 155
        </div>
      </section>


Ken Hawkins's avatar
Ken Hawkins committed
156

Ken Hawkins's avatar
Ken Hawkins committed
157
      <style>
Ken Hawkins's avatar
Ken Hawkins committed
158 159 160 161 162 163 164 165
      body .vf-card {
        grid-template-rows: 138px repeat(6, 36px);
      }
      body .vf-card__image {
        /* this works better when a square-ish image cover needs to be cropped */
        object-position: bottom;
      }
      body .vf-card__image.vf-card__image-top {
Ken Hawkins's avatar
Ken Hawkins committed
166
        /* this works better when a square-ish image cover needs to be cropped */
Ken Hawkins's avatar
Ken Hawkins committed
167
        object-position: top;
Ken Hawkins's avatar
Ken Hawkins committed
168 169
      }
      </style>
170

Ken Hawkins's avatar
Ken Hawkins committed
171 172 173 174 175 176 177 178 179 180 181 182 183 184
      <!-- IE11 fixes -->
      <style>
      @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        body .vf-card {
          max-width: 22%;
          min-width: 22%;
        }

        body .vf-card__image {
          height: auto;
        }
      }
      </style>

Ken Hawkins's avatar
Ken Hawkins committed
185
      <!-- About EBI -->
186 187
      <section class="embl-grid embl-grid--has-centered-content">
      <div>
Ken Hawkins's avatar
Ken Hawkins committed
188
        <h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">About EMBL-EBI</h4>
189 190 191 192 193
      </div>
      <div class="vf-content">

        <section class="vf-grid vf-grid__col-3">

Ken Hawkins's avatar
Ken Hawkins committed
194
          <a href="https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Overview-2018.pdf" class="vf-card -card--navigation">
195
            <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Overview-2018.jpg" !inline alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
196
            <div class="vf-card__content">
Ken Hawkins's avatar
Ken Hawkins committed
197 198 199
              <h3 class="vf-card__title">
                EMBL-EBI Overview
              </h3>
200
              <p class="vf-card__text">
Ken Hawkins's avatar
Ken Hawkins committed
201
                A brief overview of what EMBL-EBI does and why this matters.
202 203 204 205
              </p>
            </div>
          </a>

Ken Hawkins's avatar
Ken Hawkins committed
206
          <a href="https://www.embl.org/files/wp-content/uploads/Innovation_and_translation-2019.pdf" class="vf-card -card--navigation">
207
            <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/Innovation_and_translation-2019.jpg" !inline alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
Ken Hawkins's avatar
Ken Hawkins committed
208
            <div class="vf-card__content">
Ken Hawkins's avatar
Ken Hawkins committed
209 210 211
              <h3 class="vf-card__title">
                Innovation <span class="nowrap">and Translation</span>
              </h3>
Ken Hawkins's avatar
Ken Hawkins committed
212
              <p class="vf-card__text">
Ken Hawkins's avatar
Ken Hawkins committed
213
                An outline of the practical applications and innovations enabled by EMBL-EBI data resources.
Ken Hawkins's avatar
Ken Hawkins committed
214 215 216
              </p>
            </div>
          </a>
217

Ken Hawkins's avatar
Ken Hawkins committed
218
          <a href="https://www.embl.org/files/wp-content/uploads/Industry_Programme-2018.pdf" class="vf-card -card--navigation">
219
            <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/Industry_Programme-2018.jpg" !inline alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
220
            <div class="vf-card__content">
Ken Hawkins's avatar
Ken Hawkins committed
221 222 223
              <h3 class="vf-card__title">
                Industry Programme
              </h3>
224
              <p class="vf-card__text">
Ken Hawkins's avatar
Ken Hawkins committed
225
                Existing and potential collaborations with the private sector.
226 227 228 229 230 231 232 233 234
              </p>
            </div>
          </a>

        </section>
      </div>
      <div><!-- empty --></div>
      </section>

Ken Hawkins's avatar
Ken Hawkins committed
235 236 237
      <br/><br/><br/><br/>
      <hr/>

238

Ken Hawkins's avatar
Ken Hawkins committed
239 240 241
      <!-- Scientific reports -->
      <section class="embl-grid embl-grid--has-centered-content">
      <div>
Ken Hawkins's avatar
Ken Hawkins committed
242
        <h4 class="vf-text vf-text-heading--3 vf-u-margin__top--"><span class="nowrap">Annual reports</span></h4>
Ken Hawkins's avatar
Ken Hawkins committed
243 244 245
      </div>
      <div class="vf-content">

Ken Hawkins's avatar
Ken Hawkins committed
246
        <p class="">Our Annual reports highlight the achievements and growth of our institute year on year.</p>
Ken Hawkins's avatar
Ken Hawkins committed
247 248 249

        <section class="vf-grid vf-grid__col-3">

Ken Hawkins's avatar
Ken Hawkins committed
250
          <a href="https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2018.pdf" class="vf-card -card--navigation">
251
            <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2018.jpg" !inline alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
Ken Hawkins's avatar
Ken Hawkins committed
252 253 254 255 256 257 258 259 260 261
            <div class="vf-card__content">
              <!-- <h3 class="vf-card__title">
                Report 2017
              </h3> -->
              <p class="vf-card__text">
                A PDF of our most recent Annual report
              </p>
            </div>
          </a>

Ken Hawkins's avatar
Ken Hawkins committed
262
          <a href="https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2017.pdf" class="vf-card -card--navigation">
263
            <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2017.jpg" !inline alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
Ken Hawkins's avatar
Ken Hawkins committed
264 265 266 267 268
            <div class="vf-card__content">
              <!-- <h3 class="vf-card__title">
                Report 2017
              </h3> -->
              <p class="vf-card__text">
Ken Hawkins's avatar
Ken Hawkins committed
269
                Download the EMBL-EBI 2017 Annual report
Ken Hawkins's avatar
Ken Hawkins committed
270 271 272 273
              </p>
            </div>
          </a>

Ken Hawkins's avatar
Ken Hawkins committed
274
          <a href="https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2016.pdf" class="vf-card -card--navigation">
275
            <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2016.jpg" !inline alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
Ken Hawkins's avatar
Ken Hawkins committed
276 277 278 279 280
            <div class="vf-card__content">
              <!-- <h3 class="vf-card__title">
                Report 2017
              </h3> -->
              <p class="vf-card__text">
Ken Hawkins's avatar
Ken Hawkins committed
281
                Download the EMBL-EBI 2016 Annual report
Ken Hawkins's avatar
Ken Hawkins committed
282 283 284 285
              </p>
            </div>
          </a>

Ken Hawkins's avatar
Ken Hawkins committed
286
          <a href="https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2015.pdf" class="vf-card -card--navigation">
287
            <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2015.jpg" !inline alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
Ken Hawkins's avatar
Ken Hawkins committed
288 289 290 291 292
            <div class="vf-card__content">
              <!-- <h3 class="vf-card__title">
                Report 2017
              </h3> -->
              <p class="vf-card__text">
Ken Hawkins's avatar
Ken Hawkins committed
293
                Download the EMBL-EBI 2015 Annual report
Ken Hawkins's avatar
Ken Hawkins committed
294 295 296 297
              </p>
            </div>
          </a>

Ken Hawkins's avatar
Ken Hawkins committed
298
          <a href="https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2014.pdf" class="vf-card -card--navigation">
299
            <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2014.jpg" !inline alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
Ken Hawkins's avatar
Ken Hawkins committed
300 301 302 303 304
            <div class="vf-card__content">
              <!-- <h3 class="vf-card__title">
                Report 2017
              </h3> -->
              <p class="vf-card__text">
Ken Hawkins's avatar
Ken Hawkins committed
305
                Download the EMBL-EBI 2014 Annual report
Ken Hawkins's avatar
Ken Hawkins committed
306 307 308
              </p>
            </div>
          </a>
309

Ken Hawkins's avatar
Ken Hawkins committed
310
          <a href="https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2013.pdf" class="vf-card -card--navigation">
311
            <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2013.jpg" !inline alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
Ken Hawkins's avatar
Ken Hawkins committed
312 313 314 315 316
            <div class="vf-card__content">
              <!-- <h3 class="vf-card__title">
                Report 2017
              </h3> -->
              <p class="vf-card__text">
Ken Hawkins's avatar
Ken Hawkins committed
317
                Download the EMBL-EBI 2013 Annual report
Ken Hawkins's avatar
Ken Hawkins committed
318 319 320
              </p>
            </div>
          </a>
321

Ken Hawkins's avatar
Ken Hawkins committed
322
          <a href="https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2012.pdf" class="vf-card -card--navigation">
323
            <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2012.jpg" !inline alt="Download the report" class="vf-card__image vf-card__image-top" style="border: 1px solid rgba(0,0,0,.2)">
Ken Hawkins's avatar
Ken Hawkins committed
324 325 326 327 328
            <div class="vf-card__content">
              <!-- <h3 class="vf-card__title">
                Report 2017
              </h3> -->
              <p class="vf-card__text">
Ken Hawkins's avatar
Ken Hawkins committed
329
                Download the EMBL-EBI 2012 Annual report
Ken Hawkins's avatar
Ken Hawkins committed
330 331 332 333
              </p>
            </div>
          </a>

Ken Hawkins's avatar
Ken Hawkins committed
334
          <a href="https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2011.pdf" class="vf-card -card--navigation">
335
            <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2011.jpg" !inline alt="Download the report" class="vf-card__image vf-card__image-top" style="border: 1px solid rgba(0,0,0,.2)">
Ken Hawkins's avatar
Ken Hawkins committed
336 337 338 339 340
            <div class="vf-card__content">
              <!-- <h3 class="vf-card__title">
                Report 2017
              </h3> -->
              <p class="vf-card__text">
Ken Hawkins's avatar
Ken Hawkins committed
341
                Download the EMBL-EBI 2011 Annual report
Ken Hawkins's avatar
Ken Hawkins committed
342 343 344 345
              </p>
            </div>
          </a>

Ken Hawkins's avatar
Ken Hawkins committed
346
          <a href="https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2010.pdf" class="vf-card -card--navigation">
347
            <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2010.jpg" !inline alt="Download the report" class="vf-card__image vf-card__image-top" style="border: 1px solid rgba(0,0,0,.2)">
Ken Hawkins's avatar
Ken Hawkins committed
348 349 350 351 352
            <div class="vf-card__content">
              <!-- <h3 class="vf-card__title">
                Report 2017
              </h3> -->
              <p class="vf-card__text">
Ken Hawkins's avatar
Ken Hawkins committed
353
                Download the EMBL-EBI 2010 Annual report
Ken Hawkins's avatar
Ken Hawkins committed
354 355 356 357
              </p>
            </div>
          </a>

Ken Hawkins's avatar
Ken Hawkins committed
358
          <a href="https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2009.pdf" class="vf-card -card--navigation">
359
            <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Scientific_Report-2009.jpg" !inline alt="Download the report" class="vf-card__image vf-card__image-top" style="border: 1px solid rgba(0,0,0,.2)">
Ken Hawkins's avatar
Ken Hawkins committed
360 361 362 363 364
            <div class="vf-card__content">
              <!-- <h3 class="vf-card__title">
                Report 2017
              </h3> -->
              <p class="vf-card__text">
Ken Hawkins's avatar
Ken Hawkins committed
365
                Download the EMBL-EBI 2009 Annual report
Ken Hawkins's avatar
Ken Hawkins committed
366 367 368 369 370 371 372 373 374 375 376 377 378
              </p>
            </div>
          </a>


        </section>

        <p class="vf-summary__text vf-text-body--">
          These reports compliment the <a href="https://www.embl.de/aboutus/communication_outreach/publications/annual_report/">EMBL Annual Reports</a>, which provide an overview of achievements at all EMBL sites.
        </p>
      </div>
      <div><!-- empty --></div>
      </section>
379

Ken Hawkins's avatar
Ken Hawkins committed
380 381
      <hr/>

Ken Hawkins's avatar
Ken Hawkins committed
382 383 384 385 386 387 388 389 390 391
      <!-- Beagrie Report -->
      <section class="embl-grid embl-grid--has-centered-content">
      <div>
        <h4 class="vf-text vf-text-heading--3 vf-u-margin__top--"> <span class="nowrap">Impact Report</span></h4>
      </div>
      <div class="vf-content">

        <p>In 2015 we worked with a management consultancy, Charles Beagrie Ltd., to facilitate a large-scale, economic analysis of the institute’s impact on research practice and the global economy.</p>

        <section class="vf-grid vf-grid__col-3">
Ken Hawkins's avatar
Ken Hawkins committed
392
          <a href="https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Impact_report-2016-summary.pdf" class="vf-card -card--navigation">
393
            <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Impact_report-2016-summary.jpg" !inline alt="Download the report" class="vf-card__image vf-card__image-top" style="border: 1px solid rgba(0,0,0,.2)">
Ken Hawkins's avatar
Ken Hawkins committed
394 395 396 397 398
            <div class="vf-card__content">
              <!-- <h3 class="vf-card__title">
                Report 2017
              </h3> -->
              <p class="vf-card__text">
Ken Hawkins's avatar
Ken Hawkins committed
399
                Download the executive summary
Ken Hawkins's avatar
Ken Hawkins committed
400 401 402 403
              </p>
            </div>
          </a>

Ken Hawkins's avatar
Ken Hawkins committed
404
          <a href="https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Impact_report-2016.pdf" class="vf-card -card--navigation">
405
            <img src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/EMBL-EBI_Impact_report-2016.jpg" !inline alt="Download the report" class="vf-card__image vf-card__image-top" style="border: 1px solid rgba(0,0,0,.2)">
Ken Hawkins's avatar
Ken Hawkins committed
406 407 408 409 410
            <div class="vf-card__content">
              <!-- <h3 class="vf-card__title">
                Report 2017
              </h3> -->
              <p class="vf-card__text">
Ken Hawkins's avatar
Ken Hawkins committed
411
                Download the full report
Ken Hawkins's avatar
Ken Hawkins committed
412 413 414 415 416 417 418 419 420
              </p>
            </div>
          </a>

        </section>
      </div>
      <div><!-- empty --></div>
      </section>

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

      <!-- END VF 2.0 -->

      </main>
      <!--/.l-main -->

      <!--.l-footer -->
      <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>

    </section>
    <!-- Optional local footer (insert citation / project-specific copyright / etc here -->
    <!--
    <footer id="local-footer" class="local-footer" role="local-footer">
      <div class="row">
        <span class="reference">How to reference this page: ...</span>
      </div>
    </footer>
    -->
    <!-- End optional local footer -->
  </div>
  <!-- End suggested layout containers / #content -->

  <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>

Ken Hawkins's avatar
Ken Hawkins committed
462
  <!-- VF 2.0 CSS, JS -->
463
  <link rel="stylesheet" href="https://dev.assets.emblstatic.net/embl-design-system/v1.0.0-alpha.2/css/styles.css" />
464
  <script src="https://dev.assets.emblstatic.net/embl-design-system/develop/scripts/scripts.js"></script>
465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484

  <!-- JavaScript -->
  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <!--
  <script>window.jQuery || document.write('<script src="../js/libs/jquery-1.10.2.min.js"><\/script>')</script>
  -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

  <script defer="defer" src="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/js/script.js"></script>

  <!-- The Foundation theme JavaScript -->
  <script src="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/libraries/foundation-6/js/foundation.js"></script>
  <script src="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.3/js/foundationExtendEBI.js"></script>
  <script type="text/JavaScript">$(document).foundation();</script>
  <script type="text/JavaScript">$(document).foundationExtendEBI();</script>

  <!-- Google Analytics details... -->
  <script type="text/javascript">!function(e,a,n,t,i,o,c){e.GoogleAnalyticsObject=i,e[i]=e[i]||function(){(e[i].q=e[i].q||[]).push(arguments)},e[i].l=1*new Date,o=a.createElement(n),c=a.getElementsByTagName(n)[0],o.async=1,o.src="//www.google-analytics.com/analytics.js",c.parentNode.insertBefore(o,c)}(window,document,"script",0,"ga"),ga("create","UA-629242-1",{cookieDomain:"auto"}),ga("require","linkid","linkid.js"),ga("set","anonymizeIp",!0),ga("send","pageview");</script>
</body>
</html>