layout: default


<!–

Last full read through 27/05/2021

############################################## # Temp Landing Layout /_layouts/env/tmp-wal-only-landing.html ##############################################

Temp layout during the walk only period

–>

<div class=“landing__page” style=“justify-content: center”>

<!-- setup liquid variables -->
{%- assign env = site.data.menu.navigation | where: 'env', 'walk' -%}
{%- assign env = env[0] -%}

{%- assign cta = env.submenu | where: 'cta', 'true' -%}
{%- assign cta = cta[0] -%}

{%- assign cta_2 = env.submenu | where: 'cta', 'landing' -%}
{%- assign cta_2 = cta_2[0] -%}

<div class="" style="justify-content: center;">

  <div class="env__text env--walk" style="border-radius: 6px; position: inherit; margin-top: 45vh;">

    <a class="landing__link" aria-label="{{ env.aria }}" href="{{ env.url | relative_url }}">

      <h3 class="landing__title" style="text-align: center; ">{{ env.name | upcase }}</h3></a>

    <div class="landing__strap" style="animation: cubic-bezier(0.42, 0, 0.32, 1) openUp 1s forwards; animation-delay: .8s;" >
      <p>{{ site.data.copy.landing.landing.walk }}</p>
      <div class="landing__cta">
      <a class="primary__cta" aria-label="{{ cta.aria }}" href="{{ cta.url | relative_url }}">{{ cta.name }}</a>
      <a class="secondary__cta" aria-label="{{ cta_2.aria }}" href="{{ cta_2.url | relative_url }}">More Info</a>
      </div>
    </div>

  </div>

  <div class="hero__overlay env--walk" style="width: 100%; left: 0">
    {%- picture {{ page.walk.image | prepend: 'content/' }}
      --img class="hero__image hero__filter walk__hero h-100"
      --alt {{ page.walk.alt }} -%}</div>

</div>

</div>

<style>

@keyframes openUp {
  from {
    max-height: 0;
  }
  to {
    max-height: 400px;
  }
}

</style>