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

Feature: jobs pages

Initial scaffolding
parent fcfbf06b
Pipeline #154750 passed with stages
in 4 minutes
......@@ -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
<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" />
href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.4/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" />
href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.4/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" />
href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.4/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" />
href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.4/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" />
href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.4/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" />
href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.4/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" />
href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.4/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"
href="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.4/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" />
content="https://ebi.emblstatic.net/web_guidelines/EBI-Framework/v1.4/images/logos/EMBL-EBI/favicons/mstile-144x144.png" />
<!-- CSS -->
<link rel="stylesheet" href="https://ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.3/fonts.css" type="text/css" media="all" />
......
---
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="Employee benefits" />
<meta name="twitter:url" content="https://www.ebi.ac.uk/about/jobs/benefits/" />
<meta name="twitter:description" content="We value your skills, wherever you may come from and we offer a generous benefits package to support you." />
<meta property="og:image" content="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/ebi-working-from-home.png?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": "<a href=\"JavaScript:Void(0);\">VF Hamburg</a> | Structural Biology",
"spacing": 400,
"vf_hero_heading": "Jobs",
"vf_hero_subheading": "an example of some ancillary text",
"vf_hero_text": [
"The group combines biochemical and <a href=\"JavaScript:Void(0);\">systems–level approaches</a> to investigate the connections between <a href=\"JavaScript:Void(0);\">gene expression</a> and <a href=\"JavaScript:Void(0);\">cell metabolism</a>, and their roles in human disease."
],
"vf_hero_link_text": "Learn more",
"vf_hero_link_href": "JavaScript:Void(0);",
"vf_hero_image": "url('https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/vf-hero-intense.png');"
}
%}
{% include "../../../../components/vf-core-components/vf-hero/vf-hero.njk" %}
{% set context = {
"component-type": "block",
"classModifier": "main",
"navigation": [
{
"text": "Vacancies",
"navigation_href": "/jobs",
"currentPage": "true"
},
{
"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" %}
<main id="main-content-area" role="main" class="row l-main">
<!-- Import article from contentHub -->
<link rel="import" href="https://www.embl.org/api/v1/pattern.html?filter-content-type=article&filter-id=108062&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="Employee benefits" />
<meta name="twitter:url" content="https://www.ebi.ac.uk/about/jobs/benefits/" />
<meta name="twitter:description" content="We value your skills, wherever you may come from and we offer a generous benefits package to support you." />
<meta property="og:image" content="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/ebi-working-from-home.png?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 menu-mlid-3403"><a href="/about/jobs" class="active-trail active">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 menu-mlid-3403"><a href="/about/jobs/recruitment-covid19" class="">Recruitment during COVID-19</a></li>
<li class="first leaf menu-mlid-3403"><a href="/about/jobs/benefits" class="">Employee benefits</a></li>
<li class="last leaf menu-mlid-22885"><a href="/about/jobs/international-applicants">International applicants</a></li>
</ul>
</div>
</div>
<!-- Import article from contentHub -->
<link rel="import" href="https://www.embl.org/api/v1/pattern.html?filter-content-type=article&filter-id=108062&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>
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