slow-steps 0.1.6 → 0.1.11

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: ea0adad81a3cdbea1a8db232f1da78ab42069e6e86e52bef7ce62f17860b9867
4
- data.tar.gz: 2dd0710e2683aaba83cc677066fb7d55bbb581372d044977c879c0e1e887eea2
3
+ metadata.gz: c5221f077e12c5832eab33a312f51422a160857b6a737bdbe83b6f456f6055e8
4
+ data.tar.gz: 93666e548893b8e7924368f197304b9bd6c3b143219177513cb7e1d6ab3330b6
5
5
  SHA512:
6
- metadata.gz: 37704673dbcb40560041f0ad82b94842ce2b11edeb21dcf49bb5850b9b5cb5969cce20f82f7ff5fd233bb0113745904f44821460a0f2578010a4bd9c38ecb5d7
7
- data.tar.gz: b75c4f3e0db8825fbd23f3475bc1e2329c360edb50f9cc44f8ee3c4e2540418796f18583c6505b8372582c08f2c9869aa8c32ce4bc53f88685a65350e3047826
6
+ metadata.gz: c103bda5ff2d2f0cdbb02a82bff1100da7d1cc64351a35b6d9132f516bc2bc3cf5a3605460bb675c433fdd70aa8c44bcdf0b37cbbf64ec4054b920b43238103d
7
+ data.tar.gz: 03a69ac4ab04684b74376a951f8f8d5d8ea8f5405a36513773af1c1d0813423f2ad4aedf5c974953dfc245f69c4a9260341c22e6f841166ed4d07630b52d3f59
File without changes
@@ -0,0 +1,25 @@
1
+ <div class="contact-details">
2
+
3
+ <h4 class="form-instruction">Contact us directly</h4>
4
+
5
+ <p><i class="fas fa-envelope"></i>
6
+ <a href="mailto:{{ site.email }}">{{ site.email }}</a></p>
7
+
8
+ {% if site.phone %}
9
+ <p><i class="fas fa-phone-square"></i>
10
+ <a href="tel:{{ site.phone }}‬" ‬>{{ site.phone }}‬</a></p>
11
+ {% endif %}
12
+
13
+ <h4 class="form-instruction">Connect with us socially</h4>
14
+
15
+ <ul class="social-media">
16
+
17
+ {% for social in site.socials %}
18
+ <li class="social-media-item">
19
+ <a href="{{ social.url }}">
20
+ <i class="fab fa-{{ social.icon }} social--{{ social.name }} social-media-link"></i></a>
21
+ </li>
22
+ {% endfor %}
23
+
24
+ </ul>
25
+ </div>
@@ -0,0 +1,18 @@
1
+ <div class="contact-form">
2
+ <h4 class="form-instruction">Get in touch using the form below</h4>
3
+
4
+ <form action="https://formspree.io/f/{{ site.formspree }}" method="post" >
5
+
6
+ <label for="name">Enter your name</label>
7
+ <input type="text" class="form-element" name="name" id="name" placeholder="Your Name" required>
8
+
9
+ <label for="email">Enter your email</label>
10
+ <input type="text" class="form-element" name="email" id="email" placeholder="Your email" required>
11
+
12
+ <label for="message">Enter your message</label>
13
+ <textarea class="form-element" rows="5" name="message" id="message" placeholder="Your Message" required></textarea>
14
+
15
+ <button class="btn btn-pop btn-outline btn-contact" type="submit">SEND</button>
16
+
17
+ </form>
18
+ </div>
@@ -0,0 +1,5 @@
1
+ <div class="google-map">
2
+ <h4 class="form-instruction">Where to find us</h4>
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>
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
 
@@ -9,6 +9,17 @@
9
9
  </a>
10
10
  </div>
11
11
 
12
+ <ul class="social-media">
13
+
14
+ {% for social in site.socials %}
15
+ <li class="social-media-item">
16
+ <a href="{{ social.url }}">
17
+ <i class="fab fa-{{ social.icon }} social--{{ social.name }} social-media-link"></i></a>
18
+ </li>
19
+ {% endfor %}
20
+
21
+ </ul>
22
+
12
23
  {% if page.layout == "env/landing" or page.layout == "error-page" %}
