Commit 0f9b9fbb authored by Ken Hawkins's avatar Ken Hawkins
Browse files

Add sticky nav

parent 169c4018
Pipeline #177095 passed with stages
in 1 minute and 15 seconds
......@@ -159,13 +159,62 @@ templateEngineOverride: njk
</section>
<br/>
<hr class="vf-divider">
<br/>
{% set svg %}<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><path d="M.249,7.207,11.233,19.678h0a1.066,1.066,0,0,0,1.539,0L23.751,7.207a.987.987,0,0,0-.107-1.414l-1.85-1.557a1.028,1.028,0,0,0-1.438.111L12.191,13.8a.25.25,0,0,1-.379,0L3.644,4.346A1.021,1.021,0,0,0,2.948,4a1,1,0,0,0-.741.238L.356,5.793A.988.988,0,0,0,0,6.478.978.978,0,0,0,.249,7.207Z" /></svg>{% endset %}
<style>
.vf-links__list--easy .vf-list__link { display: inline-block; margin-left: 1rem;}
.vf-sticky {
position: sticky;
top: 0;
background: white;
z-index: 1001;
box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2);
}
</style>
<div class="vf-links vf-links__list--easy vf-grid vf-sticky vf-u-fullbleed vf-u-padding__top--400 vf-u-padding__bottom--400">
<ul class="vf-list vf-list--inline">
<li class="vf-list__item">
<span class="vf-badge vf-badge--secondary">
Also on this page
</span>
</li>
<li class="vf-list__item">
<a class="vf-list__link" href="JavaScript:Void(0);">
EMBL Governance {{ svg | safe }}
</a>
</li>
<li class="vf-list__item">
<a class="vf-list__link" href="JavaScript:Void(0);">
Group and team leaders {{ svg | safe }}
</a>
</li>
<li class="vf-list__item">
<a class="vf-list__link" href="JavaScript:Void(0);">
Scientific Advisory Committee {{ svg | safe }}
</a>
</li>
<li class="vf-list__item">
<a class="vf-list__link" href="JavaScript:Void(0);">
Service advisory boards {{ svg | safe }}
</a>
</li>
<li class="vf-list__item">
<a class="vf-list__link" href="JavaScript:Void(0);">
Contact person {{ svg | safe }}
</a>
</li>
</ul>
</div>
<br/>
<br/>
<br/>
<section class="embl-grid embl-grid--has-centered-content">
{% render '@vf-section-header', {
"section_title": "EMBL",
"href": "",
"section_title": "EMBL Governance",
"href": "https://www.embl.org/governance",
"id": "embl",
"section__subheading": "",
"vf_section__content": [
......@@ -176,7 +225,7 @@ templateEngineOverride: njk
<p>EMBL-EBI is part of the European Molecular Biology Laboratory (EMBL), an inter-governmental organisation with over 20 member states and two associate member states. EMBL is led by the Director General, Professor Edith Heard, as appointed by EMBL Council. The Council is composed of all member states of the Laboratory.</p>
</div>
<div>
{% render '@vf-card', {
{# {% render '@vf-card', {
"card_heading": "EMBL governance",
"card_subheading": "",
"variant": "bordered",
......@@ -185,7 +234,7 @@ templateEngineOverride: njk
"card_image": "",
"card_text": 'Read more about EMBL‘s leadership and guidance.',
"card_image__alt": ""
} %}
} %} #}
<div>
</section>
......@@ -286,7 +335,7 @@ templateEngineOverride: njk
<section class="embl-grid embl-grid--has-centered-content">
{% render '@vf-section-header', {
"section_title": "Scientific Advisory Committees - Services",
"section_title": "Service advisory boards",
"href": "advisory-boards",
"id": "leaders",
"section__subheading": "",
......@@ -299,9 +348,11 @@ templateEngineOverride: njk
</div>
</section>
<hr class="vf-divider">
<section class="embl-grid embl-grid--has-centered-content">
{% render '@vf-section-header', {
"section_title": "Contact",
"section_title": "Contact leadership",
"href": "",
"id": "contact",
"section__subheading": "",
......
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