slow-steps 0.1.8 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 332f670401ff9b865530c6eb7c0feba92d41d5ff6ddaae6261becd8993c6a413
4
- data.tar.gz: b26f9e29f7509b7b5b5a8552c8374417bc27047b4a88a5611b3f076c24b21a74
3
+ metadata.gz: 15001df5eef14e7d413dc8f9dffe536ecb0bb5777d4eeff64644b618dd430500
4
+ data.tar.gz: e77052432ee0d06a9ee9ab75af599c7d42484c34f9bf9ddc2f5d35094f222d6d
5
5
  SHA512:
6
- metadata.gz: dcd734f318740df554def7c646ae56c0bc5ff6b27dcb138cd4d486fe9b0a2973221f3f147cc2acb14a9dfd0d94d0a753770929ed4936bdebf48fb95e4c335ecf
7
- data.tar.gz: b841ebdd6f68eb65e8dfbcaa060855287ab7bcdd92b5dcdb6af689aaf5e92381926ebbad2ad04806d0b162257383260f1fab3f9a1e4a935bdab4f70e4b3919e4
6
+ metadata.gz: fc2c29cde1a9543a90774cd2da6d31eeee04ab7c45f675c52b3db4bf7bc3e9d65d4eb18cfdfc43eabb19d138e5f4c7acffd2eb7b7291f4b5da80cc68652736f9
7
+ data.tar.gz: 348f5178833005714df55d823d9b4d25c440332382ca585d57dc947d9b24bc266d9ca46386c642963abb930db04e489f1c5449983557d806f0e898b8fa01ea0a
File without changes
@@ -1,5 +1,5 @@
1
1
  <div class="google-map">
2
- <h4 class="form-instruction">Where to find us</h4>
2
+ <h4 class="form-instruction">Where to find us</h4>
3
3
 
4
- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2469.4696265600305!2d-1.2640352834469863!3d51.76102127967778!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4876c6a77fce02c7%3A0x1d053d3e05342acd!2s46%20Woodstock%20Rd%2C%20Oxford%20OX2%206HT!5e0!3m2!1sen!2suk!4v1610722975887!5m2!1sen!2suk" frameborder="1" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
4
+ <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2469.4696265600305!2d-1.2640352834469863!3d51.76102127967778!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4876c6a77fce02c7%3A0x1d053d3e05342acd!2s46%20Woodstock%20Rd%2C%20Oxford%20OX2%206HT!5e0!3m2!1sen!2suk!4v1610722975887!5m2!1sen!2suk" frameborder="1" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
5
5
  </div>
@@ -0,0 +1,15 @@
1
+ <!-- This goes before </head> closing tag -->
2
+
3
+ <!-- Google site verification -->
4
+ <meta name="google-site-verification" content="{{ site.google.verification }}" />
5
+
6
+ <!-- Google Analytics -->
7
+
8
+ <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google.analytics }}"></script>
9
+
10
+ <script>
11
+ window.dataLayer = window.dataLayer || [];
12
+ function gtag(){dataLayer.push(arguments);}
13
+ gtag('js', new Date());
14
+ gtag('config', '{{ site.google.analytics }}');
15
+ </script>
@@ -70,7 +70,9 @@
70
70
 
71
71
  <link rel="shortcut icon" type="image/x-icon" href="{{ site.baseurl }}{{ site.fallback_path }}{{ site.favicon }}">
72
72
 
73
-
73
+ {% if jekyll.environment == "production" %}
74
+ {% include google-analytics.html %}
75
+ {% endif %}
74
76
 
75
77
  </head>
76
78
 
@@ -1,6 +1,7 @@
1
1
 
2
2
  {% assign scripts = page.scripts | split: ', '%}
3
3
  {% if scripts contains 'svg-aos' %}
4
+
4
5
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.6.1/lodash.min.js" ></script>
5
6
 
6
7
  <script type="text/javascript" src="{{ "{{ site.baseurl }}/assets/js/svg_text_width.js" | relative_url }}" async></script>
@@ -18,6 +19,8 @@
18
19
 
19
20
  <script type="text/javascript" src="{{ "{{ site.baseurl }}/assets/js/calc-mobile-viewport.js" | relative_url }}" async></script>
20
21
 
22
+ <script type="text/javascript" src="{{ "{{ site.baseurl }}/assets/js/nav-scroll.js" | relative_url }}" async></script>
23
+
21
24
  <script type="text/javascript" src="{{ site.baseurl }}/assets/vendor/aos/aos.js" ></script>