13
24
  </nav>
14
25
  {% else %}
@@ -22,6 +33,7 @@
22
33
 
23
34
  <div class="nav-group-content {{ item.env }}-group">
24
35
  {% for sub in item.submenu %}
36
+ <div class="nav-group-container">
25
37
  <a
26
38
  class="
27
39
  nav-link
@@ -31,9 +43,20 @@
31
43
  {% endif %}" href="{{ sub.url | relative_url }}">
32
44
  <span>{{ sub.name }}</span></a>
33
45
 
46
+ {% if sub.subsubmenu %}
47
+ <div class="nav-subsub-content ">
48
+ {% for subsub in sub.subsubmenu %}
49
+ <a class="nav-link subsub-link" href="{{ subsub.url | relative_url }}">
50
+ <span>{{ subsub.name }}</span></a>
51
+
52
+ {% endfor %}
53
+ </div>
54
+ {% endif %}
55
+
56
+ </div>
34
57
  {% endfor %}
35
- </div>
36
58
 
59
+ </div>
37
60
  </li>
38
61
  {% endfor %}
39
62
 
@@ -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,10 @@
18
19
 
19
20
  <script type="text/javascript" src="{{ "{{ site.baseurl }}/assets/js/calc-mobile-viewport.js" | relative_url }}" async></script>
20
21
 
22
+ {% if page.url != '/' %}
23
+ <script type="text/javascript" src="{{ "{{ site.baseurl }}/assets/js/nav-scroll.js" | relative_url }}" async></script>
24
+ {% endif %}
25
+
21
26
  <script type="text/javascript" src="{{ site.baseurl }}/assets/vendor/aos/aos.js" ></script>
22
27
 
23
28
  <script>
@@ -63,7 +63,7 @@ Last full read through 29/12/2020
63
63
  {% endfor %}
64
64
  </div>
65
65
 
66
- <div class="team__members">
66
+ <div class="team__members" id="gaitq-team">
67
67
 
68
68
  {% for member in site.data.team.members %}
69
69
 
