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

Merge branch 'master' into chore/stage-vf-1.4

parents b254430c 02a0ab61
Pipeline #157596 passed with stages
in 2 minutes and 21 seconds
......@@ -2,6 +2,6 @@ $componentInfo: (
name: "@visual-framework/vf-componenet-rollup",
version: "1.0.0-beta.4",
location: "components/undefined",
vfCoreVersion: "2.2.21",
buildTimeStamp: "Tue, 06 Apr 2021 11:21:11 GMT"
vfCoreVersion: "2.2.24",
buildTimeStamp: "Thu, 13 May 2021 17:45:58 GMT"
);
\ No newline at end of file
......@@ -25,4 +25,7 @@
/* never show 2.x banner for now */
}
</style>
<!-- IE11 polyfill JS -->
<script nomodule crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js?flags=gated&features=default"></script>
<script src="https://assets.emblstatic.net/vf/v2.4.12/scripts/scripts.js"></script>
\ No newline at end of file
---
title: Jobs and careers
subtitle: No homepage, yet.
date: 2018-08-22 12:24:50
layout: layouts/full.njk
templateEngineOverride: njk
---
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Jobs and careers | European Bioinformatics Institute</title>
<meta name="description" content="We value your skills, wherever you may come from and we offer a generous benefits package to support you." />
<meta name="keywords" content="pay, benefits, jobs, careers, relocation" />
<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="2021-05-11" /> <!-- 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" />
{% include "header.njk" %}
<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_large_image" />
<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="Careers at EMBL-EBI" />
<meta name="twitter:url" content="https://www.ebi.ac.uk/careers/" />
<meta name="twitter:description" content="At EMBL-EBI you can use your energy and skills to make a valuable contribution to science and technology and be part of a new generation: digital science." />
<meta property="og:image" content="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/editorhub/wp-content/uploads/2021/05/DJI_0063-1024x683.jpeg?force_format=jpg" />
<!-- 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.4/css/theme-embl-petrol.css" type="text/css" media="all" />
<!-- end CSS-->
</head>
<body class="vf-body vf-stack">
<!-- See the EBI Header Footer docs: https://stable.visual-framework.dev/components/ebi-header-footer -->
<!-- Tell the VF 1.4 not to display a data protection banner. -->
<!-- You should use the 2.0 data protection banner from the contentHub. -->
<span data-protection-message-disable="true"></span>
<!-- embl-ebi global header -->
<header id="masthead-black-bar" class="clearfix masthead-black-bar | ebi-header-footer vf-content vf-u-fullbleed"></header>
<link rel="import" href="https://www.embl.org/api/v1/pattern.html?filter-content-type=article&filter-id=6682&pattern=node-body&source=contenthub" data-target="self" data-embl-js-content-hub-loader>
<link rel="stylesheet" href="//ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.3/fonts.css" type="text/css" media="all" />
<script defer="defer" src="//ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.4/js/script.js"></script>
<link rel="stylesheet" href="https://assets.emblstatic.net/vf/v2.4.12/assets/ebi-header-footer/ebi-header-footer.css" type="text/css" media="all" />
<!-- See the VF Breadcrumbs docs: https://stable.visual-framework.dev/components/embl-breadcrumbs-lookup/ -->
<nav class="vf-breadcrumbs" aria-label="Breadcrumb">
<ul class="vf-breadcrumbs__list | vf-list vf-list--inline">
<li class="vf-breadcrumbs__item">
<a href="/components" class="vf-breadcrumbs__link">Components and patterns</a>
</li>
<li class="vf-breadcrumbs__item" aria-current="location">
Content page (with the EMBL-EBI header, footer)
</li>
</ul>
<span class="vf-breadcrumbs__heading">Related:</span>
<ul class="vf-breadcrumbs__list vf-breadcrumbs__list--related | vf-list vf-list--inline">
<li class="vf-breadcrumbs__item">
<a href="/building" class="vf-breadcrumbs__link">Building a site</a>
</li>
</ul>
</nav>
{% set context = {
"vf_hero_kicker": "",
"spacing": 400,
"vf_hero_heading_href": "/careers",
"vf_hero_heading": "EMBL-EBI Careers",
"vf_hero_subheading": "At EMBL-EBI you can use your energy and skills to make a valuable contribution to science and technology and be part of a new generation: digital science.",
"vf_hero_text": [
],
"vf_hero_link_text": "",
"vf_hero_link_href": "",
"vf_hero_image": "url('https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/embl-ebi-job-hero-scaled.jpg');"
}
%}
{% include "../../../components/vf-core-components/vf-hero/vf-hero.njk" %}
{% set context = {
"component-type": "block",
"classModifier": "main",
"navigation": [
{
"text": "Job vacancies",
"navigation_href": "/careers/jobs"
},
{
"text": "Internships",
"navigation_href": "/about/jobs/internships"
},
{
"text": "Life at EMBL-EBI",
"navigation_href": "/about/jobs/career-profiles"
},
{
"text": "Recruitment during COVID-19",
"navigation_href": "/about/jobs/recruitment-covid19"
},
{
"text": "Employee benefits",
"navigation_href": "/about/jobs/benefits"
},
{
"text": "International applicants",
"navigation_href": "/about/jobs/international-applicants"
}
]
}
%}
{% include "../../../components/vf-core-components/vf-navigation/vf-navigation.njk" %}
<style>
.vf-intro { display: none; }
</style>
<main id="main-content-area" role="main" class="row l-main">
<!-- Import article from contentHub -->
<!-- https://www.embl.org/editorhub/wp-admin/post.php?post=4674&action=edit -->
<link rel="import" href="https://www.embl.org/api/v1/pattern.html?filter-content-type=article&filter-id=122468&pattern=node-body&source=contenthub" data-target="self" data-embl-js-content-hub-loader>
</main>
<!-- embl-ebi global footer -->
<link rel="import" href="https://www.embl.org/api/v1/pattern.html?filter-content-type=article&filter-id=106902&pattern=node-body&source=contenthub" data-target="self" data-embl-js-content-hub-loader>
{% include "footer.njk" %}
{% include "footer-js.njk" %}
</body>
</html>
---
title: Jobs and careers
subtitle: No homepage, yet.
date: 2018-08-22 12:24:50
layout: layouts/full.njk
templateEngineOverride: njk
---
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Jobs and careers | European Bioinformatics Institute</title>
<meta name="description" content="We value your skills, wherever you may come from and we offer a generous benefits package to support you." />
<meta name="keywords" content="pay, benefits, jobs, careers, relocation" />
<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="2021-05-11" /> <!-- 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" />
{% include "header.njk" %}
<link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.4/css/ebi-global.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_large_image" />
<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="Careers at EMBL-EBI" />
<meta name="twitter:url" content="https://www.ebi.ac.uk/careers/" />
<meta name="twitter:description" content="At EMBL-EBI you can use your energy and skills to make a valuable contribution to science and technology and be part of a new generation: digital science." />
<meta property="og:image" content="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/editorhub/wp-content/uploads/2021/05/DJI_0063-1024x683.jpeg?force_format=jpg" />
<!-- 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.4/css/theme-embl-petrol.css" type="text/css" media="all" />
<!-- end CSS-->
</head>
<body class="ebi-vf1-integration"><!-- 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" class="">Overview</a></li>
<li class="active-trail last active "><a href="/about/jobs" class="active-trail active" 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=""><a href="/about/contact" title="Contact External Relations">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">
<main id="main-content-area" role="main" class="row l-main">
<div class="secondary-menu vf-u-padding__top--200">
<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 active-trail active"><a href="/careers" class="active-trail active">Careers</a></li>
<li class="first leaf"><a href="/careers/jobs" class="">Job vacancies</a></li>
<li class="leaf has-children menu-mlid-17998"><a href="/about/jobs/internships" title="">Internships</a></li>
<li class="leaf has-children menu-mlid-3404"><a href="/about/jobs/career-profiles">Life at EMBL-EBI</a></li>
<li class="first leaf"><a href="/about/jobs/recruitment-covid19" class="">Recruitment during COVID-19</a></li>
<li class="first leaf"><a href="/about/jobs/benefits" class="">Employee benefits</a></li>
<li class="last leaf"><a href="/about/jobs/international-applicants">International applicants</a></li>
</ul>
</div>
</div>
<style>
.vf-card-container.vf-u-fullbleed .vf-section-header__heading { color: #fff }
body h2 { color: #222; }
</style>
<!-- Import article from contentHub -->
<!-- https://www.embl.org/editorhub/wp-admin/post.php?post=4674&action=edit -->
<link rel="import" href="https://www.embl.org/api/v1/pattern.html?filter-content-type=article&filter-id=122468&pattern=node-body&source=contenthub" data-target="self" data-embl-js-content-hub-loader>
</main>
</section>
<!-- End optional local footer -->
</div>
<!-- End suggested layout containers / #content -->
{% include "footer.njk" %}
{% include "footer-js.njk" %}
</body>
</html>
---
title: EMBL-EBI Job vacancies
subtitle: "At EMBL-EBI you can use your energy and skills to make a valuable contribution to science and technology and be part of a new generation: digital science."
date: 2018-08-22 12:24:50
layout: layouts/full.njk
templateEngineOverride: njk
---
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Jobs and careers | European Bioinformatics Institute</title>
<meta name="description" content="We value your skills, wherever you may come from and we offer a generous benefits package to support you." />
<meta name="keywords" content="pay, benefits, jobs, careers, relocation" />
<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="2021-05-11" /> <!-- 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" />
{% include "header.njk" %}
<link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.4/css/ebi-global.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_large_image" />
<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="{{ title }}" />
<meta name="twitter:url" content="https://www.ebi.ac.uk/careers/jobs" />
<meta name="twitter:description" content="{{ subtitle }}" />
<meta property="og:image" content="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/editorhub/wp-content/uploads/2021/05/DJI_0063-1024x683.jpeg?force_format=jpg" />
<!-- 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.4/css/theme-embl-petrol.css" type="text/css" media="all" />
<!-- end CSS-->
</head>
<body class="ebi-vf1-integration"><!-- 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" class="">Overview</a></li>
<li class="active-trail last active "><a href="/about/jobs" class="active-trail active" 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=""><a href="/about/contact" title="Contact External Relations">Contact us</a></li>
</ul>
</nav>
<!-- /local-nav -->
</div>
</header>
</div>
<div id="content vf-body">
<!-- Suggested layout containers -->
<section id="main-content-area" class="vf-body" role="main">
<main id="main-content-area" role="main" class="row l-main">
<div class="secondary-menu vf-u-padding__top--200">
<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 "><a href=".." class="">Careers</a></li>
<li class="first leaf active-trail active"><a href="/careers/jobs" class="active-trail active">Job vacancies</a></li>
<li class="leaf has-children menu-mlid-17998"><a href="/about/jobs/internships" title="">Internships</a></li>
<li class="leaf has-children menu-mlid-3404"><a href="/about/jobs/career-profiles">Life at EMBL-EBI</a></li>
<li class="first leaf"><a href="/about/jobs/recruitment-covid19" class="">Recruitment during COVID-19</a></li>
<li class="first leaf"><a href="/about/jobs/benefits" class="">Employee benefits</a></li>
<li class="last leaf"><a href="/about/jobs/international-applicants">International applicants</a></li>
</ul>
</div>
</div>
<section class="vf-intro">
<div>
<!-- empty -->
</div>
<div class="vf-stack">
<h1 class="vf-intro__heading">{{ title }} </h1>
<p class="vf-lede">
{{ subtitle }}
</p>
</div>
</section>
</main>
</section>
</div>
{# Iframe of jobs #}
{# https://cdnjs.com/libraries/iframe-resizer #}
{# https://github.com/davidjbradshaw/iframe-resizer #}
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.min.js"></script>
<style>
iframe#jobsIframe {
width: 1px;
min-width: 100%;
}
</style>
<iframe id="jobsIframe" allowfullscreen frameborder="0" scrolling="no" width="100%" src="https://wwwdev.embl.org/jobs/ebi/iframe"></iframe>
<script>
iFrameResize({ log: true }, '#jobsIframe')
</script>
{% include "footer.njk" %}
{% include "footer-js.njk" %}
</body>
</html>
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