slow-steps 0.4.4 → 0.4.5
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 +4 -4
- data/_includes/head/descriptors/og-meta.html +12 -2
- data/_includes/head/descriptors/twitter-meta.html +11 -3
- data/_includes/head/head.html +6 -2
- data/_layouts/product.html +62 -0
- data/_sass/product.sass +93 -0
- data/assets/css/env/gaitq_clinician.sass +2 -0
- data/assets/css/env/gaitq_pwp.sass +2 -0
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1972222c57d570c8014e1163d8b5f065b84dbe48fe95a90946a010cfb041ede3
|
|
4
|
+
data.tar.gz: 13d87cbd90ba7b01b72ea99057b8bafc7a36eb740de1d217ddd480e4226dbae5
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: d0e914258f26ed1ca32d0009bbac49a6511a135d628c9ee0a8925a21f909e0f48afe8a52f5a36c95953d25c78c592e85f367e2283b1df91ae598218fa4fb5acb
|
|
7
|
+
data.tar.gz: 577c834778b637c35c2bc3b4505db510070504a07f3a1185c1a9ac98cf8f93ac100d8f7f685145af446081f41cdbec5a534a85c874524c7fa31abb0e777f5fd6
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
<!-- *** OG *** https://ogp.me/ -->
|
|
3
|
-
<meta property="og:title" content="
|
|
3
|
+
<meta property="og:title" content="
|
|
4
|
+
{% if page.url == '/' %}
|
|
5
|
+
{{ site.title }} | {{ site.subtitle }}
|
|
6
|
+
{% else %}
|
|
7
|
+
{{ page.title }} | {{ site.title }}
|
|
8
|
+
{% endif %}" />
|
|
4
9
|
|
|
5
10
|
<!-- Adds article properties for posts -->
|
|
6
11
|
|
|
@@ -52,7 +57,12 @@
|
|
|
52
57
|
|
|
53
58
|
<!-- to implement this properly we need some kind of db recording the descriptors of our thumbs -->
|
|
54
59
|
|
|
55
|
-
<meta property="og:image:alt" content="
|
|
60
|
+
<meta property="og:image:alt" content="
|
|
61
|
+
{%- if page.id -%}
|
|
62
|
+
{{ page.hero_alt }}
|
|
63
|
+
{%- else -%}
|
|
64
|
+
{{ site.subtitle }}
|
|
65
|
+
{%- endif -%} "" />
|
|
56
66
|
|
|
57
67
|
<meta property="og:url" content="{{ site.url }}{{ site.baseurl }}{{ page.url }}" />
|
|
58
68
|
|
|
@@ -10,8 +10,16 @@
|
|
|
10
10
|
{% else %} {{ page.description }} {% endif %}" />
|
|
11
11
|
|
|
12
12
|
<meta name="twitter:image" content="
|
|
13
|
-
{%- if page.
|
|
14
|
-
|
|
13
|
+
{%- if page.id -%}
|
|
14
|
+
{{ site.url }}{{ site.baseurl }}{{ site.default_path }}{{ page.hero | prepend: 'posts/' }}
|
|
15
|
+
{%- else -%}
|
|
16
|
+
{{ site.url }}{{ site.baseurl }}{{ site.fallback_path }}{{ site.brand }}
|
|
17
|
+
{%- endif -%} "/>
|
|
15
18
|
<!-- to implement this we need some kind of db recording the descriptors of our thumbs -->
|
|
16
|
-
<meta name="twitter:image:alt" content="
|
|
19
|
+
<meta name="twitter:image:alt" content="
|
|
20
|
+
{%- if page.id -%}
|
|
21
|
+
{{ page.hero_alt }}
|
|
22
|
+
{%- else -%}
|
|
23
|
+
{{ site.subtitle }}
|
|
24
|
+
{%- endif -%} " />
|
|
17
25
|
<!-- *** END TWITTER:CARD *** -->
|
data/_includes/head/head.html
CHANGED
|
@@ -31,7 +31,13 @@
|
|
|
31
31
|
{% assign date = 'now' | date: "%Y" %}
|
|
32
32
|
<meta name="copyright" content="Copyright {{ site.title | append: ' Limited ' | append: date }}" />
|
|
33
33
|
|
|
34
|
+
<!-- if production, get bots to follow us -->
|
|
35
|
+
{% if jekyll.environment == "production" %}
|
|
34
36
|
<meta name="robots" content="follow" />
|
|
37
|
+
<!-- else, stop the site from beinf indexed -->
|
|
38
|
+
{% else %}
|
|
39
|
+
<meta name="robots" content="noindex">
|
|
40
|
+
{% endif %}
|
|
35
41
|
|
|
36
42
|
<link rel="canonical" href="{{ page.url | absolute_url }}" />
|
|
37
43
|
|
|
@@ -53,8 +59,6 @@
|
|
|
53
59
|
{% include head/google-analytics.html %}
|
|
54
60
|
{% endif %}
|
|
55
61
|
|
|
56
|
-
|
|
57
|
-
|
|
58
62
|
</head>
|
|
59
63
|
|
|
60
64
|
<body class="preload" onload="animate_after_load()">
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% if page.hero %}
|
|
6
|
+
<header class="product__strap " aria-label="{{ strap }}">
|
|
7
|
+
<h1>
|
|
8
|
+
{{ page.title }}
|
|
9
|
+
</h1>
|
|
10
|
+
</header>
|
|
11
|
+
|
|
12
|
+
<div class="product__hero">
|
|
13
|
+
{% picture {{ page.hero.file | prepend: 'content/' }}
|
|
14
|
+
--img class=""
|
|
15
|
+
--alt {{ page.hero.alt }} %}
|
|
16
|
+
</div>
|
|
17
|
+
{% endif %}
|
|
18
|
+
|
|
19
|
+
<div class="product__info">
|
|
20
|
+
|
|
21
|
+
<h1 class="product__title" data-aos="fade-down">
|
|
22
|
+
{{ site.data.copy.product[page.env].title }}
|
|
23
|
+
</h1>
|
|
24
|
+
|
|
25
|
+
{% for para in site.data.copy.product[page.env].overview %}
|
|
26
|
+
<p data-aos="fade-up">
|
|
27
|
+
{{ para.para }}
|
|
28
|
+
</p>
|
|
29
|
+
{% endfor %}
|
|
30
|
+
</div>
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
<div class="product__wrap">
|
|
34
|
+
<div class="product__image" data-aos="zoom-in-right" data-aos-anchor-placement="top-center">
|
|
35
|
+
|
|
36
|
+
{% include image.html image="device_1" alt="Describe the image" class="product--image" %}
|
|
37
|
+
|
|
38
|
+
<div class="product__description">
|
|
39
|
+
<p data-aos="fade-left">
|
|
40
|
+
<span class="product__start">
|
|
41
|
+
{{ site.data.copy.product[page.env].device[0].para | split: '\' | first }}
|
|
42
|
+
</span> {{ site.data.copy.product[page.env].device[0].para | split: '\' | last }}
|
|
43
|
+
</p>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
<div class="product__wrap">
|
|
49
|
+
<div class="product__description txt-right">
|
|
50
|
+
|
|
51
|
+
<p data-aos="fade-right">
|
|
52
|
+
<span class="product__start">
|
|
53
|
+
{{ site.data.copy.product[page.env].device[1].para | split: '\' | first }}
|
|
54
|
+
</span> {{ site.data.copy.product[page.env].device[1].para | split: '\' | last }}
|
|
55
|
+
</p>
|
|
56
|
+
|
|
57
|
+
</div>
|
|
58
|
+
|
|
59
|
+
<div class="product__image" data-aos="zoom-in-left" data-aos-anchor-placement="top-center">
|
|
60
|
+
{% include image.html image="device_2" alt="Describe the image" class="product--image" %}
|
|
61
|
+
|
|
62
|
+
</div>
|
data/_sass/product.sass
ADDED
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
@media screen and ( min-width: 768px )
|
|
4
|
+
|
|
5
|
+
.product__hero
|
|
6
|
+
animation: slide-hero 1.2s
|
|
7
|
+
animation-delay: .6s
|
|
8
|
+
animation-fill-mode: forwards
|
|
9
|
+
//object-fit: cover
|
|
10
|
+
//overflow: hidden
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
img
|
|
14
|
+
display: block
|
|
15
|
+
//height: 100vh
|
|
16
|
+
//height: calc(var(--vh, 1vh) * 100)
|
|
17
|
+
//z-index: 2
|
|
18
|
+
object-fit: cover
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
@keyframes slide-hero
|
|
22
|
+
|
|
23
|
+
0%
|
|
24
|
+
transform: translateX(0)
|
|
25
|
+
|
|
26
|
+
100%
|
|
27
|
+
transform: translateY(35vh)
|
|
28
|
+
|
|
29
|
+
.product__strap
|
|
30
|
+
text-align: center
|
|
31
|
+
animation: slide-strap 1s
|
|
32
|
+
animation-delay: 1s
|
|
33
|
+
animation-fill-mode: forwards
|
|
34
|
+
color: $env-primary
|
|
35
|
+
overflow: hidden
|
|
36
|
+
font-size: $lg-font-size
|
|
37
|
+
//overflow-y: visible
|
|
38
|
+
|
|
39
|
+
@keyframes slide-strap
|
|
40
|
+
|
|
41
|
+
0%
|
|
42
|
+
transform: scale(0) translateY(25vh)
|
|
43
|
+
|
|
44
|
+
100%
|
|
45
|
+
transform: scale(1) translateY(25vh)
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
.product__info
|
|
49
|
+
//height: 100vh
|
|
50
|
+
background-color: $pure-white
|
|
51
|
+
text-align: center
|
|
52
|
+
margin-top: 35vh
|
|
53
|
+
|
|
54
|
+
p
|
|
55
|
+
width: 80vw
|
|
56
|
+
max-width: 800px
|
|
57
|
+
margin: auto
|
|
58
|
+
|
|
59
|
+
.product__title
|
|
60
|
+
padding: 10rem 0 5rem 0
|
|
61
|
+
|
|
62
|
+
.product__wrap
|
|
63
|
+
display: flex
|
|
64
|
+
flex-direction: row
|
|
65
|
+
width: 100%
|
|
66
|
+
background-color: $pure-white
|
|
67
|
+
padding: 20vh 0 0
|
|
68
|
+
margin: auto
|
|
69
|
+
justify-content: center
|
|
70
|
+
overflow: hidden
|
|
71
|
+
|
|
72
|
+
.product__image,
|
|
73
|
+
.product__description
|
|
74
|
+
display: flex
|
|
75
|
+
align-content: center
|
|
76
|
+
align-self: center
|
|
77
|
+
justify-content: center
|
|
78
|
+
width: 40vw
|
|
79
|
+
max-width: 600px
|
|
80
|
+
overflow: hidden
|
|
81
|
+
|
|
82
|
+
.product__start
|
|
83
|
+
color: $env-primary
|
|
84
|
+
font-weight: $heavy-font
|
|
85
|
+
|
|
86
|
+
.product--image
|
|
87
|
+
display: block
|
|
88
|
+
width: 100%
|
|
89
|
+
max-width: 300px
|
|
90
|
+
object-fit: cover
|
|
91
|
+
|
|
92
|
+
.txt-right
|
|
93
|
+
text-align: right
|
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.4.
|
|
4
|
+
version: 0.4.5
|
|
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-02-
|
|
11
|
+
date: 2021-02-21 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -221,6 +221,7 @@ files:
|
|
|
221
221
|
- _layouts/feed.html
|
|
222
222
|
- _layouts/full-width.html
|
|
223
223
|
- _layouts/post.html
|
|
224
|
+
- _layouts/product.html
|
|
224
225
|
- _layouts/register.html
|
|
225
226
|
- _sass/_colors/README.md
|
|
226
227
|
- _sass/_colors/_clinician.sass
|
|
@@ -258,6 +259,7 @@ files:
|
|
|
258
259
|
- _sass/navigation/no-nav.sass
|
|
259
260
|
- _sass/navigation/pwp.sass
|
|
260
261
|
- _sass/post.sass
|
|
262
|
+
- _sass/product.sass
|
|
261
263
|
- _sass/typography/_variables.sass
|
|
262
264
|
- _sass/typography/branding.sass
|
|
263
265
|
- _sass/typography/resets.sass
|