22
25
 
23
26
  <script>
@@ -8,10 +8,6 @@ layout: compress
8
8
 
9
9
  {{ content }}
10
10
 
11
- {% if page.layout != "error-page" %}
12
-
13
- {% include footer/footer_full.html %}
14
-
15
- {% endif %}
11
+ {% include footer/footer_full.html %}
16
12
 
17
13
  {% include scripts.html %}
@@ -0,0 +1,63 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% assign strap = page.title %}
6
+
7
+
8
+ <div class="hero hero-65">
9
+
10
+ <div class="hero__overlay h-100">
11
+ {% picture {{ page.hero.image | prepend: 'content/' }}
12
+ --img class="hero__image hero__image--fixed hero-65"
13
+ --alt {{ page.hero.alt }} %}</div>
14
+
15
+ <header class="hero__strap hero__strap--center image__filter--blur hero-65" aria-label="{{ strap }}">
16
+
17
+ <h1 aria-hidden="true" >
18
+ {% assign n = strap.size | minus: 1 %}
19
+ {%- for char in (0..n ) -%}
20
+
21
+ <span style="animation-delay: {{ char | times: 40 | plus: 200 }}ms;">{{ strap | slice: char }}</span>
22
+ {%- endfor -%}</h1>
23
+
24
+ </header>
25
+
26
+ </div>
27
+
28
+ <div class="faq__wrapper">
29
+ {% for faq in site.data.faq %}
30
+ <div class="faq__panel">
31
+ <div class="faq__question">
32
+ <h4>{{ faq.question }}</h4>
33
+ </div>
34
+
35
+ <div class="faq__answer faq__answer--reveal">
36
+ <p>{{ faq.answer }}</p>
37
+ </div>
38
+ </div>
39
+ {% endfor %}
40
+ </div>
41
+
42
+
43
+ <script>
44
+ /*
45
+ On load we hide all the answers.
46
+ */
47
+
48
+ const title = document.querySelectorAll(".faq__answer--reveal");
49
+ for(var i = 0; i < title.length; i++)
50
+ title[i].classList.remove('faq__answer--reveal');
51
+
52
+ </script>
53
+
54
+ <script>
55
+ /* Watch for clicks on more info and reveal text */
56
+ document.querySelectorAll('.faq__question').forEach(function(el){
57
+ el.addEventListener('click', function() {
58
+ const n = this.nextElementSibling;
59
+ n.classList.toggle('faq__answer--reveal');
60
+ });
61
+ });
62
+
63
+ </script>
@@ -38,6 +38,9 @@
38
38
  @mixin build-in($name)
39
39
  animation: .8s $bezier-snap 0s 1 $name
40
40
 
41
+ @mixin default-trans
42
+ transition: all .4s ease-in-out
43
+
41
44
  // Keyframes
42
45
  @mixin slide-from-left
43
46
  @keyframes slide-from-left
@@ -0,0 +1,37 @@
1
+ .faq__wrapper
2
+ display: flex
3
+ flex-direction: column
4
+ background-color: $pure-white
5
+ padding: 10vh 0
6
+
7
+ .faq__panel
8
+ border: solid 1px rgba($env-primary, .4)
9
+ margin: 2rem auto
10
+ border-radius: 4px
11
+ width: 60%
12
+
13
+ .faq__question
14
+ width: 100%
15
+ padding: 1rem 0
16
+ background-color: rgba($opd-blue-trust, .2)
17
+ border-radius: 4px
18
+ cursor: pointer
19
+ transition: .2s ease-in-out
20
+
21
+ &:hover
22
+ background-color: rgba($opd-blue-trust, 1)
23
+
24
+ & > *
25
+ padding-left: 1rem
26
+
27
+ .faq__answer
28
+ max-height: 0
29
+ overflow: hidden
30
+ transition: .4s ease-in-out
31
+
32
+ & > *
33
+ padding: 1rem
34
+
35
+ .faq__answer--reveal
36
+ max-height: 1000px
37
+ transition: .6s ease-in-out
@@ -10,17 +10,29 @@ $brand-height: 55%
10
10
  @media screen and ( min-width: 1024px )
11
11
 
12
12
  .navbar
13
+ @include default-trans
13
14
  height: $navbar-height
14
15
  align-items: center
15
16
 
