tecitheme 0.3.2 → 0.3.4

package/package.json

@@ -1,12 +1,27 @@
 {
   "name": "tecitheme",
-  "version": "0.3.2",
-  "svelte": true,
+  "version": "0.3.4",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "package": "svelte-package",
+    "preview": "vite preview",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
+    "format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. ."
+  },
   "devDependencies": {
     "@jsdevtools/rehype-toc": "^3.0.2",
-    "@sveltejs/adapter-netlify": "2.0.4",
-    "@sveltejs/kit": "1.6.0",
-    "@sveltejs/package": "^1.0.2",
+    "@sveltejs/adapter-static": "2.0.1",
+    "@sveltejs/kit": "1.7.1",
+    "@sveltejs/package": "^2.0.1",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/typography": "^0.5.9",
     "@types/cookie": "^0.5.1",
@@ -43,48 +58,9 @@
   "type": "module",
   "dependencies": {
     "@lukeed/uuid": "^2.0.0",
+    "@sveltejs/kit": "1.7.1",
     "cookie": "^0.5.0",
     "katex": "^0.16.4",
     "svelte": "^3.55.1"
-  },
-  "exports": {
-    "./package.json": "./package.json",
-    "./assets/TECi_logo.svelte": "./assets/TECi_logo.svelte",
-    "./components/Banner.svelte": "./components/Banner.svelte",
-    "./components/Button.svelte": "./components/Button.svelte",
-    "./components/CTA.svelte": "./components/CTA.svelte",
-    "./components/CTABranded.svelte": "./components/CTABranded.svelte",
-    "./components/CTASplitImage.svelte": "./components/CTASplitImage.svelte",
-    "./components/Card.svelte": "./components/Card.svelte",
-    "./components/ContentTwoColumns.svelte": "./components/ContentTwoColumns.svelte",
-    "./components/CountrySelector.svelte": "./components/CountrySelector.svelte",
-    "./components/FeatureGrid.svelte": "./components/FeatureGrid.svelte",
-    "./components/Figure.svelte": "./components/Figure.svelte",
-    "./components/Footer.svelte": "./components/Footer.svelte",
-    "./components/Header.svelte": "./components/Header.svelte",
-    "./components/HeadingCentered.svelte": "./components/HeadingCentered.svelte",
-    "./components/Hero.svelte": "./components/Hero.svelte",
-    "./components/Icon.svelte": "./components/Icon.svelte",
-    "./components/LogoCloud.svelte": "./components/LogoCloud.svelte",
-    "./components/Math.svelte": "./components/Math.svelte",
-    "./components/MediaFeature.svelte": "./components/MediaFeature.svelte",
-    "./components/MetaSocial.svelte": "./components/MetaSocial.svelte",
-    "./components/Modal.svelte": "./components/Modal.svelte",
-    "./components/NewsGrid.svelte": "./components/NewsGrid.svelte",
-    "./components/PricingTable.svelte": "./components/PricingTable.svelte",
-    "./components/SidebarContent.svelte": "./components/SidebarContent.svelte",
-    "./components/Stats.svelte": "./components/Stats.svelte",
-    "./components/Subscribe.svelte": "./components/Subscribe.svelte",
-    "./components/Testimonial.svelte": "./components/Testimonial.svelte",
-    "./components/ThreeColumn.svelte": "./components/ThreeColumn.svelte",
-    "./components/TrialForm.svelte": "./components/TrialForm.svelte",
-    "./components/Video.svelte": "./components/Video.svelte",
-    "./components/Wrap.svelte": "./components/Wrap.svelte",
-    "./get-content": "./get-content.js",
-    "./layouts/blocks.svelte": "./layouts/blocks.svelte",
-    "./req_utils": "./req_utils.js",
-    "./site_config.json": "./site_config.json",
-    "./utils": "./utils.js",
-    "./variables": "./variables.js"
   }
-}
+}

package/postcss.config.cjs

