slow-steps 0.1.2 → 0.1.3

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: f99778250d8255d09c4feb5232eca79d4a8e9aaf2c7819a6cec2d050a09fc61c
4
- data.tar.gz: e722072946f3eee1b5a47a14ebc2d6570a020cbcd1cb8b36a3c51f63b2881cd5
3
+ metadata.gz: 5905d151caa2a511bd3cb4491d190377d5a4d9e71d03aaaaf9e500c98bcddc8e
4
+ data.tar.gz: 9f76b1b790b12641fbf9b5b839191da6d4047476be880eeaca2be80caac1c13f
5
5
  SHA512:
6
- metadata.gz: 87d1517e7f8e857e70260acdc241b5ff6de4f8bb79dab6f50b73a366e677a90bcfc80ea6d59c16cca351c3da9c15a911862fbfd1c56ad2acca1a125886bab78a
7
- data.tar.gz: eb9d967005c27d31fa48dc25a8b6f93aac4b24b3f6264aa73a8392dc8373bb673429b78994354ad93b5bd3b1a4bfecfef71b86096dcdfe0872949087feac8666
6
+ metadata.gz: 94b2276d3b3d073bcc8fb185c032c32653f6a8888fbad54bd355b21dc17c34d181e718e8a1521a25a55813dc74f59db3bbf4b0e7ab259a6270f76ebc021fdf30
7
+ data.tar.gz: a20c622efeda2a92d25eb7bd985bbaed063a5938f626f23190a4bb0a327266bfed526ddca0608474b821166234a0cf9d5b0613896886f03b0bd98c17e8947acd
@@ -1,43 +1,67 @@
1
1
  <!-- footer -->
2
- <footer class="ft-wrapper">
2
+ <footer class="ft__wrapper">
3
3
 
4
4
  <div class="ft__head">
5
- <a href="{{ site.baseurl }}/">
6
- {% include /branding/site-logo.svg %}</a>
5
+
7
6
  </div>
8
7
  <div class="ft__body">
9
8
 
10
- <section class="ft__sitemap">
9
+ <div class="ft__contact ft__col-3">
10
+
11
+ <a href="{{ site.baseurl }}/">
12
+ {% include /branding/site-logo.svg %}
13
+ </a>
14
+ <div class="ft__contact__add">
15
+ <ul class="ft__contact--list">
16
+ {% for item in site.postal_add %}
17
+ <li class="address">{{ item[1] }}</li>
18
+ {% endfor %}
19
+ <li>{{ site.phone }}</li>
20
+ <li>{{ site.email }}</li>
21
+ </ul>
22
+
23
+ </div>
24
+ </div>
25
+
26
+ <div class="ft__sitemap ft__col-3">
11
27
  <div class="ft__sitemap--menu">
28
+ <h3 class="ft__sitemap--header">INFORMATION FOR</h3>
29
+
30
+ <div class="ft__sitemap--env-wrap">
12
31
  {% for item in site.data.menu.navigation %}
13
- <h2 class="ft__sitemap--header">{{ item.name }}</h2>
14
- <ul class="ft__sitemap--submenu">
32
+
33
+ <div class="ft__sitemap--env">
34
+
35
+ <h4 class="ft__sitemap--env-header">{{ item.name }}</h4>
36
+ <ul class="ft__sitemap--submenu">
15
37
  {% for sub in item.submenu %}
16
- <li><a href="{{ sub.url }}">{{ sub.name }}</a></li>
38
+ <li><a href="{{ sub.url }}">{{ sub.alt }}</a></li>
17
39
  {% endfor %}
18
- </ul>
40
+ </ul>
41
+ </div>
42
+
19
43
  {% endfor %}
20
- </div>
21
- </section>
22
44
 
23
- <!-- quick contact form -->
45
+ </div>
46
+ </div>
47
+ </div>
24
48
 
25
- <section class="ft__contact">
26
- {% include /forms/mc-register.html %}
27
- </section>
28
49
  </div>
29
50
  <!-- footer base and copyright -->
30
51
 
31
52
  <div class="ft__base">
