slow-steps 0.1.12 → 0.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 05bd2b6e5c0020cb8c9e141e5ef424b1d96e6b94e831031006ad9e7b05858184
-  data.tar.gz: a25dbf1aec46fd111662f6395a4b5ed08b9a7a3bc94810510dc039348e4c06f2
+  metadata.gz: c57c7f758e1528b2e7d76d0f5df919405de77926eee111a884954209cb2d457e
+  data.tar.gz: c20981bb357053f058125f4f2bbb7d48b84375c1e540b8e37b4e2fb0653bd27d
 SHA512:
-  metadata.gz: 79c36b139da45d35a18b43f1cf2c62f8456310e389dc0843ea1a6af95e7e8e66b6807796b497534f12b53abf7b4d419b7a966a2369b4b898d7bab2a51e1c1a24
-  data.tar.gz: 5d9d3842bccfc26c126c1f48311fb433f07a1c10a1989d4f1474171a4db0873bf810541e676b61555068b5333f989de19fb5b3e04406c3d504c2f75286cdef0a
+  metadata.gz: 8c20c20645f43fe7723801ae686c277450e2ba5779844ab646c2c7e69be88d4d637ab60cd7aba4d92a3b615125ff15ce5d6ad3db79072a0fd2de2d82d4c7f63d
+  data.tar.gz: 1a5861a0fcc5e2f1b2f3f1a8acc8b710a07786cdd02cfba8bdaa4eb7d4f5dbef44ae4ace4f17a9116997c5d728a443860f148b36af725b90e2dbd423dcdd2974

data/_config.yml

@@ -42,7 +42,7 @@ sass:
 
 compress_html:
   ignore:
-    envs: [local]
+    envs: all
   comments:                all
 
 autoprefixer:

data/_includes/footer/footer_full.html

@@ -47,7 +47,7 @@
           <h4 class="ft__sitemap--env-header">{{ item.name }}</h4>
           <ul class="ft__sitemap--submenu">
           {% for sub in item.submenu %}
-          <li><a class="ft--link" href="{{ sub.url }}">{{ sub.alt }}</a></li>
+          <li><a class="ft--link" href="{{ sub.url | relative_url }}">{{ sub.alt }}</a></li>
           {% endfor %}
           </ul>
         </div>

data/_includes/functions/calc-svg-coord.html

@@ -1,33 +1,30 @@
 <!-- Take inputs from page front matter and calculate the coordinates of the svg elements -->
 {% assign image_handle = include.image_handle %}
 
-{% if page[image_handle].augment %}
+<!-- get image dimensions -->
+{%- assign imageX = page.images[image_handle].size | split: ', ' | first -%}
+{%- assign imageY = page.images[image_handle].size | split: ', ' | last -%}
 
-  <!-- get image dimensions -->
-  {%- assign imageX = page[image_handle].augment.image | split: ', ' | first -%}
-  {%- assign imageY = page[image_handle].augment.image | split: ', ' | last -%}
+<!-- pre-assign arrays for circle centers and line ends -->
+{% assign cX = '' | split: ',' %}
+{% assign cY = '' | split: ',' %}
 
-  <!-- pre-assign arrays for circle centers and line ends -->
-  {% assign cX = '' | split: ',' %}
-  {% assign cY = '' | split: ',' %}
+<!-- loop over all the requested labels -->
+{% for item in page.images[image_handle].labels %}
 
-  <!-- loop over all the requested labels -->
-  {% for item in page[image_handle].augment.labels %}
+  <!-- x(i) and y(i) -->
+  {% assign ix = item.coord | split: ', ' | first %}
+  {% assign iy = item.coord | split: ', ' | last %}
 
-    <!-- x(i) and y(i) -->
-    {% assign ix = item.coord | split: ', ' | first %}
-    {% assign iy = item.coord | split: ', ' | last %}
+  <!-- calculate circle centers as percentage of image size -->
+  {% assign cx = ix | times: 100 | divided_by: imageX | append: ', ' %}
+  {% assign cy = iy | times: 100 | divided_by: imageY | append: ', ' %}
+  <!-- push into arrays -->
+  {% assign cX = cX | push: cx %}
+  {% assign cY = cY | push: cy %}
 