17
+ .nav-scrolled
18
+ @include default-trans
19
+ top: -$navbar-height
20
+ .nav-group-content
21
+ @include default-trans
22
+ height: 10vh
23
+ .nav-brand
24
+ @include default-trans
25
+ height: 8vh
26
+ top: 6vh
27
+
16
28
  .nav-brand
29
+ @include default-trans
17
30
  display: flex
18
31
  position: absolute
19
32
  max-width: 160px
20
33
  height: 10vh
21
34
  z-index: 999
22
35
  top: 7.5vh
23
- //align-items: center
24
36
 
25
37
  .site__logo
26
38
  position: absolute
@@ -70,6 +82,7 @@ $brand-height: 55%
70
82
  margin-right: -10%
71
83
 
72
84
  .nav-group-content
85
+ @include default-trans
73
86
  align-items: center
74
87
  justify-content: flex-end
75
88
  position: absolute
@@ -18,13 +18,16 @@
18
18
  width: 100%
19
19
  z-index: 99
20
20
 
21
+ .social-media
22
+ padding-left: 4rem
21
23
  .social-media-link
22
24
  color: $white
23
- transform: translateX(20px)
24
25
  font-size: $font-size * .8
26
+ transform: translateY(0)
25
27
  &:hover
26
28
  text-shadow: 3px 3px 6px rgba($black, .2)
27
- font-size: $font-size * 1.2
29
+ //font-size: $font-size * 1
30
+ transform: translateY(-2px)
28
31
 
29
32
 
30
33
  .nav-brand
@@ -34,3 +34,5 @@ $baseurl: '{{ site.baseurl }}/'
34
34
  @import 'forms/mc-forms'
35
35
 
36
36
  @import 'contact'
37
+
38
+ @import 'faq'
@@ -0,0 +1,16 @@
1
+ navbar = document.querySelector('nav');
2
+
3
+ function navBarScroll() {
4
+ var currentScrollPos = window.pageYOffset;
5
+ if (window.pageYOffset != 0) {
6
+ navbar.classList.add('nav-scrolled');
7
+ } else {
8
+ navbar.classList.remove('nav-scrolled');
9
+ }
10
+ };
11
+
12
+ /* load nav color if reloading and pageYOffset != 0 */
13
+ /* moved to scripts to avoid conflicts with other onloads */
14
+ /*window.onload = function() { navBarScroll() };*/
15
+
16
+ window.onscroll = function() { navBarScroll() };
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: slow-steps
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.8
4
+ version: 0.1.9
5
5
  platform: ruby
6
6
  authors:
7
7
  - Made Slowly
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-01-15 00:00:00.000000000 Z
11
+ date: 2021-01-16 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -181,6 +181,7 @@ files:
181
181
  - _config.yml
182
182
  - _includes/.DS_Store
183
183
  - _includes/branding/site-logo.svg
184
+ - _includes/build-version.html
184
185
  - _includes/contact-details.html
185
186
  - _includes/contact-form.html
186
187
  - _includes/env_filter.html
@@ -193,6 +194,7 @@ files:
193
194
  - _includes/functions/calc-svg-coord.html
194
195
  - _includes/functions/pull_page_args.html
195
196
  - _includes/gmap.html
197
+ - _includes/google-analytics.html
196
198
  - _includes/head/.DS_Store
197
199
  - _includes/head/README.md
198
200
  - _includes/head/descriptors/og-meta.html
@@ -213,6 +215,7 @@ files:
213
215
  - _layouts/env/landing.html
214
216
  - _layouts/env/pwp.html
215
217
  - _layouts/error-page.html
218
+ - _layouts/faq.html
216
219
  - _layouts/feed.html
217
220
  - _layouts/full-width.html
218
221
  - _layouts/post.html
@@ -236,6 +239,7 @@ files:
236
239
  - _sass/env/landing.sass
237
240
  - _sass/env/pwp.sass
238
241
  - _sass/error-page.sass
242
+ - _sass/faq.sass
239
243
  - _sass/feed.sass
240
244
  - _sass/footer.sass
241
245
  - _sass/footer_full.sass
@@ -290,6 +294,7 @@ files:
290
294
  - assets/js/animate_after_load.js
291
295
  - assets/js/calc-mobile-viewport.js
292
296
  - assets/js/mobile-nav-slider.js
297
+ - assets/js/nav-scroll.js
293
298
  - assets/js/svg_aos.js
294
299
  - assets/js/svg_text_width.js
295
300
  - assets/vendor/aos/aos.css