slow-steps 0.3.1 → 0.4.2

data/assets/js/svg_text_width.js

@@ -22,21 +22,21 @@ function svg_text_width() {
     if(view_width > 768 ){
       var lineLength = 100 ; // length in pixels of the drawn line
       var x_offset = 10 + width ; // offset the text label s.t. last character sits 10 px from end of line
-      var y_offset = .5 ;
+      var y_offset = 5 ;
     } else {
       var lineLength = 70 ;
       var x_offset = 0 ; // offset the text label s.t. first character sits inline with end of line
-      var y_offset = -1.5 ;}
+      var y_offset = -8 ;}
       lines[i].setAttribute("stroke-dashoffset", lineLength + 'px')
       lines[i].setAttribute("stroke-dasharray", lineLength + 'px')
     if( text[i].classList.contains('trans-left')){
       lines[i].setAttribute("x2", -lineLength + 'px')
       text[i].setAttribute("x", - lineLength - x_offset + 'px');
-      text[i].setAttribute("y", y_offset + 'rem');
+      text[i].setAttribute("y", y_offset + 'px');
     } else {
       lines[i].setAttribute("x2", lineLength + 'px')
       text[i].setAttribute("x", lineLength + x_offset - width + 'px');
-      text[i].setAttribute("y", y_offset + 'rem');
+      text[i].setAttribute("y", y_offset + 'px');
     };
   };
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: slow-steps
 version: !ruby/object:Gem::Version
-  version: 0.3.1
+  version: 0.4.2
 platform: ruby
 authors:
 - Made Slowly
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-01-24 00:00:00.000000000 Z
+date: 2021-02-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -184,21 +184,22 @@ files:
 - _includes/build-version.html
 - _includes/contact-details.html
 - _includes/contact-form.html
+- _includes/cookie-consent.html
 - _includes/env_filter.html
 - _includes/errors/robot-403.svg
 - _includes/errors/robot-404.svg
 - _includes/errors/robot-405.svg
 - _includes/footer/footer.html
-- _includes/footer/footer_full.html
+- _includes/footer/footer_redesign.html
 - _includes/forms/mc-register.html
 - _includes/functions/calc-svg-coord.html
-- _includes/functions/pull_page_args.html
+- _includes/functions/reposition-svg-labels.html
 - _includes/gmap.html
-- _includes/google-analytics.html
 - _includes/head/README.md
 - _includes/head/descriptors/og-meta.html
 - _includes/head/descriptors/structured-data.html
 - _includes/head/descriptors/twitter-meta.html
+- _includes/head/google-analytics.html
 - _includes/head/head.html
 - _includes/head/stylesheets.html
 - _includes/image-post.html
@@ -243,7 +244,7 @@ files:
 - _sass/faq.sass
 - _sass/feed.sass
 - _sass/footer.sass
-- _sass/footer_full.sass
+- _sass/footer_redesign.sass
 - _sass/forms/mc-forms.sass
 - _sass/global.sass
 - _sass/navigation/README.md

data/_includes/footer/footer_full.html

@@ -1,79 +0,0 @@
-<!-- footer -->
-<footer class="ft__wrapper">
-
-  <div class="ft__head">
-
-  </div>
-  <div class="ft__body">
-
-    <div class="ft__contact ft__col">
-
-      <a href="{{ site.baseurl }}/">
-        {% include /branding/site-logo.svg %}
-      </a>
-      <div class="ft__contact__add">
-        <ul class="ft__contact--list">
-          {% for item in site.postal_add %}
-          <li class="address">{{ item[1] }}</li>
-          {% endfor %}
-          <li><a class="ft--link" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
-          <li>{{ site.phone }}</li>
-
-          <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>
-
-      </div>
-    </div>
-
-    <div class="ft__sitemap ft__col">
-      <div class="ft__sitemap--menu">
-        <h3 class="ft__sitemap--header">INFORMATION FOR</h3>
-
-        <div class="ft__sitemap--env-wrap">
-        {% for item in site.data.menu.navigation %}
-
-        <div class="ft__sitemap--env">
-
-          <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 | relative_url }}">{{ sub.alt }}</a></li>
-          {% endfor %}
-          </ul>
-        </div>
-
-        {% endfor %}
-
-      </div>
-      </div>
-    </div>
-
-  </div>
-  <!-- footer base and copyright -->
-
-  <div class="ft__base">
-
-    <p class="copyright">&copy; <script>
-        document.write(new Date().getFullYear())
-      </script> {{ site.title }}</p>
-
-
-    <div class="legal-links">
-      {% for item in site.data.menu.legals %}
-      <a href="{{ item.url }}">{{ item.name }}</a>
-      {% endfor %}
-    </div>
-    <a href="{{ site.author.url }}" class="slogan">Jekyll theme Slow Steps</a>
-  </div>
-
-</footer>

data/_includes/functions/pull_page_args.html

@@ -1,31 +0,0 @@
-
-<script type="text/javascript">
-
-function svg_aug_contained_image(){
-
-  var x_i = document.getElementsByClassName("image--guarantee")[0].offsetWidth ;
-  var y_i = document.getElementsByClassName("image--guarantee")[0].offsetHeight ;
-  /* get svg labels */
-  var svg = document.querySelectorAll('.svg__augment > .augment--guarantee');
-
-  /* origanal image width in pixels */
-  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 */
-  var dx_0 = parseInt( svg[i].getAttribute('x'), 10 ) / 100 ;
-  var dy_0 = parseInt( svg[i].getAttribute('y'), 10 ) / 100 ;
-
-  var dx_0Pixel = dx_0 * x_0 ;
-  var dy_0Pixel = dy_0 * y_0 ;
-
-  svg[i].setAttribute("x", (dx_0Pixel - ( x_0 / 2) + (x_i / 2) ) / x_i * 100 + '%');
-  svg[i].setAttribute("y", (dy_0Pixel - ( y_0 / 2) + (y_i / 2) ) / y_i * 100 + '%');
- };
-
-}
-
-//window.setInterval(svg_aug_contained_image, 200 )
-
-</script>

data/_sass/footer_full.sass

@@ -1,183 +0,0 @@
-
-
-.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: 600
-  .ft__sitemap--submenu
-    font-size: $font-size * .8
-
-.ft__base
-  align-items: center
-  border-top: solid 1px $opd-light-blue
-  display: flex
-  flex-wrap: wrap
-
-  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
-
-.ft__sitemap--header
-  border-bottom: 1px solid $opd-light-blue
-  color: $pure-white
-  font-size: 2rem
-  font-weight: 600
-  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: 30vw
-
-  .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
-
-  .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%