@@ -0,0 +1,13 @@
+const tailwindcss = require("tailwindcss");
+const autoprefixer = require("autoprefixer");
+
+const config = {
+  plugins: [
+    //Some plugins, like tailwindcss/nesting, need to run before Tailwind,
+    tailwindcss(),
+    //But others, like autoprefixer, need to run after,
+    autoprefixer,
+  ],
+};
+
+module.exports = config;

package/src/app.css

@@ -0,0 +1,49 @@
+/* Write your global styles here, in PostCSS syntax */
+@tailwind base;
+@tailwind components;
+
+.btn {
+  @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;
+}
+
+/* The navigation container element. */
+.paginator .pagination-nav {
+  @apply relative z-0 flex -space-x-px rounded-md shadow-sm;
+}
+
+/* Each option in the navigation (including ellipsis, next and prev buttons). */
+.paginator .option {
+  @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;
+}
+
+/* The currently active page number. */
+.paginator .option.active {
+  @apply z-10 border-teci-blue-light bg-gray-50 text-teci-blue-dark;
+}
+
+/* The ellipsis option. */
+.paginator .option.ellipsis {
+  @apply text-gray-700;
+}
+
+/* Only page numbers. */
+.paginator .option.number {
+  @apply text-sm font-medium;
+}
+
+/* The prev option. */
+.paginator .option.prev {
+  @apply rounded-l-md px-2 py-2;
+}
+
+/* The next option. */
+.paginator .option.next {
+  @apply rounded-r-md px-2 py-2;
+}
+
+/* Targets the prev and next options when they are disabled (when you're on the first or last page). */
+.paginator .option.disabled {
+  @apply cursor-not-allowed opacity-30;
+}
+
+@tailwind utilities;

package/src/app.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en" class="scroll-p-8 scroll-smooth">
+  <head prefix="og: http://ogp.me/ns#">
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/x-icon" href="%sveltekit.assets%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    
+    %sveltekit.head%
+    
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" />
+    <script nonce="%sveltekit.nonce%" src="https://app.mailjet.com/statics/js/widget.modal.js" async></script>
+  </head>
+
+  <body id="top" class="m-0 flex min-h-screen flex-col">
+    <div id="svelte" style="display: contents">
+      %sveltekit.body%
+    </div>
+  </body>
+</html>

package/src/global.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="@sveltejs/kit" />
+
+interface ImportMetaEnv {
+  VITE_TRIAL_ENDPOINT: string;
+}

package/src/lib/assets/TECi_logo.svelte

