tecitheme 0.7.6 → 0.8.0

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.
@@ -1,6 +1,6 @@
1
1
  <script>
2
2
  import Icon from "./Icon.svelte";
3
- import { slide } from "svelte/transition";
3
+ import { fade, slide } from "svelte/transition";
4
4
  import { cubicIn, cubicOut } from "svelte/easing";
5
5
 
6
6
  let openMenu = "";
@@ -37,7 +37,7 @@
37
37
  class="pointer-events-none absolute inset-0 z-30 shadow"
38
38
  />
39
39
  <div
40
- class="relative mx-auto flex max-w-7xl items-center justify-between px-4 py-5 sm:px-6 sm:py-4 md:justify-start md:space-x-6 lg:space-x-10 lg:px-8"
40
+ class="relative mx-auto flex max-w-7xl items-center justify-between px-2 py-5 sm:px-6 sm:py-4 md:justify-start md:space-x-6 lg:space-x-10 lg:px-8"
41
41
  >
42
42
  <!-- Nav Icon Linked to WWW Homepage -->
43
43
  <div class="flex-shrink-0">
@@ -48,8 +48,9 @@
48
48
  </div>
49
49
 
50
50
  <!-- Nav Menu -->
51
- <div class="hidden md:flex md:flex-1 md:items-center md:justify-between">
51
+ <div class="hidden md:flex md:flex-shrink-0 md:items-center md:justify-between">
52
52
  <nav class="flex md:space-x-6 lg:space-x-10">
53
+
53
54
  <!-- Products -->
54
55
  <div id="products">
55
56
  <button
@@ -93,6 +94,7 @@
93
94
  on:click={() => (openMenu = "")}
94
95
  class="mx-auto grid max-w-7xl gap-y-8 px-4 py-8 text-left sm:grid-cols-2 sm:gap-8 sm:px-6 lg:grid-cols-3 lg:px-8"
95
96
  >
97
+ <!-- PyroSim -->
96
98
  <a
97
99
  href="https://www.thunderheadeng.com/pyrosim"
98
100
  class="-m-3 flex flex-col justify-between p-3 hover:bg-gray-50"
@@ -104,6 +106,7 @@
104
106
  <div
105
107
  class="ml-4 md:flex md:flex-1 md:flex-col md:justify-between lg:ml-0 lg:mt-4"
106
108
  >
109
+ <!-- Main Card -->
107
110
  <div>
108
111
  <p class="text-base font-medium text-gray-900">
109
112
  PyroSim
@@ -114,15 +117,33 @@
114
117
  investigation.
115
118
  </p>
116
119
  </div>
117
- <p
118
- class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4"
119
- >
120
- Learn more <span aria-hidden="true">&rarr;</span>
121
- </p>
120
+
121
+ <!-- Links -->
122
+ <div class="mt-2 lg:mt-4 grid grid-cols-2 justify-end gap-y-2">
123
+
124
+ <a href="https://support.thunderheadeng.com/docs/pyrosim/latest" class="text-teci-blue-light hover:text-teci-blue-dark font-medium">
125
+ Documentation <span aria-hidden="true">&rarr;</span>
126
+ </a>
127
+
128
+ <a href="https://support.thunderheadeng.com/tutorials/pyrosim" class="text-teci-blue-light hover:text-teci-blue-dark font-medium">
129
+ Tutorials <span aria-hidden="true">&rarr;</span>
130
+ </a>
131
+
132
+ <a href="https://support.thunderheadeng.com/release-notes/pyrosim" class="text-teci-blue-light hover:text-teci-blue-dark font-medium">
133
+ Download <span aria-hidden="true">&rarr;</span>
134
+ </a>
135
+
136
+ <a href="https://training.thunderheadeng.com/courses/pyrosim-fundamentals" class="text-teci-blue-light hover:text-teci-blue-dark font-medium">
137
+ Courses <span aria-hidden="true">&rarr;</span>
138
+ </a>
139
+
140
+ </div>
141
+
122
142
  </div>
123
143
  </div>
124
144
  </a>
125
145
 
146
+ <!-- Pathfinder -->
126
147
  <a
127
148
  href="https://www.thunderheadeng.com/pathfinder"
128
149
  class="-m-3 flex flex-col justify-between p-3 hover:bg-gray-50"
@@ -134,6 +155,7 @@
134
155
  <div
135
156
  class="ml-4 md:flex md:flex-1 md:flex-col md:justify-between lg:ml-0 lg:mt-4"