@@ -0,0 +1,39 @@
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="contact__wrapper">
29
+
30
+ <div class="contact--left">
31
+ {% include contact-form.html %}
32
+ </div>
33
+
34
+ <div class="contact--right">
35
+ {% include gmap.html %}
36
+
37
+ {% include contact-details.html %}
38
+ </div>
39
+ </div>
@@ -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,227 @@
1
+
2
+
3
+ .contact__wrapper
4
+ display: flex
5
+ width: 100%
6
+ background-color: $white
7
+ padding: 5rem 0
8
+ flex-direction: column
9
+
10
+ .contact--left
11
+ width: auto
12
+ padding: 0 1rem
13
+ padding-bottom: 5rem
14
+
15
+ .contact--right
16
+ //width: 100%
17
+ padding: 0 1rem
18
+
19
+ .form-instruction
20
+ padding-bottom: 2rem
21
+
22
+ .contact-form
23
+ width: 100%
24
+ display: block
25
+
26
+ form
27
+ border: solid 1px rgba($env-primary, .2)
28
+ border-radius: 4px
29
+ padding: 2rem
30
+ label
31
+ font-size: $font-size * .8
32
+ color: $black
33
+
34
+ .google-map
35
+ //grid-area: googleMap
36
+ width: 100%
37
+
38
+ //padding: 0 5rem
39
+ //filter: sepia(.3)
40
+ iframe
41
+ width: 100%
42
+ height: 40vh
43
+ border: solid 1px rgba($env-primary, .2)
44
+
45
+ .contact-details
46
+ display: flex
47
+ flex-direction: column
48
+ padding: 4rem 0
49
+ p
50
+ padding-bottom: 2rem
51
+ .fas
52
+ color: $env-primary
53
+ a
54
+ color: $black
55
+ transition: all .2s ease-in-out
56
+ //text-decoration: none
57
+ &:hover
58
+ color: $env-primary
59
+ .social-media-link
60
+ font-size: $font-size * 1.4
61
+
62
+ .form-element
63
+ width: 100%
64
+ height: 40px
65
+ border-radius: 4px
66
+ //font-size: 1rem
67
+ font-weight: 100
68
+ margin: 2vh 0
69
+ border: none
70
+ background-color: $pure-white
71
+ padding: .1rem 0 .4rem 0
72
+ text-indent: 1rem
73
+
74
+ &::placeholder
75
+ color: rgba($env-primary, .3)
76
+
77
+ .btn-contact
78
+ background: $env-primary
79
+ color: #ffffff
80
+ cursor: pointer
81
+ font-size: $font-size * .8
82
+ padding: 1rem 2rem
83
+ border: 0
84
+ transition: all .3s
85
+ border-radius: 4px
86
+ width: auto
87
+ position: relative
88
+
89
+ .social-media
90
+ display: flex
91
+ justify-content: center
92
+ padding: 0
93
+ margin: 0
94
+ z-index: 9999
95
+
96
+ .social-media-item
97
+ list-style: none
98
+ padding-right: 2rem
99
+
100
+ .social-media-link
101
+ color: $grey
102
+ transition: all .3s ease-in-out
103
+
104
+
105
+
106
+ @media screen and ( min-width: 1024px )
107
+
108
+ .contact__wrapper
109
+ display: flex
110
+ flex-direction: row
111
+ width: 100%
112
+ background-color: $white
113
+ padding: 5rem 0
114
+
115
+ .contact--left
116
+ width: 40%
117
+ padding: 0 5rem
118
+
119
+ .contact--right
120
+ width: 60%
121
+ padding: 0 5rem
122
+
123
+ .form-instruction
124
+ padding-bottom: 2rem
125
+
126
+ .contact-form
127
+ width: 100%
128
+ display: block
129
+
130
+ form
131
+ border: solid 1px rgba($env-primary, .2)
132
+ border-radius: 4px
133
+ padding: 2rem
134
+ label
135
+ font-size: $font-size * .8
136
+ color: $black
137
+
138
+ .google-map
139
+ //grid-area: googleMap
140
+ width: 100%
141
+
142
+ //padding: 0 5rem
143
+ //filter: sepia(.3)
144
+ iframe
145
+ width: 100%
146
+ height: 40vh
147
+ border: solid 1px rgba($env-primary, .2)
148
+
149
+ .contact-details
150
+ display: flex
151
+ flex-direction: column
152
+ padding: 4rem 0
153
+ p
154
+ padding-bottom: 2rem
155
+ .fas
156
+ color: $env-primary
157
+ a
158
+ color: $black
159
+ transition: all .2s ease-in-out
160
+ text-decoration: none
161
+ &:hover
162
+ color: $env-primary
163
+ .social-media-link
164
+ font-size: $font-size * 2
165
+
166
+ .form-element
167
+ width: 100%
168
+ height: 40px
169
+ border-radius: 4px
170
+ //font-size: 1rem
171
+ font-weight: 100
172
+ margin: 2vh 0
173
+ border: none
174
+ background-color: $pure-white
175
+ padding: .1rem 0 .4rem 0
176
+ text-indent: 1rem
177
+
178
+ &::placeholder
179
+ color: rgba($env-primary, .3)
180
+
181
+ .btn-contact
182
+ background: $env-primary
183
+ color: #ffffff
184
+ cursor: pointer
185
+ font-size: $font-size * .8
186
+ padding: 1rem 2rem
187
+ border: 0
188
+ transition: all .3s
189
+ border-radius: 4px
190
+ width: auto
191
+ position: relative
192
+
193
+ &::after
194
+ content: "\f054"
195
+ font-family: "Font Awesome 5 Free"
196
+ font-weight: 900
197
+ position: absolute
198
+ //left: 85%
199
+ top: 28%
200
+ right: 5%
201
+ bottom: 0
202
+ opacity: 0
203
+
204
+ &:hover
205
+ background: rgba($env-primary, .9)
206
+ transition: all .5s
207
+ box-shadow: 0px 6px 15px rgba($env-primary, .3)
208
+ padding: 1rem 3rem 1rem 2.1rem
209
+
210
+ &::after
211
+ opacity: 1
212
+ transition: all 0.3s
213
+
214
+ .social-media
215
+ display: flex
216
+ justify-content: flex-start
217
+ padding: 0
218
+ margin: 0
219
+ z-index: 9999
220
+
221
+ .social-media-item
222
+ list-style: none
223
+ padding-right: 2rem
224
+
225
+ .social-media-link
226
+ color: $grey
227
+ transition: all .3s ease-in-out
@@ -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
@@ -15,6 +15,9 @@
15
15
  -ms-transition: none !important
