slow-steps 0.4.6 → 0.4.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 76fa1b7db89e11f4a8a61545e8776a63bdbba3ea8ad4251994e0029d021076d9
-  data.tar.gz: 237de51a201f48a073da012bc55e5b270997fbf01322928ecda1fd70e6b8a33f
+  metadata.gz: 8dcc7a0a6af3c806e7c392cff99ebd0717a56a85a3eadca2c4ce678772c9e10c
+  data.tar.gz: 5d1b7c06809fe46f660fc8752b29537db0f0a6c5f3fdc32279855d2284d19ac5
 SHA512:
-  metadata.gz: 60cc19edc62e64866c5df9dfb3e35bea03ea3ff0fd050deb8017b7d4197ab102eb808206a992dab25c721d178ef04013801f4f7c80a9153553a2337a0fc67d7f
-  data.tar.gz: 72bfac426bbe78dca2f4f27c5d8dab09e632614403f81174094a730d12157015524e00b709888971928b440861b7b88b5e0e1b2ca624a2d8066eb39811d78928
+  metadata.gz: c72e1f445447b7c258541b53a34f1044baac4d837a4c878e16e47a72f316d9dee4c19b0e038a863f4bc9989ae0302bffed720231652f5686fefaf442aa597a70
+  data.tar.gz: 471c58191340906ebed9cbd93df83de7a9aa3e780a75118d4b07dbe36657c7b3e121fbdc82965672a97c0e8b96f9727db55f7b41135d25bd175c143fcf1e4506

data/_includes/contact-form-faq.html

@@ -0,0 +1,18 @@
+<div class="contact-form">
+  <h4 class="form-instruction-FAQ">Get in touch using the form below</h4>
+
+  <form  action="https://formspree.io/f/{{ site.formspree }}" method="post" >
+
+    <label for="name">Enter your full name</label>
+    <input type="text" class="form-element" name="name" id="name" placeholder="Your Name" required>
+
+    <label for="email">Enter your email</label>
+    <input type="text" class="form-element" name="email" id="email" placeholder="Your email" required>
+
+    <label for="message">Enter your message</label>
+    <textarea class="form-element" rows="5" name="message" id="message" placeholder="Your Message" required></textarea>
+
+    <button class="btn btn-pop btn-outline btn-contact" type="submit">SEND</button>
+
+  </form>
+</div>

data/_includes/footer/footer_redesign.html

@@ -38,7 +38,7 @@
 
         {% endif %}
 
-        <h2 class="ft__sitemap--header">COMPANY INFORMATION</h2>
+        <h2 class="ft__sitemap--header">Company Information</h2>
 
         <div class="ft__sitemap--env-wrap">
 
@@ -106,7 +106,7 @@
       <ul>
         <li class="ft__contact--link"><a href="mailto:{{ site.email }}"><i class="fas fa-envelope"></i>{{ site.email }}</a></li>
 
-       <!--- <li class="ft__contact--link"><a href="tel:{{ site.phone }}"><i class="fas fa-phone-square"></i>{{ site.phone }}</a></li> -->
+       <li class="ft__contact--link"><a href="tel:{{ site.phone }}"><i class="fas fa-phone-square"></i>{{ site.phone }}</a></li>
 
       </ul>
 

data/_layouts/about.html

@@ -101,8 +101,7 @@ Last full read through 29/12/2020
           {% for socials in member.social %}
           <li>
             <a class="social--{{ socials.name }} social"href="{{ socials.url }}">
-              <i class="{{ socials.icon }}"></i>
-            </a>
+              <i class="{{ socials.icon }}"></i></a>
           </li>
           {% endfor %}
         </ul>

data/_layouts/contact.html

@@ -2,8 +2,11 @@
 layout: default
 ---
 
-{% assign strap = page.title %}
-
+{% if site.data.copy.contact[page.env].title %}
+{% assign strap = site.data.copy.contact[page.env].title %}
+{% else %}
+{% assign strap = site.description %}
+{% endif %}
 
 <div class="hero hero-65">
 

data/_layouts/faq.html