136
157
  >
158
+ <!-- Main Card -->
137
159
  <div>
138
160
  <p class="text-base font-medium text-gray-900">
139
161
  Pathfinder
@@ -143,15 +165,32 @@
143
165
  for fire protection and safety or urban planning.
144
166
  </p>
145
167
  </div>
146
- <p
147
- class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4"
148
- >
149
- Learn more <span aria-hidden="true">&rarr;</span>
150
- </p>
168
+
169
+ <!-- Links -->
170
+ <div class="mt-2 lg:mt-4 grid grid-cols-2 justify-end gap-y-2">
171
+
172
+ <a href="https://support.thunderheadeng.com/docs/pathfinder/latest" class="text-teci-blue-light hover:text-teci-blue-dark font-medium">
173
+ Documentation <span aria-hidden="true">&rarr;</span>
174
+ </a>
175
+
176
+ <a href="https://support.thunderheadeng.com/tutorials/pathfinder" class="text-teci-blue-light hover:text-teci-blue-dark font-medium">
177
+ Tutorials <span aria-hidden="true">&rarr;</span>
178
+ </a>
179
+
180
+ <a href="https://support.thunderheadeng.com/release-notes/pathfinder" class="text-teci-blue-light hover:text-teci-blue-dark font-medium">
181
+ Download <span aria-hidden="true">&rarr;</span>
182
+ </a>
183
+
184
+ <a href="https://training.thunderheadeng.com/courses/pathfinder-fundamentals" class="text-teci-blue-light hover:text-teci-blue-dark font-medium">
185
+ Courses <span aria-hidden="true">&rarr;</span>
186
+ </a>
187
+
188
+ </div>
151
189
  </div>
152
190
  </div>
153
191
  </a>
154
192
 
193
+ <!-- Ventus -->
155
194
  <a
156
195
  href="https://www.thunderheadeng.com/ventus"
157
196
  class="-m-3 flex flex-col justify-between p-3 hover:bg-gray-50"
@@ -163,6 +202,7 @@
163
202
  <div
164
203
  class="ml-4 md:flex md:flex-1 md:flex-col md:justify-between lg:ml-0 lg:mt-4"
165
204
  >
205
+ <!-- Main Card -->
166
206
  <div>
167
207
  <p class="text-base font-medium text-gray-900">
168
208
  Ventus
@@ -171,11 +211,28 @@
171
211
  Create 3D pressurization models of smoke control solutions for stairwells, atria, and underground spaces.
172
212
  </p>
173
213
  </div>
174
- <p
175
- class="mt-2 text-sm font-medium text-teci-blue-light lg:mt-4"
176
- >
177
- Learn more <span aria-hidden="true">&rarr;</span>
178
- </p>
214
+
215
+ <!-- Links -->
216
+ <div class="mt-2 lg:mt-4 grid grid-cols-2 justify-end gap-y-2">
217
+
218
+ <a href="https://support.thunderheadeng.com/docs/ventus/latest" class="text-teci-blue-light hover:text-teci-blue-dark font-medium">
219
+ Documentation <span aria-hidden="true">&rarr;</span>
220
+ </a>
221
+
222
+ <a href="https://support.thunderheadeng.com/tutorials/ventus" class="text-teci-blue-light hover:text-teci-blue-dark font-medium">
223
+ Tutorials <span aria-hidden="true">&rarr;</span>
224
+ </a>
225
+
226
+ <a href="https://support.thunderheadeng.com/release-notes/ventus" class="text-teci-blue-light hover:text-teci-blue-dark font-medium">
227
+ Download <span aria-hidden="true">&rarr;</span>
228
+ </a>
229
+
230
+ <a href="https://training.thunderheadeng.com/courses/ventus-fundamentals" class="text-teci-blue-light hover:text-teci-blue-dark font-medium">
231
+ Courses <span aria-hidden="true">&rarr;</span>
232
+ </a>
233
+
234
+ </div>
235
+
179
236
  </div>
180
237
  </div>
181
238
  </a>
@@ -187,6 +244,8 @@
187
244
  on:click={() => (openMenu = "")}
188
245
  class="max-w-7xl space-y-6 px-4 py-5 sm:flex sm:space-y-0 sm:space-x-10 sm:px-6 lg:px-8"
189
246
  >
247
+
248
+ <!-- Order Online -->
190
249
  <div class="flow-root">
191
250
  <a
192
251
  href="https://store2.thunderheadeng.com/cart"
@@ -210,6 +269,7 @@
210
269
  </a>