@@ -0,0 +1,177 @@
+<svg
+  xmlns:dc="http://purl.org/dc/elements/1.1/"
+  xmlns:cc="http://creativecommons.org/ns#"
+  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+  xmlns:svg="http://www.w3.org/2000/svg"
+  xmlns="http://www.w3.org/2000/svg"
+  id="svg2"
+  version="1.1"
+  width="217.3913"
+  height="40"
+>
+  <defs id="defs59" />
+  <g
+    id="cvpage5_top"
+    width="612px"
+    height="792px"
+    transform="translate(44.657227,-982.59069)"
+  >
+    <g
+      id="g3110"
+      transform="matrix(0.41093833,0,0,0.40953505,-73.98795,960.4758)"
+    >
+      <polyline
+        transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
+        style="fill:#0e69af;fill-rule:evenodd;stroke:none"
+        id="polyline7"
+        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 "
+      />
+      <polyline
+        transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
+        style="fill:#0e69af;fill-rule:evenodd;stroke:none"
+        id="polyline9"
+        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 "
+      />
+      <path
+        style="fill:#0e69af;fill-rule:evenodd;stroke:none"
+        inkscape:connector-curvature="0"
+        id="path11"
+        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"
+      />
+      <path
+        style="fill:#0e69af;fill-rule:evenodd;stroke:none"
+        inkscape:connector-curvature="0"
+        id="path13"
+        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"
+      />
+      <path
+        style="fill:#0e69af;fill-rule:evenodd;stroke:none"
+        inkscape:connector-curvature="0"
+        id="path15"
+        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"
+      />
+      <polyline
+        transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
+        style="fill:#0e69af;fill-rule:evenodd;stroke:none"
+        id="polyline17"
+        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 "
+      />
+      <path
+        style="fill:#0e69af;fill-rule:evenodd;stroke:none"
+        inkscape:connector-curvature="0"
+        id="path19"
+        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"
+      />
+      <polyline
+        transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
+        style="fill:#0e69af;fill-rule:evenodd;stroke:none"
+        id="polyline21"
+        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 "
+      />
+      <polyline
+        transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
+        style="fill:#0e69af;fill-rule:evenodd;stroke:none"
+        id="polyline23"
+        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 "
+      />
+      <path
+        style="fill:#0e69af;fill-rule:evenodd;stroke:none"
+        inkscape:connector-curvature="0"
+        id="path25"
+        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"
+      />
+      <polyline
+        transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
+        style="fill:#0e69af;fill-rule:evenodd;stroke:none"
+        id="polyline27"
+        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 "
+      />
+      <polyline
+        transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
+        style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
+        id="polyline29"
+        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 "
+      />
+      <path
+        style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
+        inkscape:connector-curvature="0"
+        id="path31"
+        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"
+      />
+      <path
+        style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
+        inkscape:connector-curvature="0"
+        id="path33"
+        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"
+      />
+      <polyline
+        transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
+        style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
+        id="polyline35"
+        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 "
+      />
+      <path
+        style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
+        inkscape:connector-curvature="0"
+        id="path37"
+        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"
+      />
+      <polyline
+        transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
+        style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
+        id="polyline39"
+        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 "
+      />
+      <polyline
+        transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
+        style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
+        id="polyline41"
+        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 "
+      />
+      <path
+        style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
+        inkscape:connector-curvature="0"
+        id="path43"
+        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"
+      />
+      <polyline
+        transform="matrix(2.7022945,0,0,2.7022945,-121.50127,-91.923906)"
+        style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
+        id="polyline45"
+        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 "
+      />
+      <path
+        style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
+        inkscape:connector-curvature="0"
+        id="path47"
+        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"
+      />
+      <path
+        style="fill:#b1b1b1;fill-rule:evenodd;stroke:none"
+        inkscape:connector-curvature="0"
+        id="path49"
+        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"
+      />
+      <rect
+        style="fill:#0c3879;fill-rule:evenodd;stroke:none"
+        id="rect51"
+        height="97.671738"
+        width="97.671738"
+        y="54"
+        x="71.375"
+      />
+      <path
+        style="fill:#ffffff;fill-rule:evenodd;stroke:none"
+        inkscape:connector-curvature="0"
+        id="path53"
+        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"
+      />
+      <path
+        style="fill:#ffffff;fill-rule:evenodd;stroke:none"
+        inkscape:connector-curvature="0"
+        id="path55"
+        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"
+      />
+    </g>
+  </g>
+</svg>

package/src/lib/assets/js/store.js

@@ -0,0 +1,4 @@
+import { writable } from 'svelte/store'
+
+export const currentPage = writable('')
+export const isMenuOpen = writable(false)

package/src/lib/components/Banner.svelte

