tecitheme 0.3.3 → 0.3.4

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.
Files changed (156) hide show
  1. package/.eslintrc.cjs +24 -0
  2. package/.frontmatter/content/mediaDb.json +1 -0
  3. package/.frontmatter/templates/article.md +11 -0
  4. package/.gitpod.yml +19 -0
  5. package/.vscode/ltex.dictionary.en-US.txt +3 -0
  6. package/.vscode/settings.json +7 -0
  7. package/dist/assets/js/store.d.ts +2 -0
  8. package/dist/assets/js/store.js +4 -0
  9. package/{components → dist/components}/CountrySelector.svelte +2 -2
  10. package/{components → dist/components}/Footer.svelte +24 -60
  11. package/{components → dist/components}/Footer.svelte.d.ts +2 -5
  12. package/{components → dist/components}/NewsGrid.svelte +3 -3
  13. package/{components → dist/components}/Video.svelte +1 -1
  14. package/{get-content.d.ts → dist/get-content.d.ts} +2 -1
  15. package/{get-content.js → dist/get-content.js} +5 -2
  16. package/{layouts → dist/layouts}/blocks.svelte +15 -15
  17. package/{site_config.json → dist/site_config.json} +1 -1
  18. package/frontmatter.json +17 -0
  19. package/mdsvex.config.js +19 -0
  20. package/netlify.toml +7 -0
  21. package/package.json +22 -46
  22. package/postcss.config.cjs +13 -0
  23. package/src/app.css +49 -0
  24. package/src/app.html +22 -0
  25. package/src/global.d.ts +5 -0
  26. package/src/lib/assets/TECi_logo.svelte +177 -0
  27. package/src/lib/assets/js/store.js +4 -0
  28. package/src/lib/components/Banner.svelte +91 -0
  29. package/src/lib/components/Button.svelte +12 -0
  30. package/src/lib/components/CTA.svelte +36 -0
  31. package/src/lib/components/CTABranded.svelte +15 -0
  32. package/src/lib/components/CTASplitImage.svelte +27 -0
  33. package/src/lib/components/Card.svelte +93 -0
  34. package/src/lib/components/ContentTwoColumns.svelte +47 -0
  35. package/src/lib/components/CountrySelector.svelte +167 -0
  36. package/src/lib/components/FeatureGrid.svelte +40 -0
  37. package/src/lib/components/Figure.svelte +37 -0
  38. package/src/lib/components/Footer.svelte +270 -0
  39. package/src/lib/components/Header.svelte +1230 -0
  40. package/src/lib/components/HeadingCentered.svelte +33 -0
  41. package/src/lib/components/Hero.svelte +72 -0
  42. package/src/lib/components/Icon.svelte +138 -0
  43. package/src/lib/components/LogoCloud.svelte +25 -0
  44. package/src/lib/components/Math.svelte +24 -0
  45. package/src/lib/components/MediaFeature.svelte +66 -0
  46. package/src/lib/components/Modal.svelte +68 -0
  47. package/src/lib/components/NewsGrid.svelte +182 -0
  48. package/src/lib/components/PricingTable.svelte +92 -0
  49. package/src/lib/components/SidebarContent.svelte +122 -0
  50. package/src/lib/components/Stats.svelte +34 -0
  51. package/src/lib/components/Subscribe.svelte +24 -0
  52. package/src/lib/components/Testimonial.svelte +169 -0
  53. package/src/lib/components/ThreeColumn.svelte +19 -0
  54. package/src/lib/components/TrialForm.svelte +302 -0
  55. package/src/lib/components/Video.svelte +118 -0
  56. package/src/lib/components/Wrap.svelte +12 -0
  57. package/src/lib/get-content.js +98 -0
  58. package/src/lib/layouts/blocks.svelte +93 -0
  59. package/src/lib/req_utils.js +63 -0
  60. package/src/lib/site_config.json +11 -0
  61. package/src/lib/utils.js +92 -0
  62. package/src/lib/variables.ts +3 -0
  63. package/src/routes/+layout.server.js +20 -0
  64. package/src/routes/+layout.svelte +24 -0
  65. package/src/routes/+page.md +61 -0
  66. package/src/routes/features/+page.md +78 -0
  67. package/src/routes/news/+page.md +21 -0
  68. package/src/routes/news/[slug]/+page.svelte +33 -0
  69. package/src/routes/news/[slug]/+page.ts +16 -0
  70. package/src/routes/news/filter/[tag]/+page.svelte +36 -0
  71. package/src/routes/news/filter/[tag]/+page.ts +14 -0
  72. package/src/routes/news/post1.md +45 -0
  73. package/src/routes/news/post2.md +46 -0
  74. package/src/routes/pathfinder/+page.md +240 -0
  75. package/src/routes/pathfinder/news/+page.md +20 -0
  76. package/src/routes/posts.json/+server.js +9 -0
  77. package/src/routes/product/+page.md +240 -0
  78. package/src/routes/product/news/+page.md +20 -0
  79. package/src/routes/product/trial/+page.svelte +7 -0
  80. package/src/routes/sidebar/+page.md +357 -0
  81. package/static/favicon.ico +0 -0
  82. package/static/uploads/company_pathfinder.png +0 -0
  83. package/static/uploads/company_petrasim.png +0 -0
  84. package/static/uploads/company_pyrosim.jpg +0 -0
  85. package/static/uploads/fire.jpg +0 -0
  86. package/static/uploads/pyrosim_libraries_386x395.png +0 -0
  87. package/static/uploads/rocks.jpg +0 -0
  88. package/static/uploads/water.jpg +0 -0
  89. package/svelte.config.js +32 -0
  90. package/tailwind.config.cjs +26 -0
  91. package/tsconfig.json +32 -0
  92. package/vite.config.js +20 -0
  93. package/components/MetaSocial.svelte +0 -15
  94. package/components/MetaSocial.svelte.d.ts +0 -29
  95. package/{assets → dist/assets}/TECi_logo.svelte +0 -0
  96. package/{assets → dist/assets}/TECi_logo.svelte.d.ts +0 -0
  97. package/{components → dist/components}/Banner.svelte +0 -0
  98. package/{components → dist/components}/Banner.svelte.d.ts +0 -0
  99. package/{components → dist/components}/Button.svelte +0 -0
  100. package/{components → dist/components}/Button.svelte.d.ts +0 -0
  101. package/{components → dist/components}/CTA.svelte +0 -0
  102. package/{components → dist/components}/CTA.svelte.d.ts +0 -0
  103. package/{components → dist/components}/CTABranded.svelte +0 -0
  104. package/{components → dist/components}/CTABranded.svelte.d.ts +0 -0
  105. package/{components → dist/components}/CTASplitImage.svelte +0 -0
  106. package/{components → dist/components}/CTASplitImage.svelte.d.ts +0 -0
  107. package/{components → dist/components}/Card.svelte +0 -0
  108. package/{components → dist/components}/Card.svelte.d.ts +0 -0
  109. package/{components → dist/components}/ContentTwoColumns.svelte +0 -0
  110. package/{components → dist/components}/ContentTwoColumns.svelte.d.ts +0 -0
  111. package/{components → dist/components}/CountrySelector.svelte.d.ts +0 -0
  112. package/{components → dist/components}/FeatureGrid.svelte +0 -0
  113. package/{components → dist/components}/FeatureGrid.svelte.d.ts +0 -0
  114. package/{components → dist/components}/Figure.svelte +0 -0
  115. package/{components → dist/components}/Figure.svelte.d.ts +0 -0
  116. package/{components → dist/components}/Header.svelte +0 -0
  117. package/{components → dist/components}/Header.svelte.d.ts +0 -0
  118. package/{components → dist/components}/HeadingCentered.svelte +0 -0
  119. package/{components → dist/components}/HeadingCentered.svelte.d.ts +0 -0
  120. package/{components → dist/components}/Hero.svelte +0 -0
  121. package/{components → dist/components}/Hero.svelte.d.ts +0 -0
  122. package/{components → dist/components}/Icon.svelte +0 -0
  123. package/{components → dist/components}/Icon.svelte.d.ts +0 -0
  124. package/{components → dist/components}/LogoCloud.svelte +0 -0
  125. package/{components → dist/components}/LogoCloud.svelte.d.ts +0 -0
  126. package/{components → dist/components}/Math.svelte +0 -0
  127. package/{components → dist/components}/Math.svelte.d.ts +0 -0
  128. package/{components → dist/components}/MediaFeature.svelte +0 -0
  129. package/{components → dist/components}/MediaFeature.svelte.d.ts +0 -0
  130. package/{components → dist/components}/Modal.svelte +0 -0
  131. package/{components → dist/components}/Modal.svelte.d.ts +0 -0
  132. package/{components → dist/components}/NewsGrid.svelte.d.ts +0 -0
  133. package/{components → dist/components}/PricingTable.svelte +0 -0
  134. package/{components → dist/components}/PricingTable.svelte.d.ts +0 -0
  135. package/{components → dist/components}/SidebarContent.svelte +0 -0
  136. package/{components → dist/components}/SidebarContent.svelte.d.ts +0 -0
  137. package/{components → dist/components}/Stats.svelte +0 -0
  138. package/{components → dist/components}/Stats.svelte.d.ts +0 -0
  139. package/{components → dist/components}/Subscribe.svelte +0 -0
  140. package/{components → dist/components}/Subscribe.svelte.d.ts +0 -0
  141. package/{components → dist/components}/Testimonial.svelte +0 -0
  142. package/{components → dist/components}/Testimonial.svelte.d.ts +0 -0
  143. package/{components → dist/components}/ThreeColumn.svelte +0 -0
  144. package/{components → dist/components}/ThreeColumn.svelte.d.ts +0 -0
  145. package/{components → dist/components}/TrialForm.svelte +0 -0
  146. package/{components → dist/components}/TrialForm.svelte.d.ts +0 -0
  147. package/{components → dist/components}/Video.svelte.d.ts +0 -0
  148. package/{components → dist/components}/Wrap.svelte +0 -0
  149. package/{components → dist/components}/Wrap.svelte.d.ts +0 -0
  150. package/{layouts → dist/layouts}/blocks.svelte.d.ts +2 -2
  151. /package/{req_utils.d.ts → dist/req_utils.d.ts} +0 -0
  152. /package/{req_utils.js → dist/req_utils.js} +0 -0
  153. /package/{utils.d.ts → dist/utils.d.ts} +0 -0
  154. /package/{utils.js → dist/utils.js} +0 -0
  155. /package/{variables.d.ts → dist/variables.d.ts} +0 -0
  156. /package/{variables.js → dist/variables.js} +0 -0
