tecitheme 0.0.18 → 0.0.21
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 +6 -6
- package/components/CTA.svelte +18 -20
- package/components/Card.svelte +44 -31
- package/components/Figure.svelte +2 -1
- package/components/Figure.svelte.d.ts +2 -0
- package/components/Header.svelte +1044 -534
- package/components/HeadingCentered.svelte +22 -22
- package/components/MediaFeature.svelte +6 -4
- package/components/MetaSocial.svelte +28 -0
- package/components/MetaSocial.svelte.d.ts +29 -0
- package/components/NewsGrid.svelte +78 -27
- package/components/SidebarContent.svelte +4 -2
- package/components/ThreeColumn.svelte +4 -4
- package/layouts/blocks.svelte +13 -0
- package/layouts/blocks.svelte.d.ts +4 -2
- package/package.json +16 -18
package/components/Header.svelte
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
import Icon from
|
|
2
|
+
import Icon from './Icon.svelte';
|
|
3
3
|
import { slide } from 'svelte/transition';
|
|
4
4
|
import { cubicIn, cubicOut, bounceIn, bounceOut } from 'svelte/easing';
|
|
5
5
|
|
|
@@ -7,30 +7,38 @@
|
|
|
7
7
|
|
|
8
8
|
export function clickOutside(node) {
|
|
9
9
|
const handleClick = (event) => {
|
|
10
|
-
if (
|
|
11
|
-
node.
|
|
10
|
+
if (
|
|
11
|
+
!node.contains(event.target) &&
|
|
12
|
+
event.target.innerText.toLowerCase() != node.parentElement.id
|
|
13
|
+
) {
|
|
14
|
+
node.dispatchEvent(new CustomEvent('outclick'));
|
|
12
15
|
}
|
|
13
16
|
};
|
|
14
|
-
document.addEventListener(
|
|
17
|
+
document.addEventListener('click', handleClick, true);
|
|
15
18
|
return {
|
|
16
19
|
destroy() {
|
|
17
|
-
document.removeEventListener(
|
|
18
|
-
}
|
|
20
|
+
document.removeEventListener('click', handleClick, true);
|
|
21
|
+
},
|
|
19
22
|
};
|
|
20
23
|
}
|
|
21
24
|
|
|
22
|
-
function handleEscape({key}) {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
25
|
+
function handleEscape({ key }) {
|
|
26
|
+
if (key === 'Escape') {
|
|
27
|
+
openMenu = '';
|
|
28
|
+
}
|
|
26
29
|
}
|
|
27
30
|
</script>
|
|
28
31
|
|
|
29
|
-
<svelte:window on:keyup={handleEscape} />
|
|
32
|
+
<svelte:window on:keyup="{handleEscape}" />
|
|
30
33
|
|
|
31
34
|
<header class="relative bg-white">
|
|
32
|
-
<div
|
|
33
|
-
|
|
35
|
+
<div
|
|
36
|
+
class="pointer-events-none absolute inset-0 z-30 shadow"
|
|
37
|
+
aria-hidden="true"
|
|
38
|
+
></div>
|
|
39
|
+
<div
|
|
40
|
+
class="relative mx-auto flex max-w-7xl items-center justify-between px-4 py-5 sm:px-6 sm:py-4 md:justify-start md:space-x-6 lg:space-x-10 lg:px-8"
|
|
41
|
+
>
|
|
34
42
|
<!-- Nav Icon Linked to WWW Homepage -->
|
|
35
43
|
<div class="flex-shrink-0">
|
|
36
44
|
<a href="https://www.thunderheadeng.com" class="flex">
|
|
@@ -40,501 +48,769 @@
|
|
|
40
48
|
</div>
|
|
41
49
|
|
|
42
50
|
<!-- Nav Menu -->
|
|
43
|
-
<div class="hidden md:flex
|
|
51
|
+
<div class="hidden md:flex md:flex-1 md:items-center md:justify-between">
|
|
44
52
|
<nav class="flex md:space-x-6 lg:space-x-10">
|
|
45
53
|
<!-- Products -->
|
|
46
54
|
<div id="products">
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
55
|
+
<button
|
|
56
|
+
type="button"
|
|
57
|
+
on:click="{() =>
|
|
58
|
+
openMenu == 'products'
|
|
59
|
+
? (openMenu = '')
|
|
60
|
+
: (openMenu = 'products')}"
|
|
61
|
+
class="group inline-flex items-center bg-white text-base font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-teci-blue-light focus:ring-offset-2"
|
|
62
|
+
aria-expanded="{openMenu == 'products'}"
|
|
63
|
+
>
|
|
51
64
|
<span class:text-gray-900="{openMenu == 'products'}">Products</span>
|
|
52
|
-
|
|
53
|
-
|
|
65
|
+
<svg
|
|
66
|
+
class="ml-2 h-5 w-5 group-hover:text-gray-900 {openMenu ===
|
|
67
|
+
'products'
|
|
68
|
+
? 'rotate-180 text-gray-900'
|
|
69
|
+
: 'text-gray-400'}"
|
|
54
70
|
xmlns="http://www.w3.org/2000/svg"
|
|
55
|
-
viewBox="0 0 20 20"
|
|
56
|
-
|
|
71
|
+
viewBox="0 0 20 20"
|
|
72
|
+
fill="currentColor"
|
|
73
|
+
aria-hidden="true"
|
|
74
|
+
>
|
|
75
|
+
<path
|
|
76
|
+
fill-rule="evenodd"
|
|
57
77
|
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
|
|
58
|
-
clip-rule="evenodd"
|
|
78
|
+
clip-rule="evenodd"></path>
|
|
59
79
|
</svg>
|
|
60
80
|
</button>
|
|
61
81
|
|
|
62
82
|
<!-- Flyout menu -->
|
|
63
83
|
{#if openMenu == 'products'}
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
<
|
|
81
|
-
|
|
82
|
-
|
|
84
|
+
<div
|
|
85
|
+
class="absolute inset-x-0 top-full z-10 transform bg-white shadow-lg"
|
|
86
|
+
use:clickOutside
|
|
87
|
+
on:outclick="{() => (openMenu = '')}"
|
|
88
|
+
in:slide="{{ duration: 250, easing: cubicOut }}"
|
|
89
|
+
out:slide="{{ duration: 150, easing: cubicIn }}"
|
|
90
|
+
>
|
|
91
|
+
<div
|
|
92
|
+
class="mx-auto grid max-w-7xl gap-y-8 px-4 py-8 sm:grid-cols-2 sm:gap-8 sm:px-6 lg:grid-cols-3 lg:px-8"
|
|
93
|
+
>
|
|
94
|
+
<a
|
|
95
|
+
href="https://www.thunderheadeng.com/pyrosim/"
|
|
96
|
+
class="-m-3 flex flex-col justify-between p-3 hover:bg-gray-50"
|
|
97
|
+
>
|
|
98
|
+
<div class="flex md:h-full lg:flex-col">
|
|
99
|
+
<div class="flex-shrink-0">
|
|
100
|
+
<Icon classes="h-12 w-auto" icon="pyrosim" />
|
|
101
|
+
</div>
|
|
102
|
+
<div
|
|
103
|
+
class="ml-4 md:flex md:flex-1 md:flex-col md:justify-between lg:ml-0 lg:mt-4"
|
|
104
|
+
>
|
|
105
|
+
<div>
|
|
106
|
+
<p class="text-base font-medium text-gray-900">
|
|
107
|
+
PyroSim
|
|
108
|
+
</p>
|
|
109
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
110
|
+
Analyze fire control and smoke dissipation in various
|
|
111
|
+
structures for fire protection and safety or
|
|
112
|
+
investigation.
|
|
113
|
+
</p>
|
|
114
|
+
</div>
|
|
115
|
+
<p
|
|
116
|
+
class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4"
|
|
117
|
+
>
|
|
118
|
+
Learn more <span aria-hidden="true">→</span>
|
|
83
119
|
</p>
|
|
84
120
|
</div>
|
|
85
|
-
<p class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4">Learn more <span
|
|
86
|
-
aria-hidden="true">→</span></p>
|
|
87
121
|
</div>
|
|
88
|
-
</
|
|
89
|
-
</a>
|
|
122
|
+
</a>
|
|
90
123
|
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
124
|
+
<a
|
|
125
|
+
href="https://www.thunderheadeng.com/pathfinder/"
|
|
126
|
+
class="-m-3 flex flex-col justify-between p-3 hover:bg-gray-50"
|
|
127
|
+
>
|
|
128
|
+
<div class="flex md:h-full lg:flex-col">
|
|
129
|
+
<div class="flex-shrink-0">
|
|
130
|
+
<Icon classes="h-12 w-auto" icon="pathfinder" />
|
|
131
|
+
</div>
|
|
132
|
+
<div
|
|
133
|
+
class="ml-4 md:flex md:flex-1 md:flex-col md:justify-between lg:ml-0 lg:mt-4"
|
|
134
|
+
>
|
|
135
|
+
<div>
|
|
136
|
+
<p class="text-base font-medium text-gray-900">
|
|
137
|
+
Pathfinder
|
|
138
|
+
</p>
|
|
139
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
140
|
+
Understand pedestrian egress and congestion hazards
|
|
141
|
+
for fire protection and safety or urban planning.
|
|
142
|
+
</p>
|
|
143
|
+
</div>
|
|
144
|
+
<p
|
|
145
|
+
class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4"
|
|
146
|
+
>
|
|
147
|
+
Learn more <span aria-hidden="true">→</span>
|
|
104
148
|
</p>
|
|
105
149
|
</div>
|
|
106
|
-
<p class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4">Learn more <span
|
|
107
|
-
aria-hidden="true">→</span></p>
|
|
108
150
|
</div>
|
|
109
|
-
</
|
|
110
|
-
</a>
|
|
151
|
+
</a>
|
|
111
152
|
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
153
|
+
<a
|
|
154
|
+
href="https://www.thunderheadeng.com/petrasim/"
|
|
155
|
+
class="-m-3 flex flex-col justify-between p-3 hover:bg-gray-50"
|
|
156
|
+
>
|
|
157
|
+
<div class="flex md:h-full lg:flex-col">
|
|
158
|
+
<div class="flex-shrink-0">
|
|
159
|
+
<Icon classes="h-12 w-auto" icon="petrasim" />
|
|
160
|
+
</div>
|
|
161
|
+
<div
|
|
162
|
+
class="ml-4 md:flex md:flex-1 md:flex-col md:justify-between lg:ml-0 lg:mt-4"
|
|
163
|
+
>
|
|
164
|
+
<div>
|
|
165
|
+
<p class="text-base font-medium text-gray-900">
|
|
166
|
+
PetraSim
|
|
167
|
+
</p>
|
|
168
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
169
|
+
Model nonisothermal multiphase flow and transport in
|
|
170
|
+
fractured and porous media for environmental
|
|
171
|
+
engineering.
|
|
172
|
+
</p>
|
|
173
|
+
</div>
|
|
174
|
+
<p
|
|
175
|
+
class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4"
|
|
176
|
+
>
|
|
177
|
+
Learn more <span aria-hidden="true">→</span>
|
|
125
178
|
</p>
|
|
126
179
|
</div>
|
|
127
|
-
<p class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4">Learn more <span
|
|
128
|
-
aria-hidden="true">→</span></p>
|
|
129
180
|
</div>
|
|
130
|
-
</
|
|
131
|
-
</
|
|
132
|
-
</div>
|
|
181
|
+
</a>
|
|
182
|
+
</div>
|
|
133
183
|
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
184
|
+
<!-- Action Buttons -->
|
|
185
|
+
<div class="relative bg-gray-50">
|
|
186
|
+
<div
|
|
187
|
+
class="mx-auto max-w-7xl space-y-6 px-4 py-5 sm:flex sm:space-y-0 sm:space-x-10 sm:px-6 lg:px-8"
|
|
188
|
+
>
|
|
189
|
+
<div class="flow-root">
|
|
190
|
+
<a
|
|
191
|
+
href="https://store2.thunderheadeng.com/cart"
|
|
192
|
+
class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
|
|
193
|
+
>
|
|
194
|
+
<svg
|
|
195
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
196
|
+
class="h-6 w-6 flex-shrink-0 text-gray-400"
|
|
197
|
+
fill="none"
|
|
198
|
+
viewBox="0 0 24 24"
|
|
199
|
+
stroke="currentColor"
|
|
200
|
+
>
|
|
201
|
+
<path
|
|
202
|
+
stroke-linecap="round"
|
|
203
|
+
stroke-linejoin="round"
|
|
204
|
+
stroke-width="2"
|
|
205
|
+
d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"
|
|
206
|
+
></path>
|
|
207
|
+
</svg>
|
|
208
|
+
<span class="ml-3">Order Online</span>
|
|
209
|
+
</a>
|
|
210
|
+
</div>
|
|
149
211
|
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
212
|
+
<div class="flow-root">
|
|
213
|
+
<a
|
|
214
|
+
href="https://store2.thunderheadeng.com/trial/"
|
|
215
|
+
class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
|
|
216
|
+
>
|
|
217
|
+
<svg
|
|
218
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
219
|
+
class="h-6 w-6 flex-shrink-0 text-gray-400"
|
|
220
|
+
fill="none"
|
|
221
|
+
viewBox="0 0 24 24"
|
|
222
|
+
stroke="currentColor"
|
|
223
|
+
>
|
|
224
|
+
<path
|
|
225
|
+
stroke-linecap="round"
|
|
226
|
+
stroke-linejoin="round"
|
|
227
|
+
stroke-width="2"
|
|
228
|
+
d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
229
|
+
></path>
|
|
230
|
+
</svg>
|
|
231
|
+
<span class="ml-3">30-day Trial</span>
|
|
232
|
+
</a>
|
|
233
|
+
</div>
|
|
162
234
|
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
235
|
+
<div class="flow-root">
|
|
236
|
+
<a
|
|
237
|
+
href="mailto:sales@thunderheadeng.com"
|
|
238
|
+
class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
|
|
239
|
+
>
|
|
240
|
+
<svg
|
|
241
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
242
|
+
class="h-6 w-6 flex-shrink-0 text-gray-400"
|
|
243
|
+
fill="none"
|
|
244
|
+
viewBox="0 0 24 24"
|
|
245
|
+
stroke="currentColor"
|
|
246
|
+
>
|
|
247
|
+
<path
|
|
248
|
+
stroke-linecap="round"
|
|
249
|
+
stroke-linejoin="round"
|
|
250
|
+
stroke-width="2"
|
|
251
|
+
d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
|
|
252
|
+
></path>
|
|
253
|
+
</svg>
|
|
254
|
+
<span class="ml-3">Contact Sales</span>
|
|
255
|
+
</a>
|
|
256
|
+
</div>
|
|
174
257
|
</div>
|
|
175
258
|
</div>
|
|
176
259
|
</div>
|
|
177
|
-
</div>
|
|
178
260
|
{/if}
|
|
179
261
|
</div>
|
|
180
262
|
|
|
181
263
|
<!-- Support -->
|
|
182
264
|
<div id="support" class="relative">
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
265
|
+
<button
|
|
266
|
+
type="button"
|
|
267
|
+
on:click="{() =>
|
|
268
|
+
openMenu == 'support' ? (openMenu = '') : (openMenu = 'support')}"
|
|
269
|
+
class="group inline-flex items-center bg-white text-base font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-teci-blue-light focus:ring-offset-2"
|
|
270
|
+
aria-expanded="{openMenu == 'support'}"
|
|
271
|
+
>
|
|
187
272
|
<span class:text-gray-900="{openMenu == 'support'}">Support</span>
|
|
188
|
-
|
|
189
|
-
|
|
273
|
+
<svg
|
|
274
|
+
class="ml-2 h-5 w-5 group-hover:text-gray-900 {openMenu ===
|
|
275
|
+
'support'
|
|
276
|
+
? 'rotate-180 text-gray-900'
|
|
277
|
+
: 'text-gray-400'}"
|
|
190
278
|
xmlns="http://www.w3.org/2000/svg"
|
|
191
|
-
viewBox="0 0 20 20"
|
|
192
|
-
|
|
279
|
+
viewBox="0 0 20 20"
|
|
280
|
+
fill="currentColor"
|
|
281
|
+
aria-hidden="true"
|
|
282
|
+
>
|
|
283
|
+
<path
|
|
284
|
+
fill-rule="evenodd"
|
|
193
285
|
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
|
|
194
|
-
clip-rule="evenodd"
|
|
286
|
+
clip-rule="evenodd"></path>
|
|
195
287
|
</svg>
|
|
196
288
|
</button>
|
|
197
289
|
|
|
198
290
|
{#if openMenu == 'support'}
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
</
|
|
235
|
-
|
|
236
|
-
Getting Started, Applications and Feature Demos
|
|
237
|
-
</p>
|
|
238
|
-
</div>
|
|
239
|
-
</a>
|
|
240
|
-
|
|
241
|
-
<a href="https://support.thunderheadeng.com/release-notes/"
|
|
242
|
-
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
243
|
-
<!-- Heroicon name: outline/document-text -->
|
|
244
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
245
|
-
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
246
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
247
|
-
d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
|
|
248
|
-
</svg>
|
|
249
|
-
<div class="ml-4">
|
|
250
|
-
<p class="text-base font-medium text-gray-900">
|
|
251
|
-
Release Notes
|
|
252
|
-
</p>
|
|
253
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
254
|
-
Detailed changes each product release
|
|
255
|
-
</p>
|
|
256
|
-
</div>
|
|
257
|
-
</a>
|
|
291
|
+
<div
|
|
292
|
+
class="absolute left-1/2 z-40 mt-3 w-screen max-w-md -translate-x-1/2 transform overflow-hidden px-2 shadow-lg ring-1 ring-black ring-opacity-5 sm:px-0"
|
|
293
|
+
use:clickOutside
|
|
294
|
+
on:outclick="{() => (openMenu = '')}"
|
|
295
|
+
in:slide="{{ duration: 250, easing: cubicOut }}"
|
|
296
|
+
out:slide="{{ duration: 150, easing: cubicIn }}"
|
|
297
|
+
>
|
|
298
|
+
<div
|
|
299
|
+
class="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8"
|
|
300
|
+
>
|
|
301
|
+
<a
|
|
302
|
+
href="https://support.thunderheadeng.com/docs/"
|
|
303
|
+
class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
|
|
304
|
+
>
|
|
305
|
+
<svg
|
|
306
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
307
|
+
class="h-6 w-6 text-teci-blue-light"
|
|
308
|
+
fill="none"
|
|
309
|
+
viewBox="0 0 24 24"
|
|
310
|
+
stroke="currentColor"
|
|
311
|
+
>
|
|
312
|
+
<path
|
|
313
|
+
stroke-linecap="round"
|
|
314
|
+
stroke-linejoin="round"
|
|
315
|
+
stroke-width="2"
|
|
316
|
+
d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
|
|
317
|
+
></path>
|
|
318
|
+
</svg>
|
|
319
|
+
<div class="ml-4">
|
|
320
|
+
<p class="text-base font-medium text-gray-900">
|
|
321
|
+
Documentation
|
|
322
|
+
</p>
|
|
323
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
324
|
+
Manuals and Reference Documents for all products
|
|
325
|
+
</p>
|
|
326
|
+
</div>
|
|
327
|
+
</a>
|
|
258
328
|
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
329
|
+
<a
|
|
330
|
+
href="https://support.thunderheadeng.com/tutorials/"
|
|
331
|
+
class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
|
|
332
|
+
>
|
|
333
|
+
<svg
|
|
334
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
335
|
+
class="h-6 w-6 flex-shrink-0 text-teci-blue-light"
|
|
336
|
+
fill="none"
|
|
337
|
+
viewBox="0 0 24 24"
|
|
338
|
+
stroke="currentColor"
|
|
339
|
+
>
|
|
340
|
+
<path
|
|
341
|
+
stroke-linecap="round"
|
|
342
|
+
stroke-linejoin="round"
|
|
343
|
+
stroke-width="2"
|
|
344
|
+
d="M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z"
|
|
345
|
+
></path>
|
|
346
|
+
</svg>
|
|
347
|
+
<div class="ml-4">
|
|
348
|
+
<p class="text-base font-medium text-gray-900">Tutorials</p>
|
|
349
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
350
|
+
Getting Started, Applications and Feature Demos
|
|
351
|
+
</p>
|
|
352
|
+
</div>
|
|
353
|
+
</a>
|
|
276
354
|
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
355
|
+
<a
|
|
356
|
+
href="https://support.thunderheadeng.com/release-notes/"
|
|
357
|
+
class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
|
|
358
|
+
>
|
|
359
|
+
<svg
|
|
360
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
361
|
+
class="h-6 w-6 flex-shrink-0 text-teci-blue-light"
|
|
362
|
+
fill="none"
|
|
363
|
+
viewBox="0 0 24 24"
|
|
364
|
+
stroke="currentColor"
|
|
365
|
+
>
|
|
366
|
+
<path
|
|
367
|
+
stroke-linecap="round"
|
|
368
|
+
stroke-linejoin="round"
|
|
369
|
+
stroke-width="2"
|
|
370
|
+
d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
|
|
371
|
+
></path>
|
|
287
372
|
</svg>
|
|
288
|
-
<
|
|
373
|
+
<div class="ml-4">
|
|
374
|
+
<p class="text-base font-medium text-gray-900">
|
|
375
|
+
Release Notes
|
|
376
|
+
</p>
|
|
377
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
378
|
+
Detailed changes each product release
|
|
379
|
+
</p>
|
|
380
|
+
</div>
|
|
289
381
|
</a>
|
|
290
|
-
</div>
|
|
291
382
|
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
class="-m-3
|
|
295
|
-
|
|
296
|
-
<svg
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
383
|
+
<a
|
|
384
|
+
href="https://support.thunderheadeng.com/answers/"
|
|
385
|
+
class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
|
|
386
|
+
>
|
|
387
|
+
<svg
|
|
388
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
389
|
+
class="h-6 w-6 flex-shrink-0 text-teci-blue-light"
|
|
390
|
+
fill="none"
|
|
391
|
+
viewBox="0 0 24 24"
|
|
392
|
+
stroke="currentColor"
|
|
393
|
+
>
|
|
394
|
+
<path
|
|
395
|
+
stroke-linecap="round"
|
|
396
|
+
stroke-linejoin="round"
|
|
397
|
+
stroke-width="2"
|
|
398
|
+
d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
399
|
+
></path>
|
|
300
400
|
</svg>
|
|
301
|
-
<
|
|
401
|
+
<div class="ml-4">
|
|
402
|
+
<p class="text-base font-medium text-gray-900">FAQs</p>
|
|
403
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
404
|
+
Frequently Asked Questions (FAQs) and Answers
|
|
405
|
+
</p>
|
|
406
|
+
</div>
|
|
302
407
|
</a>
|
|
303
408
|
</div>
|
|
409
|
+
<div
|
|
410
|
+
class="space-y-6 bg-gray-50 px-5 py-5 sm:flex sm:space-y-0 sm:space-x-10 sm:px-8"
|
|
411
|
+
>
|
|
412
|
+
<div class="flow-root">
|
|
413
|
+
<a
|
|
414
|
+
href="https://forum.thunderheadeng.com/"
|
|
415
|
+
class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
|
|
416
|
+
>
|
|
417
|
+
<svg
|
|
418
|
+
class="h-6 w-6 flex-shrink-0 text-gray-400"
|
|
419
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
420
|
+
fill="none"
|
|
421
|
+
viewBox="0 0 24 24"
|
|
422
|
+
stroke="currentColor"
|
|
423
|
+
aria-hidden="true"
|
|
424
|
+
>
|
|
425
|
+
<path
|
|
426
|
+
stroke-linecap="round"
|
|
427
|
+
stroke-linejoin="round"
|
|
428
|
+
stroke-width="2"
|
|
429
|
+
d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
|
|
430
|
+
></path>
|
|
431
|
+
</svg>
|
|
432
|
+
<span class="ml-3">User Forum</span>
|
|
433
|
+
</a>
|
|
434
|
+
</div>
|
|
435
|
+
|
|
436
|
+
<div class="flow-root">
|
|
437
|
+
<a
|
|
438
|
+
href="mailto:support@thunderheadeng.com"
|
|
439
|
+
class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
|
|
440
|
+
>
|
|
441
|
+
<svg
|
|
442
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
443
|
+
class="h-6 w-6 flex-shrink-0 text-gray-400"
|
|
444
|
+
fill="none"
|
|
445
|
+
viewBox="0 0 24 24"
|
|
446
|
+
stroke="currentColor"
|
|
447
|
+
>
|
|
448
|
+
<path
|
|
449
|
+
stroke-linecap="round"
|
|
450
|
+
stroke-linejoin="round"
|
|
451
|
+
stroke-width="2"
|
|
452
|
+
d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
|
|
453
|
+
></path>
|
|
454
|
+
</svg>
|
|
455
|
+
<span class="ml-3">Contact Support</span>
|
|
456
|
+
</a>
|
|
457
|
+
</div>
|
|
458
|
+
</div>
|
|
304
459
|
</div>
|
|
305
|
-
</div>
|
|
306
460
|
{/if}
|
|
307
461
|
</div>
|
|
308
462
|
|
|
309
463
|
<!-- Events -->
|
|
310
464
|
<div id="events" class="relative">
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
465
|
+
<button
|
|
466
|
+
type="button"
|
|
467
|
+
on:click="{() =>
|
|
468
|
+
openMenu == 'events' ? (openMenu = '') : (openMenu = 'events')}"
|
|
469
|
+
class="group inline-flex items-center bg-white text-base font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-teci-blue-light focus:ring-offset-2"
|
|
470
|
+
aria-expanded="{openMenu == 'events'}"
|
|
471
|
+
>
|
|
315
472
|
<span class:text-gray-900="{openMenu == 'events'}">Events</span>
|
|
316
|
-
|
|
317
|
-
|
|
473
|
+
<svg
|
|
474
|
+
class="ml-2 h-5 w-5 text-gray-400 group-hover:text-gray-900 {openMenu ===
|
|
475
|
+
'events'
|
|
476
|
+
? 'rotate-180 text-gray-900'
|
|
477
|
+
: 'text-gray-400'}"
|
|
318
478
|
xmlns="http://www.w3.org/2000/svg"
|
|
319
|
-
viewBox="0 0 20 20"
|
|
320
|
-
|
|
479
|
+
viewBox="0 0 20 20"
|
|
480
|
+
fill="currentColor"
|
|
481
|
+
aria-hidden="true"
|
|
482
|
+
>
|
|
483
|
+
<path
|
|
484
|
+
fill-rule="evenodd"
|
|
321
485
|
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
|
|
322
|
-
clip-rule="evenodd"
|
|
486
|
+
clip-rule="evenodd"></path>
|
|
323
487
|
</svg>
|
|
324
488
|
</button>
|
|
325
489
|
|
|
326
490
|
{#if openMenu == 'events'}
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
</p>
|
|
363
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
364
|
-
Fire and Evacuation Modeling Technical Conference
|
|
365
|
-
</p>
|
|
366
|
-
</div>
|
|
367
|
-
</a>
|
|
368
|
-
|
|
369
|
-
<a href="https://www.thunderheadeng.com/training/"
|
|
370
|
-
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
371
|
-
<!-- Heroicon name: outline/cursor-click -->
|
|
372
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
373
|
-
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
374
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
375
|
-
d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" />
|
|
376
|
-
</svg>
|
|
377
|
-
<div class="ml-4">
|
|
378
|
-
<p class="text-base font-medium text-gray-900">
|
|
379
|
-
Training
|
|
380
|
-
</p>
|
|
381
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
382
|
-
Both Online and In-person training options.
|
|
383
|
-
</p>
|
|
384
|
-
</div>
|
|
385
|
-
</a>
|
|
491
|
+
<div
|
|
492
|
+
class="absolute left-1/2 z-40 mt-3 w-screen max-w-md -translate-x-1/2 transform overflow-hidden px-2 shadow-lg ring-1 ring-black ring-opacity-5 sm:px-0"
|
|
493
|
+
use:clickOutside
|
|
494
|
+
on:outclick="{() => (openMenu = '')}"
|
|
495
|
+
in:slide="{{ duration: 250, easing: cubicOut }}"
|
|
496
|
+
out:slide="{{ duration: 150, easing: cubicIn }}"
|
|
497
|
+
>
|
|
498
|
+
<div
|
|
499
|
+
class="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8"
|
|
500
|
+
>
|
|
501
|
+
<a
|
|
502
|
+
href="https://www.thunderheadeng.com/training/"
|
|
503
|
+
class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
|
|
504
|
+
>
|
|
505
|
+
<svg
|
|
506
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
507
|
+
class="h-6 w-6 text-teci-blue-light"
|
|
508
|
+
fill="none"
|
|
509
|
+
viewBox="0 0 24 24"
|
|
510
|
+
stroke="currentColor"
|
|
511
|
+
>
|
|
512
|
+
<path
|
|
513
|
+
stroke-linecap="round"
|
|
514
|
+
stroke-linejoin="round"
|
|
515
|
+
stroke-width="2"
|
|
516
|
+
d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
|
|
517
|
+
></path>
|
|
518
|
+
</svg>
|
|
519
|
+
<div class="ml-4">
|
|
520
|
+
<p class="text-base font-medium text-gray-900">Calendar</p>
|
|
521
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
522
|
+
See upcoming events schedule.
|
|
523
|
+
</p>
|
|
524
|
+
</div>
|
|
525
|
+
</a>
|
|
386
526
|
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
527
|
+
<a
|
|
528
|
+
href="https://www.femtc.com/"
|
|
529
|
+
class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
|
|
530
|
+
>
|
|
531
|
+
<svg
|
|
532
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
533
|
+
class="h-6 w-6 flex-shrink-0 text-teci-blue-light"
|
|
534
|
+
fill="none"
|
|
535
|
+
viewBox="0 0 24 24"
|
|
536
|
+
stroke="currentColor"
|
|
537
|
+
>
|
|
538
|
+
<path
|
|
539
|
+
stroke-linecap="round"
|
|
540
|
+
stroke-linejoin="round"
|
|
541
|
+
stroke-width="2"
|
|
542
|
+
d="M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"
|
|
543
|
+
></path>
|
|
397
544
|
</svg>
|
|
398
|
-
<
|
|
545
|
+
<div class="ml-4">
|
|
546
|
+
<p class="text-base font-medium text-gray-900">FEMTC</p>
|
|
547
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
548
|
+
Fire and Evacuation Modeling Technical Conference
|
|
549
|
+
</p>
|
|
550
|
+
</div>
|
|
399
551
|
</a>
|
|
400
|
-
</div>
|
|
401
552
|
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
class="-m-3
|
|
405
|
-
|
|
406
|
-
<svg
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
553
|
+
<a
|
|
554
|
+
href="https://www.thunderheadeng.com/training/"
|
|
555
|
+
class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
|
|
556
|
+
>
|
|
557
|
+
<svg
|
|
558
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
559
|
+
class="h-6 w-6 flex-shrink-0 text-teci-blue-light"
|
|
560
|
+
fill="none"
|
|
561
|
+
viewBox="0 0 24 24"
|
|
562
|
+
stroke="currentColor"
|
|
563
|
+
>
|
|
564
|
+
<path
|
|
565
|
+
stroke-linecap="round"
|
|
566
|
+
stroke-linejoin="round"
|
|
567
|
+
stroke-width="2"
|
|
568
|
+
d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
|
|
569
|
+
></path>
|
|
410
570
|
</svg>
|
|
411
|
-
<
|
|
571
|
+
<div class="ml-4">
|
|
572
|
+
<p class="text-base font-medium text-gray-900">Training</p>
|
|
573
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
574
|
+
Both Online and In-person training options.
|
|
575
|
+
</p>
|
|
576
|
+
</div>
|
|
412
577
|
</a>
|
|
413
578
|
</div>
|
|
579
|
+
<div
|
|
580
|
+
class="space-y-6 bg-gray-50 px-5 py-5 sm:flex sm:space-y-0 sm:space-x-10 sm:px-8"
|
|
581
|
+
>
|
|
582
|
+
<div class="flow-root">
|
|
583
|
+
<a
|
|
584
|
+
href="https://store.thunderheadeng.com/php/event-payment.php"
|
|
585
|
+
class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 transition duration-150 ease-in-out hover:bg-gray-100"
|
|
586
|
+
>
|
|
587
|
+
<svg
|
|
588
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
589
|
+
class="h-6 w-6 flex-shrink-0 text-gray-400"
|
|
590
|
+
fill="none"
|
|
591
|
+
viewBox="0 0 24 24"
|
|
592
|
+
stroke="currentColor"
|
|
593
|
+
>
|
|
594
|
+
<path
|
|
595
|
+
stroke-linecap="round"
|
|
596
|
+
stroke-linejoin="round"
|
|
597
|
+
stroke-width="2"
|
|
598
|
+
d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
599
|
+
></path>
|
|
600
|
+
</svg>
|
|
601
|
+
<span class="ml-3">Register</span>
|
|
602
|
+
</a>
|
|
603
|
+
</div>
|
|
604
|
+
|
|
605
|
+
<div class="flow-root">
|
|
606
|
+
<a
|
|
607
|
+
href="mailto:training@thunderheadeng.com"
|
|
608
|
+
class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 transition duration-150 ease-in-out hover:bg-gray-100"
|
|
609
|
+
>
|
|
610
|
+
<svg
|
|
611
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
612
|
+
class="h-6 w-6 flex-shrink-0 text-gray-400"
|
|
613
|
+
fill="none"
|
|
614
|
+
viewBox="0 0 24 24"
|
|
615
|
+
stroke="currentColor"
|
|
616
|
+
>
|
|
617
|
+
<path
|
|
618
|
+
stroke-linecap="round"
|
|
619
|
+
stroke-linejoin="round"
|
|
620
|
+
stroke-width="2"
|
|
621
|
+
d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
|
|
622
|
+
></path>
|
|
623
|
+
</svg>
|
|
624
|
+
<span class="ml-3">Contact Training</span>
|
|
625
|
+
</a>
|
|
626
|
+
</div>
|
|
627
|
+
</div>
|
|
414
628
|
</div>
|
|
415
|
-
</div>
|
|
416
629
|
{/if}
|
|
417
630
|
</div>
|
|
418
631
|
|
|
419
632
|
<!-- Company -->
|
|
420
633
|
<div id="company" class="relative">
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
634
|
+
<button
|
|
635
|
+
type="button"
|
|
636
|
+
on:click="{() =>
|
|
637
|
+
openMenu == 'company' ? (openMenu = '') : (openMenu = 'company')}"
|
|
638
|
+
class="group inline-flex items-center bg-white text-base font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-teci-blue-light focus:ring-offset-2"
|
|
639
|
+
aria-expanded="{openMenu == 'company'}"
|
|
640
|
+
>
|
|
425
641
|
<span class:text-gray-900="{openMenu == 'company'}">Company</span>
|
|
426
|
-
|
|
427
|
-
|
|
642
|
+
<svg
|
|
643
|
+
class="ml-2 h-5 w-5 group-hover:text-gray-900 {openMenu ===
|
|
644
|
+
'company'
|
|
645
|
+
? 'rotate-180 text-gray-900'
|
|
646
|
+
: 'text-gray-400'}"
|
|
428
647
|
xmlns="http://www.w3.org/2000/svg"
|
|
429
|
-
viewBox="0 0 20 20"
|
|
430
|
-
|
|
648
|
+
viewBox="0 0 20 20"
|
|
649
|
+
fill="currentColor"
|
|
650
|
+
aria-hidden="true"
|
|
651
|
+
>
|
|
652
|
+
<path
|
|
653
|
+
fill-rule="evenodd"
|
|
431
654
|
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
|
|
432
|
-
clip-rule="evenodd"
|
|
655
|
+
clip-rule="evenodd"></path>
|
|
433
656
|
</svg>
|
|
434
657
|
</button>
|
|
435
658
|
|
|
436
659
|
{#if openMenu == 'company'}
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
660
|
+
<div
|
|
661
|
+
class="absolute left-1/2 z-40 mt-3 w-screen max-w-md -translate-x-1/2 transform overflow-hidden px-2 shadow-lg ring-1 ring-black ring-opacity-5 sm:px-0"
|
|
662
|
+
use:clickOutside
|
|
663
|
+
on:outclick="{() => (openMenu = '')}"
|
|
664
|
+
in:slide="{{ duration: 250, easing: cubicOut }}"
|
|
665
|
+
out:slide="{{ duration: 150, easing: cubicIn }}"
|
|
666
|
+
>
|
|
667
|
+
<div
|
|
668
|
+
class="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8"
|
|
669
|
+
>
|
|
670
|
+
<a
|
|
671
|
+
href="https://www.thunderheadeng.com/about/"
|
|
672
|
+
class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
|
|
673
|
+
>
|
|
674
|
+
<svg
|
|
675
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
676
|
+
class="h-6 w-6 text-teci-blue-light"
|
|
677
|
+
fill="none"
|
|
678
|
+
viewBox="0 0 24 24"
|
|
679
|
+
stroke="currentColor"
|
|
680
|
+
>
|
|
681
|
+
<path
|
|
682
|
+
stroke-linecap="round"
|
|
683
|
+
stroke-linejoin="round"
|
|
684
|
+
stroke-width="2"
|
|
685
|
+
d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
686
|
+
></path>
|
|
687
|
+
</svg>
|
|
688
|
+
<div class="ml-4">
|
|
689
|
+
<p class="text-base font-medium text-gray-900">About</p>
|
|
690
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
691
|
+
Learn more about Thunderhead Engineering
|
|
692
|
+
</p>
|
|
693
|
+
</div>
|
|
694
|
+
</a>
|
|
460
695
|
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
696
|
+
<a
|
|
697
|
+
href="https://www.thunderheadeng.com/news/"
|
|
698
|
+
class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
|
|
699
|
+
>
|
|
700
|
+
<svg
|
|
701
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
702
|
+
class="h-6 w-6 flex-shrink-0 text-teci-blue-light"
|
|
703
|
+
fill="none"
|
|
704
|
+
viewBox="0 0 24 24"
|
|
705
|
+
stroke="currentColor"
|
|
706
|
+
>
|
|
707
|
+
<path
|
|
708
|
+
stroke-linecap="round"
|
|
709
|
+
stroke-linejoin="round"
|
|
710
|
+
stroke-width="2"
|
|
711
|
+
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"
|
|
712
|
+
></path>
|
|
713
|
+
</svg>
|
|
714
|
+
<div class="ml-4">
|
|
715
|
+
<p class="text-base font-medium text-gray-900">News</p>
|
|
716
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
717
|
+
Announcements for our products and services
|
|
718
|
+
</p>
|
|
719
|
+
</div>
|
|
720
|
+
</a>
|
|
478
721
|
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
722
|
+
<a
|
|
723
|
+
href="https://www.thunderheadeng.com/job-openings/"
|
|
724
|
+
class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
|
|
725
|
+
>
|
|
726
|
+
<svg
|
|
727
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
728
|
+
class="h-6 w-6 flex-shrink-0 text-teci-blue-light"
|
|
729
|
+
fill="none"
|
|
730
|
+
viewBox="0 0 24 24"
|
|
731
|
+
stroke="currentColor"
|
|
732
|
+
>
|
|
733
|
+
<path
|
|
734
|
+
stroke-linecap="round"
|
|
735
|
+
stroke-linejoin="round"
|
|
736
|
+
stroke-width="2"
|
|
737
|
+
d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
|
|
738
|
+
></path>
|
|
739
|
+
</svg>
|
|
740
|
+
<div class="ml-4">
|
|
741
|
+
<p class="text-base font-medium text-gray-900">Jobs</p>
|
|
742
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
743
|
+
Become a part of the Thunderhead team
|
|
744
|
+
</p>
|
|
745
|
+
</div>
|
|
746
|
+
</a>
|
|
496
747
|
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
748
|
+
<a
|
|
749
|
+
href="https://www.thunderheadeng.com/pyrosim/pyrosim-licensing/#distributors"
|
|
750
|
+
class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
|
|
751
|
+
>
|
|
752
|
+
<svg
|
|
753
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
754
|
+
class="h-6 w-6 flex-shrink-0 text-teci-blue-light"
|
|
755
|
+
fill="none"
|
|
756
|
+
viewBox="0 0 24 24"
|
|
757
|
+
stroke="currentColor"
|
|
758
|
+
>
|
|
759
|
+
<path
|
|
760
|
+
stroke-linecap="round"
|
|
761
|
+
stroke-linejoin="round"
|
|
762
|
+
stroke-width="2"
|
|
763
|
+
d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"
|
|
764
|
+
></path>
|
|
765
|
+
</svg>
|
|
766
|
+
<div class="ml-4">
|
|
767
|
+
<p class="text-base font-medium text-gray-900">Partners</p>
|
|
768
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
769
|
+
International reseller and distributor network
|
|
770
|
+
</p>
|
|
771
|
+
</div>
|
|
772
|
+
</a>
|
|
773
|
+
</div>
|
|
514
774
|
</div>
|
|
515
|
-
</div>
|
|
516
775
|
{/if}
|
|
517
776
|
</div>
|
|
518
777
|
</nav>
|
|
519
778
|
</div>
|
|
520
779
|
|
|
521
780
|
<!-- Search -->
|
|
522
|
-
<div
|
|
523
|
-
|
|
524
|
-
|
|
781
|
+
<div
|
|
782
|
+
class="ml-2 flex flex-1 items-center justify-center md:ml-0 md:px-0 lg:justify-end"
|
|
783
|
+
>
|
|
784
|
+
<div class="w-full max-w-lg lg:max-w-xs">
|
|
785
|
+
<form
|
|
786
|
+
class="m-0"
|
|
787
|
+
action="https://support.thunderheadeng.com/search/"
|
|
788
|
+
method="get"
|
|
789
|
+
>
|
|
525
790
|
<label for="search" class="sr-only">Search</label>
|
|
526
791
|
<div class="relative">
|
|
527
|
-
<div
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
792
|
+
<div
|
|
793
|
+
class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3"
|
|
794
|
+
>
|
|
795
|
+
<svg
|
|
796
|
+
class="h-5 w-5 text-gray-400"
|
|
797
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
798
|
+
viewBox="0 0 20 20"
|
|
799
|
+
fill="currentColor"
|
|
800
|
+
aria-hidden="true"
|
|
801
|
+
>
|
|
802
|
+
<path
|
|
803
|
+
fill-rule="evenodd"
|
|
532
804
|
d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
|
|
533
|
-
clip-rule="evenodd"
|
|
805
|
+
clip-rule="evenodd"></path>
|
|
534
806
|
</svg>
|
|
535
807
|
</div>
|
|
536
|
-
<input
|
|
537
|
-
|
|
808
|
+
<input
|
|
809
|
+
id="search"
|
|
810
|
+
name="teci-search[query]"
|
|
811
|
+
placeholder="Search"
|
|
812
|
+
type="search"
|
|
813
|
+
class="m-0 block w-full rounded-none border border-gray-300 bg-white py-2 pl-10 pr-3 placeholder-gray-500 focus:border-teci-blue-light focus:placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-teci-blue-light sm:text-sm"
|
|
538
814
|
/>
|
|
539
815
|
</div>
|
|
540
816
|
</form>
|
|
@@ -543,22 +819,46 @@
|
|
|
543
819
|
|
|
544
820
|
<!-- Application Buttons -->
|
|
545
821
|
<div class="px-2">
|
|
546
|
-
<div class="flex justify-between
|
|
822
|
+
<div class="flex items-center justify-between">
|
|
547
823
|
<div class="mr-2 md:mr-4">
|
|
548
|
-
<a
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
824
|
+
<a
|
|
825
|
+
href="https://cart.thunderheadeng.com/cgi-bin/UCEditor?merchantId=THENG"
|
|
826
|
+
title="Shopping Cart"
|
|
827
|
+
>
|
|
828
|
+
<svg
|
|
829
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
830
|
+
class="h-6 w-6 flex-shrink-0 text-gray-500 md:h-8 md:w-8"
|
|
831
|
+
fill="none"
|
|
832
|
+
viewBox="0 0 24 24"
|
|
833
|
+
stroke="currentColor"
|
|
834
|
+
>
|
|
835
|
+
<path
|
|
836
|
+
stroke-linecap="round"
|
|
837
|
+
stroke-linejoin="round"
|
|
838
|
+
stroke-width="2"
|
|
839
|
+
d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"
|
|
840
|
+
></path>
|
|
553
841
|
</svg>
|
|
554
842
|
</a>
|
|
555
843
|
</div>
|
|
556
844
|
<div>
|
|
557
|
-
<a
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
845
|
+
<a
|
|
846
|
+
href="https://cart.thunderheadeng.com/cgi-bin/UCMyAccount"
|
|
847
|
+
title="My Account"
|
|
848
|
+
>
|
|
849
|
+
<svg
|
|
850
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
851
|
+
class="h-6 w-6 flex-shrink-0 text-gray-500 md:h-8 md:w-8"
|
|
852
|
+
fill="none"
|
|
853
|
+
viewBox="0 0 24 24"
|
|
854
|
+
stroke="currentColor"
|
|
855
|
+
>
|
|
856
|
+
<path
|
|
857
|
+
stroke-linecap="round"
|
|
858
|
+
stroke-linejoin="round"
|
|
859
|
+
stroke-width="2"
|
|
860
|
+
d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
861
|
+
></path>
|
|
562
862
|
</svg>
|
|
563
863
|
</a>
|
|
564
864
|
</div>
|
|
@@ -567,14 +867,27 @@
|
|
|
567
867
|
|
|
568
868
|
<!-- Mobile Menu Button-->
|
|
569
869
|
<div class="md:hidden">
|
|
570
|
-
<button
|
|
571
|
-
|
|
572
|
-
|
|
870
|
+
<button
|
|
871
|
+
type="button"
|
|
872
|
+
on:click="{() => (openMenu = 'mobile')}"
|
|
873
|
+
class="inline-flex items-center justify-center border border-gray-200 bg-white p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-teci-blue-light"
|
|
874
|
+
aria-expanded="{openMenu == 'mobile'}"
|
|
875
|
+
>
|
|
573
876
|
<span class="sr-only">Open mobile menu</span>
|
|
574
|
-
|
|
575
|
-
<svg
|
|
576
|
-
|
|
577
|
-
|
|
877
|
+
|
|
878
|
+
<svg
|
|
879
|
+
class="h-6 w-6"
|
|
880
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
881
|
+
fill="none"
|
|
882
|
+
viewBox="0 0 24 24"
|
|
883
|
+
stroke="currentColor"
|
|
884
|
+
aria-hidden="true"
|
|
885
|
+
>
|
|
886
|
+
<path
|
|
887
|
+
stroke-linecap="round"
|
|
888
|
+
stroke-linejoin="round"
|
|
889
|
+
stroke-width="2"
|
|
890
|
+
d="M4 6h16M4 12h16M4 18h16"></path>
|
|
578
891
|
</svg>
|
|
579
892
|
</button>
|
|
580
893
|
</div>
|
|
@@ -582,117 +895,314 @@
|
|
|
582
895
|
|
|
583
896
|
<!-- Mobile menu, show/hide based on mobile menu state.-->
|
|
584
897
|
{#if openMenu == 'mobile'}
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
898
|
+
<div
|
|
899
|
+
class="absolute inset-x-0 top-0 z-30 divide-y-2 divide-gray-50 bg-white shadow-lg ring-1 ring-black ring-opacity-5 md:hidden"
|
|
900
|
+
use:clickOutside
|
|
901
|
+
on:outclick="{() => (openMenu = '')}"
|
|
902
|
+
in:slide="{{ duration: 250, easing: cubicOut }}"
|
|
903
|
+
out:slide="{{ duration: 150, easing: cubicIn }}"
|
|
904
|
+
>
|
|
905
|
+
<div class="px-4 pt-5 pb-6 sm:pb-8">
|
|
906
|
+
<div class="flex items-center justify-between">
|
|
907
|
+
<a class="block" href="https://www.thunderheadeng.com">
|
|
908
|
+
<img
|
|
909
|
+
class="h-10 w-auto"
|
|
910
|
+
src="https://files.thunderheadeng.com/support/images/te_logo.svg"
|
|
911
|
+
alt="Thunderhead Engineering"
|
|
912
|
+
/>
|
|
913
|
+
</a>
|
|
914
|
+
|
|
915
|
+
<button
|
|
916
|
+
type="button"
|
|
917
|
+
on:click="{() => (openMenu = '')}"
|
|
918
|
+
class="inline-flex items-center justify-center border border-gray-200 bg-white p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-teci-blue-light"
|
|
919
|
+
>
|
|
920
|
+
<span class="sr-only">Close menu</span>
|
|
921
|
+
|
|
922
|
+
<svg
|
|
923
|
+
class="h-6 w-6"
|
|
924
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
925
|
+
fill="none"
|
|
926
|
+
viewBox="0 0 24 24"
|
|
927
|
+
stroke="currentColor"
|
|
928
|
+
aria-hidden="true"
|
|
929
|
+
>
|
|
930
|
+
<path
|
|
931
|
+
stroke-linecap="round"
|
|
932
|
+
stroke-linejoin="round"
|
|
933
|
+
stroke-width="2"
|
|
934
|
+
d="M6 18L18 6M6 6l12 12"></path>
|
|
935
|
+
</svg>
|
|
936
|
+
</button>
|
|
937
|
+
</div>
|
|
938
|
+
<div on:click="{() => (openMenu = '')}" class="mt-6 sm:mt-8">
|
|
939
|
+
<nav>
|
|
940
|
+
<div class="grid gap-7 sm:grid-cols-2 sm:gap-y-8 sm:gap-x-4">
|
|
941
|
+
<a href="/" class="-m-3 flex items-center p-3 hover:bg-gray-50">
|
|
942
|
+
<div
|
|
943
|
+
class="flex h-10 w-10 flex-shrink-0 items-center justify-center bg-teci-blue-light text-white sm:h-12 sm:w-12"
|
|
944
|
+
>
|
|
945
|
+
<svg
|
|
946
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
947
|
+
class="h-6 w-6"
|
|
948
|
+
fill="none"
|
|
949
|
+
viewBox="0 0 24 24"
|
|
950
|
+
stroke="currentColor"
|
|
951
|
+
>
|
|
952
|
+
<path
|
|
953
|
+
stroke-linecap="round"
|
|
954
|
+
stroke-linejoin="round"
|
|
955
|
+
stroke-width="2"
|
|
956
|
+
d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
|
|
957
|
+
></path>
|
|
958
|
+
</svg>
|
|
959
|
+
</div>
|
|
960
|
+
<div class="ml-4 text-base font-medium text-gray-900">
|
|
961
|
+
Products
|
|
962
|
+
</div>
|
|
963
|
+
</a>
|
|
964
|
+
<a
|
|
965
|
+
href="https://support.thunderheadeng.com"
|
|
966
|
+
class="-m-3 flex items-center p-3 hover:bg-gray-50"
|
|
967
|
+
>
|
|
968
|
+
<div
|
|
969
|
+
class="flex h-10 w-10 flex-shrink-0 items-center justify-center bg-teci-blue-light text-white sm:h-12 sm:w-12"
|
|
970
|
+
>
|
|
971
|
+
<svg
|
|
972
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
973
|
+
class="h-6 w-6"
|
|
974
|
+
fill="none"
|
|
975
|
+
viewBox="0 0 24 24"
|
|
976
|
+
stroke="currentColor"
|
|
977
|
+
>
|
|
978
|
+
<path
|
|
979
|
+
stroke-linecap="round"
|
|
980
|
+
stroke-linejoin="round"
|
|
981
|
+
stroke-width="2"
|
|
982
|
+
d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z"
|
|
983
|
+
></path>
|
|
984
|
+
</svg>
|
|
985
|
+
</div>
|
|
986
|
+
<div class="ml-4 text-base font-medium text-gray-900">
|
|
987
|
+
Support
|
|
988
|
+
</div>
|
|
989
|
+
</a>
|
|
990
|
+
<a
|
|
991
|
+
href="https://www.thunderheadeng.com/training/"
|
|
992
|
+
class="-m-3 flex items-center p-3 hover:bg-gray-50"
|
|
993
|
+
>
|
|
994
|
+
<div
|
|
995
|
+
class="flex h-10 w-10 flex-shrink-0 items-center justify-center bg-teci-blue-light text-white sm:h-12 sm:w-12"
|
|
996
|
+
>
|
|
997
|
+
<svg
|
|
998
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
999
|
+
class="h-6 w-6"
|
|
1000
|
+
fill="none"
|
|
1001
|
+
viewBox="0 0 24 24"
|
|
1002
|
+
stroke="currentColor"
|
|
1003
|
+
>
|
|
1004
|
+
<path
|
|
1005
|
+
stroke-linecap="round"
|
|
1006
|
+
stroke-linejoin="round"
|
|
1007
|
+
stroke-width="2"
|
|
1008
|
+
d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
|
|
1009
|
+
></path>
|
|
1010
|
+
</svg>
|
|
1011
|
+
</div>
|
|
1012
|
+
<div class="ml-4 text-base font-medium text-gray-900">
|
|
1013
|
+
Training
|
|
1014
|
+
</div>
|
|
1015
|
+
</a>
|
|
1016
|
+
<a
|
|
1017
|
+
href="https://www.femtc.com/"
|
|
1018
|
+
class="-m-3 flex items-center p-3 hover:bg-gray-50"
|
|
1019
|
+
>
|
|
1020
|
+
<div
|
|
1021
|
+
class="flex h-10 w-10 flex-shrink-0 items-center justify-center bg-teci-blue-light text-white sm:h-12 sm:w-12"
|
|
1022
|
+
>
|
|
1023
|
+
<svg
|
|
1024
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1025
|
+
class="h-6 w-6"
|
|
1026
|
+
fill="none"
|
|
1027
|
+
viewBox="0 0 24 24"
|
|
1028
|
+
stroke="currentColor"
|
|
1029
|
+
><path
|
|
1030
|
+
stroke-linecap="round"
|
|
1031
|
+
stroke-linejoin="round"
|
|
1032
|
+
stroke-width="2"
|
|
1033
|
+
d="M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"
|
|
1034
|
+
></path></svg
|
|
1035
|
+
>
|
|
1036
|
+
</div>
|
|
1037
|
+
<div class="ml-4 text-base font-medium text-gray-900">
|
|
1038
|
+
FEMTC
|
|
1039
|
+
</div>
|
|
1040
|
+
</a>
|
|
1041
|
+
<a
|
|
1042
|
+
href="https://www.thunderheadeng.com/about/"
|
|
1043
|
+
class="-m-3 flex items-center p-3 hover:bg-gray-50"
|
|
1044
|
+
>
|
|
1045
|
+
<div
|
|
1046
|
+
class="flex h-10 w-10 flex-shrink-0 items-center justify-center bg-teci-blue-light text-white sm:h-12 sm:w-12"
|
|
1047
|
+
>
|
|
1048
|
+
<svg
|
|
1049
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1050
|
+
class="h-6 w-6"
|
|
1051
|
+
fill="none"
|
|
1052
|
+
viewBox="0 0 24 24"
|
|
1053
|
+
stroke="currentColor"
|
|
1054
|
+
>
|
|
1055
|
+
<path
|
|
1056
|
+
stroke-linecap="round"
|
|
1057
|
+
stroke-linejoin="round"
|
|
1058
|
+
stroke-width="2"
|
|
1059
|
+
d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
|
1060
|
+
></path>
|
|
1061
|
+
</svg>
|
|
1062
|
+
</div>
|
|
1063
|
+
<div class="ml-4 text-base font-medium text-gray-900">
|
|
1064
|
+
Company
|
|
1065
|
+
</div>
|
|
1066
|
+
</a>
|
|
1067
|
+
</div>
|
|
1068
|
+
</nav>
|
|
1069
|
+
</div>
|
|
606
1070
|
</div>
|
|
607
|
-
<div on:click={() => openMenu = ''} class="
|
|
608
|
-
<
|
|
609
|
-
<div class="
|
|
610
|
-
<a
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
1071
|
+
<div on:click="{() => (openMenu = '')}" class="py-6 px-5">
|
|
1072
|
+
<div class="grid grid-cols-2 gap-4">
|
|
1073
|
+
<div class="flow-root">
|
|
1074
|
+
<a
|
|
1075
|
+
href="https://www.thunderheadeng.com/news"
|
|
1076
|
+
class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
|
|
1077
|
+
>
|
|
1078
|
+
<svg
|
|
1079
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1080
|
+
class="h-6 w-6 flex-shrink-0 text-gray-400"
|
|
1081
|
+
fill="none"
|
|
1082
|
+
viewBox="0 0 24 24"
|
|
1083
|
+
stroke="currentColor"
|
|
1084
|
+
>
|
|
1085
|
+
<path
|
|
1086
|
+
stroke-linecap="round"
|
|
1087
|
+
stroke-linejoin="round"
|
|
1088
|
+
stroke-width="2"
|
|
1089
|
+
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"
|
|
1090
|
+
></path>
|
|
1091
|
+
</svg>
|
|
1092
|
+
<span class="ml-3">News</span>
|
|
618
1093
|
</a>
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
1094
|
+
</div>
|
|
1095
|
+
<div class="flow-root">
|
|
1096
|
+
<a
|
|
1097
|
+
href="https://support.thunderheadeng.com/release-notes"
|
|
1098
|
+
class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
|
|
1099
|
+
>
|
|
1100
|
+
<svg
|
|
1101
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1102
|
+
class="h-6 w-6 flex-shrink-0 text-gray-400"
|
|
1103
|
+
fill="none"
|
|
1104
|
+
viewBox="0 0 24 24"
|
|
1105
|
+
stroke="currentColor"
|
|
1106
|
+
>
|
|
1107
|
+
<path
|
|
1108
|
+
stroke-linecap="round"
|
|
1109
|
+
stroke-linejoin="round"
|
|
1110
|
+
stroke-width="2"
|
|
1111
|
+
d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
|
|
1112
|
+
></path>
|
|
1113
|
+
</svg>
|
|
1114
|
+
<span class="ml-3">Release Notes</span>
|
|
629
1115
|
</a>
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
1116
|
+
</div>
|
|
1117
|
+
<div class="flow-root">
|
|
1118
|
+
<a
|
|
1119
|
+
href="https://store2.thunderheadeng.com/cart"
|
|
1120
|
+
class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
|
|
1121
|
+
>
|
|
1122
|
+
<svg
|
|
1123
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1124
|
+
class="h-6 w-6 flex-shrink-0 text-gray-400"
|
|
1125
|
+
fill="none"
|
|
1126
|
+
viewBox="0 0 24 24"
|
|
1127
|
+
stroke="currentColor"
|
|
1128
|
+
>
|
|
1129
|
+
<path
|
|
1130
|
+
stroke-linecap="round"
|
|
1131
|
+
stroke-linejoin="round"
|
|
1132
|
+
stroke-width="2"
|
|
1133
|
+
d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"
|
|
1134
|
+
></path>
|
|
1135
|
+
</svg>
|
|
1136
|
+
<span class="ml-3">Order Online</span>
|
|
641
1137
|
</a>
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
1138
|
+
</div>
|
|
1139
|
+
<div class="flow-root">
|
|
1140
|
+
<a
|
|
1141
|
+
href="https://store2.thunderheadeng.com/trial/"
|
|
1142
|
+
class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
|
|
1143
|
+
>
|
|
1144
|
+
<svg
|
|
1145
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1146
|
+
class="h-6 w-6 flex-shrink-0 text-gray-400"
|
|
1147
|
+
fill="none"
|
|
1148
|
+
viewBox="0 0 24 24"
|
|
1149
|
+
stroke="currentColor"
|
|
1150
|
+
>
|
|
1151
|
+
<path
|
|
1152
|
+
stroke-linecap="round"
|
|
1153
|
+
stroke-linejoin="round"
|
|
1154
|
+
stroke-width="2"
|
|
1155
|
+
d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
1156
|
+
</svg>
|
|
1157
|
+
<span class="ml-3">30-day Trial</span>
|
|
653
1158
|
</a>
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
1159
|
+
</div>
|
|
1160
|
+
<div class="flow-root">
|
|
1161
|
+
<a
|
|
1162
|
+
href="mailto:sales@thunderheadeng.com"
|
|
1163
|
+
class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
|
|
1164
|
+
>
|
|
1165
|
+
<svg
|
|
1166
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1167
|
+
class="h-6 w-6 flex-shrink-0 text-gray-400"
|
|
1168
|
+
fill="none"
|
|
1169
|
+
viewBox="0 0 24 24"
|
|
1170
|
+
stroke="currentColor"
|
|
1171
|
+
>
|
|
1172
|
+
<path
|
|
1173
|
+
stroke-linecap="round"
|
|
1174
|
+
stroke-linejoin="round"
|
|
1175
|
+
stroke-width="2"
|
|
1176
|
+
d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
|
|
1177
|
+
></path>
|
|
1178
|
+
</svg>
|
|
1179
|
+
<span class="ml-3">Sales</span>
|
|
665
1180
|
</a>
|
|
666
1181
|
</div>
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 block pr-2 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
|
691
|
-
<path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
|
|
692
|
-
</svg> Support
|
|
693
|
-
</a>
|
|
1182
|
+
<div class="flow-root">
|
|
1183
|
+
<a
|
|
1184
|
+
href="mailto:support@thunderheadeng.com"
|
|
1185
|
+
class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
|
|
1186
|
+
>
|
|
1187
|
+
<svg
|
|
1188
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1189
|
+
class="h-6 w-6 flex-shrink-0 text-gray-400"
|
|
1190
|
+
fill="none"
|
|
1191
|
+
viewBox="0 0 24 24"
|
|
1192
|
+
stroke="currentColor"
|
|
1193
|
+
>
|
|
1194
|
+
<path
|
|
1195
|
+
stroke-linecap="round"
|
|
1196
|
+
stroke-linejoin="round"
|
|
1197
|
+
stroke-width="2"
|
|
1198
|
+
d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
|
|
1199
|
+
></path>
|
|
1200
|
+
</svg>
|
|
1201
|
+
<span class="ml-3">Support</span>
|
|
1202
|
+
</a>
|
|
1203
|
+
</div>
|
|
1204
|
+
</div>
|
|
694
1205
|
</div>
|
|
695
1206
|
</div>
|
|
696
|
-
</div>
|
|
697
1207
|
{/if}
|
|
698
|
-
</header>
|
|
1208
|
+
</header>
|