16
16
  -o-transition: none !important
17
17
 
18
+ body
19
+ background-color: $white
20
+
18
21
  .fullwidth__wrap
19
22
  width: 90vw
20
23
  max-width: 800px
@@ -97,7 +100,7 @@
97
100
 
98
101
 
99
102
  .hero__strap--center
100
- padding-top: $navbar-height
103
+ //padding-top: $navbar-height
101
104
 
102
105
  span
103
106
  animation-duration: .1s
@@ -282,6 +285,10 @@ $svg-text-offset: 60px
282
285
  max-width: 600px
283
286
  margin: 0 auto
284
287
 
288
+ .social--Facebook
289
+ &:hover
290
+ color: $facebook-primary
291
+
285
292
  .social--Twitter
286
293
  &:hover
287
294
  color: $twitter-primary
@@ -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
@@ -49,6 +61,7 @@ $brand-height: 55%
49
61
  opacity: 1
50
62
  margin: 0
51
63
  overflow: hidden
64
+ position: relative
52
65
 
53
66
  // Surround current link with lines
54
67
 
@@ -70,6 +83,7 @@ $brand-height: 55%
70
83
  margin-right: -10%
71
84
 
72
85
  .nav-group-content
86
+ @include default-trans
73
87
  align-items: center
74
88
  justify-content: flex-end
75
89
  position: absolute
@@ -85,3 +99,44 @@ $brand-height: 55%
85
99
 
86
100
  .burger
87
101
  display: none
102
+
103
+ .nav-subsub-content
104
+ background-color: $pure-white
105
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
106
+ visibility: hidden
107
+ opacity: 0
108
+ border-radius: 6px
109
+ z-index: 1
110
+ position: absolute
111
+ padding: 1rem 0
112
+ margin-left: 3rem
113
+ transform: translateY(10px)
114
+ .subsub-link
115
+ &:hover
116
+ background: $white
117
+
118
+ &:before
119
+ background: inherit
120
+ content: ""
121
+ display: block
122
+ height: 16px
123
+ width: 16px
124
+ left: 5px
125
+ position: absolute
126
+ bottom: 100%
127
+ border-radius: 2px
128
+ transform: rotate(-45deg) translateY(14px)
129
+ z-index: -1
130
+
131
+ .nav-group-container:hover > .nav-subsub-content
132
+ visibility: visible
133
+ opacity: 1
134
+ transform: translateY(0px)
135
+ transition: opacity .1s ease-in, transform .2s ease-in
136
+
137
+ .nav-subsub-content .sub-link
138
+ transition: background-color .1s ease-in
139
+
140
+ .nav-subsub-content .sub-link:hover
141
+ background-color: $white
142
+ transition: background-color .1s ease-in
@@ -25,12 +25,14 @@
25
25
  left: 0
26
26
  flex-direction: row
27
27
 
28
- .nav-group-content
28
+ .nav-group-container
29
+
29
30
 
30
31
  .nav-link
31
32
  font-weight: 400
32
33
  color: $env-primary
33
34
  text-transform: uppercase
34
- padding: 0 3rem
35
- &:hover
36
- text-decoration: underline
35
+ padding: 1rem 3rem
36
+ &:not(.current--url)
37
+ &:hover
38
+ text-decoration: underline
@@ -9,8 +9,11 @@
9
9
  .nav-brand
10
10
  @include logo-color($white)
11
11
  height: 14rem
12
- transform: translateY(10vh)
12
+ transform: translateY(15vh)
13
13
 
14
14
  @media screen and ( min-width: 1024px )
15
15
  .nav-brand
16
- transform: translateY(-10vh)
16
+ transform: translateY(-7.5vh)
17
+
18
+ .social-media
19
+ display: none
@@ -21,13 +21,14 @@
21
21
  left: 0
