Kh/ebi jobs tweaks

These are scoped to the EBI jobs, but also bring in template and component updates for the whole jobs microsite.

src/site/position/index.njk

@@ -28,8 +28,7 @@ embl_content_meta_properties:
 
 {% set currentJob = pagination.items[0] %}
 
-{#
-  {
+{# {
     "title": "Project Leader Software – Big data management",
     "field_jobs_advertise_grade": "7 (monthly salary starting at £3,408 after tax)",
     "field_jobs_apply_link": "https://emea3.recruitmentplatform.com/apply-app/pages/application-form?jobId=QH…",
@@ -37,21 +36,20 @@ embl_content_meta_properties:
     "field_jobs_contract_duration": "3 years (renewable)",
     "field_jobs_duty_station": "<p>EMBL-EBI Hinxton</p>\n",
     "field_jobs_group": "Proteins &amp; Protein Families",
-    "field_jobs_description": "We areg data and distributed technologies in the production of the world leading resource UniProt. He will also lead the computational annotation pipeline of this resource at EMBL-EBI.\n ",
+    "field_jobs_description": "We anotation pipeline of this resource at EMBL-EBI.\n ",
     "field_jobs_publish_date": "<time datetime=\"2020-02-04T12:00:00Z\" class=\"datetime\">Tue, 02/04/2020 - 12:00</time>\n",
     "field_jobs_expiration": "<time datetime=\"2020-03-17T12:00:00Z\" class=\"datetime\">Tue, 03/17/2020 - 12:00</time>\n",
     "field_jobs_reference_number": "EBI01603",
     "field_jobs_staff_category": "Staff Member",
     "field_jobs_type": "Software Development and Engineering",
-    "field_jobs_what_else_to_know": "To view a copy of the full job description please click <a href=\"https://oc.ebi.ac.uk/s/QK3dDPqGUVbRv9i\">here</a><br /><br />To apply please submit a covering letter and CV through our online system.<br /><br />Applications are welcome from all nationalities and this will continue after Brexit. For more information please see our website. Visa information will be discussed in more depth with applicants selected for interview.<br /><br />3 year staffll close at 23:00 GMT on the date listed above.\n ",
-    "field_jobs_why_join": "At EMBL-EBIere, set in the beautiful Cambridgeshire countryside. Our staff also enjoy excellent sports facilities including a gym, a free shuttle bus, an on-site nursery, cafés and restaurant and a library.",
-    "field_jobs_you_also_have": "The post holder should be able to work independently and interact well within a team of software developers and biologists. The position requject. The successful candidate will have excellent communication skills and interpersonal skills, (s)he should enjoy working in a stimulating and international culture.\n ",
-    "field_jobs_you_have": "The ideal candidate must have more than 8 years of experience Java programming in a Unix/Linux environment. You will have strong experience with distrews). Additionally a strong background in Python programming, Bash scripting,  familiarity with with an HPC scheduler like LSF and an understanding of networking are required. You should have years of experience working with protein sequence databases and a good knowledge of UniProt data and data model.\n ",
-    "field_jobs_your_role": "The primary responsibilities include:\n<ul><li>Lead, design and development of production software to generate large databases by using big data prondards for the team</li>\n<li>Design, development and maintenance of new modules, enhancements and scripts for the database release cycle</li>\n<li>Coordination between all UniProt Consortium members involved in the database release cycle.</li>\n</ul>\n "
-  }, #}
+    "field_jobs_what_else_to_know": "To view l be discussed in more depth with applicants selected for interview.<br /><br />3 year staffll close at 23:00 GMT on the date listed above.\n ",
+    "field_jobs_why_join": "At EMBL-EBIere, set inte nursery, cafés and restaurant and a library.",
+    "field_jobs_you_also_have": "The post holder sernational culture.\n ",
+    "field_jobs_you_have": "The ideal caledge of UniProt data and data model.\n ",
+    "field_jobs_your_role": "The primaryle.</li>\n</ul>\n "
+}, #}
 
-
-{# <section class="vf-hero | vf-u-fullbleed" style="--vf-hero--bg-image: url('https://lh3.googleusercontent.com/pw/ACtC-3cHBh3cWO6QFUMJ1xke6qVniuMy0jdPEJwgDlcYbHOlk2xxHEZeqQiOOVMGMaG1vOpr_yPpukaK-VC3bFbHoOn9lQm_jejJLWmBJdpIXAAWmcigs6KynYp4tJQ2Spt85_0qlNAZ3qg1PysZvzZSSbeP=w1193-h795-no?authuser=0');">
+{# <section class="vf-hero | vf-u-fullbleed" style="--vf-hero--bg-image: url('https://files.slack.com/files-pri/THTHJQWQ2-F01SATA3EEA/job_ad_small.jpg');">
   <div class="vf-hero__content | vf-box ">
     <h2 class="vf-hero__heading vf-u-margin__top--0">
       <a href="#" class="vf-link">Jobs at {{ currentJob.field_jobs_duty_station | replace("EMBL-EBI Hinxton","EMBL-EBI")| striptags }}</a>
@@ -62,7 +60,6 @@ embl_content_meta_properties:
   </div>
 </section> #}
 
-{% if currentJob.field_jobs_duty_station | striptags == "EMBL-EBI Hinxton" %}
 <section class="vf-intro" id="intro" data-vf-google-analytics-region="intro">
   <div>
     <!-- empty -->
@@ -71,11 +68,13 @@ embl_content_meta_properties:
     <h1 class="vf-intro__heading">{{ currentJob.title | safe }}</h1>
     {# <h2 class="vf-intro__subheading"></h2> #}
     {# <p class="vf-lede">EMBL’s future.</p> #}
-    <p class="vf-intro__text"><span itemprop="employmentType"><a href="#" class="vf-link">{{ currentJob.field_jobs_type }}</a></span> position at t     The European Bioinformatics Institute (<a href="#">EMBL-EBI</a>) located on the <a href="#">Wellcome Trust Genome Campus</a> near <a href="#">Cambridge in the UK</a>.
-    </p>
+    {% if currentJob.field_jobs_duty_station | striptags == "EMBL-EBI Hinxton" %}
+    <p class="vf-intro__text"><span itemprop="employmentType"><a href="#" class="vf-link">{{ currentJob.field_jobs_type }}</a></span> position at The European Bioinformatics Institute (<a href="#">EMBL-EBI</a>) located on the <a href="#">Wellcome Trust Genome Campus</a> near <a href="#">Cambridge in the UK</a>.</p>
+    {% else %}
+    <p class="vf-intro__subheading"><span itemprop="employmentType">{{ currentJob.field_jobs_type }} position at {{ currentJob.field_jobs_duty_station | striptags }}</span></p>
+    {% endif %}
   </div>
 </section>
-{% endif %}
 
 {# <section class="embl-grid embl-grid--has-sidebar" itemprop="description">
   <div>
@@ -89,7 +88,7 @@ embl_content_meta_properties:
   </div>
 </section> #}
 
-{% if currentJob.field_jobs_duty_station | striptags == "EMBL-EBI Hinxton" %}
+{% if currentJob.field_jobs_duty_station | striptags == "EMBL-EBI Hinxton" -%}
 <section class="embl-grid" data-vf-google-analytics-region="link-list-nav">
   <div>
     <h3 class="vf-links__heading">In this job</h3>
@@ -153,14 +152,14 @@ embl_content_meta_properties:
     </ul>
   </div>
 </section>
-{% endif %}
+{%- endif %}
 
 <section class="embl-grid embl-grid--has-centered-content" itemprop="description">
   <div>
     <!-- empty -->
   </div>
   <div class="vf-content">
-    {% markdown %}
+    {%- markdown %}
     {% if currentJob.field_jobs_description | length > 0 %}
     {# ## About this position #}
     {{ currentJob.field_jobs_description | safe }}
@@ -171,7 +170,7 @@ embl_content_meta_properties:
 
     {{ currentJob.field_jobs_your_role | safe }}
     {% endif %}
-    {% endmarkdown %}
+    {% endmarkdown -%}
   </div>
   <section class="vf-content" data-vf-google-analytics-region="job-advert-intro">
     {% if currentJob.field_jobs_staff_category != "EICAT Advertising Only" -%}
@@ -202,7 +201,7 @@ embl_content_meta_properties:
       </ul>
     </div>
 
-    {% render '@vf-link-list', {
+    {%- render '@vf-link-list', {
       "component_modifier": "vf-links--tight vf-links__list--s vf-links__list--very-easy",
       "title": "Related",
       "list_modifier": "secondary",
@@ -268,27 +267,31 @@ embl_content_meta_properties:
     {% endmarkdown %}
   </div>
   {% if currentJob.field_jobs_duty_station | striptags == "EMBL-EBI Hinxton" %}
-  <div class="vf-content">
-    <h2>&nbsp;<!-- offset --></h2>
-    <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/gXDLvQgF8Hw' frameborder='0' allowfullscreen></iframe></div>
-    <h4><a href="https://www.youtube.com/watch?v=gXDLvQgF8Hw">Developers at EMBL-EBI</a></h4>
-    <p>What it is like to be a developer at EMBL-EBI?</p>
-  </div>
+    {% if '5-6' in currentJob.field_jobs_advertise_grade and 'Software Development and Engineering' in currentJob.field_jobs_type %} 
+    <div class="vf-content">
+      <h2>&nbsp;<!-- offset --></h2>
+      <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/gXDLvQgF8Hw' frameborder='0' allowfullscreen></iframe></div>
+      <h4><a href="https://www.youtube.com/watch?v=gXDLvQgF8Hw">Developers at EMBL-EBI</a></h4>
+      <p>What it is like to be a developer at EMBL-EBI?</p>
+    </div>
+    {% endif %}
   {% endif %}
 </section>
 
 {% if currentJob.field_jobs_duty_station | striptags == "EMBL-EBI Hinxton" %}
-<section class="embl-grid embl-grid--has-sidebar" data-vf-google-analytics-region="description-staff-image" itemprop="description">
-  <div>
-    <!-- empty -->
-  </div>
-  <div class="vf-content">
-    <figure class="vf-figure">
-      <img class="vf-figure__image" src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/THORMAN_Anja_EMBL-EBI_2016.jpeg.jpg" alt="Image of EMBL-EBI staff member at her desk" loading="lazy">
-      <figcaption class="vf-figure__caption vf-blockquote">"Since my first day at EMBL-EBI, I have cherished how friendly, helpful and talented everyone is. I particularly like the lively exchange of knowledge on campus." Anja Thormann, Software Developer</figcaption>
-    </figure>
-  </div>
-</section>
+  {% if '5-6' in currentJob.field_jobs_advertise_grade and 'Software Development and Engineering' in currentJob.field_jobs_type %} 
+  <section class="embl-grid embl-grid--has-sidebar" data-vf-google-analytics-region="description-staff-image" itemprop="description">
+    <div>
+      <!-- empty -->
+    </div>
+    <div class="vf-content">
+      <figure class="vf-figure">
+        <img class="vf-figure__image" src="https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/THORMAN_Anja_EMBL-EBI_2016.jpeg.jpg" alt="Image of EMBL-EBI staff member at her desk" loading="lazy">
+        <figcaption class="vf-figure__caption vf-blockquote">"Since my first day at EMBL-EBI, I have cherished how friendly, helpful and talented everyone is. I particularly like the lively exchange of knowledge on campus." Anja Thormann, Software Developer</figcaption>
+      </figure>
+    </div>
+  </section>
+  {% endif %}
 {% endif %}
 
 <section class="embl-grid embl-grid--has-centered-content" data-vf-google-analytics-region="description-what-else" itemprop="description">