package/src/app.css ADDED
@@ -0,0 +1,49 @@
1
+ /* Write your global styles here, in PostCSS syntax */
2
+ @tailwind base;
3
+ @tailwind components;
4
+
5
+ .btn {
6
+ @apply justify-center whitespace-nowrap border border-transparent bg-teci-blue-light py-2 px-4 font-medium tracking-wider text-white shadow-sm hover:bg-teci-blue-dark focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2;
7
+ }
8
+
9
+ /* The navigation container element. */
10
+ .paginator .pagination-nav {
11
+ @apply relative z-0 flex -space-x-px rounded-md shadow-sm;
12
+ }
13
+
14
+ /* Each option in the navigation (including ellipsis, next and prev buttons). */
15
+ .paginator .option {
16
+ @apply relative inline-flex cursor-pointer items-center border border-gray-300 bg-white px-4 py-2 text-gray-500 hover:bg-gray-50;
17
+ }
18
+
19
+ /* The currently active page number. */
20
+ .paginator .option.active {
21
+ @apply z-10 border-teci-blue-light bg-gray-50 text-teci-blue-dark;
22
+ }
23
+
24
+ /* The ellipsis option. */
25
+ .paginator .option.ellipsis {
26
+ @apply text-gray-700;
27
+ }
28
+
29
+ /* Only page numbers. */
30
+ .paginator .option.number {
31
+ @apply text-sm font-medium;
32
+ }
33
+
34
+ /* The prev option. */
35
+ .paginator .option.prev {
36
+ @apply rounded-l-md px-2 py-2;
37
+ }
38
+
39
+ /* The next option. */
40
+ .paginator .option.next {
41
+ @apply rounded-r-md px-2 py-2;
42
+ }
43
+
44
+ /* Targets the prev and next options when they are disabled (when you're on the first or last page). */
45
+ .paginator .option.disabled {
46
+ @apply cursor-not-allowed opacity-30;
47
+ }
48
+
49
+ @tailwind utilities;
package/src/app.html ADDED
@@ -0,0 +1,22 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en" class="scroll-p-8 scroll-smooth">
3
+ <head prefix="og: http://ogp.me/ns#">
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/x-icon" href="%sveltekit.assets%/favicon.ico" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
7
+
8
+ %sveltekit.head%
9
+
10
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
11
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
12
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" />
13
+ <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" />
14
+ <script nonce="%sveltekit.nonce%" src="https://app.mailjet.com/statics/js/widget.modal.js" async></script>
15
+ </head>
16
+
17
+ <body id="top" class="m-0 flex min-h-screen flex-col">
18
+ <div id="svelte" style="display: contents">
19
+ %sveltekit.body%
20
+ </div>
21
+ </body>
22
+ </html>
package/src/global.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /// <reference types="@sveltejs/kit" />
2
+
3
+ interface ImportMetaEnv {
4
+ VITE_TRIAL_ENDPOINT: string;
5
+ }
package/src/lib/assets/TECi_logo.svelte ADDED
@@ -0,0 +1,177 @@
1
+ <svg
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
+ <g
14
+ id="cvpage5_top"
15
+ width="612px"
16
+ height="792px"
17
+ transform="translate(44.657227,-982.59069)"
18
+ >
19
+ <g
20
+ id="g3110"
21
+ transform="matrix(0.41093833,0,0,0.40953505,-73.98795,960.4758)"
22
+ >
23
+ <polyline
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
+ />
29
+ <polyline
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
+ />
35
+ <path
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
+ />
41
+ <path
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
+ />
47
+ <path
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
+ />
53
+ <polyline
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
+ />
59
+ <path
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
+ />
65
+ <polyline
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
+ />
71
+ <polyline
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
+ />
77
+ <path
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
+ />
83
+ <polyline
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
+ />
89
+ <polyline
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
+ />
95
+ <path
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
+ />
101
+ <path
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
+ />
107
+ <polyline
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
+ />
113
+ <path
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
+ />
119
+ <polyline
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
+ />
125
+ <polyline
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
+ />
131
+ <path
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
+ />
137
+ <polyline
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
+ />
143
+ <path
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
+ />
149
+ <path
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
+ />
155
+ <rect
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
+ />
163
+ <path
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
+ />
169
+ <path
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
+ />
175
+ </g>
176
+ </g>
177
+ </svg>
package/src/lib/assets/js/store.js ADDED
@@ -0,0 +1,4 @@
1
+ import { writable } from 'svelte/store'
2
+
3
+ export const currentPage = writable('')
4
+ export const isMenuOpen = writable(false)
package/src/lib/components/Banner.svelte ADDED
@@ -0,0 +1,91 @@
1
+ <script>
2
+ export let showCTA;
3
+ export let shortText;
4
+ export let longText;
5
+ export let ctaText;
6
+ export let ctaLink;
7
+ export let allowClose;
8
+
9
+ let bannerOpen = true;
10
+
11
+ let toggleBanner = () => {
12
+ bannerOpen = !bannerOpen;
13
+ };
14
+ </script>
15
+
16
+ {#if bannerOpen}
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>&nbsp;</span>
86
+ </div>
87
+ {/if}
88
+ </div>
89
+ </div>
90
+ </div>
91
+ {/if}
package/src/lib/components/Button.svelte ADDED
@@ -0,0 +1,12 @@
1
+ <script>
2
+ export let url;
3
+ export let text;
4
+ </script>
5
+
6
+ <div class="not-prose my-4">
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/src/lib/components/CTA.svelte ADDED
@@ -0,0 +1,36 @@
1
+ <script>
2
+ export let data;
3
+ </script>
4
+
5
+ <!-- This example requires Tailwind CSS v2.0+ -->
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/src/lib/components/CTABranded.svelte ADDED
@@ -0,0 +1,15 @@
1
+ <script>
2
+ export let data
3
+ </script>
4
+
5
+ <section class="{(data.color == "pyrosim" ? "bg-pyrosim" : (data.color == "pathfinder" ? "bg-pathfinder" : "bg-teci-blue-dark"))}">
6
+ <div class="mx-auto max-w-4xl py-10 px-6 text-center sm:py-10 lg:px-8">
7
+ <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
8
+ <span class="block">{@html data.heading}</span>
9
+ </h2>
10
+ <p class="mt-4 text-lg leading-6 text-gray-200">{@html data.body}</p>
11
+ <a href={data.cta_url} class="mt-8 inline-flex w-full items-center justify-center border border-transparent bg-white px-5 py-3 text-base font-medium text-gray-900 hover:bg-indigo-50 sm:w-auto">
12
+ {data.cta}
13
+ </a>
14
+ </div>
15
+ </section>
package/src/lib/components/CTASplitImage.svelte ADDED
@@ -0,0 +1,27 @@
1
+ <script>
2
+ export let data
3
+ </script>
4
+
5
+ <div class="relative {(data.color == "pyrosim" ? "bg-pyrosim" : (data.color == "pathfinder" ? "bg-pathfinder" : "bg-teci-blue-dark"))}">
6
+ <div class="h-56 sm:h-72 md:absolute md:left-0 md:h-full md:w-1/2">
7
+ <img class="h-full w-full object-cover" src="https://teci-files.imgix.net/www/images/{data.image}?w=608&fit=clip&auto=compress&auto=format" alt="Image for {data.preheading}">
8
+ </div>
9
+ <div class="relative mx-auto max-w-7xl py-12 px-6 lg:px-8 lg:py-16">
10
+ <div class="md:ml-auto md:w-1/2 md:pl-10">
11
+ <h2 class="text-lg font-semibold text-gray-300">{data.preheading}</h2>
12
+ <p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">{data.heading}</p>
13
+ <ol class="mt-3 text-lg text-gray-300 list-decimal pl-6">
14
+ {#each data.items as item}
15
+ <li>{item.text}</li>
16
+ {/each}
17
+ </ol>
18
+ <div class="mt-8">
19
+ <div class="inline-flex shadow">
20
+ <a href={data.cta_url} class="inline-flex items-center justify-center border border-transparent bg-white px-5 py-3 text-base font-medium text-gray-900 hover:bg-gray-50">
21
+ {data.cta}
22
+ </a>
23
+ </div>
24
+ </div>
25
+ </div>
26
+ </div>
27
+ </div>
package/src/lib/components/Card.svelte ADDED
@@ -0,0 +1,93 @@
1
+ <script>
2
+ //Allows icons from https://fonts.google.com/icons?selected=Material+Icons by name in the format 'icon-XXXX'.
3
+ import Icon from "$lib/components/Icon.svelte";
4
+ import Wrap from "$lib/components/Wrap.svelte";
5
+ export let data;
6
+ export let halfHeight;
7
+
8
+ let backgroundImage;
9
+
10
+ if (data.image) {
11
+ if (data.image.includes("gif")) {
12
+ backgroundImage = "https://teci-files.imgix.net/www/images/" + data.image;
13
+ } else {
14
+ backgroundImage =
15
+ "https://teci-files.imgix.net/www/images/" +
16
+ data.image +
17
+ "?w=1200&h=627&fit=crop&auto=compress&auto=format";
18
+ }
19
+ }
20
+ </script>
21
+
22
+ <div
23
+ class="group flex flex-col items-stretch space-y-2 border border-gray-100 p-2 hover:border-gray-200 hover:shadow-md"
24
+ >
25
+ {#if data.image}
26
+ <div
27
+ style="background-image: url({backgroundImage});"
28
+ class="w-full shrink-0 {halfHeight
29
+ ? 'aspect-video'
30
+ : 'aspect-square'} flex items-center justify-center border border-gray-200 bg-cover bg-no-repeat"
31
+ >
32
+ <div
33
+ class="{halfHeight
34
+ ? 'space-y-4'
35
+ : 'space-y-8'} flex h-full w-full flex-col items-center justify-center"
36
+ >
37
+ {#if data.links}
38
+ {#each data.links as link}
39
+ <a
40
+ href={link.linkURL}
41
+ class="btn w-3/4 whitespace-nowrap text-center text-sm"
42
+ >
43
+ {link.linkText}
44
+ </a>
45
+ {/each}
46
+ {:else}
47
+ <a href={data.cardURL} class="h-full w-full">
48
+ <span>&#8203;</span>
49
+ </a>
50
+ {/if}
51
+ </div>
52
+ </div>
53
+ {/if}
54
+ <a href={data.cardURL}>
55
+ <div class="flex flex-row items-start space-x-2">
56
+ {#if data.icon}
57
+ <div class="grid place-items-center">
58
+ <Icon classes={data.classes} icon={data.icon} />
59
+ </div>
60
+ {/if}
61
+ {#if data.heading || data.subheading}
62
+ <div class="flex flex-col font-medium leading-none">
63
+ {#if data.heading}
64
+ <h3 class="text-2xl leading-none">{data.heading}</h3>
65
+ {/if}
66
+ {#if data.subheading}
67
+ <p class="leading-6 text-teci-blue-dark">{data.subheading}</p>
68
+ {/if}
69
+ </div>
70
+ {/if}
71
+ </div>
72
+ </a>
73
+ {#if data.text}
74
+ <div class="flex w-full flex-1 flex-col">
75
+ {@html data.text}
76
+ {#if data.cardActionStyle == "link"}
77
+ <a
78
+ class="mt-2 inline-block text-sm font-medium text-teci-blue-light"
79
+ href={data.cardURL}
80
+ >
81
+ {data.cardLinkText}<span aria-hidden="true"> →</span>
82
+ </a>
83
+ {/if}
84
+ </div>
85
+ {/if}
86
+ {#if data.cardActionStyle == "button"}
87
+ <a class="block shrink-0" href={data.cardURL}>
88
+ <div class="flex w-full flex-col items-end">
89
+ <span class="btn text-sm">{data.cardLinkText}</span>
90
+ </div>
91
+ </a>
92
+ {/if}
93
+ </div>
package/src/lib/components/ContentTwoColumns.svelte ADDED
@@ -0,0 +1,47 @@
1
+ <script>
2
+ export let data
3
+ </script>
4
+
5
+ <div class="overflow-hidden mx-auto max-w-max lg:max-w-7xl">
6
+ <div class="relative z-10 mb-8 md:mb-2">
7
+ <div class="max-w-prose text-base lg:max-w-none">
8
+ <h2 class="font-semibold leading-6 {(data.color == "pyrosim" ? "text-pyrosim" : (data.color == "pathfinder" ? "text-pathfinder" : "text-teci-blue-dark"))}">{data.preheading}</h2>
9
+ <p class="mt-2 text-3xl font-bold leading-8 tracking-tight text-gray-900 sm:text-4xl">{data.heading}</p>
10
+ </div>
11
+ </div>
12
+ <div class="relative">
13
+ <svg class="absolute top-0 right-0 -mt-20 -mr-20 hidden md:block md:[overflow-anchor:none]" width="404" height="384" fill="none" viewBox="0 0 404 384" aria-hidden="true">
14
+ <defs>
15
+ <pattern id="95e8f2de-6d30-4b7e-8159-f791729db21b" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
16
+ <rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
17
+ </pattern>
18
+ </defs>
19
+ <rect width="404" height="384" fill="url(#95e8f2de-6d30-4b7e-8159-f791729db21b)" />
20
+ </svg>
21
+ <svg class="absolute bottom-0 left-0 -mb-20 -ml-20 hidden md:block md:[overflow-anchor:none]" width="404" height="384" fill="none" viewBox="0 0 404 384" aria-hidden="true">
22
+ <defs>
23
+ <pattern id="7a00fe67-0343-4a3c-8e81-c145097a3ce0" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
24
+ <rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
25
+ </pattern>
26
+ </defs>
27
+ <rect width="404" height="384" fill="url(#7a00fe67-0343-4a3c-8e81-c145097a3ce0)" />
28
+ </svg>
29
+ <div class="relative md:m-4 p-2 bg-white">
30
+ <div class="prose prose-lg columns-1 text-gray-600 lg:columns-2 lg:max-w-none">
31
+ {@html data.body}
32
+ </div>
33
+ {#if data.ctas}
34
+ <div class="mt-8 flex gap-x-4 float-right py-1">
35
+ {#each data.ctas as cta}
36
+ <a href={cta.url} class="inline-block px-4 py-1.5 text-base font-semibold leading-7 shadow-sm ring-1 ring-gray-900/10 hover:ring-gray-900/20 hover:bg-teci-blue-dark
37
+ {(cta.color == "pyrosim" ? "bg-pyrosim text-white" : (cta.color == "pathfinder" ? "bg-pathfinder text-white" : (cta.color == "white" ? "bg-white text-gray-600 hover:text-white" : "bg-teci-blue-dark text-white")))}
38
+ ">
39
+ {cta.text}
40
+ <span class="hidden sm:inline {(cta.color == "white" ? "text-gray-600" : "text-white")}" aria-hidden="true">&rarr;</span>
41
+ </a>
42
+ {/each}
43
+ </div>
44
+ {/if}
45
+ </div>
46
+ </div>
47
+ </div>