tecitheme 0.4.5 → 0.4.6

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 (10) hide show
  1. package/dist/components/CTABranded.svelte +1 -1
  2. package/dist/components/CTASplitImage.svelte +1 -1
  3. package/dist/components/ContentTwoColumns.svelte +2 -2
  4. package/dist/components/FeatureGrid.svelte +2 -2
  5. package/dist/components/Hero.svelte +4 -4
  6. package/dist/components/Icon.svelte +27 -9
  7. package/dist/components/PricingTable.svelte +2 -2
  8. package/dist/components/Stats.svelte +2 -2
  9. package/dist/components/Testimonial.svelte +1 -5
  10. package/package.json +1 -1
package/dist/components/CTABranded.svelte CHANGED
@@ -2,7 +2,7 @@
2
2
  export let data
3
3
  </script>
4
4
 
5
- <section class="{(data.color == "pyrosim" ? "bg-pyrosim" : (data.color == "pathfinder" ? "bg-pathfinder" : "bg-teci-blue-dark"))}">
5
+ <section class="{(data.color == "pyrosim" ? "bg-pyrosim" : (data.color == "pathfinder" ? "bg-pathfinder" : (data.color == "ventus" ? "bg-ventus" : "bg-teci-blue-dark")))}">
6
6
  <div class="mx-auto max-w-4xl py-10 px-6 text-center sm:py-10 lg:px-8">
7
7
  <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
8
8
  <span class="block">{@html data.heading}</span>
package/dist/components/CTASplitImage.svelte CHANGED
@@ -2,7 +2,7 @@
2
2
  export let data
3
3
  </script>
4
4
 
5
- <div class="relative {(data.color == "pyrosim" ? "bg-pyrosim" : (data.color == "pathfinder" ? "bg-pathfinder" : "bg-teci-blue-dark"))}">
5
+ <div class="relative {(data.color == "pyrosim" ? "bg-pyrosim" : (data.color == "pathfinder" ? "bg-pathfinder" : (data.color == "ventus" ? "bg-ventus" : "bg-teci-blue-dark")))}">
6
6
  <div class="h-56 sm:h-72 md:absolute md:left-0 md:h-full md:w-1/2">
7
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
8
  </div>
package/dist/components/ContentTwoColumns.svelte CHANGED
@@ -5,7 +5,7 @@
5
5
  <div class="overflow-hidden mx-auto max-w-max lg:max-w-7xl">
6
6
  <div class="relative z-10 mb-8 md:mb-2">
7
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>
8
+ <h2 class="font-semibold leading-6 {(data.color == "pyrosim" ? "text-pyrosim" : (data.color == "pathfinder" ? "text-pathfinder" : (data.color == "ventus" ? "text-ventus" : "text-teci-blue-dark")))}">{data.preheading}</h2>
9
9
  <p class="mt-2 text-3xl font-bold leading-8 tracking-tight text-gray-900 sm:text-4xl">{data.heading}</p>
10
10
  </div>
11
11
  </div>
@@ -34,7 +34,7 @@
34
34
  <div class="mt-8 flex gap-x-4 float-right py-1">
