slow-steps 0.4.1 → 0.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e4a1d4bde8448a9b326115676b5b1ff9d15522b3ccff4c67861c3081d5ad7db5
-  data.tar.gz: f78cfe5499f41c77606a9b08c37ad01a38f60a6cce554eb43bf38769be26e0a2
+  metadata.gz: e2193a470a747a930f7f0261a3568c062dc074d925836687e3e9a40ff022a297
+  data.tar.gz: b3c84e394bb0b775086b23c4f4c0f4a2aeb9d1894d2c1c2a51ebd784d805914d
 SHA512:
-  metadata.gz: 1ac85811ac4949da04d07b7d2de9f56617d4d87edfb7c75de70b808198eaff716228bc62582e80991c136d49e214bfe109825d8afa45935bf978965be08f874d
-  data.tar.gz: a162ddf4369a1cd0aad3ca6ca728b77a961c4105eeb98437cecd25e480fa254efbee90af6e9302e86b3787a3d3df38bb0debdf7781fd1c9704736744c11c2b77
+  metadata.gz: bd97aff330e9127a2973873c75159c43ffda5bbf7feebe4dd46cbc5083dbfa599127ccc3899c4614e71a4c36d34b797d55a10f225c560af351b616f505049262
+  data.tar.gz: 9f717eadb5b22282922e6de5910e994c456bbc3251657108fded5c38626dc5320618d563d9009b3218cbf70c16977db77dfa48d92119072764fdbd9e95014b09

data/_includes/navigation/global.html

@@ -24,8 +24,16 @@
 
       <ul class="nav-list">
         {% for item in site.data.menu.navigation %}
+        
         <li class="nav-group">
-          <a href="{{ item.url | relative_url }}" class="nav-group-link nav-link {{ item.env }}-group-link">
+          <a href="{{ item.url | relative_url }}" class="nav-group-link nav-link
+          {% assign url = page.env | append: '/' | prepend: '/' %}
+
+          {% if item.url == url %}
+          current--env
+          {% endif %}
+
+          {{ item.env }}-group-link">
 
             <span>{{ item.name }}</span>
           </a>

data/_layouts/about.html

@@ -41,7 +41,7 @@ Last full read through 29/12/2020
 
 <!-- exclude if no text is provided -->
 {% if site.data.copy.about[page.env].text %}
-<div class="about__copy bg--env-100" >
+<div class="about__copy bg--env-100" id="content">
 
   {% for item in site.data.copy.about[page.env].text %}
   <p class="about--copy" data-aos="fade-in">

data/_layouts/careers.html

@@ -17,6 +17,6 @@ layout: default
 {% endfor %}
 </div>
 
-<div class="fullwidth__wrap">
+<div class="fullwidth__wrap" id="content">
 {{ content }}
 </div>

data/_layouts/contact.html

@@ -25,7 +25,7 @@ layout: default
 
 </div>
 
-<div class="contact__wrapper">
+<div class="contact__wrapper" id="content">
 
   <div class="contact--left">
     {% include contact-form.html %}

data/_layouts/default.html

@@ -4,10 +4,13 @@ layout: compress
 
 {% include head/head.html %}
 
+<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
+
 {% include navigation/global.html %}
 
 {{ content }}
 
+
 {% include footer/footer_redesign.html %}
 
 {% include scripts.html %}

data/_layouts/env/clinician.html

@@ -66,7 +66,7 @@ Last full read through 27/12/2020
 
 </div>
 
-<div class="segment__wrap">
+<div class="segment__wrap" id="content">
 
   <div class="segment__left strap--opd-trust">
 
@@ -81,7 +81,7 @@ Last full read through 27/12/2020
     {%- assign env = site.data.menu.navigation | where: 'env', 'clinician' -%}
     {%- assign env = env[0] -%}
 
-    {%- assign cta = env.submenu | where: 'id', 'cta' -%}
+    {%- assign cta = env.submenu | where: 'cta', 'true' -%}
     {%- assign cta = cta[0] -%}
 
     <a class="action__call" aria-label="{{ cta.aria }}" href="{{ cta.url }}">

data/_layouts/env/pwp.html

@@ -78,7 +78,7 @@ Last full read through 27/12/2020
 
 </div>
 
