slow-steps 0.2.0 → 0.3.3

data/_includes/functions/pull_page_args.html

@@ -5,12 +5,12 @@ function svg_aug_contained_image(){
 
   var x_i = document.getElementsByClassName("image--guarantee")[0].offsetWidth ;
   var y_i = document.getElementsByClassName("image--guarantee")[0].offsetHeight ;
-  /* ge scg labels */
+  /* get svg labels */
   var svg = document.querySelectorAll('.svg__augment > .augment--guarantee');
 
   /* origanal image width in pixels */
-  var x_0 = {{ page.guarantee.augment.image | split: ', ' | first }} ;
-  var y_0 = {{ page.guarantee.augment.image | split: ', ' | last }} ;
+  var x_0 = {{ page.images.guarantee.size | split: ', ' | first }} ;
+  var y_0 = {{ page.images.guarantee.size | split: ', ' | last }} ;
 
   for (let i = 0; i < svg.length; i++) {
   /* origanal x position in pixels */

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

@@ -15,9 +15,7 @@
     {% endif %}
   </title>
 
-  {% include head/descriptors/structured-data.html %}
-
-  <!-- use local page descriptions if it exist -->
+  <!-- use page descriptions if it exist -->
   <meta name="description"
     content="
       {% if page.description %}
@@ -28,47 +26,28 @@
 
   <meta name="keywords" content="{{ site.keywords }}" />
 
-  <meta name="author" content="{{ site.author.name }}" />
+  <meta name="author" content="{{ site.data.authors.default.name }}" />
 
-  <meta name="copyright"
-    content="
-      Copyright {{ site.title }} {{ 'now' | date: "%Y" }}" />
+  {% assign date = 'now' | date: "%Y" %}
+  <meta name="copyright" content="Copyright {{ site.title | append: ' Limited ' | append: date }}" />
 
   <meta name="robots" content="follow" />
 
-  {% include /head/descriptors/twitter-meta.html %}
-
-  {% include /head/descriptors/og-meta.html %}
-
-  <link rel="canonical" href="{{ site.url }}{{ site.baseurl }}{{ page.url }}" />
+  <link rel="canonical" href="{{ page.url | absolute_url }}" />
 
   <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="stylesheet" type="text/css" title="made slowly has all the style" href="{{ site.baseurl }}/assets/css/gaitq_global.css" media="screen" />
-
-  {% if page.layout == 'error-page' %}
-  <link rel="stylesheet" type="text/css" title="made slowly has all the style" href="{{ site.baseurl }}/assets/css/gaitq_errors.css" media="screen" />
-  {% endif %}
+  <link rel="shortcut icon" type="image/x-icon" href="{{ site.fallback_path | append: site.favicon | relative_url }}">
 
-  {% if page.layout == 'feed' %}
-  <link rel="stylesheet" type="text/css" title="made slowly has all the style" href="{{ site.baseurl }}/assets/css/gaitq_feed.css" media="screen" />
-  {% endif %}
-
-  <link rel="stylesheet" type="text/css" title="made slowly has all the style" href="{{ site.baseurl }}/assets/css/gaitq_post.css" media="screen" />
-
-
-  {% if page.env %}
-    {% include /head/env/conditional.html %}
-  {% endif %}
+  {% include head/descriptors/structured-data.html %}
 
-  <!-- Animate on scroll lib, js is in footer -->
-  <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/vendor/aos/aos.css" media="none" onload="if(media!='all')media='all'" />
+  {% include /head/descriptors/twitter-meta.html %}
 
-  <link rel="stylesheet" href="{{ site.baseurl }}/assets/fonts/fontawesome-free-5.11.2-web/css/all.min.css" media="none" onload="if(media!='all')media='all'" / >
+  {% include /head/descriptors/og-meta.html %}
 
-  <link rel="shortcut icon" type="image/x-icon" href="{{ site.baseurl }}{{ site.fallback_path }}{{ site.favicon }}">
+  {% include /head/stylesheets.html %}
 
   {% if jekyll.environment == "production" %}
   {% include google-analytics.html %}

data/_includes/head/stylesheets.html

@@ -0,0 +1,20 @@
+<!-- Animate on scroll, js is in footer -->
+<link rel="stylesheet" type="text/css" href="{{ '/assets/vendor/aos/aos.css' | relative_url }}" media="none" onload="if(media!='all')media='all'" />
+
+<!-- Font Awesome v5 -->
+<link rel="stylesheet" href="{{ '/assets/fonts/fontawesome-free-5.11.2-web/css/all.min.css' | relative_url }}" media="none" onload="if(media!='all')media='all'" / >
+
+<!-- Slow Steps error pages -->
+{% if page.layout == 'error-page' %}
+<link rel="stylesheet" type="text/css" title="made slowly has all the style" href="{{ '/assets/css/gaitq_errors.css' | relative_url }}" media="screen" />
+{% endif %}
+
+<!-- Slow Steps post pages -->
+<link rel="stylesheet" type="text/css" title="made slowly has all the style" href="{{ '/assets/css/gaitq_post.css' | relative_url }}" media="screen" />
+
+{% if page.env %}
+<link rel="stylesheet" type="text/css" title="made slowly has all the style" href="{{ '/assets/css/env/gaitq_' | append: page.env | append: '.css' | relative_url }}" media="screen" />
+{% endif %}
+
+<!-- Slow Steps custom css -->
+<link rel="stylesheet" type="text/css" title="made slowly has all the style" href="{{ '/assets/css/gaitq_custom.css' | relative_url }}" media="screen" />

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/_includes/navigation/global.html

@@ -9,63 +9,62 @@
     </a>
   </div>
 
-  <ul class="social-media">
+    {% if page.url != "/" %}
+
+      {% if page.url != "/error-pages/404" %}
+
+      <ul class="social-media">
+        {% for social in site.socials %}
+        <li class="social-media-item">
+        <a href="{{ social.url }}">
+        <i class="fab fa-{{ social.icon }} social--{{ social.name }} social-media-link"></i></a>
+        </li>
+        {% endfor %}
+      </ul>
+
+      <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">
+            <span>{{ item.name }}</span></a>
+          <div class="nav-group-content {{ item.env }}-group">
+            {% for sub in item.submenu %}
+            <div class="nav-group-container">
+            <a
+              class="
+                nav-link
+                sub-link
+                {% if page.url == sub.url %}
+                current--url
+                {% endif %}" href="{{ sub.url | relative_url }}">
+              <span>{{ sub.name }}</span></a>
+
+              {% if sub.subsubmenu %}
+              <div class="nav-subsub-content ">
+                {% for subsub in sub.subsubmenu %}
+                <a class="nav-link subsub-link" href="{{ subsub.url | relative_url }}">
+                  <span>{{ subsub.name }}</span></a>
+
+                {% endfor %}
+              </div>
+              {% endif %}
 
-  {% for social in site.socials %}
-  <li class="social-media-item">
-  <a href="{{ social.url }}">
-  <i class="fab fa-{{ social.icon }} social--{{ social.name }} social-media-link"></i></a>
-  </li>
-  {% endfor %}
-
-  </ul>
-
-  {% if page.layout == "env/landing" or page.layout == "error-page" %}
-  </nav>
-  {% else %}
-    <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">
-          <span>{{ item.name }}</span></a>
-
-        <div class="nav-group-content {{ item.env }}-group">
-          {% for sub in item.submenu %}
-          <div class="nav-group-container">
-          <a
-            class="
-              nav-link
-              sub-link
-              {% if page.url == sub.url %}
-              current--url
-              {% endif %}" href="{{ sub.url | relative_url }}">
-            <span>{{ sub.name }}</span></a>
-
-            {% if sub.subsubmenu %}
-            <div class="nav-subsub-content ">
-              {% for subsub in sub.subsubmenu %}
-              <a class="nav-link subsub-link" href="{{ subsub.url | relative_url }}">
-                <span>{{ subsub.name }}</span></a>
-
-              {% endfor %}
             </div>
-            {% endif %}
-
-</div>
-          {% endfor %}
-
-        </div>
-      </li>
-      {% endfor %}
-
-    </ul>
-
-    <div class="burger">
-      <div class="burger-line-1"></div>
-      <div class="burger-line-2"></div>
-      <div class="burger-line-3"></div>
-    </div>
+            {% endfor %}
+          </div>
+        </li>
+        {% endfor %}
+      </ul>
+
+      <div class="burger">
+        <div class="burger-line-1"></div>
+        <div class="burger-line-2"></div>
+        <div class="burger-line-3"></div>
+      </div>
+    </nav>
+  {% else %}
+    </nav>
   {% endif %}
-</nav>
+{% else %}
+  </nav>
+{% endif %}

data/_includes/scripts.html

@@ -4,26 +4,27 @@
 
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.6.1/lodash.min.js" ></script>
 
-  <script type="text/javascript" src="{{ "{{ site.baseurl }}/assets/js/svg_text_width.js" | relative_url }}" async></script>
+  <script type="text/javascript" src="{{ '/assets/js/svg_text_width.js' | relative_url }}" async></script>
 
-  <script type="text/javascript" src="{{ "{{ site.baseurl }}/assets/js/svg_aos.js" | relative_url }}" async></script>
+  <script type="text/javascript" src="{{ '/assets/js/svg_aos.js' | relative_url }}" async></script>
 
   {% include functions/pull_page_args.html %}
 
 {% endif %}
 
+<script type="text/javascript" src="{{ '/assets/js/animate_after_load.js' | relative_url }}" async></script>
 
-<script type="text/javascript" src="{{ "{{ site.baseurl }}/assets/js/animate_after_load.js" | relative_url }}" async></script>
+<script type="text/javascript" src="{{ '/assets/js/calc-mobile-viewport.js' | relative_url}}" async></script>
 
-<script type="text/javascript" src="{{ "{{ site.baseurl }}/assets/js/mobile-nav-slider.js" | relative_url }}" async></script>
+{% if page.url != '/' %}
 
-<script type="text/javascript" src="{{ "{{ site.baseurl }}/assets/js/calc-mobile-viewport.js" | relative_url }}" async></script>
+<script type="text/javascript" src="{{ '/assets/js/nav-scroll.js' | relative_url }}" async></script>
+
+<script type="text/javascript" src="{{ '/assets/js/mobile-nav-slider.js' | relative_url }}" async></script>
 
-{% if page.url != '/' %}
-<script type="text/javascript" src="{{ "{{ site.baseurl }}/assets/js/nav-scroll.js" | relative_url }}" async></script>
 {% endif %}
 
-<script type="text/javascript" src="{{ site.baseurl }}/assets/vendor/aos/aos.js" ></script>
+<script type="text/javascript" src="{{ '/assets/vendor/aos/aos.js' | relative_url }}" ></script>
 
 <script>
   AOS.init({

data/_includes/vimeoPlayer.html

@@ -1,9 +1,8 @@
 
 <div class="video__container">
 <iframe
-    src="https://player.vimeo.com/video/{{ include.id }}?autoplay=1&title=0&byline=0&portrait=0"
+    src="https://player.vimeo.com/video/{{ include.id }}?title=0&byline=0&portrait=0"
     frameborder="0"
-    allow="autoplay"
     webkitallowfullscreen
     mozallowfullscreen
     allowfullscreen>

data/_layouts/about.html

@@ -83,7 +83,12 @@ Last full read through 29/12/2020
       {% endfor %} ">
 
         <div class="single__member__image">
-          <img class="member--image" src="{% if member.image %}{{ member.image | prepend: '/assets/images/content/people/' }}{% else %}{{ 'team-placeholder.jpg' | prepend: '/assets/images/defaults/' }}{% endif %}" alt="{{ member.name }} is the {{ member.position }}" />
+          <img class="member--image" src="
+          {%- if member.image -%}
+            {{ member.image | prepend: '/assets/images/content/people/' | relative_url }}
+          {%- else -%}
+            {{ 'team-placeholder.jpg' | prepend: '/assets/images/defaults/' | relative_url }}
+          {%- endif -%}" alt="{{ member.name }} is the {{ member.position }}" />
         </div>
 
         <div class="single__member__text">

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,8 +34,8 @@ 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 }}">Sign up</a>
-        <a class="secondary__cta" aria-label="{{ cta_2.aria }}" href="{{ cta_2.url }}">More Info</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,8 +68,8 @@ 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 }}">Register interest</a>
-        <a class="secondary__cta" aria-label="{{ cta_2.aria }}" href="{{ cta_2.url }}">More Info</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/_colors/README.md

@@ -0,0 +1,27 @@
+# Color definitions
+
+Everything here should be rgb(a) color definitions using sass variables,
+
+```sass
+$var-name: rgba(r, g, b, a)
+```
+
+## _variables.sass
+
+Site wide color definitions, avoid changing these variables. If we want to change the color of an element then either using a pre-existing sass variable, or creating a new one, change the actual element css to the new sass color variable.
+
+## _mixins.sass
+
+Color combination mixins.
+
+## collection.sass
+
+Collection of the above definitions.
+
+## _clinician.sass
+
+Theme colouring for clinician environments. We import collection.sass and define `$env-primary` and `$env-secondary`.
+
+## _pwp.sass
+
+Theme colouring for pwp environments. We import collection.sass and define `$env-primary` and `$env-secondary`.