-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpillars.njk
121 lines (99 loc) · 8.49 KB
/
pillars.njk
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
---
layout: nygov.njk
title: NY.gov CX Pillars
url: nysds.dev/table-checklist
domain: nysds.dev
---
{% from './_includes/_components.njk' import pillars %}
<style>{% include './_includes/pillars/_pillars.css' %}</style>
<article class="node node--type-landing-page node--promoted node--view-mode-full">
<article class="p-landing-page -full-page ">
<div class="t-section -container">
<div class="t-section__content ">
<div class="o-wysiwyg landing_page -special -firstWysiwyg">
<div class="a-text__html " >
{{
pillars({
type:"hollow",
headline:"3 Pillars of the Customer Experience Strategy",
pillarCards:[
{
icon:'<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}</style><g><path class="st0" d="M22.48,88.41h36.93l26.96-12.49c0,0,5.06-2.45,3.25-6.57c-2.12-4.82-5.88-3.29-5.88-3.29l-16.14,7.7"/><line class="st0" x1="64.93" y1="75.07" x2="45.65" y2="75.07"/><rect x="9.99" y="63.66" class="st0" width="12.49" height="28.32"/><path class="st0" d="M64.89,75.07c0,0,3.92-0.44,3.92-4.5c0-4.76-4.8-4.49-4.8-4.49H39.69c0,0-6.32-2.54-14.46,1.1
c-2.74,1.22-2.74,1.22-2.74,1.22"/><g><circle class="st0" cx="51.46" cy="33.3" r="26.86"/><path class="st0" d="M70.52,14.37c0,0-7.81-1.05-7.66,5.09c0.03,1.2,2.25,1.7,3.56,3.21c1.32,1.51,2.08,1.93,3.9,3.72
c0.89,0.88-0.25,3.79,0.62,4.79c1.24,1.41,4.52-0.08,6.85-3.15"/><path class="st0" d="M77.89,38.1c0,0-2.2-1.82-4.27-1.21c-1.01,0.29-1.65,1.38-3.11,2.11c-1.3,0.65-2.71,0.58-4.52,1.68
c-0.56,0.34-0.75,0.78-0.88,2.68c-0.05,0.78-2.05,1.67-0.67,3.89c1.07,1.71,3.46,7.3,3.46,7.3"/><path class="st0" d="M55.68,40.67c0.41,0.92,0.71,3.32,0,4.04c-0.66,0.66-3.12,0.83-3.7,1.66c-1.08,1.54,1.12,5.87,0.23,7.53
c-0.39,0.74-0.91,0.47-3.34,0c-1.63-0.31-4.91-0.12-5.42-3.84c-0.6-4.4-0.51-5.9,0-7.69c0.37-1.29,3.15-4.96,4.28-5.42
c1.13-0.46,4.28-0.51,5.33,0C54.1,37.47,55.22,39.63,55.68,40.67z"/><path class="st0" d="M24.59,34.17c0,0,3.3,3.21,4.57,2.6c1.47-0.7,0.87-5.77,1.94-6.49c0.69-0.46,2.77-0.71,3.31,0
s0.15,2.74,0.78,3.34s2.55,1.19,3.7,0.94s3.44-5.41,5.74-6.08c1.89-0.55,6.3,1.41,7.49,1.22s1.81-2.14,2.08-3.5
s-0.17-2.38-0.91-3.7s-3.38-3.21-4.55-3.79s-1.29-1.46-1.29-1.46s-1.55-2.85-2.63-3.31s-3.37,0.54-4.96,0s-3.25-3.03-3.25-3.03"/></g></g></svg>',
title:"Innovative Solutions",
titleType:"link",
link:"https://ny.gov",
linkText:"Learn More",
ariaLabel:"Learn More about something",
checklist:[
{
text:"Drive innovation and continuous improvement"
},
{
text:"Improve service efficiency and effectiveness"
}
]
},
{
icon:'<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}</style><g><path class="st0" d="M34.01,23.68c4.84,0,8.76-3.92,8.76-8.76c0-4.84-3.92-8.76-8.76-8.76c-4.83,0-8.76,3.92-8.76,8.76
C25.25,19.76,29.18,23.68,34.01,23.68z"/><path class="st0" d="M64.13,23.68c4.84,0,8.76-3.92,8.76-8.76c0-4.84-3.92-8.76-8.76-8.76c-4.83,0-8.76,3.92-8.76,8.76
C55.38,19.76,59.3,23.68,64.13,23.68z"/><path class="st0" d="M22.24,43.79c5.03,0,9.1-4.07,9.1-9.1c0-5.02-4.07-9.09-9.1-9.09c-5.02,0-9.09,4.07-9.09,9.09
C13.15,39.72,17.22,43.79,22.24,43.79z"/><path class="st0" d="M13.05,55.51c2.47-1.61,2.88-4.38,1.51-6.93c-0.89-1.67-1.57-2.37-2.95-2.13c-1.08,0.19-2.32,1.06-3.57,1.97
c-2.39,1.73-4.02,2.8-2.51,5.64C6.18,55.28,9.46,57.85,13.05,55.51z"/><path class="st0" d="M49.06,42.16c5.02,0,9.09-4.07,9.09-9.1c0-5.02-4.07-9.09-9.09-9.09c-5.02,0-9.1,4.07-9.1,9.09
C39.97,38.08,44.04,42.16,49.06,42.16z"/><path class="st0" d="M59.41,91.95V58.39c0-4.9,2.17-7.77,3.43-9.52c-2-1.74-4.64-2.1-8.51-2.14l-5.28,4.7l-5.26-4.7
c-3.86,0.04-6.52,0.4-8.52,2.14c0,0,3.43,3.65,3.43,9.52v33.55"/><path class="st0" d="M38.71,62.73c0,0-4.45-1.14-6.07-1.67v30.88"/><path class="st0" d="M11.95,91.97c0,0,0-8.74,0-8.75c-3.07,0-5.4-1.7-5.4-4.75V60.81c0-1.46,0.18-2.79,0.5-4
c0.07-0.31,0.18-0.67,0.35-1.05"/><path class="st0" d="M14.87,49.25c0.88-0.24,1.82-0.38,2.84-0.38l5.02,4.31l5-5.37c2.65-0.01,5.64,0.32,7.54,1.06"/><path class="st0" d="M75.91,43.79c-5.03,0-9.1-4.07-9.1-9.1c0-5.02,4.07-9.09,9.1-9.09c5.02,0,9.09,4.07,9.09,9.09
C85,39.72,80.93,43.79,75.91,43.79z"/><path class="st0" d="M85.1,55.51c-2.47-1.61-2.88-4.38-1.51-6.93c0.89-1.67,1.57-2.37,2.95-2.13c1.08,0.19,2.32,1.06,3.57,1.97
c2.39,1.73,4.02,2.8,2.51,5.64C91.97,55.28,88.69,57.85,85.1,55.51z"/><path class="st0" d="M59.44,62.73c0,0,4.45-1.14,6.07-1.67v30.88"/><path class="st0" d="M86.2,91.97c0,0,0-8.74,0-8.75c3.07,0,5.4-1.7,5.4-4.75V60.81c0-1.46-0.18-2.79-0.5-4
c-0.07-0.31-0.18-0.67-0.35-1.05"/><path class="st0" d="M83.28,49.25c-0.88-0.24-1.82-0.38-2.84-0.38l-5.02,4.31l-5-5.37c-2.65-0.01-5.64,0.32-7.54,1.06"/></g></svg>',
title:"Customer Centric Design",
titleType:"link",
link:"https://ny.gov",
linkText:"Learn More",
ariaLabel:"Learn More about something",
checklist:[
{
text:"Personalize and humanize government interactions"
},
{
text:"Increase trust and transparency "
}
]
},
{
icon:'<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}</style><g><path class="st0" d="M51.2,33.42H39.98c-1.78,0-3.5-0.7-4.77-1.96L22.58,18.89"/><path class="st0" d="M48.34,78.39l3.58,3.58c1.55,1.55,4.07,1.55,5.63,0c1.55-1.55,1.55-4.07,0-5.63L55.3,74.1"/><path class="st0" d="M50.88,69.68l7.83,7.83c1.55,1.55,4.07,1.55,5.63,0c1.55-1.55,1.55-4.07,0-5.63l-4.56-4.56"/><path class="st0" d="M56.5,64.05l8.99,8.99c1.55,1.55,4.07,1.55,5.63,0c1.55-1.55,1.55-4.07,0-5.63l-8.99-8.99"/><path class="st0" d="M45.21,82c-1.55,1.55-4.07,1.55-5.63,0c-1.55-1.55-1.55-4.07,0-5.63l2.24-2.24c1.55-1.55,4.07-1.55,5.63,0
c1.55,1.55,1.55,4.07,0,5.63L45.21,82z"/><path class="st0" d="M28.48,64.97c-1.55,1.55-4.07,1.55-5.63,0c-1.55-1.55-1.55-4.07,0-5.63l4.56-4.56c1.55-1.55,4.07-1.55,5.63,0
c1.55,1.55,1.55,4.07,0,5.63L28.48,64.97z"/><path class="st0" d="M38.42,77.54c-1.55,1.55-4.07,1.55-5.63,0c-1.55-1.55-1.55-4.07,0-5.63l4.56-4.56c1.55-1.55,4.07-1.55,5.63,0
c1.55,1.55,1.55,4.07,0,5.63L38.42,77.54z"/><path class="st0" d="M31.64,73.07c-1.55,1.55-4.07,1.55-5.63,0c-1.55-1.55-1.55-4.07,0-5.63l6.88-6.88c1.55-1.55,4.07-1.55,5.63,0
c1.55,1.55,1.55,4.07,0,5.63L31.64,73.07z"/><line class="st0" x1="72.16" y1="57.2" x2="93.26" y2="36.11"/><path class="st0" d="M65.39,61.68l3.18,3.18c1.53,1.53,4.02,1.65,5.6,0.17c1.65-1.54,1.68-4.14,0.1-5.72L59.32,44.36
c-1.17-1.17-2.77-1.83-4.42-1.82l-7.32,0.04l-3.31,3.31c-2.44,2.44-6.08,2.97-9.03,1.57c-1.25-0.59-1.54-2.25-0.56-3.24l8.96-8.96
c1.18-1.18,2.77-1.84,4.43-1.84h9.09c1.78,0,3.5-0.7,4.77-1.96L74.55,18.9"/><path class="st0" d="M65.77,39.49c1.45,1.45,2.34,3.45,2.34,5.66c0,2.21-0.9,4.21-2.34,5.66"/><line class="st0" x1="25.01" y1="57.2" x2="3.74" y2="35.93"/><path class="st0" d="M25,45.88c-1.45,1.45-2.34,3.45-2.34,5.66s0.9,4.21,2.34,5.66"/></g></svg>',
title:"Commitment to Excellence",
titleType:"link",
link:"https://ny.gov",
linkText:"Excellence",
ariaLabel:"Learn More about something",
checklist:[
{
text:"Build a culture of service excellence"
},
{
text:"Ensure equity and inclusivity"
}
]
}
]
})
}}
</div>
</div>
</div>
</div>
</article>
</article>