Commit 4695cf07 authored by Ken Hawkins's avatar Ken Hawkins
Browse files

Add placeholder bookshelf

parent 94ede3ea
Pipeline #31460 passed with stages
in 2 minutes and 19 seconds
<!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" />
<link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/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" />
-->
<meta name="ebi:masthead-color" content="#000000" />
<meta name="ebi:masthead-image" content="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.1/images/backgrounds/embl-ebi-background-4.jpg" />
<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" />
<meta name="twitter:title" content="Contact us" />
<meta name="twitter:url" content="http://www.ebi.ac.uk/about/contact" />
<meta name="twitter:description" content="Contact details for EMBL-EBI" />
<!-- 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>
<body class="level2"><!-- add any of your classes or IDs -->
<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">
<!-- Your menu structure should make a breadcrumb redundant, but if a breadcrump is needed uncomment the below -->
<!-- <nav aria-label="You are here:" role="navigation">
<ul class="breadcrumbs">
<li><a href="../../">EBI Framework</a></li>
<li><a href="../">Sample pages</a></li>
<li>
<span class="show-for-sr">Current: </span> Blank boilerplate
</li>
</ul>
</nav> -->
<!-- Content updates https://docs.google.com/document/d/1jzdtrkrA6TLC6oG2VipOKA6NqYo-pbu9Wf3ptsJDzMI/edit -->
<!--.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>
<li class="leaf has-children active-trail active menu-mlid-14438"><a href="/about/our-impact" title="Impact: reports, facts and figures" class="active-trail active">Our impact</a></li>
<li class="last leaf has-children menu-mlid-14440"><a href="/about/equality-in-science">Equality and Diversity</a></li>
</ul></div>
</div>
<!-- Intro -->
<section class="vf-intro | embl-grid embl-grid--has-centered-content vf-u-padding__top--xxl">
<div>
<!-- empty -->
</div>
<div>
<h1 class="black-color vf-intro__heading">The Digital Bookshelf</h1>
<p class="vf-lede">Want to learn more about EMBL-EBI, or forget to pick up a publication in person? Browse our collection of publications here.</p>
<p class="vf-intro__text">Can't find it? E-mail us at <a href="#" class="vf-link">eeeeeemail@ebi.ac.uk</a></p>
</div>
</section>
<section class="embl-grid embl-grid--has-centered-content vf-u-padding__top--xl">
<div>
<!-- empty -->
</div>
<section>
<!-- <h2 class="vf-text vf-text-heading--1 black-color xvf-text--invert">EMBL-EBI at a glance</h2> -->
</section>
<div><!-- empty --></div>
</section>
<!-- Scientific reports -->
<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">Scientific reports</span></h4>
</div>
<div class="vf-content">
<section class="vf-grid vf-grid__col-3">
<a href="https://www.emmbl.de" class="vf-card -card--navigation">
<img src="../impact/annual-report--cover-2017.jpg" alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
<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>
<div class="vf-grid__col--span-2">
<p class="">Our Scientific Report highlights the achievements of each of our research, service and support teams, provides facts and figures on how our data resources are used, and reports on staff composition.</p>
<p class="vf-summary__text vf-text-body--">
Previous reports: <a href="//www.ebi.ac.uk/sites/ebi.ac.uk/files/groups/external_relations/Documents/EMBL-EBI_Impact_Report_2016_web.pdf">2016</a>, <a href="//www.ebi.ac.uk/sites/ebi.ac.uk/files/groups/external_relations/Documents/EMBL_EBI_ASR_2015_DigitalEdition23Jul2016.pdf">2015</a>, <a href="//www.ebi.ac.uk/sites/ebi.ac.uk/files/groups/external_relations/Documents/EMBL_EBI_Annual_Scientific_Report_2014_Low.pdf">2014</a>, <a href="//www.ebi.ac.uk/sites/ebi.ac.uk/files/groups/external_relations/Documents/EMBL_EBI_Annual_Report_2013_hi_3.pdf">2013</a>, <a href="//www.ebi.ac.uk/sites/ebi.ac.uk/files/groups/external_relations/Documents/EMBL_EBI_ASR_2012_lo-rez.pdf">2012 </a>, <a href="/sites/ebi.ac.uk/files/groups/external_relations/Documents/EMBL-EBI_Annual_Report_2011_low.pdf">2011</a>, <a href="/sites/ebi.ac.uk/files/groups/external_relations/Documents/EMBL-EBI_Annual_Scientific_Report_2010_low.pdf">2010</a>, <a href="/sites/ebi.ac.uk/files/groups/external_relations/Documents/EMBL-EBI_Annual_Scientific_Report_2009.pdf">2009</a>;
<a href="https://us9.list-manage.com/subscribe?u=d50725c1556266fd605025eaf&amp;id=3f8f2f09da" class="vf-link">Subscribe to EMBL-EBI publications</a>.
</p>
<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>
</section>
</div>
<div><!-- empty --></div>
</section>
<!-- Scientific reports -->
<section class="embl-grid embl-grid--has-centered-content">
<div>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">Some other <span class="nowrap">type of report</span></h4>
</div>
<div class="vf-content">
Maybe these get shown as multiples in a row.
<section class="vf-grid vf-grid__col-3">
<a href="https://www.emmbl.de" class="vf-card -card--navigation">
<img src="../impact/annual-report--cover-2017.jpg" alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
<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>
<a href="https://www.emmbl.de" class="vf-card -card--navigation">
<img src="../impact/annual-report--cover-2017.jpg" alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
<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>
<a href="https://www.emmbl.de" class="vf-card -card--navigation">
<img src="../impact/annual-report--cover-2017.jpg" alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
<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>
</section>
</div>
<div><!-- empty --></div>
</section>
<!-- 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>
<!-- VF 2.0 JS -->
<link rel="stylesheet" href="https://dev.assets.emblstatic.net/vf/v2.0.0-beta.1/scripts/scripts.js" />
<link rel="stylesheet" href="https://dev.assets.emblstatic.net/vf/v2.0.0-beta.1/css/styles.css" />
<!-- Some fixes when integrating vf1.x with 2.0 -->
<link rel="stylesheet" href="https://wwwdev.ebi.ac.uk/about/teams/web-development/wp-content/themes/vf-themes/assets/css/main.css" />
<!-- 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>
......@@ -353,7 +353,7 @@
<div>
<article class="vf-summary vf-summary--news">
<!-- <span class="vf-summary__date">13 Aug 2019</span> -->
<a href="/sites/ebi.ac.uk/files/groups/external_relations/EMBL-EBI_Scientific_Report_2017_DIGITAL_LR.pdf" class="vf-summary__image"> <img title="Download the report" src="//www.ebi.ac.uk/sites/ebi.ac.uk/files/shared/images/Brochures/EMBL-EBI_Scientific_report_2017_cover.JPG" alt="Download the report" border="0"> </a>
<a href="/sites/ebi.ac.uk/files/groups/external_relations/EMBL-EBI_Scientific_Report_2017_DIGITAL_LR.pdf" class="vf-summary__image"> <img title="Download the report" src="annual-report--cover-2017.jpg" alt="Download the report" border="0" style="border: 1px solid rgba(0,0,0,.2)"> </a>
<!-- <h3 class="vf-summary__title">
<a href="/sites/ebi.ac.uk/files/groups/external_relations/EMBL-EBI_Scientific_Report_2017_DIGITAL_LR.pdf" class="vf-summary__link">EMBL-EBI's achievements</a>
</h3> -->
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment