slow-steps 0.3.2 → 0.3.3

data/_includes/head/descriptors/og-meta.html

@@ -8,7 +8,6 @@
   {% if page.id %}
   {%- assign facebook = site.socials | where: 'name', 'Facebook' -%}
 
-
     article" />
     <meta
     property=article:publisher

data/_includes/head/descriptors/structured-data.html

@@ -23,7 +23,7 @@
       /* Person */
       "@type": "Person",
       "@context": "http://schema.org",
-      "name": "{{ site.title }}",
+      "name": "{{ site.data.authors.default.name }}",
       "description": "{{ site.description }}",
       "image": "{{ site.url }}{{ site.baseurl }}{{ site.fallback_path }}{{ site.brand }}"} ]
      } , {
@@ -72,12 +72,12 @@
     "author": {
       "@type": "Person",
       "name":
-      "{%- if page.author -%}{{ site.data.authors[page.author].name }}{%- else -%}{{ site.title }}{% endif %}"
+      "{%- if page.author -%}{{ site.data.authors[page.author].name }}{%- else -%}{{ site.data.authors.default.name }}{% endif %}"
     },
     "creator": {
       "@type": "Person",
       "name":
-      "{%- if page.author -%}{{ site.data.authors[page.author].name }}{%- else -%}{{ site.title }}{% endif %}"
+      "{%- if page.author -%}{{ site.data.authors[page.author].name }}{%- else -%}{{ site.data.authors.default.name }}{% endif %}"
     },
     "publisher": {
       "@type": "Organization",

data/_includes/head/descriptors/twitter-meta.html

@@ -3,7 +3,7 @@
   <meta name="twitter:card" content="summary_large_image" />
 
   <meta name="twitter:site" content="@{{ site.data.socials.twitter.username }}" />
-  <meta name="twitter:creator" content="@{{ site.author.twitter }}">
+  <meta name="twitter:creator" content="@{{ site.data.authors.default.twitter }}">
   <meta name="twitter:title" content="{% if page.url == "/" %} {{ site.title }} | {{ site.subtitle }} {% else %} {{ page.title }} | {{ site.title }}{% endif %}" />
 
   <meta name="twitter:description" content="{% if page.description == null %} {{ site.description }}

data/_includes/head/head.html

@@ -26,10 +26,10 @@
 
   <meta name="keywords" content="{{ site.keywords }}" />
 
-  <meta name="author" content="{{ site.author.name }}" />
+  <meta name="author" content="{{ site.data.authors.default.name }}" />
 
   {% assign date = 'now' | date: "%Y" %}
-  <meta name="copyright" content="Copyright {{ site.title | append: ' Ltd. ' | append: date }}" />
+  <meta name="copyright" content="Copyright {{ site.title | append: ' Limited ' | append: date }}" />
 
   <meta name="robots" content="follow" />
 
@@ -37,7 +37,7 @@
 
   <link rel="preconnect" href="https://fonts.gstatic.com">
 
-  <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500&display=swap" rel="stylesheet">
 
   <link rel="shortcut icon" type="image/x-icon" href="{{ site.fallback_path | append: site.favicon | relative_url }}">
 

data/_includes/image-post.html

@@ -3,7 +3,7 @@
 -->
 <div class="post__image">
 
-  {% picture {{ include.link | prepend: 'posts/' }} --alt {{include.alt}} --img class="post__content--image" %}
+  {% picture post {{ include.link | prepend: 'posts/' }} --alt {{include.alt}} --img class="post__content--image" %}
 
   {% if include.caption %}
   <p class="image--caption">{{ include.caption }}</p>

data/_layouts/default.html

@@ -8,6 +8,6 @@ layout: compress
 
 {{ content }}
 
-{% include footer/footer_full.html %}
+{% include footer/footer_redesign.html %}
 
 {% include scripts.html %}

data/_layouts/env/clinician.html

@@ -12,7 +12,7 @@ Last full read through 27/12/2020
 
 -->
 
-<!-- assign description with site decsription as fallback -->
+<!-- assign description with site.decsription fallback -->
 
 {% if site.data.copy.landing.clinician.description %}
 {% assign description = site.data.copy.landing.clinician.description %}
@@ -29,7 +29,7 @@ Last full read through 27/12/2020
 
   <div class="hero__strap hero__strap--baseline bg--env-100">
     <h2>{{ site.data.copy.landing.clinician.title }}</h2>
-    <p data-aos="fade-up">{{ site.data.copy.landing.clinician.description }}</p>
+    <p>{{ site.data.copy.landing.clinician.description }}</p>
   </div>
 
   <div class="hero__follow"></div>

data/_layouts/env/landing.html

@@ -34,7 +34,7 @@ Last full read through 27/12/2020
       <div class="landing__strap">
         <p>{{ site.data.copy.landing.landing.pwp }}</p>
         <div class="landing__cta">
-        <a class="primary__cta" aria-label="{{ cta.aria }}" href="{{ cta.url | relative_url }}">Sign up</a>
+        <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>
@@ -68,7 +68,7 @@ Last full read through 27/12/2020
       <div class="landing__strap">
         <p>{{ site.data.copy.landing.landing.clinician }}</p>
         <div class="landing__cta">
-        <a class="primary__cta" aria-label="{{ cta.aria }}" href="{{ cta.url | relative_url }}">Register interest</a>
+        <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>

data/_layouts/faq.html

@@ -27,6 +27,8 @@ layout: default
 
 <div class="faq__wrapper">
 {% for faq in site.data.faq %}
+
+{% if faq.display == 'all' or faq.display == page.env %}
 <div class="faq__panel">
   <div class="faq__question">
     <h4 class="faq__question--title">{{ faq.question }}</h4><i class="fas fa-chevron-down"></i>
@@ -36,6 +38,7 @@ layout: default
     <p>{{ faq.answer }}</p>
   </div>
 </div>
+{% endif %}
 {% endfor %}
 </div>
 

data/_layouts/feed.html

@@ -18,7 +18,7 @@ layout: default
 
   {% for post in site.posts %}
 
-  <div class="feed__card">
+  <div class="feed__card" data-aos="fade-up">
 
     <div class="feed__card__image">
     {% picture thumb {{ post.image | prepend: 'posts/' }} --alt {{ post.alt }} --img class="feed__card--image" %}

data/_layouts/post.html

@@ -8,7 +8,7 @@ layout: default
 
 <div class="post__title">
 <h1 >{{ page.title }}</h1>
-<p class="post__meta">{{ site.data.authors[page.author].name }} | {{ site.data.authors[page.author].email }} | {{ page.date | date: "%d-%m-%y" }}</p>
+<p class="post__meta">{%- if page.author -%}{{ site.data.authors[page.author].name }} | {{ site.data.authors[page.author].email }}{%- else -%}{{ site.data.authors.default.name }} | {{ site.data.authors.default.email }}{% endif %} | {{ page.date | date: "%d-%m-%y" }}</p>
 </div>
 </section>
 

data/_sass/_functions.sass

@@ -1,2 +1,11 @@
 @function url-friendly-colour($colour)
   @return '%23' + str-slice('#{$colour}', 2, -1)
+
+
+// Remove the unit of a length
+// https://css-tricks.com/snippets/sass/strip-unit-function/
+@function strip-unit($number)
+  @if type-of($number) == 'number' and not unitless($number)
+    @return $number / ($number * 0 + 1)
+
+  @return $number

data/_sass/_mixins.sass

@@ -31,8 +31,9 @@
 // Landing page animations - hover and focus
 
 @mixin reveal-landing-strap
-  height: 30vh
-  padding: 0 3rem
+  height: auto
+  max-height: 400px
+
 
 // Snappy build function, see /_sass/_variables.sass for $bezier-snap
 @mixin build-in($name)

data/_sass/about.sass

@@ -35,7 +35,7 @@
 
 .about--video
   width: 100vw
-  background-color: $opd-grey
+  //background-color: $opd-grey
   display: flex
   flex-direction: column
   padding: 5rem 0
@@ -45,6 +45,7 @@
     color: $env-primary
     text-align: center
     padding: 1rem
+
 .video__container
   display: block
   position: relative
@@ -194,6 +195,7 @@
     font-size: $font-size * .6
 
 .info__reveal
+  align-items: baseline
   height: $font-size * 1
   padding-bottom: $font-size * 2
   transform: translateY(0)

data/_sass/breakpoints/about.sass

@@ -1,5 +1,5 @@
 
-@media screen and ( min-width: 768px )
+@media screen and ( min-width: 1024px )
 
   .about--copy
     max-width: 800px
@@ -20,8 +20,17 @@
       text-align: left
 
   .video__container
+    display: block
+    position: relative
+    width: 100%
     padding-top: 56.25%
-    //margin-right: 5rem
+    background-color: $env-primary
+    iframe
+      position: absolute
+      margin: auto
+      width: 75%
+      height: 100%
+
 
   .team__head
     border-bottom: none

data/_sass/collage.sass

@@ -116,7 +116,7 @@ p.job__links
     background-color: $env-primary
     padding: 1rem 2.5rem
     border-radius: 8px
-    font-weight: 600
+    font-weight: $heavy-font
     margin-right: 3rem
     @include default-trans
     &:hover

data/_sass/contact.sass

@@ -69,7 +69,7 @@
   height: 40px
   border-radius: 4px
   //font-size: 1rem
-  font-weight: 100
+  font-weight: $medium-font
   margin: 2vh 0
   border: none
   background-color: $pure-white
@@ -152,7 +152,7 @@
     height: 40px
     border-radius: 4px
     //font-size: 1rem
-    font-weight: 100
+    font-weight: $medium-font
     margin: 2vh 0
     border: none
     background-color: $pure-white

data/_sass/env/clinician.sass

@@ -5,6 +5,7 @@
  *##############################################
  *
  */
+$hero-follow-bottom: 59.5vh
 
 .image__filter--blur
   @include image-filter--blur
@@ -20,8 +21,8 @@
 
 .hero__follow
   background-color: $env-primary
-  top: 59.5vh
-  top: calc(var(--vh, 1vh) * 59.5)
+  top: $hero-follow-bottom
+  top: calc(var(--vh, 1vh) * #{strip-unit($hero-follow-bottom)})
 
 .segment__keywords
   align-items: center

data/_sass/env/landing.sass

@@ -9,11 +9,23 @@
 // Fallback for browsers that do not support Custom Properties
 $landing-height: 100vh
 
+body
+  animation: fadeInAnimation ease 1s
+  animation-iteration-count: 1
+  animation-fill-mode: forwards
+
+@keyframes fadeInAnimation
+  0%
+    opacity: 0
+
+  100%
+    opacity: 1
+
 .landing__page
   display: flex
   flex-direction: column
   height: $landing-height
-  height: calc(var(--vh, 1vh) * 100)
+  height: calc(var(--vh, 1vh) * #{strip-unit($landing-height)})
 
 .page__half
   align-items: flex-end
@@ -76,19 +88,22 @@ $landing-height: 100vh
       @include reveal-landing-strap
 
   .landing__strap
+    @include default-trans
     display: flex
     flex-direction: column
-    height: 0
+    max-height: 0
     justify-content: space-around
     max-width: 400px
     overflow: hidden
-    transition: .2s ease-in-out
     width: 40vw
+    padding: 0 3rem
 
   .landing__cta
+    font-size: $sm-font-size
     display: flex
     flex-direction: row
     justify-content: space-between
+    padding: $font-size 0
 
     > a
       align-self: center

data/_sass/env/pwp.sass

@@ -6,6 +6,8 @@
  *
  */
 
+$hero-follow-top: 4.5vh
+
 .image__filter--blur
   @include image-filter--blur
 
@@ -26,8 +28,8 @@
 
 .hero__follow
   background-color: $env-primary
-  bottom: 4.5vh
-  bottom: calc(var(--vh, 1vh) * 4.5)
+  bottom: $hero-follow-top
+  bottom: calc(var(--vh, 1vh) * #{strip-unit($hero-follow-top)})
 
 .segment__wrap
   display: flex

data/_sass/faq.sass

@@ -8,7 +8,8 @@
   border: solid 1px rgba($env-primary, .4)
   margin: 2rem auto
   border-radius: 4px
-  width: 60%
+  width: 90%
+  z-index: 9997
 
 .faq__question
   display: flex
@@ -31,6 +32,7 @@
     transition: .4s ease-in-out
 
 .faq__answer
+  height: 0
   max-height: 0
   overflow: hidden
   transition: .4s ease-in-out
@@ -39,6 +41,7 @@
     padding: 1rem
 
 .faq__answer--reveal
+  height: 100%
   max-height: 1000px
   transition: .6s ease-in-out
 
@@ -60,3 +63,8 @@
   text-align: center
   padding: 4rem 0
   color: $white
+
+@media screen and ( min-width: 1024px )
+  .faq__panel
+    width: 60%
+    max-width: 800px

data/_sass/feed.sass

@@ -65,13 +65,13 @@
 
 .feed__card--title
   transition: .2s ease-in-out
-  font-weight: 600
+  font-weight: $heavy-font
 
 .feed__card--meta
   font-size: $font-size * .5
   padding: 0
   & > span
-    font-weight: 600
+    font-weight: $heavy-font
 
 @media screen and ( min-width: 768px )
 

data/_sass/footer.sass

@@ -1,23 +1,183 @@
-.ft__wrap
-  max-width: 100vw
-  background-color: $opd-grey
-  padding: 3rem 2rem
+
+
+.ft__wrapper
+  @include footer-bg($opd-blue)
+  border-top: solid 1px $white
+  color: $white
+  display: flex
+  flex-wrap: wrap
+  padding: 5vh 5vw
+
+  .social-media-link
+    font-size: $font-size
+    padding-right: $sm-font-size
+    //color: $white
+
+
+.ft__head
+  display: flex
+  margin: 5vh 5vw
+  width: 100%
+
+.ft__body
+  display: flex
+  flex-direction: column-reverse
+  flex-wrap: wrap
+  margin: 5vh 0
+  width: 90vw
+
+.ft__col
+  //border-left: solid 1px rgba($opd-light-blue, .05)
+  box-sizing: border-box
+  padding: 0 5vw
+  width: 90vw
+
+.ft__contact--list
+  display: block
+  font-size: $font-size * .8
+  list-style: none
+  padding: 0
+  text-decoration: none
+  li
+    line-height: 5rem
+  .address
+    line-height: 2.5rem
+
+.ft__contact
+  .site__logo
+    @include logo-color($white)
+    width: 40vw
+
+.ft__sitemap
+  .ft__sitemap--env-header
+    font-size: $font-size * 1
+    font-weight: $heavy-font
+  .ft__sitemap--submenu
+    font-size: $font-size * .8
 
 .ft__base
-  font-size: 1rem
+  align-items: center
+  border-top: solid 1px $opd-light-blue
   display: flex
-  flex-direction: row
-  justify-content: space-between
+  flex-wrap: wrap
 
-.legal-links, .owner-links
+  justify-content: space-around
+  min-width: 100%
+  width: 100%
+  a,
+  p
+    color: inherit
+    font-size: $font-size * .7
+    margin: 0
+    padding: .5rem .1rem
+    text-decoration: none
+
+.legal-links
   display: flex
   flex-direction: column
   justify-content: space-between
-  a
+
+.ft__sitemap--header
+  border-bottom: 1px solid $opd-light-blue
+  color: $pure-white
+  font-size: 2rem
+  font-weight: $heavy-font
+  margin-bottom: 3rem
+  width: 100%
+
+.ft__sitemap--menu,
+.ft__sitemap--submenu
+  padding: 0
+  width: 100%
+
+.ft__sitemap--submenu
+  padding-bottom: 2rem
+  li
+    display: block
+    line-height: 3rem
+    list-style: none
+
+.ft--link
+  color: $pure-white
+
+.ft__sitemap--env-wrap
+  display: flex
+  flex-direction: column
+  flex-wrap: wrap
+
+.ft__sitemap--env
+  width: 100%
+
+@media screen and ( min-width: 768px )
+
+  .ft__wrapper
+    border: none
+
+  .ft__body
+    flex-direction: row
+
+  .ft__col
+    width: 20vw
+
+  .ft__col.ft__sitemap
+    width: 60vw
+
+  .ft__contact--list
+    font-size: $font-size * .8
+    li
+      line-height: 4rem
+    .address
+      line-height: 2rem
+
+  .ft__contact
+    .site__logo
+      width: 10vw
+
+  .ft__sitemap
+    .ft__sitemap--env-header
+      font-size: $font-size * .9
+    .ft__sitemap--submenu
+      font-size: $font-size * .8
+
+  .ft__base
+    justify-content: space-between
+    a,
+    p
+      font-size: $font-size * .7
+
+  .legal-links
+    flex-direction: row
+    a
+      &::after
+        content: " |"
+
+      &:last-child
+        &::after
+          content: ""
+
+  .copyright
+    &::after
+      content: ' Ltd.'
+
+  .ft__sitemap--header
+    font-size: 1.8rem
+
+  .ft__sitemap--submenu li a
     text-decoration: none
-    color: $black
-  a, p
-    padding: .4rem 0
 
-.legal-links
-  text-align: right
+  .ft__sitemap--submenu
+    li
+      transition: .2s ease-in-out
+
+    &:hover > li
+      opacity: .5
+
+    li
+      &:hover
+        opacity: 1
+
+  .ft__sitemap--env-wrap
+    flex-direction: row
+
+  .ft__sitemap--env
+    width: 50%