tecitheme 0.2.1 → 0.2.3
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.
- package/README.md +1 -0
- package/assets/TECi_logo.svelte +146 -119
- package/components/Banner.svelte +74 -42
- package/components/Button.svelte +6 -2
- package/components/CTA.svelte +31 -21
- package/components/Card.svelte +34 -17
- package/components/CountrySelector.svelte +133 -133
- package/components/Figure.svelte +24 -20
- package/components/Footer.svelte +292 -177
- package/components/Header.svelte +139 -107
- package/components/HeadingCentered.svelte +23 -21
- package/components/Icon.svelte +132 -124
- package/components/Math.svelte +15 -10
- package/components/MediaFeature.svelte +56 -32
- package/components/MetaSocial.svelte +12 -12
- package/components/Modal.svelte +33 -14
- package/components/NewsGrid.svelte +31 -25
- package/components/SidebarContent.svelte +84 -24
- package/components/Subscribe.svelte +4 -3
- package/components/ThreeColumn.svelte +1 -1
- package/components/TrialForm.svelte +249 -202
- package/components/TrialForm.svelte.d.ts +3 -3
- package/components/Video.svelte +14 -16
- package/components/Wrap.svelte +7 -7
- package/get-content.js +55 -40
- package/layouts/blocks.svelte +49 -36
- package/package.json +17 -17
- package/req_utils.js +52 -51
- package/site_config.json +2 -2
- package/utils.js +39 -22
- package/variables.js +1 -1
package/README.md
CHANGED
|
@@ -9,6 +9,7 @@ See https://tecitheme.netlify.app/ for demo, documentation and component details
|
|
|
9
9
|
## How to update the NPM package
|
|
10
10
|
|
|
11
11
|
This theme system is released on NPM to make it easier to include in all Thunderhead web properties.
|
|
12
|
+
|
|
12
13
|
### Authenticate to NPM
|
|
13
14
|
|
|
14
15
|
1. `npm adduser`
|
package/assets/TECi_logo.svelte
CHANGED
|
@@ -1,150 +1,177 @@
|
|
|
1
1
|
<svg
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
2
|
+
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
|
3
|
+
xmlns:cc="http://creativecommons.org/ns#"
|
|
4
|
+
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
|
5
|
+
xmlns:svg="http://www.w3.org/2000/svg"
|
|
6
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
+
id="svg2"
|
|
8
|
+
version="1.1"
|
|
9
|
+
width="217.3913"
|
|
10
|
+
height="40"
|
|
11
|
+
>
|
|
12
|
+
<defs id="defs59" />
|
|
13
13
|
<g
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
id="cvpage5_top"
|
|
15
|
+
width="612px"
|
|
16
|
+
height="792px"
|
|
17
|
+
transform="translate(44.657227,-982.59069)"
|
|
18
|
+
>
|
|
18
19
|
<g
|
|
19
|
-
|
|
20
|
-
|
|
20
|
+
id="g3110"
|
|
21
|
+
transform="matrix(0.41093833,0,0,0.40953505,-73.98795,960.4758)"
|
|
22
|
+
>
|
|
21
23
|
<polyline
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
|
|
25
|
+
style="fill:#0e69af;fill-rule:evenodd;stroke:none"
|
|
26
|
+
id="polyline7"
|
|
27
|
+
points="122.225,61.914 117.799,61.914 117.799,73.463 114.891,73.463 114.891,61.914 110.465,61.914 110.465,59.68 122.225,59.68 122.225,61.914 122.225,61.914 "
|
|
28
|
+
/>
|
|
26
29
|
<polyline
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
30
|
+
transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
|
|
31
|
+
style="fill:#0e69af;fill-rule:evenodd;stroke:none"
|
|
32
|
+
id="polyline9"
|
|
33
|
+
points="136.472,73.463 133.563,73.463 133.563,67.562 126.482,67.562 126.482,73.463 123.574,73.463 123.574,59.68 126.482,59.68 126.482,65.286 133.563,65.286 133.563,59.68 136.472,59.68 136.472,73.463 136.472,73.463 "
|
|
34
|
+
/>
|
|
31
35
|
<path
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
+
style="fill:#0e69af;fill-rule:evenodd;stroke:none"
|
|
37
|
+
inkscape:connector-curvature="0"
|
|
38
|
+
id="path11"
|
|
39
|
+
d="m 288.40438,96.001764 c 0,3.872388 -1.13766,6.720606 -3.5319,8.541956 -1.48085,1.02687 -3.4157,1.59435 -5.80723,1.93754 -2.39153,0.227 -5.35324,0.34049 -8.77165,0.34049 -2.50502,0 -4.66956,-0.11349 -6.49361,-0.34049 -1.93484,-0.22699 -3.5292,-0.68368 -4.89656,-1.36736 -1.59435,-0.79718 -2.61852,-2.05104 -3.4184,-3.75889 -0.68098,-1.594354 -1.13767,-3.531899 -1.13767,-5.580239 0,0 0,-26.425738 0,-26.425738 0,0 7.97447,0 7.97447,0 0,0 0,26.99322 0,26.99322 0,1.597056 0.45399,2.621226 1.59436,3.304906 1.13766,0.683681 3.5292,1.137671 6.9476,1.137671 0.68368,0 1.13766,0 1.48086,0 1.82134,0 2.96171,-0.1135 3.64539,-0.1135 1.36736,-0.22699 2.50503,-0.683681 3.3022,-1.251163 0.91068,-0.683681 1.36737,-2.164538 1.36737,-4.442572 0,0 0,-25.628562 0,-25.628562 0,0 7.74477,0 7.74477,0 0,0 0,26.652731 0,26.652731 0,0 0,0 0,0"
|
|
40
|
+
/>
|
|
36
41
|
<path
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
42
|
+
style="fill:#0e69af;fill-rule:evenodd;stroke:none"
|
|
43
|
+
inkscape:connector-curvature="0"
|
|
44
|
+
id="path13"
|
|
45
|
+
d="m 329.5225,80.16902 c 0,-3.985884 -1.25117,-6.834103 -3.5292,-8.541953 -1.48086,-1.026872 -3.4184,-1.70785 -5.80993,-1.937545 -2.50503,-0.226993 -5.35325,-0.340489 -8.88515,-0.340489 -2.50503,0 -4.66956,0.113496 -6.49091,0.226993 -1.82405,0.226993 -3.4184,0.797177 -4.89926,1.480857 -1.48086,0.797177 -2.61852,2.051042 -3.3022,3.645396 -0.79718,1.70785 -1.14037,3.531898 -1.14037,5.693734 0,0 0,26.425737 0,26.425737 0,0 7.86097,0 7.86097,0 0,0 0,-26.993219 0,-26.993219 0,-1.594354 0.57019,-2.734722 1.59436,-3.304906 1.25386,-0.797177 3.5319,-1.137666 7.06109,-1.137666 0.68368,0 1.14037,0 1.36736,-0.113496 1.82405,0.113496 3.07521,0.226992 3.6454,0.226992 1.48086,0.226993 2.61852,0.570185 3.3022,1.251163 0.91068,0.68368 1.36736,2.164538 1.36736,4.329076 0,0 0,25.742056 0,25.742056 0,0 7.85828,0 7.85828,0 0,0 0,-26.65273 0,-26.65273 0,0 0,0 0,0"
|
|
46
|
+
/>
|
|
41
47
|
<path
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
48
|
+
style="fill:#0e69af;fill-rule:evenodd;stroke:none"
|
|
49
|
+
inkscape:connector-curvature="0"
|
|
50
|
+
id="path15"
|
|
51
|
+
d="m 372.01067,91.672688 c 0,6.60711 -2.05104,11.049682 -6.15042,13.214222 -2.05104,1.13766 -4.78576,1.70785 -8.20146,1.70785 0,0 -3.5319,0 -3.5319,0 0,0 0,-6.15042 0,-6.15042 0,0 1.93754,0 1.93754,0 1.59436,0 2.73202,-0.1135 3.6427,-0.456691 1.02687,-0.34049 2.05104,-1.02417 2.84821,-2.04834 1.02417,-1.367361 1.59436,-3.758891 1.59436,-7.177294 0,0 0,-6.720607 0,-6.720607 0,-2.051041 -0.1135,-3.531898 -0.34049,-4.329075 -0.34319,-1.594354 -1.25387,-2.73202 -2.50503,-3.415701 -1.25386,-0.570184 -3.19141,-0.910673 -5.80993,-0.910673 0,0 -1.36736,0 -1.36736,0 0,0 0,-6.036926 0,-6.036926 0,0 1.93754,0 1.93754,0 7.17459,0 11.95766,1.70785 14.0087,5.239749 1.25386,2.161836 1.93754,5.239749 1.93754,9.112137 0,0 0,7.971769 0,7.971769 0,0 0,0 0,0 m -17.88378,14.922072 c 0,0 -17.76759,0 -17.76759,0 0,0 0,-37.245727 0,-37.245727 0,0 17.76759,0 17.76759,0 0,0 0,6.036926 0,6.036926 0,0 -9.90932,0 -9.90932,0 0,0 0,25.058381 0,25.058381 0,0 9.90932,0 9.90932,0 0,0 0,6.15042 0,6.15042 0,0 0,0 0,0"
|
|
52
|
+
/>
|
|
46
53
|
<polyline
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
54
|
+
transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
|
|
55
|
+
style="fill:#0e69af;fill-rule:evenodd;stroke:none"
|
|
56
|
+
id="polyline17"
|
|
57
|
+
points="196.494,73.463 185.071,73.463 185.071,59.68 196.452,59.68 196.452,61.914 187.938,61.914 187.938,65.37 196.03,65.37 196.03,67.52 187.938,67.52 187.938,71.187 196.494,71.187 196.494,73.463 196.494,73.463 "
|
|
58
|
+
/>
|
|
51
59
|
<path
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
60
|
+
style="fill:#0e69af;fill-rule:evenodd;stroke:none"
|
|
61
|
+
inkscape:connector-curvature="0"
|
|
62
|
+
id="path19"
|
|
63
|
+
d="m 439.55453,80.396013 c 0,4.102083 -0.57019,6.834103 -1.82405,8.087968 -1.13767,1.253864 -1.93485,1.821346 -4.43987,2.164538 0,0 -0.45669,0.226992 -0.45669,0.226992 2.39153,0.229695 3.75889,1.140369 4.89656,2.505027 1.14036,1.253865 1.48085,3.531899 1.48085,6.266621 0,0 0,6.947601 0,6.947601 0,0 -7.85827,0 -7.85827,0 -0.22699,-0.1135 0.34319,-8.885146 -0.68368,-12.073853 -0.79718,-2.278035 -2.39153,-3.645396 -3.75889,-3.758892 0,0 -14.46538,-0.226993 -14.46538,-0.226993 0,0 0,-5.58294 0,-5.58294 0,0 14.23839,0.113496 14.23839,0.113496 3.3022,0 4.55606,0.229695 4.89655,-3.529197 0.3432,-2.39153 -0.22699,-3.985884 -0.91067,-4.785763 -0.68368,-0.910673 -2.61852,-1.364659 -5.58024,-1.364659 0,0 -12.41704,0 -12.41704,0 0,0 0,-6.036926 0,-6.036926 0,0 13.6682,0 13.6682,0 5.35595,0 8.88515,0.910673 10.7092,2.73202 1.70785,1.710552 2.50503,4.442572 2.50503,8.31496 0,0 0,0 0,0"
|
|
64
|
+
/>
|
|
56
65
|
<polyline
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
66
|
+
transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
|
|
67
|
+
style="fill:#0e69af;fill-rule:evenodd;stroke:none"
|
|
68
|
+
id="polyline21"
|
|
69
|
+
points="222.796,73.463 219.93,73.463 219.93,67.562 212.849,67.562 212.849,73.463 209.94,73.463 209.94,59.68 212.849,59.68 212.849,65.286 219.93,65.286 219.93,59.68 222.796,59.68 222.796,73.463 222.796,73.463 "
|
|
70
|
+
/>
|
|
61
71
|
<polyline
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
72
|
+
transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
|
|
73
|
+
style="fill:#0e69af;fill-rule:evenodd;stroke:none"
|
|
74
|
+
id="polyline23"
|
|
75
|
+
points="252.807,73.463 249.857,73.463 248.887,70.85 242.312,70.85 241.342,73.463 238.35,73.463 242.143,63.094 245.052,63.094 242.986,68.869 248.171,68.869 245.052,59.68 247.623,59.68 252.807,73.463 252.807,73.463 "
|
|
76
|
+
/>
|
|
66
77
|
<path
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
78
|
+
style="fill:#0e69af;fill-rule:evenodd;stroke:none"
|
|
79
|
+
inkscape:connector-curvature="0"
|
|
80
|
+
id="path25"
|
|
81
|
+
d="m 600.38699,91.672688 c 0,6.60711 -2.05104,11.049682 -6.15042,13.214222 -2.05104,1.13766 -4.78577,1.70785 -8.20147,1.70785 0,0 -3.5319,0 -3.5319,0 0,0 0,-6.15042 0,-6.15042 0,0 1.93755,0 1.93755,0 1.59435,0 2.73202,-0.1135 3.64269,-0.456691 1.02687,-0.34049 2.05104,-1.02417 2.84822,-2.04834 1.02417,-1.367361 1.59435,-3.758891 1.59435,-7.177294 0,0 0,-6.720607 0,-6.720607 0,-2.051041 -0.11349,-3.531898 -0.34048,-4.329075 -0.3432,-1.594354 -1.25387,-2.73202 -2.50773,-3.415701 -1.25117,-0.570184 -3.18871,-0.910673 -5.80723,-0.910673 0,0 -1.36737,0 -1.36737,0 0,0 0,-6.036926 0,-6.036926 0,0 1.93755,0 1.93755,0 7.17459,0 11.95765,1.70785 14.00869,5.239749 1.25387,2.161836 1.93755,5.239749 1.93755,9.112137 0,0 0,7.971769 0,7.971769 0,0 0,0 0,0 M 582.5032,106.59476 c 0,0 -17.76758,0 -17.76758,0 0,0 0,-37.245727 0,-37.245727 0,0 17.76758,0 17.76758,0 0,0 0,6.036926 0,6.036926 0,0 -9.90931,0 -9.90931,0 0,0 0,25.058381 0,25.058381 0,0 9.90931,0 9.90931,0 0,0 0,6.15042 0,6.15042 0,0 0,0 0,0"
|
|
82
|
+
/>
|
|
71
83
|
<polyline
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
84
|
+
transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
|
|
85
|
+
style="fill:#0e69af;fill-rule:evenodd;stroke:none"
|
|
86
|
+
id="polyline27"
|
|
87
|
+
points="236.622,73.463 225.199,73.463 225.199,59.68 236.579,59.68 236.579,61.914 228.107,61.914 228.107,65.37 236.116,65.37 236.116,67.52 228.107,67.52 228.107,71.187 236.622,71.187 236.622,73.463 236.622,73.463 "
|
|
88
|
+
/>
|
|
76
89
|
<polyline
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
90
|
+
transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
|
|
91
|
+
style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
|
|
92
|
+
id="polyline29"
|
|
93
|
+
points="214.408,84.211 210.067,84.211 210.067,75.95 214.408,75.95 214.408,77.088 212.048,77.088 212.048,79.153 214.366,79.153 214.366,80.249 212.048,80.249 212.048,83.073 214.408,83.073 214.408,84.211 214.408,84.211 "
|
|
94
|
+
/>
|
|
81
95
|
<path
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
96
|
+
style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
|
|
97
|
+
inkscape:connector-curvature="0"
|
|
98
|
+
id="path31"
|
|
99
|
+
d="m 473.61154,135.52552 c 0,0 -5.35324,0 -5.35324,0 0,0 0,-18.56476 0,-18.56476 0,-1.02687 -0.57019,-1.48086 -1.59436,-1.48086 -1.02687,0 -1.59435,0.45399 -1.59435,1.48086 0,0 0,18.56476 0,18.56476 0,0 -5.35325,0 -5.35325,0 0,0 0,-18.45126 0,-18.45126 0,-1.48086 0.91068,-2.62123 2.50503,-3.5319 1.25387,-0.57019 2.73472,-0.91068 4.44257,-0.91068 1.70785,0 3.18871,0.34049 4.44258,0.91068 1.59435,0.91067 2.50502,2.05104 2.50502,3.5319 0,0 0,18.45126 0,18.45126 0,0 0,0 0,0"
|
|
100
|
+
/>
|
|
86
101
|
<path
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
102
|
+
style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
|
|
103
|
+
inkscape:connector-curvature="0"
|
|
104
|
+
id="path33"
|
|
105
|
+
d="m 489.55778,135.63902 c 0,0 -2.73472,0 -2.73472,0 0,0 -0.45398,-1.36466 -0.45398,-1.36466 -1.14037,1.36466 -2.73473,2.04834 -4.78307,2.04834 -1.48085,0 -2.84821,-0.45398 -3.87509,-1.13766 -1.25116,-0.91068 -1.93484,-2.05105 -1.93484,-3.41841 0,0 0,-14.69237 0,-14.69237 0,-1.48086 0.91067,-2.62123 2.50503,-3.41841 1.25386,-0.56748 2.73472,-0.91067 4.44257,-0.91067 1.70785,0 3.18871,0.34319 4.44257,0.91067 1.59436,0.79718 2.39153,1.93755 2.39153,3.41841 0,0 0,4.44257 0,4.44257 0,0 -5.23975,0 -5.23975,0 0,0 0,-4.66957 0,-4.66957 0,-0.91337 -0.57018,-1.36736 -1.59435,-1.36736 -1.02417,0 -1.59435,0.45399 -1.59435,1.36736 0,0 0,15.03287 0,15.03287 0,1.02687 0.57018,1.48086 1.59435,1.48086 1.02417,0 1.59435,-0.45399 1.59435,-1.48086 0,0 0,-4.78306 0,-4.78306 0,0 -2.27803,0 -2.27803,0 0,0 0,-2.84822 0,-2.84822 0,0 7.51778,0 7.51778,0 0,0 0,11.39017 0,11.39017 0,0 0,0 0,0"
|
|
106
|
+
/>
|
|
91
107
|
<polyline
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
108
|
+
transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
|
|
109
|
+
style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
|
|
110
|
+
id="polyline35"
|
|
111
|
+
points="228.908,84.211 226.969,84.211 226.969,75.95 228.908,75.95 228.908,84.211 228.908,84.211 "
|
|
112
|
+
/>
|
|
96
113
|
<path
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
114
|
+
style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
|
|
115
|
+
inkscape:connector-curvature="0"
|
|
116
|
+
id="path37"
|
|
117
|
+
d="m 513.2488,135.52552 c 0,0 -5.23975,0 -5.23975,0 0,0 0,-18.56476 0,-18.56476 0,-1.02687 -0.56748,-1.48086 -1.59435,-1.48086 -1.02417,0 -1.59436,0.45399 -1.59436,1.48086 0,0 0,18.56476 0,18.56476 0,0 -5.23975,0 -5.23975,0 0,0 0,-18.45126 0,-18.45126 0,-1.48086 0.91338,-2.62123 2.39153,-3.5319 1.25387,-0.57019 2.73473,-0.91068 4.44258,-0.91068 1.71055,0 3.19141,0.34049 4.44257,0.91068 1.59435,0.91067 2.39153,2.05104 2.39153,3.5319 0,0 0,18.45126 0,18.45126 0,0 0,0 0,0"
|
|
118
|
+
/>
|
|
101
119
|
<polyline
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
120
|
+
transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
|
|
121
|
+
style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
|
|
122
|
+
id="polyline39"
|
|
123
|
+
points="240.162,84.211 235.821,84.211 235.821,75.95 240.162,75.95 240.162,77.088 237.76,77.088 237.76,79.153 240.12,79.153 240.12,80.249 237.76,80.249 237.76,83.073 240.162,83.073 240.162,84.211 240.162,84.211 "
|
|
124
|
+
/>
|
|
106
125
|
<polyline
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
126
|
+
transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
|
|
127
|
+
style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
|
|
128
|
+
id="polyline41"
|
|
129
|
+
points="245.052,84.211 240.71,84.211 240.71,75.95 245.052,75.95 245.052,77.088 242.649,77.088 242.649,79.153 245.01,79.153 245.01,80.249 242.649,80.249 242.649,83.073 245.052,83.073 245.052,84.211 245.052,84.211 "
|
|
130
|
+
/>
|
|
111
131
|
<path
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
132
|
+
style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
|
|
133
|
+
inkscape:connector-curvature="0"
|
|
134
|
+
id="path43"
|
|
135
|
+
d="m 555.73698,135.52552 c 0,0 -5.35325,0 -5.35325,0 0,0 0,-7.85827 0,-7.85827 0,-0.79718 -0.22969,-1.25386 -0.79988,-1.59435 -0.11349,0 -0.34049,-0.1135 -0.56748,-0.1135 0,0 0,-2.84822 0,-2.84822 1.02417,-0.34319 1.59435,-1.02687 1.59435,-2.05104 0,0 0,-2.73202 0,-2.73202 0,-1.82405 -0.57018,-2.73472 -1.59435,-2.84822 0,0 0,-2.73472 0,-2.73472 1.59435,0 3.07521,0.34319 4.21288,0.91067 1.59435,0.79718 2.50773,1.93755 2.50773,3.41841 0,0 0,3.98588 0,3.98588 0,2.05104 -1.36736,3.18871 -4.10209,3.4184 2.73473,0.227 4.10209,1.25117 4.10209,3.18871 0,0 0,7.85827 0,7.85827 0,0 0,0 0,0 m -6.72061,-9.56612 c -0.34319,-0.1162 -0.79718,-0.1162 -1.25386,-0.1162 -0.1135,0 -0.227,0 -0.45669,0 0,0 0,9.68232 0,9.68232 0,0 -5.35325,0 -5.35325,0 0,0 0,-18.45126 0,-18.45126 0,-1.48086 0.91068,-2.62123 2.50773,-3.41841 1.25116,-0.56748 2.73202,-0.91067 4.44257,-0.91067 0,0 0.1135,0 0.1135,0 0,0 0,2.73472 0,2.73472 0,0 -0.1135,0 -0.1135,0 -1.02687,0 -1.59705,0.45399 -1.59705,1.36736 0,0 0,6.49092 0,6.49092 0,0 0.1162,0 0.1162,0 0.56748,0 1.13766,-0.1135 1.59435,-0.227 0,0 0,2.84822 0,2.84822 0,0 0,0 0,0"
|
|
136
|
+
/>
|
|
116
137
|
<polyline
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
138
|
+
transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
|
|
139
|
+
style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
|
|
140
|
+
id="polyline45"
|
|
141
|
+
points="253.44,84.211 251.459,84.211 251.459,75.95 253.44,75.95 253.44,84.211 253.44,84.211 "
|
|
142
|
+
/>
|
|
121
143
|
<path
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
144
|
+
style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
|
|
145
|
+
inkscape:connector-curvature="0"
|
|
146
|
+
id="path47"
|
|
147
|
+
d="m 579.65499,135.52552 c 0,0 -5.23975,0 -5.23975,0 0,0 0,-18.56476 0,-18.56476 0,-1.02687 -0.56749,-1.48086 -1.59436,-1.48086 -1.02417,0 -1.59435,0.45399 -1.59435,1.48086 0,0 0,18.56476 0,18.56476 0,0 -5.35325,0 -5.35325,0 0,0 0,-18.45126 0,-18.45126 0,-1.48086 0.79718,-2.62123 2.50503,-3.5319 1.25387,-0.57019 2.73472,-0.91068 4.44257,-0.91068 1.59436,0 3.07521,0.34049 4.44258,0.91068 1.59435,0.91067 2.39153,2.05104 2.39153,3.5319 0,0 0,18.45126 0,18.45126 0,0 0,0 0,0"
|
|
148
|
+
/>
|
|
126
149
|
<path
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
150
|
+
style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
|
|
151
|
+
inkscape:connector-curvature="0"
|
|
152
|
+
id="path49"
|
|
153
|
+
d="m 595.71472,135.63902 c 0,0 -2.73202,0 -2.73202,0 0,0 -0.45669,-1.36466 -0.45669,-1.36466 -1.25116,1.36466 -2.84821,2.04834 -4.89655,2.04834 -1.48086,0 -2.73472,-0.45398 -3.87239,-1.13766 -1.25387,-0.91068 -1.82405,-2.05105 -1.82405,-3.41841 0,0 0,-14.69237 0,-14.69237 0,-1.48086 0.79718,-2.62123 2.50773,-3.41841 1.25116,-0.56748 2.73202,-0.91067 4.43987,-0.91067 1.59435,0 3.07521,0.34319 4.44257,0.91067 1.59436,0.79718 2.39153,1.93755 2.39153,3.41841 0,0 0,4.44257 0,4.44257 0,0 -5.35324,0 -5.35324,0 0,0 0,-4.66957 0,-4.66957 0,-0.91337 -0.45399,-1.36736 -1.48086,-1.36736 -1.02417,0 -1.59435,0.45399 -1.59435,1.36736 0,0 0,15.03287 0,15.03287 0,1.02687 0.57018,1.48086 1.59435,1.48086 1.02687,0 1.48086,-0.45399 1.48086,-1.48086 0,0 0,-4.78306 0,-4.78306 0,0 -2.27804,0 -2.27804,0 0,0 0,-2.84822 0,-2.84822 0,0 7.63128,0 7.63128,0 0,0 0,11.39017 0,11.39017 0,0 0,0 0,0"
|
|
154
|
+
/>
|
|
131
155
|
<rect
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
156
|
+
style="fill:#0c3879;fill-rule:evenodd;stroke:none"
|
|
157
|
+
id="rect51"
|
|
158
|
+
height="97.671738"
|
|
159
|
+
width="97.671738"
|
|
160
|
+
y="54"
|
|
161
|
+
x="71.375"
|
|
162
|
+
/>
|
|
138
163
|
<path
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
164
|
+
style="fill:#ffffff;fill-rule:evenodd;stroke:none"
|
|
165
|
+
inkscape:connector-curvature="0"
|
|
166
|
+
id="path53"
|
|
167
|
+
d="m 129.12574,93.639959 c 0,0 22.04261,0 22.04261,0 2.79147,0 4.88305,0.835009 6.55847,2.650951 1.5322,1.67272 2.2321,3.7643 2.2321,6.27743 0,2.36991 -0.6999,4.46419 -2.2321,6.27743 -1.67542,1.67542 -3.767,2.65095 -6.55847,2.65095 0,0 -22.04261,0 -22.04261,0 0,0 0,-17.856761 0,-17.856761 0,0 0,0 0,0 0,0 0,0 0,0 m 0,23.158661 c 0,0 22.04261,0 22.04261,0 2.79147,0 4.88305,0.83771 6.55847,2.65095 1.5322,1.67272 2.2321,3.767 2.2321,6.27743 0,2.37262 -0.6999,4.46419 -2.2321,6.27743 -1.67542,1.67543 -3.767,2.65096 -6.55847,2.65096 0,0 -22.04261,0 -22.04261,0 0,0 0,-17.85677 0,-17.85677 0,0 0,0 0,0"
|
|
168
|
+
/>
|
|
143
169
|
<path
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
170
|
+
style="fill:#ffffff;fill-rule:evenodd;stroke:none"
|
|
171
|
+
inkscape:connector-curvature="0"
|
|
172
|
+
id="path55"
|
|
173
|
+
d="m 115.73316,134.65539 c -5.86127,0 -8.79056,-3.06981 -8.79056,-8.92839 0,0 -0.13782,-37.388943 -0.13782,-37.388943 0,0 -20.648229,-0.14052 -20.648229,-0.14052 -7.115141,-1.253864 -10.184948,-9.625573 -5.164085,-15.205811 1.534904,-1.534903 3.629182,-2.372615 6.139614,-2.650951 0,0 26.92566,0 26.92566,0 0,0 1.67542,0.140519 1.67542,0.140519 0,0 35.43519,0 35.43519,0 2.79147,0 4.88305,0.835009 6.55847,2.648249 1.5322,1.675423 2.2321,3.766999 2.2321,6.280133 0,2.369912 -0.6999,4.46419 -2.2321,6.27743 -1.67542,1.67272 -3.767,2.650951 -6.55847,2.650951 0,0 -26.64732,0 -26.64732,0 0,0 0,0.418855 0,0.418855 0,0 0,0 0,0 0,0 0,45.898478 0,45.898478 0,0 -8.78787,0 -8.78787,0 0,0 0,0 0,0"
|
|
174
|
+
/>
|
|
148
175
|
</g>
|
|
149
176
|
</g>
|
|
150
177
|
</svg>
|
package/components/Banner.svelte
CHANGED
|
@@ -9,51 +9,83 @@
|
|
|
9
9
|
let bannerOpen = true;
|
|
10
10
|
|
|
11
11
|
let toggleBanner = () => {
|
|
12
|
-
bannerOpen = !bannerOpen
|
|
13
|
-
}
|
|
12
|
+
bannerOpen = !bannerOpen;
|
|
13
|
+
};
|
|
14
14
|
</script>
|
|
15
15
|
|
|
16
16
|
{#if bannerOpen}
|
|
17
|
-
<!-- This example requires Tailwind CSS v2.0+ -->
|
|
18
|
-
<div class="bg-teci-blue-light"
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
17
|
+
<!-- This example requires Tailwind CSS v2.0+ -->
|
|
18
|
+
<div class="bg-teci-blue-light">
|
|
19
|
+
<div class="mx-auto max-w-7xl py-3 px-3 sm:px-6 lg:px-8">
|
|
20
|
+
<div class="flex flex-wrap justify-between">
|
|
21
|
+
<div class="order-1 flex h-10 w-0 flex-1 items-center">
|
|
22
|
+
<span class="flex p-1">
|
|
23
|
+
<!-- Heroicon name: outline/speakerphone -->
|
|
24
|
+
<svg
|
|
25
|
+
class="h-6 w-6 text-white"
|
|
26
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
27
|
+
fill="none"
|
|
28
|
+
viewBox="0 0 24 24"
|
|
29
|
+
stroke-width="2"
|
|
30
|
+
stroke="currentColor"
|
|
31
|
+
aria-hidden="true"
|
|
32
|
+
>
|
|
33
|
+
<path
|
|
34
|
+
stroke-linecap="round"
|
|
35
|
+
stroke-linejoin="round"
|
|
36
|
+
d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"
|
|
37
|
+
/>
|
|
38
|
+
</svg>
|
|
39
|
+
</span>
|
|
40
|
+
<p class="ml-3 truncate font-medium text-white">
|
|
41
|
+
<span class="inline md:hidden">{shortText}</span>
|
|
42
|
+
<span class="hidden md:inline">{longText}</span>
|
|
43
|
+
</p>
|
|
44
|
+
</div>
|
|
45
|
+
{#if showCTA}
|
|
46
|
+
<div
|
|
47
|
+
class="order-3 mt-2 w-full flex-shrink-0 sm:order-2 sm:mt-0 sm:ml-3 sm:w-auto"
|
|
48
|
+
>
|
|
49
|
+
<a
|
|
50
|
+
href={ctaLink}
|
|
51
|
+
class="flex items-center justify-center border border-transparent bg-white px-4 py-2 text-sm font-medium text-teci-blue-light shadow-sm hover:bg-teci-blue-dark hover:text-white"
|
|
52
|
+
>
|
|
53
|
+
{ctaText}
|
|
54
|
+
</a>
|
|
55
|
+
</div>
|
|
56
|
+
{/if}
|
|
57
|
+
{#if allowClose}
|
|
58
|
+
<div class="order-2 flex-shrink-0 sm:order-3 sm:ml-3">
|
|
59
|
+
<button
|
|
60
|
+
type="button"
|
|
61
|
+
on:click={toggleBanner}
|
|
62
|
+
class="-mr-1 flex p-2 hover:bg-teci-blue-dark focus:outline-none focus:ring-2 focus:ring-white sm:-mr-2"
|
|
63
|
+
>
|
|
64
|
+
<span class="sr-only">Dismiss</span>
|
|
65
|
+
<!-- Heroicon name: outline/x -->
|
|
66
|
+
<svg
|
|
67
|
+
class="h-6 w-6 text-white"
|
|
68
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
69
|
+
fill="none"
|
|
70
|
+
viewBox="0 0 24 24"
|
|
71
|
+
stroke-width="2"
|
|
72
|
+
stroke="currentColor"
|
|
73
|
+
aria-hidden="true"
|
|
74
|
+
>
|
|
75
|
+
<path
|
|
76
|
+
stroke-linecap="round"
|
|
77
|
+
stroke-linejoin="round"
|
|
78
|
+
d="M6 18L18 6M6 6l12 12"
|
|
79
|
+
/>
|
|
80
|
+
</svg>
|
|
81
|
+
</button>
|
|
82
|
+
</div>
|
|
83
|
+
{:else}
|
|
84
|
+
<div class="order-2 flex-shrink-0">
|
|
85
|
+
<span> </span>
|
|
86
|
+
</div>
|
|
87
|
+
{/if}
|
|
32
88
|
</div>
|
|
33
|
-
{#if showCTA}
|
|
34
|
-
<div class="flex-shrink-0 w-full sm:w-auto order-3 sm:order-2 mt-2 sm:mt-0 sm:ml-3">
|
|
35
|
-
<a href="{ctaLink}"
|
|
36
|
-
class="flex items-center justify-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium text-teci-blue-light bg-white hover:bg-teci-blue-dark hover:text-white">
|
|
37
|
-
{ctaText}
|
|
38
|
-
</a>
|
|
39
|
-
</div>
|
|
40
|
-
{/if}
|
|
41
|
-
{#if allowClose}
|
|
42
|
-
<div class="flex-shrink-0 sm:ml-3 order-2 sm:order-3">
|
|
43
|
-
<button type="button" on:click={toggleBanner} class="-mr-1 flex p-2 hover:bg-teci-blue-dark focus:outline-none focus:ring-2 focus:ring-white sm:-mr-2">
|
|
44
|
-
<span class="sr-only">Dismiss</span>
|
|
45
|
-
<!-- Heroicon name: outline/x -->
|
|
46
|
-
<svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
|
|
47
|
-
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
|
|
48
|
-
</svg>
|
|
49
|
-
</button>
|
|
50
|
-
</div>
|
|
51
|
-
{:else}
|
|
52
|
-
<div class="flex-shrink-0 order-2">
|
|
53
|
-
<span> </span>
|
|
54
|
-
</div>
|
|
55
|
-
{/if}
|
|
56
89
|
</div>
|
|
57
90
|
</div>
|
|
58
|
-
|
|
59
|
-
{/if}
|
|
91
|
+
{/if}
|
package/components/Button.svelte
CHANGED
|
@@ -4,5 +4,9 @@
|
|
|
4
4
|
</script>
|
|
5
5
|
|
|
6
6
|
<div class="not-prose my-4">
|
|
7
|
-
<a
|
|
8
|
-
|
|
7
|
+
<a
|
|
8
|
+
class="btn mx-auto block w-64 text-center text-2xl shadow-md ring-0 focus:ring-0"
|
|
9
|
+
href={url}
|
|
10
|
+
rel="external">{text}</a
|
|
11
|
+
>
|
|
12
|
+
</div>
|
package/components/CTA.svelte
CHANGED
|
@@ -3,24 +3,34 @@
|
|
|
3
3
|
</script>
|
|
4
4
|
|
|
5
5
|
<!-- This example requires Tailwind CSS v2.0+ -->
|
|
6
|
-
<section class="mb-12
|
|
7
|
-
{#if data.title}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
{
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
{
|
|
26
|
-
|
|
6
|
+
<section class="mx-auto mb-12 px-4 text-center sm:px-6 lg:px-8">
|
|
7
|
+
{#if data.title}
|
|
8
|
+
<h2
|
|
9
|
+
class="{data.subtitle
|
|
10
|
+
? 'mb-4'
|
|
11
|
+
: 'mb-8'} text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"
|
|
12
|
+
>
|
|
13
|
+
<span class="block">{data.title}</span>
|
|
14
|
+
</h2>
|
|
15
|
+
{/if}
|
|
16
|
+
{#if data.subtitle}
|
|
17
|
+
<h3 class="mb-8 text-xl font-bold tracking-tight text-teci-blue-dark">
|
|
18
|
+
<span class="block">{data.subtitle}</span>
|
|
19
|
+
</h3>
|
|
20
|
+
{/if}
|
|
21
|
+
{#if data.links}
|
|
22
|
+
<div
|
|
23
|
+
class="flex flex-col items-center justify-center space-x-0 space-y-8 md:flex-row md:justify-around md:space-x-8 md:space-y-0"
|
|
24
|
+
>
|
|
25
|
+
{#each data.links as link}
|
|
26
|
+
<div class="inline-flex w-full max-w-xs shadow-sm">
|
|
27
|
+
<a
|
|
28
|
+
href={link.linkURL}
|
|
29
|
+
class="btn inline-flex w-full items-center px-5 py-3 text-base"
|
|
30
|
+
>{link.linkText}</a
|
|
31
|
+
>
|
|
32
|
+
</div>
|
|
33
|
+
{/each}
|
|
34
|
+
</div>
|
|
35
|
+
{/if}
|
|
36
|
+
</section>
|
package/components/Card.svelte
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
import { dev } from
|
|
2
|
+
import { dev } from "$app/environment";
|
|
3
3
|
//Allows icons from https://fonts.google.com/icons?selected=Material+Icons by name in the format 'icon-XXXX'.
|
|
4
|
-
import Icon from
|
|
5
|
-
import Wrap from
|
|
4
|
+
import Icon from "./Icon.svelte";
|
|
5
|
+
import Wrap from "./Wrap.svelte";
|
|
6
6
|
export let data;
|
|
7
7
|
export let halfHeight;
|
|
8
8
|
|
|
@@ -12,25 +12,39 @@
|
|
|
12
12
|
backgroundImage = data.image;
|
|
13
13
|
} else if (data.image) {
|
|
14
14
|
if (data.image.includes("gif")) {
|
|
15
|
-
backgroundImage =
|
|
15
|
+
backgroundImage = "https://thunderheadeng-www.imgix.net" + data.image;
|
|
16
16
|
} else {
|
|
17
|
-
backgroundImage =
|
|
17
|
+
backgroundImage =
|
|
18
|
+
"https://thunderheadeng-www.imgix.net" +
|
|
19
|
+
data.image +
|
|
20
|
+
"?w=1200&h=627&fit=crop&auto=compress&auto=format";
|
|
18
21
|
}
|
|
19
22
|
}
|
|
20
|
-
|
|
21
23
|
</script>
|
|
22
24
|
|
|
23
|
-
<div
|
|
25
|
+
<div
|
|
26
|
+
class="group flex flex-col items-stretch space-y-2 border border-gray-100 p-2 hover:border-gray-200 hover:shadow-md"
|
|
27
|
+
>
|
|
24
28
|
{#if data.image}
|
|
25
|
-
<div
|
|
26
|
-
|
|
29
|
+
<div
|
|
30
|
+
style="background-image: url({backgroundImage});"
|
|
31
|
+
class="w-full shrink-0 {halfHeight
|
|
32
|
+
? 'aspect-video'
|
|
33
|
+
: 'aspect-square'} flex items-center justify-center border border-gray-200 bg-cover bg-no-repeat"
|
|
27
34
|
>
|
|
28
|
-
<div
|
|
35
|
+
<div
|
|
36
|
+
class="{halfHeight
|
|
37
|
+
? 'space-y-4'
|
|
38
|
+
: 'space-y-8'} flex h-full w-full flex-col items-center justify-center"
|
|
39
|
+
>
|
|
29
40
|
{#if data.links}
|
|
30
41
|
{#each data.links as link}
|
|
31
|
-
<a
|
|
42
|
+
<a
|
|
43
|
+
href={link.linkURL}
|
|
44
|
+
class="btn w-3/4 whitespace-nowrap text-center text-sm"
|
|
45
|
+
>
|
|
32
46
|
{link.linkText}
|
|
33
|
-
|
|
47
|
+
</a>
|
|
34
48
|
{/each}
|
|
35
49
|
{:else}
|
|
36
50
|
<a href={data.cardURL} class="h-full w-full">
|
|
@@ -62,14 +76,17 @@
|
|
|
62
76
|
{#if data.text}
|
|
63
77
|
<div class="flex w-full flex-1 flex-col">
|
|
64
78
|
{@html data.text}
|
|
65
|
-
{#if data.cardActionStyle ==
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
79
|
+
{#if data.cardActionStyle == "link"}
|
|
80
|
+
<a
|
|
81
|
+
class="mt-2 inline-block text-sm font-medium text-teci-blue-light"
|
|
82
|
+
href={data.cardURL}
|
|
83
|
+
>
|
|
84
|
+
{data.cardLinkText}<span aria-hidden="true"> →</span>
|
|
85
|
+
</a>
|
|
69
86
|
{/if}
|
|
70
87
|
</div>
|
|
71
88
|
{/if}
|
|
72
|
-
{#if data.cardActionStyle ==
|
|
89
|
+
{#if data.cardActionStyle == "button"}
|
|
73
90
|
<a class="block shrink-0" href={data.cardURL}>
|
|
74
91
|
<div class="flex w-full flex-col items-end">
|
|
75
92
|
<span class="btn text-sm">{data.cardLinkText}</span>
|