-<div class="center-text strap__100 strap--opd-trust">
+<div class="center-text strap__100 strap--opd-trust" id="content">
   <h2>{{ site.data.copy.landing.pwp.subtitle }}</h2>
   <p data-aos="fade-in">{{ site.data.copy.landing.pwp.strap }}</p>
 </div>

data/_layouts/error-page.html

@@ -3,7 +3,7 @@ layout: default
 ---
 
 
-<section class="error-page">
+<section class="error-page" id="content">
 
 {{ content }}
 

data/_layouts/faq.html

@@ -25,7 +25,7 @@ layout: default
 
 </div>
 
-<div class="faq__wrapper">
+<div class="faq__wrapper" id="content">
 {% for faq in site.data.faq %}
 
 {% if faq.display == 'all' or faq.display == page.env %}

data/_layouts/feed.html

@@ -14,7 +14,7 @@ layout: default
 
 </section>
 
-<div class="post__feed">
+<div class="post__feed" id="content">
 
   {% for post in site.posts %}
 

data/_layouts/full-width.html

@@ -27,7 +27,7 @@ layout: default
 
 {% endif %}
 
-<section class="fullwidth__wrap">
+<section class="fullwidth__wrap" id="content">
 
   {{ content }}
 

data/_layouts/post.html

@@ -13,7 +13,7 @@ layout: default
 </section>
 
 
-<section class="post__content">
+<section class="post__content" id="content">
 
 <h2 class="post__subtitle">{{ page.subtitle }}</h2>
 

data/_layouts/register.html

@@ -4,7 +4,7 @@ layout: default
 
 <div class="fullwidth__wrap bg--light">
   <div class="narrow__wrap no-touch__wrap">
-    <div class="form__wrap">
+    <div class="form__wrap" id="content">
     {% include /forms/mc-register.html %}
   </div></div>
 </div>

data/_sass/_mixins.sass

@@ -19,7 +19,7 @@
 
 @mixin image-filter-rotate
   mix-blend-mode: screen
-  filter: grayscale(1)
+  filter: grayscale(1) brightness(1.3)
   //contrast(.5) brightness(1.3) sepia(.6) hue-rotate(180deg) opacity(.5)
 
 // Applied to an overlaying div

data/_sass/global.sass

@@ -239,8 +239,9 @@ body
 // This is digusting! We need to tweak the actual html so we can readilly access these elements.
 .svg__labels--red
   & > svg > * > *
-    fill: $opd-coral
-    stroke: $opd-coral!important
+    fill: darken($opd-coral, 10)
+  & > svg > * > line
+    stroke: darken($opd-coral,10)!important
 
 
 $svg-text-offset: 60px
@@ -429,3 +430,12 @@ $svg-text-offset: 60px
 
   &:hover
     color: $opd-coral
+
+
+.skip-link
+  margin: 0
+  position: absolute
+  padding: 0
+  width: 1px
+  height: 1px
+  overflow: hidden

data/_sass/navigation/breakpoints/1024.sass

@@ -77,9 +77,13 @@
     overflow: hidden
     position: relative
 
+
   .sub-link,
   .subsub-link
     color: $env-primary
+    border-bottom: solid 1px $pure-white
+    span
+      padding: 1rem 0
 
   .nav-cta
     @include default-trans
@@ -89,11 +93,15 @@
     margin-right: 8rem!important
     border-radius: 6px
 
+    span
+      padding: 0
+
     &:before, &:after
       display: none!important
 
     &:hover
       background-color: darken($env-primary,10)
+      border-bottom: none
 
   // Surround current link with ticks
   .current--url
@@ -111,6 +119,11 @@
     &:after
       left: 3px
 
+  .current--env
+    span
+      border-bottom: solid 1px $pure-white
+
+
   .nav-group-content
     @include default-trans
     @include navbar-color
@@ -169,7 +182,8 @@
       padding: 1rem 3rem
       &:not(.current--url)
         &:hover
-          text-decoration: underline
+          span
+            border-bottom: solid 1px $env-primary
 
   .nav-group-container:hover > .nav-subsub-content
     visibility: visible

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: slow-steps
 version: !ruby/object:Gem::Version
-  version: 0.4.1
+  version: 0.4.2
 platform: ruby
 authors:
 - Made Slowly