Skip to content

Commit d5063cd

Browse files
author
NiallNiall
committed
vertical updates
1 parent c5a0193 commit d5063cd

File tree

5 files changed

+116
-33
lines changed

5 files changed

+116
-33
lines changed

‎_includes/nh-test.html

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<section class="hero-container {{vsecloop.color}}">
2+
<div class="hero-inner grid">
3+
<h2 class="hero-title col-1-1">{{vsecloop.title}}</h2>
4+
</div>
5+
</section>
6+
<!-- /.careers-container -->

‎_layouts/vertical.html

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,45 @@ <h1 class="hero-title col-1-1">{% if page.hero-title %}{{page.hero-title}}{% els
2121
</div>
2222
</section>
2323

24+
<section class="hero-container {{ page.firstitem-colour }}">
25+
<div class="hero-inner grid">
26+
<h1 class="hero-title col-1-1">{% if page.hero-title %}{{page.firstitem-title}}{% else %}{{page.title}}{% endif %}</h1>
27+
<p class="hero-summary col-1-1">{{page.firstitem-body}}</p>
28+
We discovered:
29+
{% if page.firstitem-list %}
30+
<ul class="col-1-1">
31+
{% for list_item in page.firstitem-list %}
32+
<li>{{ list_item }}</li>
33+
{% endfor %}
34+
</ul>
35+
{% endif %}
36+
<p class="hero-summary col-1-1">{{page.firstitem-2ndpara}}</p>
37+
</div>
38+
</section>
39+
40+
<section class="hero-container {{ page.item-2-colour }}">
41+
<div class="hero-inner grid">
42+
<h1 class="hero-title col-1-1">{% if page.hero-title %}{{page.item-2-title}}{% else %}{{page.title}}{% endif %}</h1>
43+
<p class="hero-summary col-1-1">{{page.item-2-body}}</p>
44+
We discovered:
45+
{% if page.item-2-list %}
46+
<ul class="col-1-1">
47+
{% for list_item in page.item-2-list %}
48+
<li>{{ list_item }}</li>
49+
{% endfor %}
50+
</ul>
51+
{% endif %}
52+
<p class="hero-summary col-1-1">{{page.item-2-2ndpara}}</p>
53+
</div>
54+
</section>
55+
56+
{% for vsecloop in page.sections %}
57+
<!-- <div>{{ nhtest }}</div> -->
58+
{% assign vsection = vsecloop %}
59+
{% include nh-test.html %}
60+
{% endfor %}
61+
62+
2463
{% include footer.html %}
2564

2665
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

‎_sass/pages/_page-base.scss

Lines changed: 36 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,32 @@
9292
-webkit-transform: rotate(-1.2deg) scale(1.2);
9393
}
9494

95+
.hero-inner {
96+
padding-bottom: 60px;
97+
}
98+
}
99+
100+
&.green {
101+
background-color: $green;
102+
margin-bottom: 50px;
103+
104+
@media screen and ( max-width: $medium ) {
105+
margin-bottom: 0;
106+
}
107+
108+
&:before {
109+
bottom: 25px;
110+
transform: rotate(-2deg) scale(1.4);
111+
-ms-transform: rotate(-2deg) scale(1.4);
112+
-webkit-transform: rotate(-2deg) scale(1.4);
113+
}
114+
115+
&:after {
116+
transform: rotate(-1.2deg) scale(1.2);
117+
-ms-transform: rotate(-1.2deg) scale(1.2);
118+
-webkit-transform: rotate(-1.2deg) scale(1.2);
119+
}
120+
95121
.hero-inner {
96122
padding-bottom: 60px;
97123
}
@@ -144,7 +170,7 @@
144170
position: relative;
145171

146172
@media screen and ( max-width: $medium ) {
147-
margin-top: 10px;
173+
margin-top: 10px;
148174
}
149175
}
150176

