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

First draft

parent d55c427c
Pipeline #68766 canceled with stages
in 1 minute and 20 seconds
......@@ -164,20 +164,19 @@
<div class="vf-links vf-links__list--easy">
<ul class="vf-links__list | vf-list">
<li class="vf-list__item">
<a class="vf-list__link" href="#Anchor-Text">
Tackling COVID-19
<a class="vf-list__link" href="#status-updates">
Status updates
<svg class="vf-icon vf-icon__arrown--down | vf-list__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M.249,7.207,11.233,19.678h0a1.066,1.066,0,0,0,1.539,0L23.751,7.207a.987.987,0,0,0-.107-1.414l-1.85-1.557a1.028,1.028,0,0,0-1.438.111L12.191,13.8a.25.25,0,0,1-.379,0L3.644,4.346A1.021,1.021,0,0,0,2.948,4a1,1,0,0,0-.741.238L.356,5.793A.988.988,0,0,0,0,6.478.978.978,0,0,0,.249,7.207Z"></path></svg>
</a>
</li>
<li class="vf-list__item">
<a class="vf-list__link" href="#Anchor-Text">
Status updates
<a class="vf-list__link" href="#tackling">
Tackling COVID-19
<svg class="vf-icon vf-icon__arrown--down | vf-list__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M.249,7.207,11.233,19.678h0a1.066,1.066,0,0,0,1.539,0L23.751,7.207a.987.987,0,0,0-.107-1.414l-1.85-1.557a1.028,1.028,0,0,0-1.438.111L12.191,13.8a.25.25,0,0,1-.379,0L3.644,4.346A1.021,1.021,0,0,0,2.948,4a1,1,0,0,0-.741.238L.356,5.793A.988.988,0,0,0,0,6.478.978.978,0,0,0,.249,7.207Z"></path></svg>
</a>
</li>
<li class="vf-list__item">
<a class="vf-list__link" href="#Anchor-Text">
<a class="vf-list__link" href="#get-involved">
Get involved
<svg class="vf-icon vf-icon__arrown--down | vf-list__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M.249,7.207,11.233,19.678h0a1.066,1.066,0,0,0,1.539,0L23.751,7.207a.987.987,0,0,0-.107-1.414l-1.85-1.557a1.028,1.028,0,0,0-1.438.111L12.191,13.8a.25.25,0,0,1-.379,0L3.644,4.346A1.021,1.021,0,0,0,2.948,4a1,1,0,0,0-.741.238L.356,5.793A.988.988,0,0,0,0,6.478.978.978,0,0,0,.249,7.207Z"></path></svg>
</a>
......@@ -187,18 +186,73 @@
</section>
<!-- Status updates -->
<section class="embl-grid embl-grid--has-centered-content vf-u-padding__top--xl">
<div>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--" id="status-updates">
Status updates
</h4>
<!-- <span class="vf-text">EMBL-EBI at a glance</span> -->
</div>
<div class="vf-content">
<section class="vf-grid vf-grid__col-2">
<article>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">Data resources</h4>
<p>EMBL-EBI service and technical teams are working extremely hard to ensure users continue to have access to data and tools that are essential for their research.</p>
<p>As the coronavirus outbreak intensity developed, EMBL-EBI was in the middle of a planned data centre move. As it was easier to complete the move rather than reverse it, the project is continuing as planned and is due to be completed by 9 April.</p>
<p><a href="#" class="vf-link">
Contact help desk for support
</a></p>
</article>
<article>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">Training</h4>
<p>EMBL-EBI Training has paused its programme of onsite courses until at least the end of June 2020. The team is closely monitoring the situation and registration remains open for upcoming events beyond June 2020. </p>
<p>Explore the diverse suite of online training courses and webinars on EBI Training.</p>
<p><a href="#" class="vf-link">
Browse online courses
</a></p>
</article>
<article>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">Research</h4>
<p>Research at EMBL-EBI is heavily computational. Our expectation is that our research groups will continue to function as normally, while working from home.</p>
<p><a href="#" class="vf-link">
Explore our research
</a></p>
</article>
<article>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">Industry Programme</h4>
<p>EMBL-EBI has postponed its Industry Programme workshops until the end of June 2020. The team is closely monitoring the situation and further updates for upcoming workshops will follow as the situation progresses.</p>
<p><a href="#" class="vf-link">
Explore industry partnerships
</a></p>
</article>
</section>
</div>
<div>
<!-- empty -->
</div>
</section>
<!-- What we do to tackle COVID-19 -->
<section class="embl-grid | vf-u-fullbleed vf-u-background-color--grey--lightest vf-u-padding__top--xxl vf-u-padding__bottom--xxl">
<section class="embl-grid | vf-u-fullbleed vf-u-background-color--grey--lightest vf-u-padding__top--xxl vf-u-padding__bottom--xxl" id="tackling">
<div>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top-- vf-u-text-color--ui--black">What we do to tackle COVID-19 <span class="nowrap"></span></h4>
<p>While the physical EMBL-EBI site is closed, staff continue to work from home to tackle COVID-19.</p>
</div>
<div class="">
<section class="vf-grid vf-grid__col-2 | vf-box vf-box--normal" style="">
<section class="vf-grid vf-grid__col-2 | vf-box vf-box--normal vf-u-padding__top--xxl vf-u-padding__bottom--xxl"
style="
background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2Fthumb%2Fa%2Fac%2FService_mark.svg%2F1200px-Service_mark.svg.png&f=1&nofb=1');
background-position: 95% 50%;
background-repeat: no-repeat;
background-size: 40%;
">
<h3 class="vf-box__heading | vf-text-heading--2" style="color: #fff">COVID-19 Data Portal</h3>
<p class="vf-box__text | vf-text-body--2" style="max-width: 400px;">We have launched a collaborative space for sharing and analysing COVID-19 related data.</p>
<p>
<a href="#" class="vf-button vf-button--outline vf-button--primary vf-button--sm">explore</a>
<a href="#" class="vf-button vf-button--outline vf-button--primary vf-button--sm">Explore</a>
</p>
......@@ -227,7 +281,7 @@
In collaboration with the UK Government and several universities, we have launched a science-led website to explain the facts behind the novel coronavirus pandemic.
</p>
<p class="vf-card__text">
<a href="#" class="vf-button vf-button--outline vf-button--primary vf-button--sm">explore</a>
<a href="https://coronavirusexplained.ukri.org/en/" class="vf-button vf-button--xxxxoutline vf-button--primary vf-button--sm">Explore</a>
</p>
</div>
</article>
......@@ -241,11 +295,19 @@
<p class="vf-card__text">
<!-- [Box #3: Custom research feed] -->
We’ve already had a preprint from Pedro Beltrao (here)
EMBL-EBI researchers are helping produce research papers on COVID-19:
</p>
<p class="vf-card__text">
<a href="#" class="vf-button vf-button--outline vf-button--primary vf-button--sm">explore</a>
<a href="https://www.biorxiv.org/content/10.1101/2020.03.22.002386v3">A SARS-CoV-2-Human Protein-Protein Interaction Map Reveals Drug Targets and Potential Drug-Repurposing</a> <span class="vf-badge vf-badge--tertiary">Preprint</span><br/>
<span class="vf-text-body--6 vf-u-text-color--grey">
doi: https://doi.org/10.1101/2020.03.22.002386
</span>
</p>
<!-- <p class="vf-card__text">
<a href="#" class="vf-button vf-button--outline vf-button--primary vf-button--sm">explore</a>
</p> -->
</div>
</article>
......@@ -258,11 +320,18 @@
<p class="vf-card__text">
<!-- [Box #2: Coronavirus: The science explained] -->
<!-- Image: section of the UKRI banner -->
Links to individual pages/resources within the COVID-19 Data Portal
EMBL-EBI supported resources within the COVID-19 Data Portal:
</p>
<p class="vf-card__text">
<ul>
<li><a href="https://www.ebi.ac.uk/pdbe/covid-19">PDBe COVID-19 Portal</a></li>
<li><a href="https://covid-19.uniprot.org/">UniProt COVID-19 Portal</li>
<li><a href="https://www.ebi.ac.uk/intact/query/annot:%22dataset:coronavirus%22">IntAct coronavirus dataset</a></li>
<li><a href="https://www.ebi.ac.uk/complexportal/complex/CPX-5683">Complex portal Dataset</a></li>
</ul>
<!-- <p class="vf-card__text">
<a href="#" class="vf-button vf-button--outline vf-button--primary vf-button--sm">explore</a>
</p>
</p> -->
</div>
</article>
</section>
......@@ -321,57 +390,8 @@
}
</style> -->
<!-- Status updates -->
<section class="embl-grid embl-grid--has-centered-content vf-u-padding__top--xl">
<div>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">
Status updates
</h4>
<!-- <span class="vf-text">EMBL-EBI at a glance</span> -->
</div>
<div class="vf-content">
<section class="vf-grid vf-grid__col-2">
<article>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">Data resources</h4>
<p>EMBL-EBI service and technical teams are working extremely hard to ensure users continue to have access to data and tools that are essential for their research.</p>
<p>As the coronavirus outbreak intensity developed, EMBL-EBI was in the middle of a planned data centre move. As it was easier to complete the move rather than reverse it, the project is continuing as planned and is due to be completed by 9 April.</p>
<p><a href="#" class="vf-link">
Contact help desk for support
</a></p>
</article>
<article>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">Training</h4>
<p>EMBL-EBI Training has paused its programme of onsite courses until at least the end of June 2020. The team is closely monitoring the situation and registration remains open for upcoming events beyond June 2020. </p>
<p>Explore the diverse suite of online training courses and webinars on EBI Training.</p>
<p><a href="#" class="vf-link">
Browse online courses
</a></p>
</article>
<article>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">Research</h4>
<p>Research at EMBL-EBI is heavily computational. Our expectation is that our research groups will continue to function as normally, while working from home.</p>
<p><a href="#" class="vf-link">
Explore our research
</a></p>
</article>
<article>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">Industry Programme</h4>
<p>EMBL-EBI has postponed its Industry Programme workshops until the end of June 2020. The team is closely monitoring the situation and further updates for upcoming workshops will follow as the situation progresses.</p>
<p><a href="#" class="vf-link">
Explore industry partnerships
</a></p>
</article>
</section>
</div>
<div>
<!-- empty -->
</div>
</section>
<!-- Get involved -->
<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" id="get-involved">
<div>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">
Get involved
......@@ -379,26 +399,22 @@
<!-- <span class="vf-text">EMBL-EBI at a glance</span> -->
</div>
<div class="vf-content">
<section class="vf-grid vf-grid__col-XXX">
<section class="vf-grid vf-grid__col-2">
<div>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">
Submit COVID-19 data
</h4>
<p class="vf-text-body vf-text-body--3">
[Link to COVID-19 Portal where there will be submission instructions]
Share your data through the COVID-19 Portal. <a href="#">See the submission instructions</a>
</p>
</div>
<div>
<h4 class="vf-text vf-text-heading--3 vf-u-margin__top--">
Become a collaborator
</h4>
<p class="vf-text-body vf-text-body--3">
Email virus-dataflow@ebi.ac.uk if you are interested in getting involved in the COVID-19 Portal
Email <a href="mailto:virus-dataflow@ebi.ac.uk" class="vf-link">virus-dataflow@ebi.ac.uk</a> if you are interested in getting involved in the COVID-19 Portal.
</p>
</div>
</section>
</div>
......
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