35
35
  {#each data.ctas as cta}
36
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")))}
37
+ {(cta.color == "pyrosim" ? "bg-pyrosim text-white" : (cta.color == "pathfinder" ? "bg-pathfinder text-white" : (cta.color == "ventus" ? "bg-ventus text-white" : (cta.color == "white" ? "bg-white text-gray-600 hover:text-white" : "bg-teci-blue-dark text-white"))))}
38
38
  ">
39
39
  {cta.text}
40
40
  <span class="hidden sm:inline {(cta.color == "white" ? "text-gray-600" : "text-white")}" aria-hidden="true">&rarr;</span>
package/dist/components/FeatureGrid.svelte CHANGED
@@ -8,7 +8,7 @@ import Icon from './Icon.svelte'
8
8
  <div class="sm:text-center">
9
9
  {#if data.preheading}
10
10
  <p class="mb-2 text-lg font-semibold leading-8
11
- {(data.color == "pyrosim" ? "text-pyrosim" : (data.color == "pathfinder" ? "text-pathfinder" : "text-teci-blue-dark"))}
11
+ {(data.color == "pyrosim" ? "text-pyrosim" : (data.color == "pathfinder" ? "text-pathfinder" : (data.color == "ventus" ? "text-ventus" : "text-teci-blue-dark")))}
12
12
  ">
13
13
  {data.preheading}
14
14
  </p>
@@ -27,7 +27,7 @@ import Icon from './Icon.svelte'
27
27
  {#each data.blocks as block}
28
28
  <div class="relative flex flex-row gap-6">
29
29
  <div class="hidden sm:flex h-12 w-12 items-center justify-center text-white sm:shrink-0 flex-shrink-0
30
- {(data.color == "pyrosim" ? "bg-pyrosim" : (data.color == "pathfinder" ? "bg-pathfinder" : "bg-teci-blue-dark"))}
30
+ {(data.color == "pyrosim" ? "bg-pyrosim" : (data.color == "pathfinder" ? "bg-pathfinder" : (data.color == "ventus" ? "bg-ventus" : "bg-teci-blue-dark")))}
31
31
  ">
32
32
  <Icon classes="w-auto" icon={block.icon} />
33
33
  </div>
package/dist/components/Hero.svelte CHANGED
@@ -19,11 +19,11 @@ import Icon from './Icon.svelte'
19
19
  {#if data.banner_text}
20
20
  <div class="mt-6 sm:mt-8 lg:mt-4">
21
21
  <a href={data.banner_link_url} class="inline-flex space-x-6">
22
- <span class="rounded-full bg-gray-300/10 px-3 py-1 text-sm font-semibold leading-6 {(data.color == "pyrosim" ? "text-pyrosim" : (data.color == "pathfinder" ? "text-pathfinder" : "text-teci-blue-dark"))} ring-1 ring-inset {(data.color == "pyrosim" ? "ring-pyrosim/20" : (data.color == "pathfinder" ? "ring-pathfinder/20" : "ring-teci-blue-dark/20"))}">{data.banner_text}</span>
22
+ <span class="rounded-full bg-gray-300/10 px-3 py-1 text-sm font-semibold leading-6 {(data.color == "pyrosim" ? "text-pyrosim" : (data.color == "pathfinder" ? "text-pathfinder" : (data.color == "ventus" ? "text-ventus" : "text-teci-blue-dark")))} ring-1 ring-inset {(data.color == "pyrosim" ? "ring-pyrosim/20" : (data.color == "pathfinder" ? "ring-pathfinder/20" : (data.color == "ventus" ? "ring-ventus/20" : "ring-teci-blue-dark/20")))}">{data.banner_text}</span>
23
23
  <span class="inline-flex items-center space-x-1 text-sm font-medium leading-6 text-gray-400">
24
24
  <span>{data.banner_link_text}</span>
25
25
  <!-- Heroicon name: mini/chevron-right -->
26
- <svg class="h-5 w-5 {(data.color == "pyrosim" ? "text-pyrosim" : (data.color == "pathfinder" ? "text-pathfinder" : "text-teci-blue-dark"))}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
26
+ <svg class="h-5 w-5 {(data.color == "pyrosim" ? "text-pyrosim" : (data.color == "pathfinder" ? "text-pathfinder" : (data.color == "ventus" ? "text-ventus" : "text-teci-blue-dark")))}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
27
27
  <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
28
28
  </svg>
29
29
  </span>
@@ -36,7 +36,7 @@ import Icon from './Icon.svelte'
36
36
  <div class="mt-10 flex gap-x-8 sm:justify-left">
37
37
  {#each data.ctas as cta}
38
38
  <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
39
- {(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")))}
39
+ {(cta.color == "pyrosim" ? "bg-pyrosim text-white" : (cta.color == "pathfinder" ? "bg-pathfinder text-white" : (cta.color == "ventus" ? "bg-ventus text-white" : (cta.color == "white" ? "bg-white text-gray-600 hover:text-white" : "bg-teci-blue-dark text-white"))))}
40
40
  ">
41
41
  {cta.text}
42
42
  <span class="hidden sm:inline {(cta.color == "white" ? "text-gray-600" : "text-white")}" aria-hidden="true">&rarr;</span>
@@ -45,7 +45,7 @@ import Icon from './Icon.svelte'
45
45
  </div>
46
46
  {/if}
47
47
  <div class="mt-16">
48
- <section class="{(data.color == "pyrosim" ? "bg-pyrosim" : (data.color == "pathfinder" ? "bg-pathfinder" : "bg-teci-blue-dark"))}">
48
+ <section class="{(data.color == "pyrosim" ? "bg-pyrosim" : (data.color == "pathfinder" ? "bg-pathfinder" : (data.color == "ventus" ? "bg-ventus" : "bg-teci-blue-dark")))}">
49
49
  <div class="text-center mx-auto max-w-4xl py-10 px-6 sm:py-10 lg:px-8">
50
50
  <h2 class="text-3xl font-bold tracking-tight text-white sm:text-2xl">
51
51
  <span class="block">{@html data.heading}</span>
package/dist/components/Icon.svelte CHANGED
@@ -8,7 +8,7 @@
8
8
  <span class="not-prose">
9
9
  <img
10
10
  class={classes}
11
- src="https://files.thunderheadeng.com/www/images/pyrosim_icon.svg"
11
+ src="https://teci-files.imgix.net/www/images/pyrosim_icon.svg"
12
12
  alt="PyroSim"
13
13
  title="PyroSim Icon"
14
14
  />
@@ -17,7 +17,7 @@
17
17
  <span class="not-prose">
18
18
  <img
19
19
  class={classes}
20
- src="https://files.thunderheadeng.com/www/images/pyrosim-results_icon.svg"
20
+ src="https://teci-files.imgix.net/www/images/pyrosim-results_icon.svg"
21
21
  alt="PyroSim Results"
22
22
  title="PyroSim Results Icon"
23
23
  />
@@ -26,7 +26,7 @@
26
26
  <span class="not-prose">
27
27
  <img
28
28
  class={classes}
29
- src="https://files.thunderheadeng.com/www/images/pyrosim_logo.svg"
29
+ src="https://teci-files.imgix.net/www/images/pyrosim_logo.svg"
30
30
  alt="PyroSim Logo"
31
31
  title="PyroSim Logo"
32
32
  />
@@ -35,7 +35,7 @@
35
35
  <span class="not-prose">
36
36
  <img
37
37
  class={classes}
38
- src="https://files.thunderheadeng.com/www/images/pathfinder_icon.svg"
38
+ src="https://teci-files.imgix.net/www/images/pathfinder_icon.svg"
39
39
  alt="Pathfinder"
40
40
  title="Pathfinder Icon"
41
41
  />
@@ -44,7 +44,7 @@
44
44
  <span class="not-prose">
45
45
  <img
46
46
  class={classes}
47
- src="https://files.thunderheadeng.com/www/images/pathfinder-results_icon.svg"
47
+ src="https://teci-files.imgix.net/www/images/pathfinder-results_icon.svg"
48
48
  alt="Pathfinder Results"
49
49
  title="Pathfinder Results Icon"
50
50
  />
@@ -53,16 +53,34 @@
53
53
  <span class="not-prose">
54
54
  <img
55
55
  class={classes}
56
- src="https://files.thunderheadeng.com/www/images/pathfinder_logo.svg"
56
+ src="https://teci-files.imgix.net/www/images/pathfinder_logo.svg"
57
57
  alt="Pathfinder Logo"
58
58
  title="Pathfinder Logo"
59
59
  />
60
60
  </span>
61
+ {:else if icon == "ventus"}
62
+ <span class="not-prose">
63
+ <img
64
+ class={classes}
65
+ src="https://teci-files.imgix.net/www/images/ventus_icon.svg"
66
+ alt="Ventus"
67
+ title="Ventus Icon"
68
+ />
69
+ </span>
70
+ {:else if icon == "ventus-logo"}
71
+ <span class="not-prose">
72
+ <img
73
+ class={classes}
74
+ src="https://teci-files.imgix.net/www/images/ventus_logo.svg"
75
+ alt="Ventus Logo"
76
+ title="Ventus Logo"
77
+ />
78
+ </span>
61
79
  {:else if icon == "petrasim"}
62
80
  <span class="not-prose">
63
81
  <img
64
82
  class={classes}
65
- src="https://files.thunderheadeng.com/www/images/petrasim_icon.svg"
83
+ src="https://teci-files.imgix.net/www/images/petrasim_icon.svg"
66
84
  alt="PetraSim"
67
85
  title="PetraSim Icon"
68
86
  />
@@ -71,7 +89,7 @@
71
89
  <span class="not-prose">
72
90
  <img
73
91
  class={classes}
74
- src="https://files.thunderheadeng.com/www/images/petrasim_logo.svg"
92
+ src="https://teci-files.imgix.net/www/images/petrasim_logo.svg"
75
93
  alt="PetraSim Logo"
76
94
  title="PetraSim Logo"
77
95
  />
@@ -80,7 +98,7 @@
80
98
  <span class="not-prose">
81
99
  <img
82
100
  class={classes}
83
- src="https://files.thunderheadeng.com/www/images/teci_logo.svg"
101
+ src="https://teci-files.imgix.net/www/images/teci_logo.svg"
84
102
  alt="Thunderhead Logo"
85
103
  title="Thunderhead Logo"
86
104
  />
package/dist/components/PricingTable.svelte CHANGED
@@ -42,7 +42,7 @@
42
42
  <span class="text-base font-medium text-gray-500">{option.divisor}</span>
43
43
  {/if}
44
44
  </p>
45
- <a href={option.cta_url} class="mt-8 block w-full border {(option.cta_color == "pyrosim" ? "border-pyrosim bg-pyrosim" : (data.color == "pathfinder" ? "border-pathfinder bg-pathfinder" : "border-teci-blue-dark bg-teci-blue-dark"))} py-2 text-center text-sm font-semibold text-white hover:bg-teci-blue-dark">{option.cta_label}</a>
45
+ <a href={option.cta_url} class="mt-8 block w-full border {(option.cta_color == "pyrosim" ? "border-pyrosim bg-pyrosim" : (data.color == "pathfinder" ? "border-pathfinder bg-pathfinder" : (data.color == "ventus" ? "border-ventus bg-ventus" : "border-teci-blue-dark bg-teci-blue-dark")))} py-2 text-center text-sm font-semibold text-white hover:bg-teci-blue-dark">{option.cta_label}</a>
46
46
  </div>
47
47
  <div class="px-6 pt-6 pb-8">
48
48
  <h3 class="text-sm font-medium text-gray-900">{option.features_text}</h3>
@@ -79,7 +79,7 @@
79
79
  <div class="flex gap-x-8 py-2 sm:justify-center">
80
80
  {#each data.footer.ctas as cta}
81
81
  <a href={cta.url} class="inline-block whitespace-nowrap 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
82
- {(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")))}
82
+ {(cta.color == "pyrosim" ? "bg-pyrosim text-white" : (cta.color == "pathfinder" ? "bg-pathfinder text-white" : (cta.color == "ventus" ? "bg-ventus text-white" : (cta.color == "white" ? "bg-white text-gray-600 hover:text-white" : "bg-teci-blue-dark text-white"))))}
83
83
  ">
84
84
  {cta.text}
85
85
  <span class="hidden sm:inline {(cta.color == "white" ? "text-gray-600" : "text-white")}" aria-hidden="true">&rarr;</span>
package/dist/components/Stats.svelte CHANGED
@@ -20,13 +20,13 @@
20
20
  {#each data.stats as stat, i}
21
21
  <div id="stat-{i}" class="flex flex-col border-b border-gray-100 p-6 text-center sm:border-0 sm:border-r sm:border-l">
22
22
  <dt class="order-2 mt-2 text-lg font-medium leading-6 text-gray-500">{stat.label}</dt>
23
- <dd class="order-1 text-5xl font-bold tracking-tight {(data.color == "pyrosim" ? "text-pyrosim" : (data.color == "pathfinder" ? "text-pathfinder" : "text-teci-blue-dark"))}">{stat.value}</dd>
23
+ <dd class="order-1 text-5xl font-bold tracking-tight {(data.color == "pyrosim" ? "text-pyrosim" : (data.color == "pathfinder" ? "text-pathfinder" : (data.color == "ventus" ? "text-ventus" : "text-teci-blue-dark")))}">{stat.value}</dd>
24
24
  </div>
25
25
  {/each}
26
26
  </dl>
27
27
  </div>
28
28
  <figure>
29
- <img class="w-full" alt="World map with colored countries for Thunderhead software customers." src="https://teci-files.imgix.net/www/images/{data.image}?auto=compress&auto=format">
29
+ <img class="w-full" alt="World map with colored countries for Thunderhead software customers." src="https://teci-files.imgix.net/www/images/{data.image}?w=1152&fit=crop&auto=compress&auto=format">
30
30
  </figure>
31
31
  </div>
32
32
  </div>
package/dist/components/Testimonial.svelte CHANGED
@@ -143,11 +143,7 @@ import Icon from './Icon.svelte'
143
143
  {quote.fullname}
144
144
  </div>
145
145
  <div
146
- class="text-base font-medium {data.color == 'pyrosim'
147
- ? 'text-pyrosim'
148
- : data.color == 'pathfinder'
149
- ? 'text-pathfinder'
150
- : 'text-teci-blue-dark'}"
146
+ class="text-base font-medium {(data.color == "pyrosim" ? "text-pyrosim" : (data.color == "pathfinder" ? "text-pathfinder" : (data.color == "ventus" ? "text-ventus" : "text-teci-blue-dark")))}"
151
147
  >
152
148
  {quote.fulltitle}
153
149
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tecitheme",
3
- "version": "0.4.5",
3
+ "version": "0.4.6",
4
4
  "license": "MIT",
5
5
  "scripts": {
6
6
  "dev": "vite dev",