211
270
  </div>
212
271
 
272
+ <!-- 30-Day Trial -->
213
273
  <div class="flow-root">
214
274
  <a
215
275
  href="https://store2.thunderheadeng.com/trial"
@@ -233,26 +293,25 @@
233
293
  </a>
234
294
  </div>
235
295
 
296
+ <!-- Get Help -->
236
297
  <div class="flow-root">
237
298
  <a
238
- href="mailto:sales@thunderheadeng.com"
299
+ href="https://help.thunderheadeng.com/support/tickets/new"
239
300
  class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
240
301
  >
241
- <svg
242
- xmlns="http://www.w3.org/2000/svg"
302
+ <svg
303
+ xmlns="http://www.w3.org/2000/svg"
304
+ height="24"
305
+ viewBox="0 -960 960 960"
306
+ width="24"
307
+ fill="currentColor"
243
308
  class="h-6 w-6 flex-shrink-0 text-gray-400"
244
- fill="none"
245
- viewBox="0 0 24 24"
246
- stroke="currentColor"
247
309
  >
248
- <path
249
- stroke-linecap="round"
250
- stroke-linejoin="round"
251
- stroke-width="2"
252
- 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"
310
+ <path
311
+ d="M440-120v-80h320v-284q0-117-81.5-198.5T480-764q-117 0-198.5 81.5T200-484v244h-40q-33 0-56.5-23.5T80-320v-80q0-21 10.5-39.5T120-469l3-53q8-68 39.5-126t79-101q47.5-43 109-67T480-840q68 0 129 24t109 66.5Q766-707 797-649t40 126l3 52q19 9 29.5 27t10.5 38v92q0 20-10.5 38T840-249v49q0 33-23.5 56.5T760-120H440Zm-80-280q-17 0-28.5-11.5T320-440q0-17 11.5-28.5T360-480q17 0 28.5 11.5T400-440q0 17-11.5 28.5T360-400Zm240 0q-17 0-28.5-11.5T560-440q0-17 11.5-28.5T600-480q17 0 28.5 11.5T640-440q0 17-11.5 28.5T600-400Zm-359-62q-7-106 64-182t177-76q89 0 156.5 56.5T720-519q-91-1-167.5-49T435-698q-16 80-67.5 142.5T241-462Z"
253
312
  />
254
313
  </svg>
255
- <span class="ml-3">Contact Sales</span>
314
+ <span class="ml-3">Get Help</span>
256
315
  </a>
257
316
  </div>
258
317
  </button>
@@ -261,331 +320,6 @@
261
320
  {/if}
262
321
  </div>
263
322
 
