tecitheme 0.0.11 → 0.0.12
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/components/Header.svelte +688 -693
- package/components/Header.svelte.d.ts +13 -2
- package/package.json +1 -1
package/components/Header.svelte
CHANGED
|
@@ -1,749 +1,744 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
|
|
2
|
+
import Icon from "./Icon.svelte";
|
|
3
|
+
import { scale } from 'svelte/transition';
|
|
4
|
+
import { slide } from 'svelte/transition';
|
|
5
|
+
import { cubicIn, cubicOut } from 'svelte/easing';
|
|
6
|
+
|
|
7
|
+
let mobileOpen = false;
|
|
8
|
+
let productsOpen = false;
|
|
9
|
+
let supportOpen = false;
|
|
10
|
+
let eventsOpen = false;
|
|
11
|
+
let companyOpen = false;
|
|
12
|
+
|
|
13
|
+
export function clickOutside(node) {
|
|
14
|
+
const handleClick = (event) => {
|
|
15
|
+
if (!node.contains(event.target)) {
|
|
16
|
+
node.dispatchEvent(new CustomEvent("outclick"));
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
document.addEventListener("click", handleClick, true);
|
|
20
|
+
return {
|
|
21
|
+
destroy() {
|
|
22
|
+
document.removeEventListener("click", handleClick, true);
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
function handleEscape({key}) {
|
|
28
|
+
if (key === 'Escape') {
|
|
29
|
+
mobileOpen = false;
|
|
30
|
+
productsOpen = false;
|
|
31
|
+
supportOpen = false;
|
|
32
|
+
eventsOpen = false;
|
|
33
|
+
companyOpen = false;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
3
36
|
</script>
|
|
4
37
|
|
|
5
|
-
<
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
</p>
|
|
64
|
-
</div>
|
|
65
|
-
<p class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4">Learn more <span
|
|
66
|
-
aria-hidden="true">→</span></p>
|
|
67
|
-
</div>
|
|
68
|
-
</div>
|
|
69
|
-
</a>
|
|
70
|
-
|
|
71
|
-
<a href="https://www.thunderheadeng.com/pathfinder/" class="-m-3 p-3 flex flex-col justify-between hover:bg-gray-50">
|
|
72
|
-
<div class="flex md:h-full lg:flex-col">
|
|
73
|
-
<div class="flex-shrink-0">
|
|
74
|
-
<Icon classes="h-12 w-auto" icon="pathfinder" />
|
|
75
|
-
</div>
|
|
76
|
-
<div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
|
|
77
|
-
<div>
|
|
78
|
-
<p class="text-base font-medium text-gray-900">
|
|
79
|
-
Pathfinder
|
|
80
|
-
</p>
|
|
81
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
82
|
-
Understand pedestrian egress and congestion hazards for fire protection and safety or urban
|
|
83
|
-
planning.
|
|
84
|
-
</p>
|
|
85
|
-
</div>
|
|
86
|
-
<p class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4">Learn more <span
|
|
87
|
-
aria-hidden="true">→</span></p>
|
|
88
|
-
</div>
|
|
89
|
-
</div>
|
|
90
|
-
</a>
|
|
91
|
-
|
|
92
|
-
<a href="https://www.thunderheadeng.com/petrasim/" class="-m-3 p-3 flex flex-col justify-between hover:bg-gray-50">
|
|
93
|
-
<div class="flex md:h-full lg:flex-col">
|
|
94
|
-
<div class="flex-shrink-0">
|
|
95
|
-
<Icon classes="h-12 w-auto" icon='petrasim' />
|
|
96
|
-
</div>
|
|
97
|
-
<div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
|
|
98
|
-
<div>
|
|
99
|
-
<p class="text-base font-medium text-gray-900">
|
|
100
|
-
PetraSim
|
|
101
|
-
</p>
|
|
102
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
103
|
-
Model nonisothermal multiphase flow and transport in fractured and porous media for
|
|
104
|
-
environmental engineering.
|
|
105
|
-
</p>
|
|
106
|
-
</div>
|
|
107
|
-
<p class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4">Learn more <span
|
|
108
|
-
aria-hidden="true">→</span></p>
|
|
109
|
-
</div>
|
|
110
|
-
</div>
|
|
111
|
-
</a>
|
|
112
|
-
<!--
|
|
113
|
-
<a href="#" class="-m-3 p-3 flex flex-col justify-between hover:bg-gray-50">
|
|
114
|
-
<div class="flex md:h-full lg:flex-col">
|
|
115
|
-
<div class="flex-shrink-0">
|
|
116
|
-
<span
|
|
117
|
-
class="inline-flex items-center justify-center h-10 w-10 bg-teci-blue-light text-white sm:h-12 sm:w-12">
|
|
118
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
119
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.871 4A17.926 17.926 0 003 12c0 2.874.673 5.59 1.871 8m14.13 0a17.926 17.926 0 001.87-8c0-2.874-.673-5.59-1.87-8M9 9h1.246a1 1 0 01.961.725l1.586 5.55a1 1 0 00.961.725H15m1-7h-.08a2 2 0 00-1.519.698L9.6 15.302A2 2 0 018.08 16H8" />
|
|
120
|
-
</svg>
|
|
121
|
-
</span>
|
|
122
|
-
</div>
|
|
123
|
-
<div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
|
|
124
|
-
<div>
|
|
125
|
-
<p class="text-base font-medium text-gray-900">
|
|
126
|
-
Other Tools
|
|
127
|
-
</p>
|
|
128
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
129
|
-
Useful tools and resources distrubuted by Thunderhead.
|
|
130
|
-
</p>
|
|
131
|
-
</div>
|
|
132
|
-
<p class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4">Learn more <span
|
|
133
|
-
aria-hidden="true">→</span></p>
|
|
134
|
-
</div>
|
|
38
|
+
<svelte:window on:keyup={handleEscape} />
|
|
39
|
+
|
|
40
|
+
<header class="relative bg-white">
|
|
41
|
+
<div class="absolute inset-0 shadow z-30 pointer-events-none" aria-hidden="true"></div>
|
|
42
|
+
<div class="relative max-w-7xl mx-auto flex justify-between items-center px-4 py-5 md:space-x-6 sm:px-6 sm:py-4 lg:px-8 md:justify-start lg:space-x-10">
|
|
43
|
+
<!-- Nav Icon Linked to WWW Homepage -->
|
|
44
|
+
<div class="flex-shrink-0">
|
|
45
|
+
<a href="https://www.thunderheadeng.com" class="flex">
|
|
46
|
+
<span class="sr-only">Thunderhead Engineering</span>
|
|
47
|
+
<Icon classes="h-10 w-auto" />
|
|
48
|
+
</a>
|
|
49
|
+
</div>
|
|
50
|
+
|
|
51
|
+
<!-- Nav Menu -->
|
|
52
|
+
<div class="hidden md:flex-1 md:flex md:items-center md:justify-between">
|
|
53
|
+
<nav class="flex md:space-x-6 lg:space-x-10">
|
|
54
|
+
<!-- Products -->
|
|
55
|
+
<div use:clickOutside on:outclick={() => (productsOpen = false)}>
|
|
56
|
+
<!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
|
|
57
|
+
<button type="button" on:click={() => productsOpen = !productsOpen}
|
|
58
|
+
class="text-gray-500 group bg-white inline-flex items-center text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teci-blue-light"
|
|
59
|
+
aria-expanded="false">
|
|
60
|
+
<span>Products</span>
|
|
61
|
+
<!--
|
|
62
|
+
Heroicon name: solid/chevron-down
|
|
63
|
+
|
|
64
|
+
Item active: "text-gray-600", Item inactive: "text-gray-400"
|
|
65
|
+
-->
|
|
66
|
+
<svg class="text-gray-400 ml-2 h-5 w-5 group-hover:text-gray-500"
|
|
67
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
68
|
+
viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
|
69
|
+
<path fill-rule="evenodd"
|
|
70
|
+
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"
|
|
71
|
+
clip-rule="evenodd" />
|
|
72
|
+
</svg>
|
|
73
|
+
</button>
|
|
74
|
+
|
|
75
|
+
<!-- Flyout menu -->
|
|
76
|
+
{#if productsOpen}
|
|
77
|
+
<div class="absolute z-10 top-full inset-x-0 transform shadow-lg bg-white"
|
|
78
|
+
in:slide={{ duration: 500, easing: cubicOut }}
|
|
79
|
+
out:slide={{ duration: 300, easing: cubicIn }}
|
|
80
|
+
>
|
|
81
|
+
<div class="max-w-7xl mx-auto grid gap-y-8 px-4 py-8 sm:grid-cols-2 sm:gap-8 sm:px-6 lg:grid-cols-3 lg:px-8">
|
|
82
|
+
<a href="https://www.thunderheadeng.com/pyrosim/" class="-m-3 p-3 flex flex-col justify-between hover:bg-gray-50">
|
|
83
|
+
<div class="flex md:h-full lg:flex-col">
|
|
84
|
+
<div class="flex-shrink-0">
|
|
85
|
+
<Icon classes="h-12 w-auto" icon="pyrosim" />
|
|
86
|
+
</div>
|
|
87
|
+
<div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
|
|
88
|
+
<div>
|
|
89
|
+
<p class="text-base font-medium text-gray-900">
|
|
90
|
+
PyroSim
|
|
91
|
+
</p>
|
|
92
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
93
|
+
Analyze fire control and smoke dissipation in various structures for fire protection and
|
|
94
|
+
safety or investigation.
|
|
95
|
+
</p>
|
|
135
96
|
</div>
|
|
136
|
-
|
|
137
|
-
|
|
97
|
+
<p class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4">Learn more <span
|
|
98
|
+
aria-hidden="true">→</span></p>
|
|
99
|
+
</div>
|
|
138
100
|
</div>
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
<div class="flow-root">
|
|
157
|
-
<a x-on:click="open = false" href="https://store2.thunderheadeng.com/trial/"
|
|
158
|
-
class="-m-3 p-3 flex items-center text-base font-medium text-gray-900 hover:bg-gray-100">
|
|
159
|
-
<!-- Heroicon name: outline/clock -->
|
|
160
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-gray-400" fill="none"
|
|
161
|
-
viewBox="0 0 24 24" stroke="currentColor">
|
|
162
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
163
|
-
d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
164
|
-
</svg>
|
|
165
|
-
<span class="ml-3">30-day Trial</span>
|
|
166
|
-
</a>
|
|
167
|
-
</div>
|
|
168
|
-
|
|
169
|
-
<div class="flow-root">
|
|
170
|
-
<a href="mailto:sales@thunderheadeng.com"
|
|
171
|
-
class="-m-3 p-3 flex items-center text-base font-medium text-gray-900 hover:bg-gray-100">
|
|
172
|
-
<!-- Heroicon name: outline/mail -->
|
|
173
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-gray-400" fill="none"
|
|
174
|
-
viewBox="0 0 24 24" stroke="currentColor">
|
|
175
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
176
|
-
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" />
|
|
177
|
-
</svg>
|
|
178
|
-
<span class="ml-3">Contact Sales</span>
|
|
179
|
-
</a>
|
|
101
|
+
</a>
|
|
102
|
+
|
|
103
|
+
<a href="https://www.thunderheadeng.com/pathfinder/" class="-m-3 p-3 flex flex-col justify-between hover:bg-gray-50">
|
|
104
|
+
<div class="flex md:h-full lg:flex-col">
|
|
105
|
+
<div class="flex-shrink-0">
|
|
106
|
+
<Icon classes="h-12 w-auto" icon="pathfinder" />
|
|
107
|
+
</div>
|
|
108
|
+
<div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
|
|
109
|
+
<div>
|
|
110
|
+
<p class="text-base font-medium text-gray-900">
|
|
111
|
+
Pathfinder
|
|
112
|
+
</p>
|
|
113
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
114
|
+
Understand pedestrian egress and congestion hazards for fire protection and safety or urban
|
|
115
|
+
planning.
|
|
116
|
+
</p>
|
|
180
117
|
</div>
|
|
118
|
+
<p class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4">Learn more <span
|
|
119
|
+
aria-hidden="true">→</span></p>
|
|
181
120
|
</div>
|
|
182
121
|
</div>
|
|
183
|
-
</
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
<button type="button" x-on:click="toggle" x-bind:class="{`{'text-gray-900': open, 'text-gray-500': !open }`}"
|
|
190
|
-
class="text-gray-500 group bg-white inline-flex items-center text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teci-blue-light"
|
|
191
|
-
aria-expanded="false">
|
|
192
|
-
<span>Support</span>
|
|
193
|
-
<!--
|
|
194
|
-
Heroicon name: solid/chevron-down
|
|
195
|
-
|
|
196
|
-
Item active: "text-gray-600", Item inactive: "text-gray-400"
|
|
197
|
-
-->
|
|
198
|
-
<svg class="text-gray-400 ml-2 h-5 w-5 group-hover:text-gray-500"
|
|
199
|
-
x-bind:class="{`{'text-gray-900': open, 'text-gray-500': !open }`}" xmlns="http://www.w3.org/2000/svg"
|
|
200
|
-
viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
|
201
|
-
<path fill-rule="evenodd"
|
|
202
|
-
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"
|
|
203
|
-
clip-rule="evenodd" />
|
|
204
|
-
</svg>
|
|
205
|
-
</button>
|
|
206
|
-
|
|
207
|
-
<!--
|
|
208
|
-
Flyout menu, show/hide based on flyout menu state.
|
|
209
|
-
|
|
210
|
-
Entering: "transition ease-out duration-200"
|
|
211
|
-
From: "opacity-0 translate-y-1"
|
|
212
|
-
To: "opacity-100 translate-y-0"
|
|
213
|
-
Leaving: "transition ease-in duration-150"
|
|
214
|
-
From: "opacity-100 translate-y-0"
|
|
215
|
-
To: "opacity-0 translate-y-1"
|
|
216
|
-
-->
|
|
217
|
-
<div x-show="open" x-on:click.away="open = false" x-transition:enter="transition ease-out duration-200"
|
|
218
|
-
x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0"
|
|
219
|
-
x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0"
|
|
220
|
-
x-transition:leave-end="opacity-0 -translate-y-1"
|
|
221
|
-
class="absolute z-40 left-1/2 transform -translate-x-1/2 mt-3 px-2 w-screen max-w-md sm:px-0"
|
|
222
|
-
style="display: none;">
|
|
223
|
-
<div class="shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden">
|
|
224
|
-
<div class="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8">
|
|
225
|
-
<a href="https://support.thunderheadeng.com/docs/"
|
|
226
|
-
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
227
|
-
<!-- Heroicon name: outline/book-open -->
|
|
228
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-teci-blue-light" fill="none"
|
|
229
|
-
viewBox="0 0 24 24" stroke="currentColor">
|
|
230
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
231
|
-
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" />
|
|
232
|
-
</svg>
|
|
233
|
-
<div class="ml-4">
|
|
234
|
-
<p class="text-base font-medium text-gray-900">
|
|
235
|
-
Documentation
|
|
236
|
-
</p>
|
|
237
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
238
|
-
Manuals and Reference Documents for all products
|
|
239
|
-
</p>
|
|
240
|
-
</div>
|
|
241
|
-
</a>
|
|
242
|
-
|
|
243
|
-
<a href="https://support.thunderheadeng.com/tutorials/"
|
|
244
|
-
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
245
|
-
<!-- Heroicon name: outline/library -->
|
|
246
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
247
|
-
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
248
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
249
|
-
d="M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z" />
|
|
250
|
-
</svg>
|
|
251
|
-
<div class="ml-4">
|
|
252
|
-
<p class="text-base font-medium text-gray-900">
|
|
253
|
-
Tutorials
|
|
254
|
-
</p>
|
|
255
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
256
|
-
Getting Started, Applications and Feature Demos
|
|
257
|
-
</p>
|
|
258
|
-
</div>
|
|
259
|
-
</a>
|
|
260
|
-
|
|
261
|
-
<a href="https://support.thunderheadeng.com/release-notes/"
|
|
262
|
-
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
263
|
-
<!-- Heroicon name: outline/document-text -->
|
|
264
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
265
|
-
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
266
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
267
|
-
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" />
|
|
268
|
-
</svg>
|
|
269
|
-
<div class="ml-4">
|
|
270
|
-
<p class="text-base font-medium text-gray-900">
|
|
271
|
-
Release Notes
|
|
272
|
-
</p>
|
|
273
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
274
|
-
Detailed changes each product release
|
|
275
|
-
</p>
|
|
276
|
-
</div>
|
|
277
|
-
</a>
|
|
278
|
-
|
|
279
|
-
<a href="https://support.thunderheadeng.com/answers/"
|
|
280
|
-
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
281
|
-
<!-- Heroicon name: outline/cursor-click -->
|
|
282
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
283
|
-
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
284
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
285
|
-
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" />
|
|
286
|
-
</svg>
|
|
287
|
-
<div class="ml-4">
|
|
288
|
-
<p class="text-base font-medium text-gray-900">
|
|
289
|
-
FAQs
|
|
290
|
-
</p>
|
|
291
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
292
|
-
Frequently Asked Questions (FAQs) and Answers
|
|
293
|
-
</p>
|
|
294
|
-
</div>
|
|
295
|
-
</a>
|
|
296
|
-
|
|
122
|
+
</a>
|
|
123
|
+
|
|
124
|
+
<a href="https://www.thunderheadeng.com/petrasim/" class="-m-3 p-3 flex flex-col justify-between hover:bg-gray-50">
|
|
125
|
+
<div class="flex md:h-full lg:flex-col">
|
|
126
|
+
<div class="flex-shrink-0">
|
|
127
|
+
<Icon classes="h-12 w-auto" icon='petrasim' />
|
|
297
128
|
</div>
|
|
298
|
-
<div class="
|
|
299
|
-
<div
|
|
300
|
-
<
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
</svg>
|
|
308
|
-
<span class="ml-3">User Forum</span>
|
|
309
|
-
</a>
|
|
310
|
-
</div>
|
|
311
|
-
|
|
312
|
-
<div class="flow-root">
|
|
313
|
-
<a href="mailto:support@thunderheadeng.com"
|
|
314
|
-
class="-m-3 p-3 flex items-center text-base font-medium text-gray-900 hover:bg-gray-100">
|
|
315
|
-
<!-- Heroicon name: outline/mail -->
|
|
316
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-gray-400" fill="none"
|
|
317
|
-
viewBox="0 0 24 24" stroke="currentColor">
|
|
318
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
319
|
-
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" />
|
|
320
|
-
</svg>
|
|
321
|
-
<span class="ml-3">Contact Support</span>
|
|
322
|
-
</a>
|
|
129
|
+
<div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
|
|
130
|
+
<div>
|
|
131
|
+
<p class="text-base font-medium text-gray-900">
|
|
132
|
+
PetraSim
|
|
133
|
+
</p>
|
|
134
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
135
|
+
Model nonisothermal multiphase flow and transport in fractured and porous media for
|
|
136
|
+
environmental engineering.
|
|
137
|
+
</p>
|
|
323
138
|
</div>
|
|
139
|
+
<p class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4">Learn more <span
|
|
140
|
+
aria-hidden="true">→</span></p>
|
|
324
141
|
</div>
|
|
325
142
|
</div>
|
|
326
|
-
</
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
<span>Events</span>
|
|
336
|
-
<!--
|
|
337
|
-
Heroicon name: solid/chevron-down
|
|
338
|
-
|
|
339
|
-
Item active: "text-gray-600", Item inactive: "text-gray-400"
|
|
340
|
-
-->
|
|
341
|
-
<svg class="text-gray-400 ml-2 h-5 w-5 group-hover:text-gray-500"
|
|
342
|
-
x-bind:class="{`{'text-gray-900': open, 'text-gray-500': !open }`}" xmlns="http://www.w3.org/2000/svg"
|
|
343
|
-
viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
|
344
|
-
<path fill-rule="evenodd"
|
|
345
|
-
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"
|
|
346
|
-
clip-rule="evenodd" />
|
|
347
|
-
</svg>
|
|
348
|
-
</button>
|
|
349
|
-
|
|
350
|
-
<div x-show="open" x-on:click.away="open = false" x-transition:enter="transition ease-out duration-200"
|
|
351
|
-
x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0"
|
|
352
|
-
x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0"
|
|
353
|
-
x-transition:leave-end="opacity-0 -translate-y-1"
|
|
354
|
-
class="absolute z-40 left-1/2 transform -translate-x-1/2 mt-3 px-2 w-screen max-w-md sm:px-0"
|
|
355
|
-
style="display: none;">
|
|
356
|
-
<div class="shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden">
|
|
357
|
-
<div class="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8">
|
|
358
|
-
<a href="https://www.thunderheadeng.com/training/"
|
|
359
|
-
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
360
|
-
<!-- Heroicon name: outline/calendar -->
|
|
361
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-teci-blue-light" fill="none"
|
|
362
|
-
viewBox="0 0 24 24" stroke="currentColor">
|
|
363
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
364
|
-
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" />
|
|
365
|
-
</svg>
|
|
366
|
-
<div class="ml-4">
|
|
367
|
-
<p class="text-base font-medium text-gray-900">
|
|
368
|
-
Calendar
|
|
369
|
-
</p>
|
|
370
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
371
|
-
See upcoming events schedule.
|
|
372
|
-
</p>
|
|
373
|
-
</div>
|
|
374
|
-
</a>
|
|
375
|
-
|
|
376
|
-
<a href="https://www.femtc.com/"
|
|
377
|
-
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
378
|
-
<!-- Heroicon name: outline/presentation-chart-line -->
|
|
379
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
380
|
-
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
381
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
382
|
-
d="M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z" />
|
|
383
|
-
</svg>
|
|
384
|
-
<div class="ml-4">
|
|
385
|
-
<p class="text-base font-medium text-gray-900">
|
|
386
|
-
FEMTC
|
|
387
|
-
</p>
|
|
388
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
389
|
-
Fire and Evacuation Modeling Technical Conference
|
|
390
|
-
</p>
|
|
391
|
-
</div>
|
|
392
|
-
</a>
|
|
393
|
-
|
|
394
|
-
<a href="https://www.thunderheadeng.com/training/"
|
|
395
|
-
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
396
|
-
<!-- Heroicon name: outline/cursor-click -->
|
|
397
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
398
|
-
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
399
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
400
|
-
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" />
|
|
143
|
+
</a>
|
|
144
|
+
<!--
|
|
145
|
+
<a href="#" class="-m-3 p-3 flex flex-col justify-between hover:bg-gray-50">
|
|
146
|
+
<div class="flex md:h-full lg:flex-col">
|
|
147
|
+
<div class="flex-shrink-0">
|
|
148
|
+
<span
|
|
149
|
+
class="inline-flex items-center justify-center h-10 w-10 bg-teci-blue-light text-white sm:h-12 sm:w-12">
|
|
150
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
151
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.871 4A17.926 17.926 0 003 12c0 2.874.673 5.59 1.871 8m14.13 0a17.926 17.926 0 001.87-8c0-2.874-.673-5.59-1.87-8M9 9h1.246a1 1 0 01.961.725l1.586 5.55a1 1 0 00.961.725H15m1-7h-.08a2 2 0 00-1.519.698L9.6 15.302A2 2 0 018.08 16H8" />
|
|
401
152
|
</svg>
|
|
402
|
-
|
|
403
|
-
<p class="text-base font-medium text-gray-900">
|
|
404
|
-
Training
|
|
405
|
-
</p>
|
|
406
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
407
|
-
Both Online and In-person training options.
|
|
408
|
-
</p>
|
|
409
|
-
</div>
|
|
410
|
-
</a>
|
|
411
|
-
|
|
153
|
+
</span>
|
|
412
154
|
</div>
|
|
413
|
-
<div class="
|
|
414
|
-
<div
|
|
415
|
-
<
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
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" />
|
|
422
|
-
</svg>
|
|
423
|
-
<span class="ml-3">Register</span>
|
|
424
|
-
</a>
|
|
425
|
-
</div>
|
|
426
|
-
|
|
427
|
-
<div class="flow-root">
|
|
428
|
-
<a href="mailto:training@thunderheadeng.com"
|
|
429
|
-
class="-m-3 p-3 flex items-center text-base font-medium text-gray-900 hover:bg-gray-100 transition ease-in-out duration-150">
|
|
430
|
-
<!-- Heroicon name: outline/mail -->
|
|
431
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-gray-400" fill="none"
|
|
432
|
-
viewBox="0 0 24 24" stroke="currentColor">
|
|
433
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
434
|
-
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" />
|
|
435
|
-
</svg>
|
|
436
|
-
<span class="ml-3">Contact Training</span>
|
|
437
|
-
</a>
|
|
155
|
+
<div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
|
|
156
|
+
<div>
|
|
157
|
+
<p class="text-base font-medium text-gray-900">
|
|
158
|
+
Other Tools
|
|
159
|
+
</p>
|
|
160
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
161
|
+
Useful tools and resources distrubuted by Thunderhead.
|
|
162
|
+
</p>
|
|
438
163
|
</div>
|
|
164
|
+
<p class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4">Learn more <span
|
|
165
|
+
aria-hidden="true">→</span></p>
|
|
439
166
|
</div>
|
|
440
167
|
</div>
|
|
441
|
-
</
|
|
168
|
+
</a>
|
|
169
|
+
-->
|
|
442
170
|
</div>
|
|
443
|
-
|
|
444
|
-
<!--
|
|
445
|
-
<div class="relative
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
485
|
-
<!-- Heroicon name: outline/information-circle -->
|
|
486
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-teci-blue-light" fill="none"
|
|
487
|
-
viewBox="0 0 24 24" stroke="currentColor">
|
|
488
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
489
|
-
d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
490
|
-
</svg>
|
|
491
|
-
<div class="ml-4">
|
|
492
|
-
<p class="text-base font-medium text-gray-900">
|
|
493
|
-
About
|
|
494
|
-
</p>
|
|
495
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
496
|
-
Learn more about Thunderhead Engineering
|
|
497
|
-
</p>
|
|
498
|
-
</div>
|
|
499
|
-
</a>
|
|
500
|
-
|
|
501
|
-
<a href="https://www.thunderheadeng.com/news/"
|
|
502
|
-
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
503
|
-
<!-- Heroicon name: outline/speakerphone -->
|
|
504
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
505
|
-
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
506
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
507
|
-
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" />
|
|
508
|
-
</svg>
|
|
509
|
-
<div class="ml-4">
|
|
510
|
-
<p class="text-base font-medium text-gray-900">
|
|
511
|
-
News
|
|
512
|
-
</p>
|
|
513
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
514
|
-
Announcements for our products and services
|
|
515
|
-
</p>
|
|
516
|
-
</div>
|
|
517
|
-
</a>
|
|
518
|
-
|
|
519
|
-
<a href="https://www.thunderheadeng.com/job-openings/"
|
|
520
|
-
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
521
|
-
<!-- Heroicon name: outline/briefcase -->
|
|
522
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
523
|
-
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
524
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
525
|
-
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" />
|
|
526
|
-
</svg>
|
|
527
|
-
<div class="ml-4">
|
|
528
|
-
<p class="text-base font-medium text-gray-900">
|
|
529
|
-
Jobs
|
|
530
|
-
</p>
|
|
531
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
532
|
-
Become a part of the Thunderhead team
|
|
533
|
-
</p>
|
|
534
|
-
</div>
|
|
535
|
-
</a>
|
|
536
|
-
|
|
537
|
-
<a href="https://www.thunderheadeng.com/pyrosim/pyrosim-licensing/#distributors"
|
|
538
|
-
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
539
|
-
<!-- Heroicon name: outline/globe-alt -->
|
|
540
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
541
|
-
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
542
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
543
|
-
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" />
|
|
544
|
-
</svg>
|
|
545
|
-
<div class="ml-4">
|
|
546
|
-
<p class="text-base font-medium text-gray-900">
|
|
547
|
-
Partners
|
|
548
|
-
</p>
|
|
549
|
-
<p class="mt-1 text-sm text-gray-500">
|
|
550
|
-
International reseller and distributor network
|
|
551
|
-
</p>
|
|
552
|
-
</div>
|
|
553
|
-
</a>
|
|
554
|
-
|
|
555
|
-
</div>
|
|
171
|
+
|
|
172
|
+
<!-- Action Buttons -->
|
|
173
|
+
<div class="relative bg-gray-50">
|
|
174
|
+
<div class="max-w-7xl mx-auto space-y-6 px-4 py-5 sm:flex sm:space-y-0 sm:space-x-10 sm:px-6 lg:px-8">
|
|
175
|
+
<div class="flow-root">
|
|
176
|
+
<a href="https://store2.thunderheadeng.com/cart"
|
|
177
|
+
class="-m-3 p-3 flex items-center text-base font-medium text-gray-900 hover:bg-gray-100">
|
|
178
|
+
<!-- Heroicon name: outline/shopping-cart -->
|
|
179
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-gray-400" fill="none"
|
|
180
|
+
viewBox="0 0 24 24" stroke="currentColor">
|
|
181
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
182
|
+
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" />
|
|
183
|
+
</svg>
|
|
184
|
+
<span class="ml-3">Order Online</span>
|
|
185
|
+
</a>
|
|
186
|
+
</div>
|
|
187
|
+
|
|
188
|
+
<div class="flow-root">
|
|
189
|
+
<a href="https://store2.thunderheadeng.com/trial/"
|
|
190
|
+
class="-m-3 p-3 flex items-center text-base font-medium text-gray-900 hover:bg-gray-100">
|
|
191
|
+
<!-- Heroicon name: outline/clock -->
|
|
192
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-gray-400" fill="none"
|
|
193
|
+
viewBox="0 0 24 24" stroke="currentColor">
|
|
194
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
195
|
+
d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
196
|
+
</svg>
|
|
197
|
+
<span class="ml-3">30-day Trial</span>
|
|
198
|
+
</a>
|
|
199
|
+
</div>
|
|
200
|
+
|
|
201
|
+
<div class="flow-root">
|
|
202
|
+
<a href="mailto:sales@thunderheadeng.com"
|
|
203
|
+
class="-m-3 p-3 flex items-center text-base font-medium text-gray-900 hover:bg-gray-100">
|
|
204
|
+
<!-- Heroicon name: outline/mail -->
|
|
205
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-gray-400" fill="none"
|
|
206
|
+
viewBox="0 0 24 24" stroke="currentColor">
|
|
207
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
208
|
+
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" />
|
|
209
|
+
</svg>
|
|
210
|
+
<span class="ml-3">Contact Sales</span>
|
|
211
|
+
</a>
|
|
556
212
|
</div>
|
|
557
213
|
</div>
|
|
558
214
|
</div>
|
|
559
|
-
</
|
|
215
|
+
</div>
|
|
216
|
+
{/if}
|
|
560
217
|
</div>
|
|
561
|
-
|
|
562
|
-
<!--
|
|
563
|
-
<div class="
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
218
|
+
|
|
219
|
+
<!-- Support -->
|
|
220
|
+
<div class="relative" use:clickOutside on:outclick={() => (supportOpen = false)}>
|
|
221
|
+
<!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
|
|
222
|
+
<button type="button" on:click={() => supportOpen = !supportOpen}
|
|
223
|
+
class="text-gray-500 group bg-white inline-flex items-center text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teci-blue-light"
|
|
224
|
+
aria-expanded="false">
|
|
225
|
+
<span>Support</span>
|
|
226
|
+
<!--
|
|
227
|
+
Heroicon name: solid/chevron-down
|
|
228
|
+
|
|
229
|
+
Item active: "text-gray-600", Item inactive: "text-gray-400"
|
|
230
|
+
-->
|
|
231
|
+
<svg class="text-gray-400 ml-2 h-5 w-5 group-hover:text-gray-500"
|
|
232
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
233
|
+
viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
|
234
|
+
<path fill-rule="evenodd"
|
|
235
|
+
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"
|
|
236
|
+
clip-rule="evenodd" />
|
|
237
|
+
</svg>
|
|
238
|
+
</button>
|
|
239
|
+
{#if supportOpen}
|
|
240
|
+
<div class="absolute z-40 left-1/2 transform -translate-x-1/2 mt-3 px-2 w-screen max-w-md sm:px-0 shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden"
|
|
241
|
+
in:slide={{ duration: 500, easing: cubicOut }}
|
|
242
|
+
out:slide={{ duration: 300, easing: cubicIn }}
|
|
243
|
+
>
|
|
244
|
+
<div class="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8">
|
|
245
|
+
<a href="https://support.thunderheadeng.com/docs/"
|
|
246
|
+
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
247
|
+
<!-- Heroicon name: outline/book-open -->
|
|
248
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-teci-blue-light" fill="none"
|
|
249
|
+
viewBox="0 0 24 24" stroke="currentColor">
|
|
250
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
251
|
+
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" />
|
|
252
|
+
</svg>
|
|
253
|
+
<div class="ml-4">
|
|
254
|
+
<p class="text-base font-medium text-gray-900">
|
|
255
|
+
Documentation
|
|
256
|
+
</p>
|
|
257
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
258
|
+
Manuals and Reference Documents for all products
|
|
259
|
+
</p>
|
|
576
260
|
</div>
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
261
|
+
</a>
|
|
262
|
+
|
|
263
|
+
<a href="https://support.thunderheadeng.com/tutorials/"
|
|
264
|
+
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
265
|
+
<!-- Heroicon name: outline/library -->
|
|
266
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
267
|
+
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
268
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
269
|
+
d="M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z" />
|
|
270
|
+
</svg>
|
|
271
|
+
<div class="ml-4">
|
|
272
|
+
<p class="text-base font-medium text-gray-900">
|
|
273
|
+
Tutorials
|
|
274
|
+
</p>
|
|
275
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
276
|
+
Getting Started, Applications and Feature Demos
|
|
277
|
+
</p>
|
|
278
|
+
</div>
|
|
279
|
+
</a>
|
|
280
|
+
|
|
281
|
+
<a href="https://support.thunderheadeng.com/release-notes/"
|
|
282
|
+
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
283
|
+
<!-- Heroicon name: outline/document-text -->
|
|
284
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
285
|
+
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
286
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
287
|
+
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" />
|
|
288
|
+
</svg>
|
|
289
|
+
<div class="ml-4">
|
|
290
|
+
<p class="text-base font-medium text-gray-900">
|
|
291
|
+
Release Notes
|
|
292
|
+
</p>
|
|
293
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
294
|
+
Detailed changes each product release
|
|
295
|
+
</p>
|
|
296
|
+
</div>
|
|
297
|
+
</a>
|
|
298
|
+
|
|
299
|
+
<a href="https://support.thunderheadeng.com/answers/"
|
|
300
|
+
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
301
|
+
<!-- Heroicon name: outline/cursor-click -->
|
|
302
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
303
|
+
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
304
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
305
|
+
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" />
|
|
306
|
+
</svg>
|
|
307
|
+
<div class="ml-4">
|
|
308
|
+
<p class="text-base font-medium text-gray-900">
|
|
309
|
+
FAQs
|
|
310
|
+
</p>
|
|
311
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
312
|
+
Frequently Asked Questions (FAQs) and Answers
|
|
313
|
+
</p>
|
|
314
|
+
</div>
|
|
315
|
+
</a>
|
|
316
|
+
|
|
317
|
+
</div>
|
|
318
|
+
<div class="px-5 py-5 bg-gray-50 space-y-6 sm:flex sm:space-y-0 sm:space-x-10 sm:px-8">
|
|
319
|
+
<div class="flow-root">
|
|
320
|
+
<a href="https://forum.thunderheadeng.com/"
|
|
321
|
+
class="-m-3 p-3 flex items-center text-base font-medium text-gray-900 hover:bg-gray-100">
|
|
322
|
+
<!-- Heroicon name: outline/user-group -->
|
|
323
|
+
<svg class="flex-shrink-0 h-6 w-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none"
|
|
324
|
+
viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
|
|
325
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
326
|
+
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" />
|
|
327
|
+
</svg>
|
|
328
|
+
<span class="ml-3">User Forum</span>
|
|
329
|
+
</a>
|
|
580
330
|
</div>
|
|
581
|
-
|
|
331
|
+
|
|
332
|
+
<div class="flow-root">
|
|
333
|
+
<a href="mailto:support@thunderheadeng.com"
|
|
334
|
+
class="-m-3 p-3 flex items-center text-base font-medium text-gray-900 hover:bg-gray-100">
|
|
335
|
+
<!-- Heroicon name: outline/mail -->
|
|
336
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-gray-400" fill="none"
|
|
337
|
+
viewBox="0 0 24 24" stroke="currentColor">
|
|
338
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
339
|
+
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" />
|
|
340
|
+
</svg>
|
|
341
|
+
<span class="ml-3">Contact Support</span>
|
|
342
|
+
</a>
|
|
343
|
+
</div>
|
|
344
|
+
</div>
|
|
582
345
|
</div>
|
|
346
|
+
{/if}
|
|
583
347
|
</div>
|
|
584
|
-
|
|
585
|
-
<!--
|
|
586
|
-
<div class="
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
348
|
+
|
|
349
|
+
<!-- Events -->
|
|
350
|
+
<div class="relative" use:clickOutside on:outclick={() => (eventsOpen = false)}>
|
|
351
|
+
<!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
|
|
352
|
+
<button type="button" on:click={() => eventsOpen = !eventsOpen}
|
|
353
|
+
class="text-gray-500 group bg-white inline-flex items-center text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teci-blue-light"
|
|
354
|
+
aria-expanded="false">
|
|
355
|
+
<span>Events</span>
|
|
356
|
+
<!--
|
|
357
|
+
Heroicon name: solid/chevron-down
|
|
358
|
+
|
|
359
|
+
Item active: "text-gray-600", Item inactive: "text-gray-400"
|
|
360
|
+
-->
|
|
361
|
+
<svg class="text-gray-400 ml-2 h-5 w-5 group-hover:text-gray-500"
|
|
362
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
363
|
+
viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
|
364
|
+
<path fill-rule="evenodd"
|
|
365
|
+
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"
|
|
366
|
+
clip-rule="evenodd" />
|
|
367
|
+
</svg>
|
|
368
|
+
</button>
|
|
369
|
+
{#if eventsOpen}
|
|
370
|
+
<div class="absolute z-40 left-1/2 transform -translate-x-1/2 mt-3 px-2 w-screen max-w-md sm:px-0 shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden"
|
|
371
|
+
in:slide={{ duration: 500, easing: cubicOut }}
|
|
372
|
+
out:slide={{ duration: 300, easing: cubicIn }}
|
|
373
|
+
>
|
|
374
|
+
<div class="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8">
|
|
375
|
+
<a href="https://www.thunderheadeng.com/training/"
|
|
376
|
+
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
377
|
+
<!-- Heroicon name: outline/calendar -->
|
|
378
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-teci-blue-light" fill="none"
|
|
379
|
+
viewBox="0 0 24 24" stroke="currentColor">
|
|
380
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
381
|
+
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" />
|
|
382
|
+
</svg>
|
|
383
|
+
<div class="ml-4">
|
|
384
|
+
<p class="text-base font-medium text-gray-900">
|
|
385
|
+
Calendar
|
|
386
|
+
</p>
|
|
387
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
388
|
+
See upcoming events schedule.
|
|
389
|
+
</p>
|
|
390
|
+
</div>
|
|
391
|
+
</a>
|
|
392
|
+
|
|
393
|
+
<a href="https://www.femtc.com/"
|
|
394
|
+
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
395
|
+
<!-- Heroicon name: outline/presentation-chart-line -->
|
|
396
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
591
397
|
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
592
398
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
593
|
-
d="
|
|
399
|
+
d="M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z" />
|
|
594
400
|
</svg>
|
|
401
|
+
<div class="ml-4">
|
|
402
|
+
<p class="text-base font-medium text-gray-900">
|
|
403
|
+
FEMTC
|
|
404
|
+
</p>
|
|
405
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
406
|
+
Fire and Evacuation Modeling Technical Conference
|
|
407
|
+
</p>
|
|
408
|
+
</div>
|
|
595
409
|
</a>
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
410
|
+
|
|
411
|
+
<a href="https://www.thunderheadeng.com/training/"
|
|
412
|
+
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
413
|
+
<!-- Heroicon name: outline/cursor-click -->
|
|
414
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
600
415
|
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
601
416
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
602
|
-
d="
|
|
417
|
+
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" />
|
|
603
418
|
</svg>
|
|
419
|
+
<div class="ml-4">
|
|
420
|
+
<p class="text-base font-medium text-gray-900">
|
|
421
|
+
Training
|
|
422
|
+
</p>
|
|
423
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
424
|
+
Both Online and In-person training options.
|
|
425
|
+
</p>
|
|
426
|
+
</div>
|
|
604
427
|
</a>
|
|
428
|
+
|
|
429
|
+
</div>
|
|
430
|
+
<div class="px-5 py-5 bg-gray-50 space-y-6 sm:flex sm:space-y-0 sm:space-x-10 sm:px-8">
|
|
431
|
+
<div class="flow-root">
|
|
432
|
+
<a href="https://store.thunderheadeng.com/php/event-payment.php"
|
|
433
|
+
class="-m-3 p-3 flex items-center text-base font-medium text-gray-900 hover:bg-gray-100 transition ease-in-out duration-150">
|
|
434
|
+
<!-- Heroicon name: outline/play -->
|
|
435
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-gray-400" fill="none"
|
|
436
|
+
viewBox="0 0 24 24" stroke="currentColor">
|
|
437
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
438
|
+
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" />
|
|
439
|
+
</svg>
|
|
440
|
+
<span class="ml-3">Register</span>
|
|
441
|
+
</a>
|
|
442
|
+
</div>
|
|
443
|
+
|
|
444
|
+
<div class="flow-root">
|
|
445
|
+
<a href="mailto:training@thunderheadeng.com"
|
|
446
|
+
class="-m-3 p-3 flex items-center text-base font-medium text-gray-900 hover:bg-gray-100 transition ease-in-out duration-150">
|
|
447
|
+
<!-- Heroicon name: outline/mail -->
|
|
448
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-gray-400" fill="none"
|
|
449
|
+
viewBox="0 0 24 24" stroke="currentColor">
|
|
450
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
451
|
+
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" />
|
|
452
|
+
</svg>
|
|
453
|
+
<span class="ml-3">Contact Training</span>
|
|
454
|
+
</a>
|
|
455
|
+
</div>
|
|
605
456
|
</div>
|
|
606
457
|
</div>
|
|
458
|
+
{/if}
|
|
607
459
|
</div>
|
|
608
|
-
|
|
609
|
-
<!--
|
|
610
|
-
<div class="
|
|
611
|
-
|
|
612
|
-
|
|
460
|
+
|
|
461
|
+
<!-- Company -->
|
|
462
|
+
<div class="relative" use:clickOutside on:outclick={() => (companyOpen = false)}>
|
|
463
|
+
<!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
|
|
464
|
+
<button type="button" on:click={() => companyOpen = !companyOpen}
|
|
465
|
+
class="text-gray-500 group bg-white inline-flex items-center text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teci-blue-light"
|
|
613
466
|
aria-expanded="false">
|
|
614
|
-
<span
|
|
615
|
-
<!--
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
467
|
+
<span>Company</span>
|
|
468
|
+
<!--
|
|
469
|
+
Heroicon name: solid/chevron-down
|
|
470
|
+
|
|
471
|
+
Item active: "text-gray-600", Item inactive: "text-gray-400"
|
|
472
|
+
-->
|
|
473
|
+
<svg class="text-gray-400 ml-2 h-5 w-5 group-hover:text-gray-500"
|
|
474
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
475
|
+
viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
|
476
|
+
<path fill-rule="evenodd"
|
|
477
|
+
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"
|
|
478
|
+
clip-rule="evenodd" />
|
|
619
479
|
</svg>
|
|
620
480
|
</button>
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
481
|
+
{#if companyOpen}
|
|
482
|
+
<div class="absolute z-40 left-1/2 transform -translate-x-1/2 mt-3 px-2 w-screen max-w-md sm:px-0 shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden"
|
|
483
|
+
in:slide={{ duration: 500, easing: cubicOut }}
|
|
484
|
+
out:slide={{ duration: 300, easing: cubicIn }}
|
|
485
|
+
>
|
|
486
|
+
<div class="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8">
|
|
487
|
+
<a href="https://www.thunderheadeng.com/about/"
|
|
488
|
+
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
489
|
+
<!-- Heroicon name: outline/information-circle -->
|
|
490
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-teci-blue-light" fill="none"
|
|
491
|
+
viewBox="0 0 24 24" stroke="currentColor">
|
|
492
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
493
|
+
d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
494
|
+
</svg>
|
|
495
|
+
<div class="ml-4">
|
|
496
|
+
<p class="text-base font-medium text-gray-900">
|
|
497
|
+
About
|
|
498
|
+
</p>
|
|
499
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
500
|
+
Learn more about Thunderhead Engineering
|
|
501
|
+
</p>
|
|
502
|
+
</div>
|
|
641
503
|
</a>
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
<
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
504
|
+
|
|
505
|
+
<a href="https://www.thunderheadeng.com/news/"
|
|
506
|
+
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
507
|
+
<!-- Heroicon name: outline/speakerphone -->
|
|
508
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
509
|
+
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
510
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
511
|
+
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" />
|
|
512
|
+
</svg>
|
|
513
|
+
<div class="ml-4">
|
|
514
|
+
<p class="text-base font-medium text-gray-900">
|
|
515
|
+
News
|
|
516
|
+
</p>
|
|
517
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
518
|
+
Announcements for our products and services
|
|
519
|
+
</p>
|
|
520
|
+
</div>
|
|
521
|
+
</a>
|
|
522
|
+
|
|
523
|
+
<a href="https://www.thunderheadeng.com/job-openings/"
|
|
524
|
+
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
525
|
+
<!-- Heroicon name: outline/briefcase -->
|
|
526
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
527
|
+
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
528
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
529
|
+
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" />
|
|
530
|
+
</svg>
|
|
531
|
+
<div class="ml-4">
|
|
532
|
+
<p class="text-base font-medium text-gray-900">
|
|
533
|
+
Jobs
|
|
534
|
+
</p>
|
|
535
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
536
|
+
Become a part of the Thunderhead team
|
|
537
|
+
</p>
|
|
538
|
+
</div>
|
|
539
|
+
</a>
|
|
540
|
+
|
|
541
|
+
<a href="https://www.thunderheadeng.com/pyrosim/pyrosim-licensing/#distributors"
|
|
542
|
+
class="-m-3 p-3 flex items-start hover:bg-gray-50 transition ease-in-out duration-150">
|
|
543
|
+
<!-- Heroicon name: outline/globe-alt -->
|
|
544
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 text-teci-blue-light"
|
|
545
|
+
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
546
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
547
|
+
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" />
|
|
651
548
|
</svg>
|
|
652
|
-
|
|
549
|
+
<div class="ml-4">
|
|
550
|
+
<p class="text-base font-medium text-gray-900">
|
|
551
|
+
Partners
|
|
552
|
+
</p>
|
|
553
|
+
<p class="mt-1 text-sm text-gray-500">
|
|
554
|
+
International reseller and distributor network
|
|
555
|
+
</p>
|
|
556
|
+
</div>
|
|
557
|
+
</a>
|
|
653
558
|
</div>
|
|
654
559
|
</div>
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
679
|
-
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" />
|
|
680
|
-
</svg>
|
|
681
|
-
</div>
|
|
682
|
-
<div class="ml-4 text-base font-medium text-gray-900">Support</div>
|
|
683
|
-
</a>
|
|
684
|
-
<a href="https://www.thunderheadeng.com/training/" class="-m-3 flex items-center p-3 hover:bg-gray-50">
|
|
685
|
-
<div
|
|
686
|
-
class="flex-shrink-0 flex items-center justify-center h-10 w-10 bg-teci-blue-light text-white sm:h-12 sm:w-12">
|
|
687
|
-
<!-- Heroicon name: outline/calendar -->
|
|
688
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
|
|
689
|
-
stroke="currentColor">
|
|
690
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
691
|
-
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" />
|
|
692
|
-
</svg>
|
|
693
|
-
</div>
|
|
694
|
-
<div class="ml-4 text-base font-medium text-gray-900">Training</div>
|
|
695
|
-
</a>
|
|
696
|
-
<a href="https://www.femtc.com/" class="-m-3 flex items-center p-3 hover:bg-gray-50">
|
|
697
|
-
<div
|
|
698
|
-
class="flex-shrink-0 flex items-center justify-center h-10 w-10 bg-teci-blue-light text-white sm:h-12 sm:w-12">
|
|
699
|
-
<!-- Heroicon name: outline/speakerphone -->
|
|
700
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
|
|
701
|
-
stroke="currentColor">
|
|
702
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
703
|
-
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" />
|
|
704
|
-
</svg>
|
|
705
|
-
</div>
|
|
706
|
-
<div class="ml-4 text-base font-medium text-gray-900">FEMTC</div>
|
|
707
|
-
</a>
|
|
708
|
-
<a href="https://www.thunderheadeng.com/about/" class="-m-3 flex items-center p-3 hover:bg-gray-50">
|
|
709
|
-
<div
|
|
710
|
-
class="flex-shrink-0 flex items-center justify-center h-10 w-10 bg-teci-blue-light text-white sm:h-12 sm:w-12">
|
|
711
|
-
<!-- Heroicon name: outline/emoji-happy -->
|
|
712
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
|
|
713
|
-
stroke="currentColor">
|
|
714
|
-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
715
|
-
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" />
|
|
716
|
-
</svg>
|
|
717
|
-
</div>
|
|
718
|
-
<div class="ml-4 text-base font-medium text-gray-900">Company</div>
|
|
719
|
-
</a>
|
|
720
|
-
</div>
|
|
721
|
-
</nav>
|
|
560
|
+
{/if}
|
|
561
|
+
</div>
|
|
562
|
+
</nav>
|
|
563
|
+
</div>
|
|
564
|
+
|
|
565
|
+
<!-- Search -->
|
|
566
|
+
<div class="flex-1 flex items-center justify-center ml-2 md:px-0 md:ml-0 lg:justify-end">
|
|
567
|
+
<div class="max-w-lg w-full lg:max-w-xs">
|
|
568
|
+
<form class="m-0" action="https://support.thunderheadeng.com/search/" method="get">
|
|
569
|
+
<label for="search" class="sr-only">Search</label>
|
|
570
|
+
<div class="relative">
|
|
571
|
+
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
|
|
572
|
+
<!-- Heroicon name: solid/search -->
|
|
573
|
+
<svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
|
|
574
|
+
fill="currentColor" aria-hidden="true">
|
|
575
|
+
<path fill-rule="evenodd"
|
|
576
|
+
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"
|
|
577
|
+
clip-rule="evenodd" />
|
|
578
|
+
</svg>
|
|
579
|
+
</div>
|
|
580
|
+
<input id="search" name="teci-search[query]" placeholder="Search" type="search"
|
|
581
|
+
class="block w-full pl-10 pr-3 py-2 m-0 rounded-none border border-gray-300 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-1 focus:ring-teci-blue-light focus:border-teci-blue-light sm:text-sm"
|
|
582
|
+
/>
|
|
722
583
|
</div>
|
|
584
|
+
</form>
|
|
585
|
+
</div>
|
|
586
|
+
</div>
|
|
587
|
+
|
|
588
|
+
<!-- Application Buttons -->
|
|
589
|
+
<div class="px-2">
|
|
590
|
+
<div class="flex justify-between items-center">
|
|
591
|
+
<div class="mr-2 md:mr-4">
|
|
592
|
+
<a href="https://cart.thunderheadeng.com/cgi-bin/UCEditor?merchantId=THENG" title="Shopping Cart">
|
|
593
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 md:h-8 md:w-8 text-gray-500"
|
|
594
|
+
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
595
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
596
|
+
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" />
|
|
597
|
+
</svg>
|
|
598
|
+
</a>
|
|
723
599
|
</div>
|
|
724
|
-
<div
|
|
725
|
-
<
|
|
726
|
-
<
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
600
|
+
<div>
|
|
601
|
+
<a href="https://cart.thunderheadeng.com/cgi-bin/UCMyAccount" title="My Account">
|
|
602
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-6 w-6 md:h-8 md:w-8 text-gray-500"
|
|
603
|
+
fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
604
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
605
|
+
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" />
|
|
606
|
+
</svg>
|
|
607
|
+
</a>
|
|
608
|
+
</div>
|
|
609
|
+
</div>
|
|
610
|
+
</div>
|
|
611
|
+
|
|
612
|
+
<!-- Mobile Menu Button-->
|
|
613
|
+
<div class="md:hidden">
|
|
614
|
+
<button type="button" on:click={() => mobileOpen = !mobileOpen}
|
|
615
|
+
class="bg-white p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 border border-gray-200 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-teci-blue-light"
|
|
616
|
+
aria-expanded="false">
|
|
617
|
+
<span class="sr-only">Open menu</span>
|
|
618
|
+
<!-- Heroicon name: outline/menu -->
|
|
619
|
+
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
|
|
620
|
+
aria-hidden="true">
|
|
621
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
|
622
|
+
</svg>
|
|
623
|
+
</button>
|
|
624
|
+
</div>
|
|
625
|
+
</div>
|
|
626
|
+
|
|
627
|
+
<!-- Mobile menu, show/hide based on mobile menu state.-->
|
|
628
|
+
{#if mobileOpen}
|
|
629
|
+
<div use:clickOutside on:outclick={() => (mobileOpen = false)}
|
|
630
|
+
in:slide={{ duration: 500, easing: cubicOut }}
|
|
631
|
+
out:slide={{ duration: 300, easing: cubicIn }}
|
|
632
|
+
class="absolute z-30 top-0 inset-x-0 md:hidden shadow-lg ring-1 ring-black ring-opacity-5 bg-white divide-y-2 divide-gray-50"
|
|
633
|
+
>
|
|
634
|
+
<div class="pt-5 pb-6 px-4 sm:pb-8">
|
|
635
|
+
<div class="flex items-center justify-between">
|
|
636
|
+
<div on:click={() => mobileOpen = !mobileOpen}>
|
|
637
|
+
<a href="https://www.thunderheadeng.com">
|
|
638
|
+
<img class="h-10 w-auto" src="https://files.thunderheadeng.com/support/images/te_logo.svg"
|
|
639
|
+
alt="Thunderhead Engineering" />
|
|
640
|
+
</a>
|
|
641
|
+
</div>
|
|
642
|
+
|
|
643
|
+
<button type="button" on:click={() => mobileOpen = false}
|
|
644
|
+
class="bg-white p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 border border-gray-200 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-teci-blue-light">
|
|
645
|
+
<span class="sr-only">Close menu</span>
|
|
646
|
+
<!-- Heroicon name: outline/x -->
|
|
647
|
+
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
|
|
648
|
+
stroke="currentColor" aria-hidden="true">
|
|
649
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
|
650
|
+
</svg>
|
|
651
|
+
</button>
|
|
652
|
+
</div>
|
|
653
|
+
<div on:click={() => mobileOpen = !mobileOpen} class="mt-6 sm:mt-8">
|
|
654
|
+
<nav>
|
|
655
|
+
<div class="grid gap-7 sm:grid-cols-2 sm:gap-y-8 sm:gap-x-4">
|
|
656
|
+
<a href="/product" class="-m-3 flex items-center p-3 hover:bg-gray-50">
|
|
657
|
+
<div class="flex-shrink-0 flex items-center justify-center h-10 w-10 bg-teci-blue-light text-white sm:h-12 sm:w-12">
|
|
658
|
+
<!-- Heroicon name: outline/collection -->
|
|
659
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
660
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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" />
|
|
661
|
+
</svg>
|
|
662
|
+
</div>
|
|
663
|
+
<div class="ml-4 text-base font-medium text-gray-900">Products</div>
|
|
731
664
|
</a>
|
|
732
|
-
<a href="https://
|
|
733
|
-
|
|
665
|
+
<a href="https://support.thunderheadeng.com" class="-m-3 flex items-center p-3 hover:bg-gray-50">
|
|
666
|
+
<div class="flex-shrink-0 flex items-center justify-center h-10 w-10 bg-teci-blue-light text-white sm:h-12 sm:w-12">
|
|
667
|
+
<!-- Heroicon name: outline/support -->
|
|
668
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
|
|
669
|
+
stroke="currentColor">
|
|
670
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
671
|
+
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" />
|
|
672
|
+
</svg>
|
|
673
|
+
</div>
|
|
674
|
+
<div class="ml-4 text-base font-medium text-gray-900">Support</div>
|
|
734
675
|
</a>
|
|
735
|
-
<a href="https://
|
|
736
|
-
|
|
676
|
+
<a href="https://www.thunderheadeng.com/training/" class="-m-3 flex items-center p-3 hover:bg-gray-50">
|
|
677
|
+
<div
|
|
678
|
+
class="flex-shrink-0 flex items-center justify-center h-10 w-10 bg-teci-blue-light text-white sm:h-12 sm:w-12">
|
|
679
|
+
<!-- Heroicon name: outline/calendar -->
|
|
680
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
|
|
681
|
+
stroke="currentColor">
|
|
682
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
683
|
+
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" />
|
|
684
|
+
</svg>
|
|
685
|
+
</div>
|
|
686
|
+
<div class="ml-4 text-base font-medium text-gray-900">Training</div>
|
|
737
687
|
</a>
|
|
738
|
-
<a href="
|
|
739
|
-
|
|
688
|
+
<a href="https://www.femtc.com/" class="-m-3 flex items-center p-3 hover:bg-gray-50">
|
|
689
|
+
<div
|
|
690
|
+
class="flex-shrink-0 flex items-center justify-center h-10 w-10 bg-teci-blue-light text-white sm:h-12 sm:w-12">
|
|
691
|
+
<!-- Heroicon name: outline/speakerphone -->
|
|
692
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
|
|
693
|
+
stroke="currentColor">
|
|
694
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
695
|
+
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" />
|
|
696
|
+
</svg>
|
|
697
|
+
</div>
|
|
698
|
+
<div class="ml-4 text-base font-medium text-gray-900">FEMTC</div>
|
|
740
699
|
</a>
|
|
741
|
-
<a href="
|
|
742
|
-
|
|
700
|
+
<a href="https://www.thunderheadeng.com/about/" class="-m-3 flex items-center p-3 hover:bg-gray-50">
|
|
701
|
+
<div
|
|
702
|
+
class="flex-shrink-0 flex items-center justify-center h-10 w-10 bg-teci-blue-light text-white sm:h-12 sm:w-12">
|
|
703
|
+
<!-- Heroicon name: outline/emoji-happy -->
|
|
704
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
|
|
705
|
+
stroke="currentColor">
|
|
706
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
707
|
+
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" />
|
|
708
|
+
</svg>
|
|
709
|
+
</div>
|
|
710
|
+
<div class="ml-4 text-base font-medium text-gray-900">Company</div>
|
|
743
711
|
</a>
|
|
744
712
|
</div>
|
|
745
|
-
</
|
|
713
|
+
</nav>
|
|
714
|
+
</div>
|
|
715
|
+
</div>
|
|
716
|
+
<div on:click={() => mobileOpen = !mobileOpen} class="py-6 px-5">
|
|
717
|
+
<div class="grid grid-cols-2 gap-4">
|
|
718
|
+
<a href="https://www.thunderheadeng.com/news/" class="text-base font-medium text-gray-900 hover:text-gray-700">
|
|
719
|
+
News
|
|
720
|
+
</a>
|
|
721
|
+
<a href="https://support.thunderheadeng.com/release-notes/" class="text-base font-medium text-gray-900 hover:text-gray-700">
|
|
722
|
+
Release Notes
|
|
723
|
+
</a>
|
|
724
|
+
<a href="https://store2.thunderheadeng.com/cart/" class="text-base font-medium text-gray-900 hover:text-gray-700">
|
|
725
|
+
Order Online
|
|
726
|
+
</a>
|
|
727
|
+
<a href="https://store2.thunderheadeng.com/trial/" class="text-base font-medium text-gray-900 hover:text-gray-700">
|
|
728
|
+
30-day Trial
|
|
729
|
+
</a>
|
|
730
|
+
<a href="mailto:sales@thunderheadeng.com" class="text-base font-medium text-gray-900 hover:text-gray-700 flex flex-row items-center">
|
|
731
|
+
<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">
|
|
732
|
+
<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" />
|
|
733
|
+
</svg> Sales
|
|
734
|
+
</a>
|
|
735
|
+
<a href="mailto:support@thunderheadeng.com" class="text-base font-medium text-gray-900 hover:text-gray-700 flex flex-row items-center">
|
|
736
|
+
<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">
|
|
737
|
+
<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" />
|
|
738
|
+
</svg> Support
|
|
739
|
+
</a>
|
|
746
740
|
</div>
|
|
747
741
|
</div>
|
|
748
742
|
</div>
|
|
743
|
+
{/if}
|
|
749
744
|
</header>
|