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