32
- <a href="{{ site.author.url }}" class="slogan">made slowly</a>
53
+
54
+ <p class="copyright">&copy; <script>
55
+ document.write(new Date().getFullYear())
56
+ </script> {{ site.title }} Limited</p>
57
+
58
+
33
59
  <div class="legal-links">
34
60
  {% for item in site.data.menu.legals %}
35
61
  <a href="{{ item.url }}">{{ item.name }}</a>
36
62
  {% endfor %}
37
63
  </div>
38
- <p class="copyright">&copy; <script>
39
- document.write(new Date().getFullYear())
40
- </script> {{ site.title }} Limited</p>
64
+ <a href="{{ site.author.url }}" class="slogan">made slowly</a>
41
65
  </div>
42
66
 
43
67
  </footer>
@@ -12,7 +12,7 @@ layout: compress
12
12
 
13
13
  {% else %}
14
14
 
15
- {% include footer/footer.html %}
15
+ {% include footer/footer_full.html %}
16
16
 
17
17
  {% endif %}
18
18
 
@@ -2,47 +2,118 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <div class="clinician__hero">
5
+ <!--
6
6
 
7
- <div class="clinician__overlay">
8
- <div class="clinician__bg">
9
- </div>
10
- </div>
7
+ Last full read through 27/12/2020
8
+
9
+ ##############################################
10
+ # Clinician Layout/_layouts/env/clinician.html
11
+ ##############################################
12
+
13
+ -->
14
+
15
+ <!-- assign description with site decsription as fallback -->
11
16
 
12
- <div class="clinician__strap">
13
- <h1>{{ site.data.copy.about.clinician.title }}</h1>
14
- <p data-aos="fade-up">{{ site.data.copy.about.clinician.description }}</p>
17
+ {% if site.data.copy.landing.clinician.description %}
18
+ {% assign description = site.data.copy.landing.clinician.description %}
19
+ {% else %}
20
+ {% assign description = site.description %}
21
+ {% endif %}
22
+
23
+ <div class="hero">
24
+
25
+ <div class="hero__overlay">
26
+ {% picture {{ page.hero.image | prepend: 'content/' }}
27
+ --img class="hero__image hero__filter"
28
+ --alt {{ page.hero.alt }} %}</div>
29
+
30
+ <div class="hero__strap">
31
+ <h2>{{ site.data.copy.landing.clinician.title }}</h2>
32
+ <p data-aos="fade-up">{{ site.data.copy.landing.clinician.description }}</p>
15
33
  </div>
16
34
 
17
- <div class="clinician__follow"></div>
35
+ <div class="hero__follow"></div>
18
36
 
19
37
  </div>
20
38
 
21
39
 
22
- {% picture
23
- {{ page.image | prepend: 'content/' }}
24
- --img class="clinician__hero__2"
25
- --alt {{ page.image_alt }} %}
40
+ <div class="augmented-image">
26
41
 
42
+ {% picture {{ page.subhero.image | prepend: 'content/' }}
43
+ --img class="hero__image"
44
+ --alt {{ page.subhero.alt }} %}
27
45
 
46
+ <svg class="svg__augment" viewBox="-50 -50 100 100" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
47
+ <defs>
48
+ <radialGradient id="augmentLED" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
49
+ <stop offset="0%" />
50
+ <stop offset="100%" />
51
+ </radialGradient>
52
+ </defs>
53
+
54
+ <circle class="svg__augment--pulse" cx="32%" cy="2%" />
55
+ <circle class="svg__augment--led" cx="32%" cy="2%" r=".5" />
56
+
57
+ </svg>
58
+
59
+ </div>
60
+
61
+ <div class="segment__wrap">
62
+
63
+ <div class="segment__left">
64
+
65
+
66
+ <div class="center-text segment__keywords strap--opd-trust">
67
+ {% assign keyword = site.data.copy.landing.clinician.keywords | split: ", " %}
68
+ {% for word in (1..keyword.size) %}
69
+ <h3 data-aos="fade-in">{{ keyword[forloop.index0] }}</h3>
70
+ {% endfor %}</div>
71
+
72
+ <!-- setup liquid variables -->
73
+ {%- assign env = site.data.menu.navigation | where: 'env', 'clinician' -%}
74
+ {%- assign env = env[0] -%}
75
+
76
+ {%- assign cta = env.submenu | where: 'id', 'cta' -%}
77
+ {%- assign cta = cta[0] -%}
78
+
79
+ <a class="action__call" aria-label="{{ cta.aria }}" href="{{ cta.url }}">
80
+ <span>{{ cta.alt }}</span>
81
+ <!-- svg arrow -->
82
+ <svg width="13px" height="10px" viewBox="0 0 13 10">
83
+ <path d="M1,5 L11,5"></path>
84
+ <polyline points="8 1 12 5 8 9"></polyline></svg>
85
+ </a>
28
86
 
