Fix anchor navs

src/site/_includes/cards-ebi.njk

-<section class="vf-card-container">
+<section class="vf-card-container" id="about">
   <div class="vf-card-container__inner">
     {#- For some reason multiple render/includes aren't working in some contexts in this template ... #}
     <article class="vf-card vf-card--brand vf-card--bordered">

src/site/position/index.njk

@@ -111,7 +111,7 @@ embl_content_meta_properties:
   <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="JavaScript:Void(0);">
+        <a class="vf-list__link" href="#role">
           Your role
           <svg class="vf-icon vf-icon__arrow--down | vf-list__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
             <title>arrow-button-down</title>
@@ -120,7 +120,7 @@ embl_content_meta_properties:
         </a>
       </li>
       <li class="vf-list__item">
-        <a class="vf-list__link" href="JavaScript:Void(0);">
+        <a class="vf-list__link" href="#youhave">
           You have
           <svg class="vf-icon vf-icon__arrow--down | vf-list__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
             <title>arrow-button-down</title>
@@ -129,7 +129,7 @@ embl_content_meta_properties:
         </a>
       </li>
       <li class="vf-list__item">
-        <a class="vf-list__link" href="JavaScript:Void(0);">
+        <a class="vf-list__link" href="#alsohave">
           You might also have
           <svg class="vf-icon vf-icon__arrow--down | vf-list__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
             <title>arrow-button-down</title>
@@ -138,7 +138,7 @@ embl_content_meta_properties:
         </a>
       </li>
       <li class="vf-list__item">
-        <a class="vf-list__link" href="JavaScript:Void(0);">
+        <a class="vf-list__link" href="#why">
           Why join us
           <svg class="vf-icon vf-icon__arrow--down | vf-list__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
             <title>arrow-button-down</title>
@@ -147,7 +147,7 @@ embl_content_meta_properties:
         </a>
       </li>
       <li class="vf-list__item">
-        <a class="vf-list__link" href="JavaScript:Void(0);">
+        <a class="vf-list__link" href="#needtoknow">
           What else you need to know
           <svg class="vf-icon vf-icon__arrow--down | vf-list__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
             <title>arrow-button-down</title>
@@ -156,7 +156,7 @@ embl_content_meta_properties:
         </a>
       </li>
       <li class="vf-list__item">
-        <a class="vf-list__link" href="JavaScript:Void(0);">
+        <a class="vf-list__link" href="#about">
           More about EMBL-EBI
           <svg class="vf-icon vf-icon__arrow--down | vf-list__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
             <title>arrow-button-down</title>
@@ -181,7 +181,7 @@ embl_content_meta_properties:
     {% endif %}
 
     {% if currentJob.field_jobs_your_role | length > 0 %}
-    ## Your role
+    ## Your role <a href="role" id="role"></a>
 
     {{ currentJob.field_jobs_your_role | safe }}
     {% endif %}
@@ -247,7 +247,7 @@ embl_content_meta_properties:
   <div class="vf-content">
     {% markdown %}
     {% if currentJob.field_jobs_you_have | length > 0 %}
-    ## You have
+    ## You have <a href="youhave" id="youhave"></a>
 
     {{ currentJob.field_jobs_you_have | safe }}
     {% endif %}
@@ -262,7 +262,7 @@ embl_content_meta_properties:
   <div class="vf-content">
     {% markdown %}
     {% if currentJob.field_jobs_you_also_have | length > 0 %}
-    ## You might also have
+    ## You might also have <a href="alsohave" id="alsohave"></a>
 
     {{ currentJob.field_jobs_you_also_have | safe }}
     {% endif %}
@@ -277,7 +277,7 @@ embl_content_meta_properties:
   <div class="vf-content">
     {% markdown %}
     {% if currentJob.field_jobs_why_join | length > 0 %}
-    ## Why join us
+    ## Why join us <a href="why" id="why"></a>
 
     {{ currentJob.field_jobs_why_join | safe }}
     {% endif %}
@@ -323,7 +323,7 @@ embl_content_meta_properties:
   <div class="vf-content">
     {% markdown %}
     {% if currentJob.field_jobs_what_else_to_know | length > 0 %}
-    ## What else you need to know
+    ## What else you need to know <a href="needtoknow" id="needtoknow"></a>
 
     {{ currentJob.field_jobs_what_else_to_know | safe }}
     {% endif %}