Commit ee845c86 authored by Ken Hawkins's avatar Ken Hawkins
Browse files

List all reports

parent fc719595
Pipeline #32183 passed with stages
in 2 minutes and 9 seconds
...@@ -168,10 +168,12 @@ ...@@ -168,10 +168,12 @@
</section> </section>
<style>
.vf-card__image {
/* this works better when a square-ish image cover needs to be cropped */
object-position: right;
}
</style>
<section class="embl-grid embl-grid--has-centered-content vf-u-padding__top--xl"> <section class="embl-grid embl-grid--has-centered-content vf-u-padding__top--xl">
<div> <div>
...@@ -183,23 +185,24 @@ ...@@ -183,23 +185,24 @@
<div><!-- empty --></div> <div><!-- empty --></div>
</section> </section>
<!-- Innovation and translation -->
<!-- About EBI -->
<section class="embl-grid embl-grid--has-centered-content"> <section class="embl-grid embl-grid--has-centered-content">
<div> <div>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">Innovation <span class="nowrap">and translation</span></h4> <h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">EMBL-EBI Overview</h4>
</div> </div>
<div class="vf-content"> <div class="vf-content">
<section class="vf-grid vf-grid__col-3"> <section class="vf-grid vf-grid__col-3">
<a href="https://www.emmbl.de" class="vf-card -card--navigation"> <a href="publications/EMBL-EBI_Overview-2018.pdf" 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)"> <img src="publications/EMBL-EBI_Overview-2018.jpg" alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
<div class="vf-card__content"> <div class="vf-card__content">
<!-- <h3 class="vf-card__title"> <!-- <h3 class="vf-card__title">
Report 2017 Report 2017
</h3> --> </h3> -->
<p class="vf-card__text"> <p class="vf-card__text">
A PDF of our most recent annual report. All about EMB-EBI ...
</p> </p>
</div> </div>
</a> </a>
...@@ -209,17 +212,17 @@ ...@@ -209,17 +212,17 @@
<div><!-- empty --></div> <div><!-- empty --></div>
</section> </section>
<!-- Beagrie Report --> <!-- Innovation and translation -->
<section class="embl-grid embl-grid--has-centered-content"> <section class="embl-grid embl-grid--has-centered-content">
<div> <div>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--"> <span class="nowrap">Beagrie Report</span></h4> <h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">Innovation <span class="nowrap">and translation</span></h4>
</div> </div>
<div class="vf-content"> <div class="vf-content">
<section class="vf-grid vf-grid__col-3"> <section class="vf-grid vf-grid__col-3">
<a href="https://www.emmbl.de" class="vf-card -card--navigation"> <a href="publications/Innovation_and_translation-2019.pdf" 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)"> <img src="publications/Innovation_and_translation-2019.jpg" alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
<div class="vf-card__content"> <div class="vf-card__content">
<!-- <h3 class="vf-card__title"> <!-- <h3 class="vf-card__title">
Report 2017 Report 2017
...@@ -235,23 +238,37 @@ ...@@ -235,23 +238,37 @@
<div><!-- empty --></div> <div><!-- empty --></div>
</section> </section>
<!-- Industry Programme --> <!-- Beagrie Report -->
<section class="embl-grid embl-grid--has-centered-content"> <section class="embl-grid embl-grid--has-centered-content">
<div> <div>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--"><span class="nowrap">Industry Programme</span></h4> <h4 class="vf-text vf-text-heading--3 vf-u-margin__top--"> <span class="nowrap">Impact Report</span></h4>
</div> </div>
<div class="vf-content"> <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"> <section class="vf-grid vf-grid__col-3">
<a href="https://www.emmbl.de" class="vf-card -card--navigation"> <a href="publications/EMBL-EBI_Impact_report-2016-summary.pdf" 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)"> <img src="publications/EMBL-EBI_Impact_report-2016-summary.jpg" alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
<div class="vf-card__content"> <div class="vf-card__content">
<!-- <h3 class="vf-card__title"> <!-- <h3 class="vf-card__title">
Report 2017 Report 2017
</h3> --> </h3> -->
<p class="vf-card__text"> <p class="vf-card__text">
A PDF of our most recent annual report. Download the executive summary.
</p>
</div>
</a>
<a href="publications/EMBL-EBI_Impact_report-2016.pdf" class="vf-card -card--navigation">
<img src="publications/EMBL-EBI_Impact_report-2016.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">
Download the full report.
</p> </p>
</div> </div>
</a> </a>
...@@ -261,39 +278,27 @@ ...@@ -261,39 +278,27 @@
<div><!-- empty --></div> <div><!-- empty --></div>
</section> </section>
<!-- Industry Programme -->
<!-- Scientific reports -->
<section class="embl-grid embl-grid--has-centered-content"> <section class="embl-grid embl-grid--has-centered-content">
<div> <div>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--"><span class="nowrap">Scientific reports</span></h4> <h4 class="vf-text vf-text-heading--3 vf-u-margin__top--"><span class="nowrap">Industry Programme</span></h4>
</div> </div>
<div class="vf-content"> <div class="vf-content">
<section class="vf-grid vf-grid__col-3"> <section class="vf-grid vf-grid__col-3">
<a href="https://www.emmbl.de" class="vf-card -card--navigation"> <a href="publications/Industry_Programme-2018.pdf" 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)"> <img src="publications/Industry_Programme-2018.jpg" alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
<div class="vf-card__content"> <div class="vf-card__content">
<!-- <h3 class="vf-card__title"> <!-- <h3 class="vf-card__title">
Report 2017 Report 2017
</h3> --> </h3> -->
<p class="vf-card__text"> <p class="vf-card__text">
A PDF of our most recent annual report. EMBL-EBI and Industry.
</p> </p>
</div> </div>
</a> </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>.
</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> </section>
</div> </div>
<div><!-- empty --></div> <div><!-- empty --></div>
...@@ -303,15 +308,16 @@ ...@@ -303,15 +308,16 @@
<!-- Scientific reports --> <!-- Scientific reports -->
<section class="embl-grid embl-grid--has-centered-content"> <section class="embl-grid embl-grid--has-centered-content">
<div> <div>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">Some other <span class="nowrap">type of report</span></h4> <h4 class="vf-text vf-text-heading--3 vf-u-margin__top--"><span class="nowrap">Scientific reports</span></h4>
</div> </div>
<div class="vf-content"> <div class="vf-content">
Maybe these get shown as multiples in a row. <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>
<section class="vf-grid vf-grid__col-3"> <section class="vf-grid vf-grid__col-3">
<a href="https://www.emmbl.de" class="vf-card -card--navigation"> <a href="publications/EMBL-EBI_Scientific_Report-2017.pdf" 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)"> <img src="publications/EMBL-EBI_Scientific_Report-2017.jpg" alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
<div class="vf-card__content"> <div class="vf-card__content">
<!-- <h3 class="vf-card__title"> <!-- <h3 class="vf-card__title">
Report 2017 Report 2017
...@@ -322,38 +328,111 @@ ...@@ -322,38 +328,111 @@
</div> </div>
</a> </a>
<a href="https://www.emmbl.de" class="vf-card -card--navigation"> <a href="publications/EMBL-EBI_Scientific_Report-2016.pdf" 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)"> <img src="publications/EMBL-EBI_Scientific_Report-2016.jpg" alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
<div class="vf-card__content"> <div class="vf-card__content">
<!-- <h3 class="vf-card__title"> <!-- <h3 class="vf-card__title">
Report 2017 Report 2017
</h3> --> </h3> -->
<p class="vf-card__text"> <p class="vf-card__text">
A PDF of our most recent annual report. The 2016 annual report.
</p> </p>
</div> </div>
</a> </a>
<a href="https://www.emmbl.de" class="vf-card -card--navigation"> <a href="publications/EMBL-EBI_Scientific_Report-2015.pdf" 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)"> <img src="publications/EMBL-EBI_Scientific_Report-2015.jpg" alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
<div class="vf-card__content"> <div class="vf-card__content">
<!-- <h3 class="vf-card__title"> <!-- <h3 class="vf-card__title">
Report 2017 Report 2017
</h3> --> </h3> -->
<p class="vf-card__text"> <p class="vf-card__text">
A PDF of our most recent annual report. The 2015 annual report.
</p> </p>
</div> </div>
</a> </a>
</section> <a href="publications/EMBL-EBI_Scientific_Report-2014.pdf" class="vf-card -card--navigation">
</div> <img src="publications/EMBL-EBI_Scientific_Report-2014.jpg" alt="Download the report" class="vf-card__image" style="border: 1px solid rgba(0,0,0,.2)">
<div><!-- empty --></div> <div class="vf-card__content">
</section> <!-- <h3 class="vf-card__title">
Report 2017
</h3> -->
<p class="vf-card__text">
The 2014 annual report.
</p>
</div>
</a>
<a href="publications/EMBL-EBI_Scientific_Report-2013.pdf" class="vf-card -card--navigation">
<img src="publications/EMBL-EBI_Scientific_Report-2013.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">
The 2013 annual report.
</p>
</div>
</a>
<a href="publications/EMBL-EBI_Scientific_Report-2012.pdf" class="vf-card -card--navigation">
<img src="publications/EMBL-EBI_Scientific_Report-2012.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">
The 2012 annual report.
</p>
</div>
</a>
<a href="publications/EMBL-EBI_Scientific_Report-2011.pdf" class="vf-card -card--navigation">
<img src="publications/EMBL-EBI_Scientific_Report-2011.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">
The 2011 annual report.
</p>
</div>
</a>
<a href="publications/EMBL-EBI_Scientific_Report-2010.pdf" class="vf-card -card--navigation">
<img src="publications/EMBL-EBI_Scientific_Report-2010.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">
The 2010 annual report.
</p>
</div>
</a>
<a href="publications/EMBL-EBI_Scientific_Report-2009.pdf" class="vf-card -card--navigation">
<img src="publications/EMBL-EBI_Scientific_Report-2009.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">
The 2009 annual report.
</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>
<!-- END VF 2.0 --> <!-- END VF 2.0 -->
......
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