29
- <div class="clinician__grid-wrap">
30
87
 
31
- <div class="clinician__grid-col-l">
32
- <div class="clinician__straps clinician__grid_img"></div>
33
- </div>
34
- <div class="clinician__grid-col-r">
35
- <div class="clinician__straps "></div>
36
88
  </div>
37
89
 
38
- <div class="clinician__grid__text">
90
+ <div class="segment__right augmented-image" >
91
+
92
+ {% picture {{ page.guarantee.image | prepend: 'content/' }}
93
+ --img class="hero__image image--guarantee "
94
+ --alt {{ page.guarantee.alt }} %}
95
+
96
+ <svg class="svg__augment " width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
97
+
98
+ {% include functions/calc-svg-coord.html image_handle="guarantee" %}
99
+
100
+ {% for item in page.guarantee.augment.labels %}
101
+
102
+ <svg class="svg__labels hidden" x="{{ cX[forloop.index0] | remove: ", " }}%" y="{{ cY[forloop.index0] | remove: ", " }}%" style="overflow: visible">
103
+
104
+ <circle class="svg--elem svg--circle" cx="0%" cy="0%" r="6" />
105
+
106
+ <line class="svg--elem svg--line" x1="0" y1="0" y2="0" />
107
+
108
+ <text class="svg--elem svg--text trans-{% if item.reverse %}right{% else %}left{% endif %}" >{{ item.text }}</text>
109
+
110
+ </svg>
111
+
112
+ {% endfor %}
113
+
114
+ </svg>
39
115
 
40
- {% assign keyword = site.data.copy.about.clinician.keywords | split: ", " %}
41
- {% for word in (1..keyword.size) %}
42
- <p class="clinician__grid--keywords" data-aos="fade-in" data-aos-anchor-placement="top-bottom">{{ keyword[forloop.index0] }}</p>
43
- {% endfor %}
44
116
 
45
- <div class="action__call"></div>
46
117
  </div>
47
118
 
48
119
  </div>
@@ -2,66 +2,83 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
+ <!--
6
+
7
+ Last full read through 27/12/2020
8
+
9
+ ##############################################
10
+ # Landing Layout /_layouts/env/landing.html
11
+ ##############################################
12
+
13
+ -->
14
+
5
15
  <div class="landing__page">
6
- {% assign env = site.data.menu.navigation | where: 'env', 'pwp' %}{% assign env = env[0] %}
16
+ <!-- setup liquid variables -->
17
+ {%- assign env = site.data.menu.navigation | where: 'env', 'pwp' -%}
18
+ {%- assign env = env[0] -%}
7
19
 
8
- {% assign cta = env.submenu | where: 'id', 'cta' %}{% assign cta = cta[0] %}
20
+ {%- assign cta = env.submenu | where: 'id', 'cta' -%}
21
+ {%- assign cta = cta[0] -%}
9
22
 
10
- {% assign cta_2 = env.submenu | where: 'id', 'landing' %}{% assign cta_2 = cta_2[0] %}
23
+ {%- assign cta_2 = env.submenu | where: 'id', 'landing' -%}
24
+ {%- assign cta_2 = cta_2[0] -%}
11
25
 
12
26
  <div class="page__half">
13
27
 
14
28
  <div class="env__text env--pwp">
15
29
 
16
- <a class="landing__link" aria-label="Read more about how our products help people with Parkinson's" href="{{ env.url | relative_url }}">
30
+ <a class="landing__link" aria-label="{{ env.aria }}" href="{{ env.url | relative_url }}">
17
31
 