-    <!-- calculate circle centers as percentage of image size -->
-    {% assign cx = ix | times: 100 | divided_by: imageX | append: ', ' %}
-    {% assign cy = iy | times: 100 | divided_by: imageY | append: ', ' %}
-    <!-- push into arrays -->
-    {% assign cX = cX | push: cx %}
-    {% assign cY = cY | push: cy %}
+{% endfor %}
 
-  {% endfor %}
-
-{% endif %}
 
 <!--
 in:   [imageX, imageY] pixels
@@ -35,6 +32,4 @@ in:   [imageX, imageY] pixels
 
 out:  cX = [cx_1, cx_2, ... , cx_n]
       cY = [cy_1, cy_2, ... , cy_n]
-
-      X1 = [x1_1, x1_2, ... , x1_n]
 -->

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/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 %}
@@ -30,45 +28,26 @@
 
   <meta name="author" content="{{ site.author.name }}" />
 
-  <meta name="copyright"
-    content="
-      Copyright {{ site.title }} {{ 'now' | date: "%Y" }}" />
+  {% assign date = 'now' | date: "%Y" %}
+  <meta name="copyright" content="Copyright {{ site.title | append: ' Ltd. ' | 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 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

@@ -0,0 +1,12 @@
+<!--
+  insert an image located in assets/images/posts/ and wrap with .post__image div.
+-->
+<div class="post__image">
+
+  {% picture {{ include.link | prepend: 'posts/' }} --alt {{include.alt}} --img class="post__content--image" %}
+
+  {% if include.caption %}
+  <p class="image--caption">{{ include.caption }}</p>
+  {% endif %}
+
+</div>

data/_includes/image.html

@@ -1,10 +1,55 @@
-<!-- include for post images to simplify the ux -->
+<!--
+  insert an augmented image located in assets/images/content/
 
-<div class="post__image">
+  Usage:
 
-{% picture {{ include.link | prepend: 'posts/' }} --alt include.alt --img class="post__content--image" %}
+  <div class="wrapping-class" >
+  {% comment %}
+  {%  include image.html
+      image="handle"
+      alt="Description"
+      class="image-class"
+      caption="Optional caption"
+      %}
+  {% endcomment %}
 
-{% if include.caption %}
-<p class="post__image--caption">{{ include.caption }}</p>
+  We close the wrapping div before the caption.
+
+-->
+
+
+{% capture path %}
+{{ page.images[include.image].file | prepend: 'content/'  }}
+{% endcapture %}
+
+{% picture {{ path }}
+  --img class="{{ include.class }}"
+  --alt {{ include.alt }} %}
+
+{% if page.images[include.image].labels %}
+
+{% include functions/calc-svg-coord.html image_handle=include.image %}
+
+<svg class="svg__augment" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
+
+  {% for item in page.images[include.image].labels %}
+  <svg class="svg__labels hidden" x="{{ cX[forloop.index0] | remove: ", " }}%" y="{{ cY[forloop.index0] | remove: ", " }}%" style="overflow: visible">
+
+    <circle class="svg--elem svg--circle" cx="0%" cy="0%" r="6" />
+
+    <line class="svg--elem svg--line" x1="0"  y1="0" y2="0" />
+
+    <text class="svg--elem svg--text trans-{% if item.reverse %}right{% else %}left{% endif %}" >{{ item.text }}</text>
+
+  </svg>
+  {% endfor %}
+
+</svg>
 {% endif %}
+
+<!-- closing warpping div -->
 </div>
+
+{% if include.caption %}
+<p class="image--caption">{{ include.caption }}</p>
+{% endif %}

data/_includes/navigation/global.html

@@ -9,63 +9,57 @@
     </a>
   </div>
 
-  <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 %}
+  {% if page.env != "landing" OR page.env != "error-page" %}
 
+  <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>
 
-  {% 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 %}
+  <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>
-      </li>
-      {% endfor %}
-
-    </ul>
+        {% 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>
-  {% endif %}
+  <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 %}

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

@@ -21,7 +21,7 @@ Last full read through 29/12/2020
 <div class="hero hero-65">
 
   <div class="hero__overlay h-100">
-    {% picture {{ page.hero.image | prepend: 'content/' }}
+    {% picture {{ page.hero.file | prepend: 'content/' }}
       --img class="hero__image hero__image--fixed hero-65"
       --alt {{ page.hero.alt }} %}</div>
 
@@ -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">