264
- <!-- Support -->
265
- <div id="support" class="relative">
266
- <button
267
- type="button"
268
- on:click={() =>
269
- openMenu == "support" ? (openMenu = "") : (openMenu = "support")}
270
- class="group inline-flex items-center bg-white text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-teci-blue-light focus:ring-offset-2"
271
- aria-expanded={openMenu == "support"}
272
- >
273
- <span class:text-gray-900={openMenu == "support"}>Support</span>
274
- <svg
275
- class="ml-2 h-5 w-5 group-hover:text-gray-900 {openMenu ===
276
- 'support'
277
- ? 'rotate-180 text-gray-900'
278
- : 'text-gray-400'}"
279
- xmlns="http://www.w3.org/2000/svg"
280
- viewBox="0 0 20 20"
281
- fill="currentColor"
282
- aria-hidden="true"
283
- >
284
- <path
285
- fill-rule="evenodd"
286
- 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"
287
- clip-rule="evenodd"
288
- />
289
- </svg>
290
- </button>
291
-
292
- {#if openMenu == "support"}
293
- <div
294
- class="absolute left-1/2 z-40 mt-3 w-screen max-w-md -translate-x-1/2 transform overflow-hidden px-2 text-left shadow-lg ring-1 ring-black ring-opacity-5 sm:px-0"
295
- use:clickOutside
296
- on:outclick={() => (openMenu = "")}
297
- in:slide={{ duration: 250, easing: cubicOut }}
298
- out:slide={{ duration: 150, easing: cubicIn }}
299
- >
300
- <button
301
- on:click={() => (openMenu = "")}
302
- class="relative grid w-full gap-6 bg-white px-5 py-6 text-left sm:gap-8 sm:p-8"
303
- >
304
- <a
305
- href="https://support.thunderheadeng.com/docs"
306
- class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
307
- >
308
- <svg
309
- xmlns="http://www.w3.org/2000/svg"
310
- class="h-6 w-6 text-teci-blue-light"
311
- fill="none"
312
- viewBox="0 0 24 24"
313
- stroke="currentColor"
314
- >
315
- <path
316
- stroke-linecap="round"
317
- stroke-linejoin="round"
318
- stroke-width="2"
319
- 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"
320
- />
321
- </svg>
322
- <div class="ml-4">
323
- <p class="text-base font-medium text-gray-900">
324
- Documentation
325
- </p>
326
- <p class="mt-1 text-sm">
327
- Manuals and Reference Documents for all products
328
- </p>
329
- </div>
330
- </a>
331
-
332
- <a
333
- href="https://support.thunderheadeng.com/tutorials"
334
- class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
335
- >
336
- <svg
337
- xmlns="http://www.w3.org/2000/svg"
338
- class="h-6 w-6 flex-shrink-0 text-teci-blue-light"
339
- fill="none"
340
- viewBox="0 0 24 24"
341
- stroke="currentColor"
342
- >
343
- <path
344
- stroke-linecap="round"
345
- stroke-linejoin="round"
346
- stroke-width="2"
347
- d="M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z"
348
- />
349
- </svg>
350
- <div class="ml-4">
351
- <p class="text-base font-medium text-gray-900">Tutorials</p>
352
- <p class="mt-1 text-sm">
353
- Getting Started, Applications and Feature Demos
354
- </p>
355
- </div>
356
- </a>
357
-
358
- <a
359
- href="https://support.thunderheadeng.com/release-notes"
360
- class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
361
- >
362
- <svg
363
- xmlns="http://www.w3.org/2000/svg"
364
- class="h-6 w-6 flex-shrink-0 text-teci-blue-light"
365
- fill="none"
366
- viewBox="0 0 24 24"
367
- stroke="currentColor"
368
- >
369
- <path
370
- stroke-linecap="round"
371
- stroke-linejoin="round"
372
- stroke-width="2"
373
- 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"
374
- />
375
- </svg>
376
- <div class="ml-4">
377
- <p class="text-base font-medium text-gray-900">
378
- Release Notes
379
- </p>
380
- <p class="mt-1 text-sm">
381
- Detailed changes each product release
382
- </p>
383
- </div>
384
- </a>
385
-
386
- <a
387
- href="https://help.thunderheadeng.com/support/home"
388
- class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
389
- >
390
- <svg
391
- xmlns="http://www.w3.org/2000/svg"
392
- class="h-6 w-6 flex-shrink-0 text-teci-blue-light"
393
- fill="none"
394
- viewBox="0 0 24 24"
395
- stroke="currentColor"
396
- >
397
- <path
398
- stroke-linecap="round"
399
- stroke-linejoin="round"
400
- stroke-width="2"
401
- 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"
402
- />
403
- </svg>
404
- <div class="ml-4">
405
- <p class="text-base font-medium text-gray-900">Help Portal</p>
406
- <p class="mt-1 text-sm">
407
- Knowledge base and discussion forum
408
- </p>
409
- </div>
410
- </a>
411
- </button>
412
- <button
413
- on:click={() => (openMenu = "")}
414
- class="w-full space-y-6 bg-gray-50 px-5 py-5 sm:flex sm:space-y-0 sm:space-x-10 sm:px-8"
415
- >
416
- <div class="flow-root">
417
- <a
418
- href="https://help.thunderheadeng.com/support/discussions"
419
- class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
420
- >
421
- <svg
422
- class="h-6 w-6 flex-shrink-0 text-gray-400"
423
- xmlns="http://www.w3.org/2000/svg"
424
- fill="none"
425
- viewBox="0 0 24 24"
426
- stroke="currentColor"
427
- aria-hidden="true"
428
- >
429
- <path
430
- stroke-linecap="round"
431
- stroke-linejoin="round"
432
- stroke-width="2"
433
- 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"
434
- />
435
- </svg>
436
- <span class="ml-3">User Forum</span>
437
- </a>
438
- </div>
439
-
440
- <div class="flow-root">
441
- <a
442
- href="mailto:support@thunderheadeng.com"
443
- class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
444
- >
445
- <svg
446
- xmlns="http://www.w3.org/2000/svg"
447
- class="h-6 w-6 flex-shrink-0 text-gray-400"
448
- fill="none"
449
- viewBox="0 0 24 24"
450
- stroke="currentColor"
451
- >
452
- <path
453
- stroke-linecap="round"
454
- stroke-linejoin="round"
455
- stroke-width="2"
456
- 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"
457
- />
458
- </svg>
459
- <span class="ml-3">Contact Support</span>
460
- </a>
461
- </div>
462
- </button>
463
- </div>
464
- {/if}
465
- </div>
466
-
467
- <!-- Events -->
468
- <div id="events" class="relative">
469
- <button
470
- type="button"
471
- on:click={() =>
472
- openMenu == "events" ? (openMenu = "") : (openMenu = "events")}
473
- class="group inline-flex items-center bg-white text-base font-medium hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-teci-blue-light focus:ring-offset-2"
474
- aria-expanded={openMenu == "events"}
475
- >
476
- <span class:text-gray-900={openMenu == "events"}>Events</span>
477
- <svg
478
- class="ml-2 h-5 w-5 text-gray-400 group-hover:text-gray-900 {openMenu ===
479
- 'events'
480
- ? 'rotate-180 text-gray-900'
481
- : 'text-gray-400'}"
482
- xmlns="http://www.w3.org/2000/svg"
483
- viewBox="0 0 20 20"
484
- fill="currentColor"
485
- aria-hidden="true"
486
- >
487
- <path
488
- fill-rule="evenodd"
489
- 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"
490
- clip-rule="evenodd"
491
- />
492
- </svg>
493
- </button>
494
-
495
- {#if openMenu == "events"}
496
- <div
497
- class="absolute left-1/2 z-40 mt-3 w-screen max-w-md -translate-x-1/2 transform overflow-hidden px-2 shadow-lg ring-1 ring-black ring-opacity-5 sm:px-0"
498
- use:clickOutside
499
- on:outclick={() => (openMenu = "")}
500
- in:slide={{ duration: 250, easing: cubicOut }}
501
- out:slide={{ duration: 150, easing: cubicIn }}
502
- >
503
- <button
504
- on:click={() => (openMenu = "")}
505
- class="relative grid w-full gap-6 bg-white px-5 py-6 text-left sm:gap-8 sm:p-8"
506
- >
507
- <a
508
- href="https://training.thunderheadeng.com"
509
- class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
510
- >
511
- <svg
512
- xmlns="http://www.w3.org/2000/svg"
513
- class="h-6 w-6 flex-shrink-0 text-teci-blue-light"
514
- fill="none"
515
- viewBox="0 0 24 24"
516
- stroke="currentColor"
517
- >
518
- <path
519
- stroke-linecap="round"
520
- stroke-linejoin="round"
521
- stroke-width="2"
522
- 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"
523
- />
524
- </svg>
525
- <div class="ml-4">
526
- <p class="text-base font-medium text-gray-900">Training</p>
527
- <p class="mt-1 text-sm">
528
- Both Online and In-person training options.
529
- </p>
530
- </div>
531
- </a>
532
- <a
533
- href="https://www.femtc.com"
534
- class="-m-3 flex items-start p-3 transition duration-150 ease-in-out hover:bg-gray-50"
535
- >
536
- <svg
537
- xmlns="http://www.w3.org/2000/svg"
538
- class="h-6 w-6 flex-shrink-0 text-teci-blue-light"
539
- fill="none"
540
- viewBox="0 0 24 24"
541
- stroke="currentColor"
542
- >
543
- <path
544
- stroke-linecap="round"
545
- stroke-linejoin="round"
546
- stroke-width="2"
547
- d="M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"
548
- />
549
- </svg>
550
- <div class="ml-4">
551
- <p class="text-base font-medium text-gray-900">FEMTC</p>
552
- <p class="mt-1 text-sm">
553
- Fire and Evacuation Modeling Technical Conference
554
- </p>
555
- </div>
556
- </a>
557
- </button>
558
- <button
559
- on:click={() => (openMenu = "")}
560
- class="w-full space-y-6 bg-gray-50 px-5 py-5 text-left sm:flex sm:space-y-0 sm:space-x-10 sm:px-8"
561
- >
562
- <div class="flow-root">
563
- <a
564
- href="mailto:training@thunderheadeng.com"
565
- class="-m-3 flex items-center p-3 text-base font-medium text-gray-900 transition duration-150 ease-in-out hover:bg-gray-100"
566
- >
567
- <svg
568
- xmlns="http://www.w3.org/2000/svg"
569
- class="h-6 w-6 flex-shrink-0 text-gray-400"
570
- fill="none"
571
- viewBox="0 0 24 24"
572
- stroke="currentColor"
573
- >
574
- <path
575
- stroke-linecap="round"
576
- stroke-linejoin="round"
577
- stroke-width="2"
578
- 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"
579
- />
580
- </svg>
581
- <span class="ml-3">Contact Training</span>
582
- </a>
583
- </div>
584
- </button>
585
- </div>
586
- {/if}
587
- </div>
588
-
589
323
  <!-- Company -->
590
324
  <div id="company" class="relative">
591
325
  <button
@@ -733,6 +467,8 @@
733
467
  </div>
734
468
  {/if}
735
469
  </div>
470
+
471
+ <a href="https://femtc.com/events/2024" class="text-base font-medium hover:text-gray-900">FEMTC 2024</a>
736
472
  </nav>
737
473
  </div>
738
474
 
@@ -860,11 +596,14 @@
860
596
  class="absolute inset-x-0 top-0 z-30 divide-y-2 divide-gray-50 bg-white shadow-lg ring-1 ring-black ring-opacity-5 md:hidden"
861
597
  use:clickOutside
862
598
  on:outclick={() => (openMenu = "")}
863
- in:slide={{ duration: 250, easing: cubicOut }}
864
- out:slide={{ duration: 150, easing: cubicIn }}
599
+ in:fade={{ duration: 250, easing: cubicOut }}
600
+ out:fade={{ duration: 150, easing: cubicIn }}
865
601
  >
866
- <div class="px-4 pt-5 pb-6 sm:pb-8">
602
+ <div class="px-2 pt-5 pb-6">
603
+ <!-- Top Bar -->
867
604
  <div class="flex items-center justify-between">
605
+
606
+ <!-- Logo -->
868
607
  <a
869
608
  on:click={() => (openMenu = "")}
870
609
  class="block"
@@ -877,6 +616,7 @@
877
616
  />
878
617
  </a>
879
618
 
619
+ <!-- Close Button -->
880
620
  <button
881
621
  type="button"
882
622
  on:click={() => (openMenu = "")}
@@ -900,11 +640,16 @@
900
640
  />
901
641
  </svg>
902
642
  </button>
643
+
903
644
  </div>
645
+
646
+ <!-- Menu -->
904
647
  <button on:click={() => (openMenu = "")} class="mt-6 w-full sm:mt-8">
905
648
  <nav>
906
649
  <div class="grid gap-7 sm:grid-cols-2 sm:gap-y-8 sm:gap-x-4">
907
- <a href="/" class="-m-3 flex items-center p-3 hover:bg-gray-50">
650
+
651
+ <!-- Products -->
652
+ <a href="https://www.thunderheadeng.com/" class="-m-3 flex items-center p-3 hover:bg-gray-50">
908
653
  <div
909
654
  class="flex h-10 w-10 flex-shrink-0 items-center justify-center bg-teci-blue-light text-white sm:h-12 sm:w-12"
910
655
  >
@@ -927,34 +672,10 @@
927
672
  Products
928
673
  </div>
929
674
  </a>
675
+
676
+ <!-- Company -->
930
677
  <a
931
- href="https://support.thunderheadeng.com"
932
- class="-m-3 flex items-center p-3 hover:bg-gray-50"
933
- >
934
- <div
935
- class="flex h-10 w-10 flex-shrink-0 items-center justify-center bg-teci-blue-light text-white sm:h-12 sm:w-12"
936
- >
937
- <svg
938
- xmlns="http://www.w3.org/2000/svg"
939
- class="h-6 w-6"
940
- fill="none"
941
- viewBox="0 0 24 24"
942
- stroke="currentColor"
943
- >
944
- <path
945
- stroke-linecap="round"
946
- stroke-linejoin="round"
947
- stroke-width="2"
948
- 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"
949
- />
950
- </svg>
951
- </div>
952
- <div class="ml-4 text-base font-medium text-gray-900">
953
- Support
954
- </div>
955
- </a>
956
- <a
957
- href="https://training.thunderheadeng.com"
678
+ href="https://www.thunderheadeng.com/about"
958
679
  class="-m-3 flex items-center p-3 hover:bg-gray-50"
959
680
  >
960
681
  <div
@@ -971,16 +692,18 @@
971
692
  stroke-linecap="round"
972
693
  stroke-linejoin="round"
973
694
  stroke-width="2"
974
- 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"
695
+ 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"
975
696
  />
976
697
  </svg>
977
698
  </div>
978
699
  <div class="ml-4 text-base font-medium text-gray-900">
979
- Training
700
+ Company
980
701
  </div>
981
702
  </a>
703
+
704
+ <!-- FEMTC -->
982
705
  <a
983
- href="https://www.femtc.com"
706
+ href="https://www.femtc.com/events/2024"
984
707
  class="-m-3 flex items-center p-3 hover:bg-gray-50"
985
708
  >
986
709
  <div
@@ -1001,47 +724,26 @@
1001
724
  >
1002
725
  </div>
1003
726
  <div class="ml-4 text-base font-medium text-gray-900">
1004
- FEMTC
1005
- </div>
1006
- </a>
1007
- <a
1008
- href="https://www.thunderheadeng.com/about"
1009
- class="-m-3 flex items-center p-3 hover:bg-gray-50"
1010
- >
1011
- <div
1012
- class="flex h-10 w-10 flex-shrink-0 items-center justify-center bg-teci-blue-light text-white sm:h-12 sm:w-12"
1013
- >
1014
- <svg
1015
- xmlns="http://www.w3.org/2000/svg"
1016
- class="h-6 w-6"
1017
- fill="none"
1018
- viewBox="0 0 24 24"
1019
- stroke="currentColor"
1020
- >
1021
- <path
1022
- stroke-linecap="round"
1023
- stroke-linejoin="round"
1024
- stroke-width="2"
1025
- 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"
1026
- />
1027
- </svg>
1028
- </div>
1029
- <div class="ml-4 text-base font-medium text-gray-900">
1030
- Company
727
+ FEMTC 2024
1031
728
  </div>
1032
729
  </a>
730
+
1033
731
  </div>
1034
732
  </nav>
1035
733
  </button>
1036
734
  </div>
1037
- <button
1038
- on:click={() => (openMenu = "")}
1039
- class="w-full py-6 px-5 text-left"
735
+
736
+ <!-- Bottom Buttons -->
737
+ <button type="button" on:click={() => (openMenu = "")}
738
+ class="w-full py-6 px-2 text-left"
1040
739
  >
1041
740
  <div class="grid grid-cols-2 gap-4">
741
+
742
+
743
+ <!-- Order Online -->
1042
744
  <div class="flow-root">
1043
745
  <a
1044
- href="https://www.thunderheadeng.com/news"
746
+ href="https://store2.thunderheadeng.com/cart"
1045
747
  class="-m-3 flex items-start p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
1046
748
  >
1047
749
  <svg
@@ -1055,15 +757,17 @@
1055
757
  stroke-linecap="round"
1056
758
  stroke-linejoin="round"
1057
759
  stroke-width="2"
1058
- 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"
760
+ 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"
1059
761
  />
1060
762
  </svg>
1061
- <span class="ml-3">News</span>
763
+ <span class="ml-3">Order Online</span>
1062
764
  </a>
1063
765
  </div>
766
+
767
+ <!-- 30-day Trial -->
1064
768
  <div class="flow-root">
1065
769
  <a
1066
- href="https://support.thunderheadeng.com/release-notes"
770
+ href="https://store2.thunderheadeng.com/trial/"
1067
771
  class="-m-3 flex items-start p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
1068
772
  >
1069
773
  <svg
@@ -1077,15 +781,17 @@
1077
781
  stroke-linecap="round"
1078
782
  stroke-linejoin="round"
1079
783
  stroke-width="2"
1080
- 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"
784
+ d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
1081
785
  />
1082
786
  </svg>
1083
- <span class="ml-3">Release Notes</span>
787
+ <span class="ml-3">30-day Trial</span>
1084
788
  </a>
1085
789
  </div>
790
+
791
+ <!-- News -->
1086
792
  <div class="flow-root">
1087
793
  <a
1088
- href="https://store2.thunderheadeng.com/cart"
794
+ href="https://www.thunderheadeng.com/news"
1089
795
  class="-m-3 flex items-start p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
1090
796
  >
1091
797
  <svg
@@ -1099,15 +805,17 @@
1099
805
  stroke-linecap="round"
1100
806
  stroke-linejoin="round"
1101
807
  stroke-width="2"
1102
- 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"
808
+ 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"
1103
809
  />
1104
810
  </svg>
1105
- <span class="ml-3">Order Online</span>
811
+ <span class="ml-3">News</span>
1106
812
  </a>
1107
813
  </div>
814
+
815
+ <!-- Releases -->
1108
816
  <div class="flow-root">
1109
817
  <a
1110
- href="https://store2.thunderheadeng.com/trial"
818
+ href="https://support.thunderheadeng.com/release-notes"
1111
819
  class="-m-3 flex items-start p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
1112
820
  >
1113
821
  <svg
@@ -1121,15 +829,17 @@
1121
829
  stroke-linecap="round"
1122
830
  stroke-linejoin="round"
1123
831
  stroke-width="2"
1124
- d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
832
+ 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"
1125
833
  />
1126
834
  </svg>
1127
- <span class="ml-3">30-day Trial</span>
835
+ <span class="ml-3">Releases</span>
1128
836
  </a>
1129
837
  </div>
838
+
839
+ <!-- Documentation -->
1130
840
  <div class="flow-root">
1131
841
  <a
1132
- href="mailto:sales@thunderheadeng.com"
842
+ href="https://support.thunderheadeng.com/docs"
1133
843
  class="-m-3 flex items-start p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
1134
844
  >
1135
845
  <svg
@@ -1143,32 +853,32 @@
1143
853
  stroke-linecap="round"
1144
854
  stroke-linejoin="round"
1145
855
  stroke-width="2"
1146
- 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"
856
+ 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"
1147
857
  />
1148
858
  </svg>
1149
- <span class="ml-3">Sales</span>
859
+ <span class="ml-3">Documentation</span>
1150
860
  </a>
1151
861
  </div>
862
+
863
+ <!-- Get Help-->
1152
864
  <div class="flow-root">
1153
865
  <a
1154
- href="mailto:support@thunderheadeng.com"
866
+ href="https://help.thunderheadeng.com/support/tickets/new"
1155
867
  class="-m-3 flex items-start p-3 text-base font-medium text-gray-900 hover:bg-gray-100"
1156
868
  >
1157
- <svg
1158
- xmlns="http://www.w3.org/2000/svg"
1159
- class="h-6 w-6 flex-shrink-0 text-gray-400"
1160
- fill="none"
1161
- viewBox="0 0 24 24"
1162
- stroke="currentColor"
1163
- >
1164
- <path
1165
- stroke-linecap="round"
1166
- stroke-linejoin="round"
1167
- stroke-width="2"
1168
- 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"
1169
- />
1170
- </svg>
1171
- <span class="ml-3">Support</span>
869
+ <svg
870
+ xmlns="http://www.w3.org/2000/svg"
871
+ height="24"
872
+ viewBox="0 -960 960 960"
873
+ width="24"
874
+ fill="currentColor"
875
+ class="h-6 w-6 flex-shrink-0 text-gray-400"
876
+ >
877
+ <path
878
+ d="M440-120v-80h320v-284q0-117-81.5-198.5T480-764q-117 0-198.5 81.5T200-484v244h-40q-33 0-56.5-23.5T80-320v-80q0-21 10.5-39.5T120-469l3-53q8-68 39.5-126t79-101q47.5-43 109-67T480-840q68 0 129 24t109 66.5Q766-707 797-649t40 126l3 52q19 9 29.5 27t10.5 38v92q0 20-10.5 38T840-249v49q0 33-23.5 56.5T760-120H440Zm-80-280q-17 0-28.5-11.5T320-440q0-17 11.5-28.5T360-480q17 0 28.5 11.5T400-440q0 17-11.5 28.5T360-400Zm240 0q-17 0-28.5-11.5T560-440q0-17 11.5-28.5T600-480q17 0 28.5 11.5T640-440q0 17-11.5 28.5T600-400Zm-359-62q-7-106 64-182t177-76q89 0 156.5 56.5T720-519q-91-1-167.5-49T435-698q-16 80-67.5 142.5T241-462Z"
879
+ />
880
+ </svg>
881
+ <span class="ml-3">Get Help</span>
1172
882
  </a>
1173
883
  </div>
1174
884
  </div>
@@ -1,3 +1 @@
1
- export namespace variables {
2
- export { PUBLIC_TRIAL_ENDPOINT as trialEndpoint };
3
- }
1
+ export const variables: {};
package/dist/variables.js CHANGED
@@ -1,5 +1,2 @@
1
- import { PUBLIC_TRIAL_ENDPOINT } from '$env/static/public';
2
1
 
3
- export const variables = {
4
- trialEndpoint: PUBLIC_TRIAL_ENDPOINT,
5
- };
2
+ export const variables = {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tecitheme",
3
- "version": "0.7.6",
3
+ "version": "0.8.0",
4
4
  "license": "MIT",
5
5
  "scripts": {
6
6
  "dev": "vite dev",