22
22
  flex-direction: row
23
23
 
24
- .nav-group-content
24
+ .nav-group-container
25
25
 
26
26
 
27
27
  .nav-link
28
28
  font-weight: 400
29
+ color: $env-primary
29
30
  text-transform: uppercase
30
- padding: 0 3rem
31
+ padding: 1rem 3rem
31
32
  &:not(.current--url)
32
33
  &:hover
33
34
  text-decoration: underline
@@ -18,6 +18,18 @@
18
18
  width: 100%
19
19
  z-index: 99
20
20
 
21
+ .social-media
22
+ padding-left: 4rem
23
+ .social-media-link
24
+ color: $white
25
+ font-size: $font-size * .8
26
+ transform: translateY(0)
27
+ &:hover
28
+ text-shadow: 3px 3px 6px rgba($black, .2)
29
+ //font-size: $font-size * 1
30
+ transform: translateY(-2px)
31
+
32
+
21
33
  .nav-brand
22
34
  width: 30vw
23
35
  padding-left: 3vw
@@ -32,3 +32,7 @@ $baseurl: '{{ site.baseurl }}/'
32
32
  @import 'breakpoints/about'
33
33
 
34
34
  @import 'forms/mc-forms'
35
+
36
+ @import 'contact'
37
+
38
+ @import 'faq'
@@ -32,3 +32,7 @@ $baseurl: '{{ site.baseurl }}/'
32
32
  @import 'breakpoints/about'
33
33
 
34
34
  @import 'forms/mc-forms'
35
+
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.6
4
+ version: 0.1.11
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-14 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,9 @@ files:
181
181
  - _config.yml
182
182
  - _includes/.DS_Store
183
183
  - _includes/branding/site-logo.svg
184
+ - _includes/build-version.html
185
+ - _includes/contact-details.html
186
+ - _includes/contact-form.html
184
187
  - _includes/env_filter.html
185
188
  - _includes/errors/robot-403.svg
186
189
  - _includes/errors/robot-404.svg
@@ -190,6 +193,8 @@ files:
190
193
  - _includes/forms/mc-register.html
191
194
  - _includes/functions/calc-svg-coord.html
192
195
  - _includes/functions/pull_page_args.html
196
+ - _includes/gmap.html
197
+ - _includes/google-analytics.html
193
198
  - _includes/head/.DS_Store
194
199
  - _includes/head/README.md
195
200
  - _includes/head/descriptors/og-meta.html
@@ -204,11 +209,13 @@ files:
204
209
  - _includes/vimeoPlayer.html
205
210
  - _layouts/about.html
206
211
  - _layouts/compress.html
212
+ - _layouts/contact.html
207
213
  - _layouts/default.html
208
214
  - _layouts/env/clinician.html
209
215
  - _layouts/env/landing.html
210
216
  - _layouts/env/pwp.html
211
217
  - _layouts/error-page.html
218
+ - _layouts/faq.html
212
219
  - _layouts/feed.html
213
220
  - _layouts/full-width.html
214
221
  - _layouts/post.html
@@ -226,11 +233,13 @@ files:
226
233
  - _sass/colors/env/_pwp.sass
227
234
  - _sass/colors/global.sass
228
235
  - _sass/colors/navigation.sass
236
+ - _sass/contact.sass
229
237
  - _sass/env/breakpoints/768.sass
230
238
  - _sass/env/clinician.sass
231
239
  - _sass/env/landing.sass
232
240
  - _sass/env/pwp.sass
233
241
  - _sass/error-page.sass
242
+ - _sass/faq.sass
234
243
  - _sass/feed.sass
235
244
  - _sass/footer.sass
236
245
  - _sass/footer_full.sass
@@ -285,6 +294,7 @@ files:
285
294
  - assets/js/animate_after_load.js
286
295
  - assets/js/calc-mobile-viewport.js
287
296
  - assets/js/mobile-nav-slider.js
297
+ - assets/js/nav-scroll.js
288
298
  - assets/js/svg_aos.js
289
299
  - assets/js/svg_text_width.js
290
300
  - assets/vendor/aos/aos.css