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

Stage iframe, move to /careers

parent cfb7e0da
Pipeline #155351 passed with stages
in 2 minutes and 23 seconds
...@@ -91,17 +91,21 @@ templateEngineOverride: njk ...@@ -91,17 +91,21 @@ templateEngineOverride: njk
"vf_hero_image": "url('https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/vf-hero-intense.png');" "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" %} {% include "../../../components/vf-core-components/vf-hero/vf-hero.njk" %}
{% set context = { {% set context = {
"component-type": "block", "component-type": "block",
"classModifier": "main", "classModifier": "main",
"navigation": [ "navigation": [
{ {
"text": "Vacancies", "text": "Careers",
"navigation_href": "/jobs", "navigation_href": "/careers",
"currentPage": "true" "currentPage": "true"
}, },
{
"text": "Vacancies",
"navigation_href": "/careers/jobs"
},
{ {
"text": "Internships", "text": "Internships",
"navigation_href": "/about/jobs/internships" "navigation_href": "/about/jobs/internships"
...@@ -125,11 +129,12 @@ templateEngineOverride: njk ...@@ -125,11 +129,12 @@ templateEngineOverride: njk
] ]
} }
%} %}
{% include "../../../../components/vf-core-components/vf-navigation/vf-navigation.njk" %} {% include "../../../components/vf-core-components/vf-navigation/vf-navigation.njk" %}
<main id="main-content-area" role="main" class="row l-main"> <main id="main-content-area" role="main" class="row l-main">
<!-- Import article from contentHub --> <!-- 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> <!-- 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> </main>
<!-- embl-ebi global footer --> <!-- embl-ebi global footer -->
......
...@@ -111,18 +111,20 @@ templateEngineOverride: njk ...@@ -111,18 +111,20 @@ templateEngineOverride: njk
<div class="secondary-menu vf-u-padding__top--200"> <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"> <div class="menu-block-wrapper menu-block-4 menu-name-main-menu parent-mlid-0 menu-level-3">
<ul class="menu menu-tree-menu"> <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="first leaf active-trail active"><a href="/about/jobs" class="active-trail active">Careers</a></li>
<li class="first leaf"><a href="/about/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-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="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"><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="first leaf"><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> <li class="last leaf"><a href="/about/jobs/international-applicants">International applicants</a></li>
</ul> </ul>
</div> </div>
</div> </div>
<!-- Import article from contentHub --> <!-- 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> <!-- 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> </main>
......
---
title: Job vacnacies
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 "><a href="/about/jobs" class="">Careers</a></li>
<li class="first leaf active-trail active"><a href="/about/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>
{# 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://www.embl.org/jobs"></iframe>
<script>
iFrameResize({ log: true }, '#jobsIframe')
</script>
{#
Note: the JS file below needs to go on the embl.org jobs ifram page
https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js
#}
</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