@@ -70,6 +70,6 @@ document.querySelectorAll('.faq__question').forEach(function(el){
 
 <div class="faq__contact">
     <h2 class="faq__contact--strap">Not found the answer?</h2>
-    {% include contact-form.html %}
+    {% include contact-form-FAQ.html %}
 
 </div>

data/_sass/contact.sass

@@ -21,6 +21,11 @@
   padding-top: $lg-font-size
   color: $env-primary
 
+.form-instruction-FAQ
+  padding-bottom: $font-size
+  padding-top: $lg-font-size
+  color: $pure-white
+
 .contact-form
   width: 100%
   display: block

data/_sass/feed.sass

@@ -36,7 +36,7 @@
       box-shadow: 0 10px 6px -5px rgba($env-primary,.6)
       transition: 1s ease-in-out
     .feed__card--title
-      color: $pure-black
+      color: $opd-coral
       transition: .4s ease-in-out
 
 .feed__card__image

data/_sass/global.sass

@@ -20,6 +20,7 @@
 
 body
   background-color: $white
+  color: $opd-blue
 
 .fullwidth__wrap
   background-color: $white

data/_sass/product.sass

@@ -1,7 +1,23 @@
 
+.product__hero
+
+  img
+    display: block
+    object-fit: cover
+    transform: translateY(35vh)
+
+.product__strap
+  text-align: center
+  color: $env-primary
+  overflow: hidden
+  font-size: $lg-font-size
+  //overflow-y: visible
+  transform: scale(1) translateY(25vh)
+
 
 @media screen and ( min-width: 768px )
 
+
   .product__hero
     animation: slide-hero 1.2s
     animation-delay: .6s
@@ -16,6 +32,7 @@
       //height: calc(var(--vh, 1vh) * 100)
       //z-index: 2
       object-fit: cover
+      transform: translateY(0)
 
 
   @keyframes slide-hero
@@ -31,10 +48,7 @@
     animation: slide-strap 1s
     animation-delay: 1s
     animation-fill-mode: forwards
-    color: $env-primary
-    overflow: hidden
-    font-size: $lg-font-size
-    //overflow-y: visible
+    transform: scale(1) translateY(25vh)
 
   @keyframes slide-strap
 
@@ -45,49 +59,59 @@
       transform: scale(1) translateY(25vh)
 
 
-  .product__info
-    //height: 100vh
-    background-color: $pure-white
-    text-align: center
-    margin-top: 35vh
-
-    p
-      width: 80vw
-      max-width: 800px
-      margin: auto
-
-  .product__title
-    padding: 10rem 0 5rem 0
-
   .product__wrap
-    display: flex
     flex-direction: row
-    width: 100%
-    background-color: $pure-white
     padding: 20vh 0 0
-    margin: auto
-    justify-content: center
-    overflow: hidden
 
   .product__image,
   .product__description
-    display: flex
-    align-content: center
-    align-self: center
-    justify-content: center
     width: 40vw
     max-width: 600px
-    overflow: hidden
+    padding: 0
 
-  .product__start
-    color: $env-primary
-    font-weight: $heavy-font
+.product__info
+  //height: 100vh
+  background-color: $pure-white
+  text-align: center
+  margin-top: 35vh
 
-  .product--image
-    display: block
-    width: 100%
-    max-width: 300px
-    object-fit: cover
+  p
+    width: 80vw
+    max-width: 800px
+    margin: auto
 
-  .txt-right
-    text-align: right
+.product__title
+  padding: 10rem 0 5rem 0
+
+.product__wrap
+  display: flex
+  flex-direction: column
+  width: 100%
+  background-color: $pure-white
+  padding: 0
+  margin: auto
+  justify-content: center
+  overflow: hidden
+
+.product__image,
+.product__description
+  display: flex
+  align-content: center
+  align-self: center
+  justify-content: center
+  width: 90vw
+  overflow: hidden
+  padding: 6rem 0
+
+.product__start
+  color: $env-primary
+  font-weight: $heavy-font
+
+.product--image
+  display: block
+  width: 100%
+  max-width: 300px
+  object-fit: cover
+
+.txt-right
+  text-align: right

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: slow-steps
 version: !ruby/object:Gem::Version
-  version: 0.4.6
+  version: 0.4.7
 platform: ruby
 authors:
 - Made Slowly
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-03-19 00:00:00.000000000 Z
+date: 2021-03-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -183,6 +183,7 @@ files:
 - _includes/branding/site-logo.svg
 - _includes/build-version.html
 - _includes/contact-details.html
+- _includes/contact-form-faq.html
 - _includes/contact-form.html
 - _includes/cookie-consent.html
 - _includes/env_filter.html