18
32
  <h3 class="landing__title">{{ env.name | upcase }}</h3></a>
19
33
 
20
34
  <div class="landing__strap">
21
35
  <p>{{ site.data.copy.landing.landing.pwp }}</p>
22
36
  <div class="landing__cta">
23
- <a class="primary__cta" aria-label="Register for clinical trails of our device" href="{{ cta.url }}">Sign up</a>
24
- <a class="secondary__cta" aria-label="More information on who we are and how we help people with Parkinson's" href="{{ cta_2.url }}">More Info</a>
37
+ <a class="primary__cta" aria-label="{{ cta.aria }}" href="{{ cta.url }}">Sign up</a>
38
+ <a class="secondary__cta" aria-label="{{ cta_2.aria }}" href="{{ cta_2.url }}">More Info</a>
25
39
  </div>
26
40
  </div>
27
41
 
28
42
  </div>
29
43
 
30
44
  <div class="hero__overlay env--pwp">
31
- {% picture {{ page.pwp.image | prepend: 'content/' }}
32
- --img class="hero__image pwp__hero"
33
- --alt {{ page.pwp.alt }} %}</div>
45
+ {%- picture {{ page.pwp.image | prepend: 'content/' }}
46
+ --img class="hero__image hero__filter pwp__hero"
47
+ --alt {{ page.pwp.alt }} -%}</div>
34
48
 
35
49
  </div>
36
50
 
37
- {% assign env = site.data.menu.navigation | where: 'env', 'clinician' %}{% assign env = env[0] %}
51
+ {%- assign env = site.data.menu.navigation | where: 'env', 'clinician' -%}
52
+ {%- assign env = env[0] -%}
38
53
 
39
- {% assign cta = env.submenu | where: 'id', 'cta' %}{% assign cta = cta[0] %}
54
+ {%- assign cta = env.submenu | where: 'id', 'cta' -%}
55
+ {%- assign cta = cta[0] -%}
40
56
 
41
- {% assign cta_2 = env.submenu | where: 'id', 'landing' %}{% assign cta_2 = cta_2[0] %}
57
+ {%- assign cta_2 = env.submenu | where: 'id', 'landing' -%}
58
+ {%- assign cta_2 = cta_2[0] -%}
42
59
 
43
60
  <div class="page__half">
44
61
 
45
62
  <div class="env__text env--clinician">
46
63
 
47
- <a class="landing__link" href="{{ env.url | relative_url }}">
64
+ <a class="landing__link" aria-label="{{ env.aria }}" href="{{ env.url | relative_url }}">
48
65
 
49
66
  <h3 class="landing__title">{{ env.name | upcase }}</h3></a>
50
67
 
51
68
  <div class="landing__strap">
52
69
  <p>{{ site.data.copy.landing.landing.clinician }}</p>
53
70
  <div class="landing__cta">
54
- <a class="primary__cta" href="{{ cta.url }}">Register interest</a>
55
- <a class="secondary__cta" href="{{ cta_2.url }}">More Info</a>
71
+ <a class="primary__cta" aria-label="{{ cta.aria }}" href="{{ cta.url }}">Register interest</a>
72
+ <a class="secondary__cta" aria-label="{{ cta_2.aria }}" href="{{ cta_2.url }}">More Info</a>
56
73
  </div>
57
74
  </div>
58
75
 
59
76
  </div>
60
77
 
61
78
  <div class="hero__overlay env--clinician">
62
- {% picture {{ page.clinician.image | prepend: 'content/' }}
63
- --img class="hero__image clinician__hero"
64
- --alt {{ page.clinician.alt }} %}</div>
79
+ {%- picture {{ page.clinician.image | prepend: 'content/' }}
80
+ --img class="hero__image hero__filter clinician__hero"
81
+ --alt {{ page.clinician.alt }} -%}</div>
65
82
 
66
83
  </div>
67
84
 
@@ -1,18 +1,32 @@
1
1
  ---
2
2
  layout: default
3
-
4
3
  ---