@@ -246,9 +272,9 @@
246272
background-color: white;
247273
box-shadow: 0 0 8px rgba(black, 0.3);
248274
z-index: -1;
249-
transform: rotate(-0.4deg) skew(1.2deg);
250-
-ms-transform: rotate(-0.4deg) skew(1.2deg);
251-
-webkit-transform: rotate(-0.4deg) skew(1.2deg);
275+
transform: rotate(-0.4deg) skew(1.2deg);
276+
-ms-transform: rotate(-0.4deg) skew(1.2deg);
277+
-webkit-transform: rotate(-0.4deg) skew(1.2deg);
252278
}
253279
}
254280

@@ -271,9 +297,9 @@
271297
background-color: rgba(white, 0.3);
272298
box-shadow: 0 0 6px rgba(black, 0.15);
273299
z-index: -1;
274-
transform: rotate(-0.8deg) skew(0.8deg);
275-
-ms-transform: rotate(-0.8deg) skew(0.8deg);
276-
-webkit-transform: rotate(-0.8deg) skew(0.8deg);
300+
transform: rotate(-0.8deg) skew(0.8deg);
301+
-ms-transform: rotate(-0.8deg) skew(0.8deg);
302+
-webkit-transform: rotate(-0.8deg) skew(0.8deg);
277303
}
278304
}
279305

@@ -411,9 +437,9 @@
411437
background-color: white;
412438
box-shadow: 0 0 10px rgba(black, 0.2);
413439
z-index: -1;
414-
transform: rotate(-0.3deg) skew(1deg);
415-
-ms-transform: rotate(-0.3deg) skew(1deg);
416-
-webkit-transform: rotate(-0.3deg) skew(1deg);
440+
transform: rotate(-0.3deg) skew(1deg);
441+
-ms-transform: rotate(-0.3deg) skew(1deg);
442+
-webkit-transform: rotate(-0.3deg) skew(1deg);
417443
}
418444
}
419445

‎npm-debug.log

Lines changed: 0 additions & 21 deletions
This file was deleted.

‎vertical-health.md

Lines changed: 35 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,43 @@ hero-subtitle: At Pebble, we specialise in building solutions for Health. We bel
1111
hero-btn:
1212
hero-btn-url:
1313

14+
## firstitem Content
15+
firstitem-title: Patient Centricity
16+
firstitem-colour: blue
1417

18+
firstitem-body: Health care provision has historically been designed around moving patients through a system as efficiently as possible.<br />In our primary research with cancer patients we discovered that this top-down approach is not working efficiently for the very people it is meant to serve.
1519

16-
---
20+
firstitem-list:
21+
- Patients regularly carry around huge folders of notes to manage a complex process.
22+
- Patients want greater ownership and transparency over their condition.
23+
- Patients are highly intelligent about their condition and want raw data over dumbed down summaries.
24+
- Little or no provision is made for the emotional side for life-changing conditions like cancer.
25+
26+
firstitem-2ndpara: We believe there are numerous opportunities to realise cost-savings, improve patient experience and life expectancies by considering health care as a network around individuals rather than asking a patient to pass through unconnected silos.
27+
28+
item-2-title: Smart Research
29+
item-2-colour: green
30+
31+
item-2-body: In our interactions with the Health sector we have noticed that Research Scientists are increasingly using Computer Science to accelerate processes and discovery and to reduce costs.
32+
33+
item-2-list:
34+
- Research Scientists are developing programming skills.
35+
- Organisations are buying misplaced off-the-shelf data products.
36+
- Big Data is being widely espoused but is poorly understood.
37+
- An emerging discipline of data visualisation.
38+
39+
item-2-2ndpara: We believe that by formalising a symbiotic relationship between the two disciplines of Research Science and Computer Science organisations can realise cost-savings, shorten discovery cycles and deliver a Smart Research capability.<br />Furthermore for publicly funded organisations and charities we advocate an Open Data Policy where research data is made available to third-parties by default. We believe that unlocking new meaning from data through openness and collaboration has the potential to accelerate discovery and understanding.
1740

1841

1942

20-
Using iterative approaches, shortening feedback loops and identifying success metrics at each step, we provide critical advice on how to supercharge technology delivery and generate novel solutions to business problems.
43+
44+
sections:
45+
- title: Patient Centricity
46+
color: blue
47+
- title: Smart Research
48+
color: pink
49+
50+
---
51+
52+
This renders as content
53+

0 commit comments

Comments
 (0)