@@ -0,0 +1,91 @@
+<script>
+  export let showCTA;
+  export let shortText;
+  export let longText;
+  export let ctaText;
+  export let ctaLink;
+  export let allowClose;
+
+  let bannerOpen = true;
+
+  let toggleBanner = () => {
+    bannerOpen = !bannerOpen;
+  };
+</script>
+
+{#if bannerOpen}
+  <!-- This example requires Tailwind CSS v2.0+ -->
+  <div class="bg-teci-blue-light">
+    <div class="mx-auto max-w-7xl py-3 px-3 sm:px-6 lg:px-8">
+      <div class="flex flex-wrap justify-between">
+        <div class="order-1 flex h-10 w-0 flex-1 items-center">
+          <span class="flex p-1">
+            <!-- Heroicon name: outline/speakerphone -->
+            <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"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                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"
+              />
+            </svg>
+          </span>
+          <p class="ml-3 truncate font-medium text-white">
+            <span class="inline md:hidden">{shortText}</span>
+            <span class="hidden md:inline">{longText}</span>
+          </p>
+        </div>
+        {#if showCTA}
+          <div
+            class="order-3 mt-2 w-full flex-shrink-0 sm:order-2 sm:mt-0 sm:ml-3 sm:w-auto"
+          >
+            <a
+              href={ctaLink}
+              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"
+            >
+              {ctaText}
+            </a>
+          </div>
+        {/if}
+        {#if allowClose}
+          <div class="order-2 flex-shrink-0 sm:order-3 sm:ml-3">
+            <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"
+            >
+              <span class="sr-only">Dismiss</span>
+              <!-- Heroicon name: outline/x -->
+              <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"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  d="M6 18L18 6M6 6l12 12"
+                />
+              </svg>
+            </button>
+          </div>
+        {:else}
+          <div class="order-2 flex-shrink-0">
+            <span>&nbsp;</span>
+          </div>
+        {/if}
+      </div>
+    </div>
+  </div>
+{/if}

package/src/lib/components/Button.svelte

@@ -0,0 +1,12 @@
+<script>
+  export let url;
+  export let text;
+</script>
+
+<div class="not-prose my-4">
+  <a
+    class="btn mx-auto block w-64 text-center text-2xl shadow-md ring-0 focus:ring-0"
+    href={url}
+    rel="external">{text}</a
+  >
+</div>

package/src/lib/components/CTA.svelte

@@ -0,0 +1,36 @@
+<script>
+  export let data;
+</script>
+
+<!-- This example requires Tailwind CSS v2.0+ -->
+<section class="mx-auto mb-12 px-4 text-center sm:px-6 lg:px-8">
+  {#if data.title}
+    <h2
+      class="{data.subtitle
+        ? 'mb-4'
+        : 'mb-8'} text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"
+    >
+      <span class="block">{data.title}</span>
+    </h2>
+  {/if}
+  {#if data.subtitle}
+    <h3 class="mb-8 text-xl font-bold tracking-tight text-teci-blue-dark">
+      <span class="block">{data.subtitle}</span>
+    </h3>
+  {/if}
+  {#if data.links}
+    <div
+      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"
+    >
+      {#each data.links as link}
+        <div class="inline-flex w-full max-w-xs shadow-sm">
+          <a
+            href={link.linkURL}
+            class="btn inline-flex w-full items-center px-5 py-3 text-base"
+            >{link.linkText}</a
+          >
+        </div>
+      {/each}
+    </div>
+  {/if}
+</section>

package/src/lib/components/CTABranded.svelte

@@ -0,0 +1,15 @@
+<script>
+  export let data
+</script>
+
+<section class="{(data.color == "pyrosim" ? "bg-pyrosim" : (data.color == "pathfinder" ? "bg-pathfinder" : "bg-teci-blue-dark"))}">
+  <div class="mx-auto max-w-4xl py-10 px-6 text-center sm:py-10 lg:px-8">
+    <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
+      <span class="block">{@html data.heading}</span>
+    </h2>
+    <p class="mt-4 text-lg leading-6 text-gray-200">{@html data.body}</p>
+    <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">
+      {data.cta}
+    </a>
+  </div>
+</section>

package/src/lib/components/CTASplitImage.svelte

@@ -0,0 +1,27 @@
+<script>
+  export let data
+</script>
+
+<div class="relative {(data.color == "pyrosim" ? "bg-pyrosim" : (data.color == "pathfinder" ? "bg-pathfinder" : "bg-teci-blue-dark"))}">
+  <div class="h-56 sm:h-72 md:absolute md:left-0 md:h-full md:w-1/2">
+    <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}">
+  </div>
+  <div class="relative mx-auto max-w-7xl py-12 px-6 lg:px-8 lg:py-16">
+    <div class="md:ml-auto md:w-1/2 md:pl-10">
+      <h2 class="text-lg font-semibold text-gray-300">{data.preheading}</h2>
+      <p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">{data.heading}</p>
+      <ol class="mt-3 text-lg text-gray-300 list-decimal pl-6">
+        {#each data.items as item}
+          <li>{item.text}</li>
+        {/each}
+      </ol>
+      <div class="mt-8">
+        <div class="inline-flex shadow">
+          <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">
+            {data.cta}
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

package/src/lib/components/Card.svelte

@@ -0,0 +1,93 @@
+<script>
+  //Allows icons from https://fonts.google.com/icons?selected=Material+Icons by name in the format 'icon-XXXX'.
+  import Icon from "$lib/components/Icon.svelte";
+  import Wrap from "$lib/components/Wrap.svelte";
+  export let data;
+  export let halfHeight;
+
+  let backgroundImage;
+
+  if (data.image) {
+    if (data.image.includes("gif")) {
+      backgroundImage = "https://teci-files.imgix.net/www/images/" + data.image;
+    } else {
+      backgroundImage =
+        "https://teci-files.imgix.net/www/images/" +
+        data.image +
+        "?w=1200&h=627&fit=crop&auto=compress&auto=format";
+    }
+  }
+</script>
+
+<div
+  class="group flex flex-col items-stretch space-y-2 border border-gray-100 p-2 hover:border-gray-200 hover:shadow-md"
+>
+  {#if data.image}
+    <div
+      style="background-image: url({backgroundImage});"
+      class="w-full shrink-0 {halfHeight
+        ? 'aspect-video'
+        : 'aspect-square'} flex items-center justify-center border border-gray-200 bg-cover bg-no-repeat"
+    >
+      <div
+        class="{halfHeight
+          ? 'space-y-4'
+          : 'space-y-8'} flex h-full w-full flex-col items-center justify-center"
+      >
+        {#if data.links}
+          {#each data.links as link}
+            <a
+              href={link.linkURL}
+              class="btn w-3/4 whitespace-nowrap text-center text-sm"
+            >
+              {link.linkText}
+            </a>
+          {/each}
+        {:else}
+          <a href={data.cardURL} class="h-full w-full">
+            <span>&#8203;</span>
+          </a>
+        {/if}
+      </div>
+    </div>
+  {/if}
+  <a href={data.cardURL}>
+    <div class="flex flex-row items-start space-x-2">
+      {#if data.icon}
+        <div class="grid place-items-center">
+          <Icon classes={data.classes} icon={data.icon} />
+        </div>
+      {/if}
+      {#if data.heading || data.subheading}
+        <div class="flex flex-col font-medium leading-none">
+          {#if data.heading}
+            <h3 class="text-2xl leading-none">{data.heading}</h3>
+          {/if}
+          {#if data.subheading}
+            <p class="leading-6 text-teci-blue-dark">{data.subheading}</p>
+          {/if}
+        </div>
+      {/if}
+    </div>
+  </a>
+  {#if data.text}
+    <div class="flex w-full flex-1 flex-col">
+      {@html data.text}
+      {#if data.cardActionStyle == "link"}
+        <a
+          class="mt-2 inline-block text-sm font-medium text-teci-blue-light"
+          href={data.cardURL}
+        >
+          {data.cardLinkText}<span aria-hidden="true"> →</span>
+        </a>
+      {/if}
+    </div>
+  {/if}
+  {#if data.cardActionStyle == "button"}
+    <a class="block shrink-0" href={data.cardURL}>
+      <div class="flex w-full flex-col items-end">
+        <span class="btn text-sm">{data.cardLinkText}</span>
+      </div>
+    </a>
+  {/if}
+</div>