4
+
5
+
6
+ <!--
7
+
8
+ Last full read through 27/12/2020
9
+
10
+ ##############################################
11
+ # PWP Layout /_layouts/env/pwp.html
12
+ ##############################################
13
+
14
+ -->
15
+
16
+
17
+ <!-- assign description with site decsription as fallback -->
18
+
5
19
  {% if site.data.copy.landing.pwp.description %}
6
20
  {% assign description = site.data.copy.landing.pwp.description %}
7
21
  {% else %}
8
22
  {% assign description = site.description %}
9
23
  {% endif %}
10
24
 
11
- <div class="hero-image hero__pwp">
25
+ <div class="hero">
12
26
 
13
- <div class="hero__overlay hero__overlay--pwp">
27
+ <div class="hero__overlay">
14
28
  {% picture {{ page.hero.image | prepend: 'content/' }}
15
- --img class="hero__image hero__image--pwp"
29
+ --img class="hero__image hero__filter"
16
30
  --alt {{ page.hero.alt }} %}</div>
17
31
 
18
32
  <div class="hero__strap">
@@ -32,7 +46,7 @@ layout: default
32
46
  </h1>
33
47
  </div>
34
48
 
35
- <div class="pwp__follow"></div>
49
+ <div class="hero__follow"></div>
36
50
 
37
51
  </div>
38
52
 
@@ -51,29 +65,27 @@ layout: default
51
65
  </defs>
52
66
 
53
67
  <circle class="svg__augment--pulse" cx="32%" cy="2%" />
54
- <circle class="svg__augment--led" cx="32%" cy="2%" r=".8" />
68
+ <circle class="svg__augment--led" cx="32%" cy="2%" r=".5" />
55
69
 
56
70
  </svg>
57
71
 
58
72
  </div>
59
73
 
60
- <div class="strapline pwp--strap">
74
+ <div class="center-text strap__100 strap--opd-trust">
61
75
  <h2>{{ site.data.copy.landing.pwp.subtitle }}</h2>
62
76
  <p data-aos="fade-in">{{ site.data.copy.landing.pwp.strap }}</p>
63
77
  </div>
64
78
 
65
-
66
-
67
- <div class="segment-wrap">
79
+ <div class="segment__wrap">
68
80
 
69
81
  <div class="segment__left">
70
- <div class="segment__gaurentee strapline pwp--strap">
82
+ <div class="segment__gaurentee center-text">
71
83
  <div data-aos="fade-right">
72
84
  {% include branding/site-logo.svg %}</div>
73
- <p data-aos="fade-in" class="pwp--guarantee">
85
+ <p data-aos="fade-in" class="strap__guarantee">
74
86
  {{ description }}</p></div>
75
87
 
76
- <div class="strapline segment__keywords">
88
+ <div class="center-text segment__keywords strap--opd-trust">
77
89
  {% assign keyword = site.data.copy.landing.pwp.keywords | split: ", " %}
78
90
  {% for word in (1..keyword.size) %}
79
91
  <h3 data-aos="fade-in">{{ keyword[forloop.index0] }}</h3>
@@ -93,7 +105,7 @@ layout: default
93
105
 
94
106
  {% for item in page.guarantee.augment.labels %}
95
107
 
96
- <svg class="svg__labels augment--guarantee hidden" x="{{ cX[forloop.index0] | remove: ", " }}%" y="{{ cY[forloop.index0] | remove: ", " }}%" style="overflow: visible">
108
+ <svg class="svg__labels hidden" x="{{ cX[forloop.index0] | remove: ", " }}%" y="{{ cY[forloop.index0] | remove: ", " }}%" style="overflow: visible">
97
109
 
98
110
  <circle class="svg--elem svg--circle" cx="0%" cy="0%" r="6" />
99
111
 
@@ -21,7 +21,7 @@ layout: default
21
21
  <div class="feed__card">
22
22
 
23
23
  <div class="feed__card__image">
24
- {% picture {{ post.image | prepend: 'posts/' }} --alt {{ post.alt }} --img class="feed__card--image" %}
24
+ {% picture thumb {{ post.image | prepend: 'posts/' }} --alt {{ post.alt }} --img class="feed__card--image" %}
25
25
  </div>
26
26
  <div class="feed__card--text">
27
27