tecitheme 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/components/Banner.svelte +1 -1
  2. package/components/Figure.svelte +2 -2
  3. package/components/Header.svelte +32 -38
  4. package/package.json +2 -2
package/components/Banner.svelte CHANGED
@@ -19,7 +19,7 @@
19
19
  <div class="max-w-7xl mx-auto py-3 px-3 sm:px-6 lg:px-8">
20
20
  <div class="flex justify-between flex-wrap">
21
21
  <div class="h-10 w-0 flex-1 flex items-center order-1">
22
- <span class="flex p-2 bg-teci-blue-dark">
22
+ <span class="flex p-1">
23
23
  <!-- Heroicon name: outline/speakerphone -->
24
24
  <svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
25
25
  <path stroke-linecap="round" stroke-linejoin="round" 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" />
package/components/Figure.svelte CHANGED
@@ -30,8 +30,8 @@
30
30
  {#if image}
31
31
  <section class="flex justify-center not-prose mb-8">
32
32
  <figure class="bg-white w-auto mx-auto shadow-lg border border-slate-100 p-2">
33
- <a href={figureLink}>
34
- <img class="w-full" src="{figureImage}" alt={title} title={title}>
33
+ <a class="w-full bg-slate-200 inline-block p-1" href={figureLink}>
34
+ <img class="w-auto mx-auto" src="{figureImage}" alt={title} title={title}>
35
35
  </a>
36
36
  {#if caption}
37
37
  <figcaption class="text-center p-2">{@html caption}</figcaption>
package/components/Header.svelte CHANGED
@@ -32,13 +32,8 @@
32
32
  <svelte:window on:keyup="{handleEscape}" />
33
33
 
34
34
  <header class="relative bg-white">
35
- <div
36
- class="pointer-events-none absolute inset-0 z-30 shadow"
37
- aria-hidden="true"
38
- ></div>
39
- <div
40
- class="relative mx-auto flex max-w-7xl items-center justify-between px-4 py-5 sm:px-6 sm:py-4 md:justify-start md:space-x-6 lg:space-x-10 lg:px-8"
41
- >
35
+ <div aria-hidden="true" class="pointer-events-none absolute inset-0 z-30 shadow"></div>
36
+ <div 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">
42
37
  <!-- Nav Icon Linked to WWW Homepage -->
43
38
  <div class="flex-shrink-0">
44
39
  <a href="https://www.thunderheadeng.com" class="flex">
@@ -54,7 +49,7 @@
54
49
  <div id="products">
55
50
  <button type="button"
56
51
  on:click={() => (openMenu == 'products')?(openMenu = ''):(openMenu = 'products')}
57
- class="group inline-flex items-center bg-white text-base font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-teci-blue-light focus:ring-offset-2"
52
+ class="text-left group inline-flex items-center bg-white text-base font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-teci-blue-light focus:ring-offset-2"
58
53
  aria-expanded="{openMenu == 'products'}"
59
54
  >
60
55
  <span class:text-gray-900="{openMenu == 'products'}">Products</span>
@@ -78,14 +73,14 @@
78
73
  <!-- Flyout menu -->
79
74
  {#if openMenu == 'products'}
80
75
  <div
81
- class="absolute inset-x-0 top-full z-10 transform bg-white shadow-lg"
76
+ class="text-left absolute inset-x-0 top-full z-10 transform bg-white shadow-lg"
82
77
  use:clickOutside
83
78
  on:outclick="{() => (openMenu = '')}"
84
79
  in:slide="{{ duration: 250, easing: cubicOut }}"
85
80
  out:slide="{{ duration: 150, easing: cubicIn }}"
86
81
  >
87
- <div on:click={() => (openMenu = '')}
88
- class="mx-auto grid max-w-7xl gap-y-8 px-4 py-8 sm:grid-cols-2 sm:gap-8 sm:px-6 lg:grid-cols-3 lg:px-8"
82
+ <button on:click={() => (openMenu = '')}
83
+ class="text-left mx-auto grid max-w-7xl gap-y-8 px-4 py-8 sm:grid-cols-2 sm:gap-8 sm:px-6 lg:grid-cols-3 lg:px-8"
89
84
  >
90
85
  <a
91
86
  href="https://www.thunderheadeng.com/pyrosim/"
@@ -175,12 +170,12 @@
175
170
  </div>
176
171
  </div>
177
172
  </a>
178
- </div>
173
+ </button>
179
174
 
180
175
  <!-- Action Buttons -->
181
- <div class="relative bg-gray-50">
182
- <div on:click="{() => (openMenu = '')}"
183
- class="mx-auto max-w-7xl space-y-6 px-4 py-5 sm:flex sm:space-y-0 sm:space-x-10 sm:px-6 lg:px-8"
176
+ <div class="relative bg-gray-50 text-left">
177
+ <button on:click="{() => (openMenu = '')}"
178
+ 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"
184
179
  >
185
180
  <div class="flow-root">
186
181
  <a
@@ -250,7 +245,7 @@
250
245
  <span class="ml-3">Contact Sales</span>
251
246
  </a>
252
247
  </div>
253
- </div>
248
+ </button>
254
249
  </div>
255
250
  </div>
256
251
  {/if}
@@ -285,14 +280,14 @@
285
280
 
286
281
  {#if openMenu == 'support'}
287
282
  <div
288
- 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"
283
+ class="text-left 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"
289
284
  use:clickOutside
290
285
  on:outclick="{() => (openMenu = '')}"
291
286
  in:slide="{{ duration: 250, easing: cubicOut }}"
292
287
  out:slide="{{ duration: 150, easing: cubicIn }}"
293
288
  >
294
- <div on:click="{() => (openMenu = '')}"
295
- class="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8"
289
+ <button on:click="{() => (openMenu = '')}"
290
+ class="text-left w-full relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8"
296
291
  >
297
292
  <a
298
293
  href="https://support.thunderheadeng.com/docs/"
@@ -401,9 +396,9 @@
401
396
  </p>
402
397
  </div>
403
398
  </a>
404
- </div>
405
- <div on:click="{() => (openMenu = '')}"
406
- class="space-y-6 bg-gray-50 px-5 py-5 sm:flex sm:space-y-0 sm:space-x-10 sm:px-8"
399
+ </button>
400
+ <button on:click="{() => (openMenu = '')}"
401
+ 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"
407
402
  >
408
403
  <div class="flow-root">
409
404
  <a
@@ -451,7 +446,7 @@
451
446
  <span class="ml-3">Contact Support</span>
452
447
  </a>
453
448
  </div>
454
- </div>
449
+ </button>
455
450
  </div>
456
451
  {/if}
457
452
  </div>
@@ -460,8 +455,7 @@
460
455
  <div id="events" class="relative">
461
456
  <button
462
457
  type="button"
463
- on:click="{() =>
464
- openMenu == 'events' ? (openMenu = '') : (openMenu = 'events')}"
458
+ on:click="{() => openMenu == 'events' ? (openMenu = '') : (openMenu = 'events')}"
465
459
  class="group inline-flex items-center bg-white text-base font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-teci-blue-light focus:ring-offset-2"
466
460
  aria-expanded="{openMenu == 'events'}"
467
461
  >
@@ -491,8 +485,8 @@
491
485
  in:slide="{{ duration: 250, easing: cubicOut }}"
492
486
  out:slide="{{ duration: 150, easing: cubicIn }}"
493
487
  >
494
- <div on:click="{() => (openMenu = '')}"
495
- class="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8"
488
+ <button on:click="{() => (openMenu = '')}"
489
+ class="relative w-full text-left grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8"
496
490
  >
497
491
  <a
498
492
  href="https://www.thunderheadeng.com/training/"
@@ -571,9 +565,9 @@
571
565
  </p>
572
566
  </div>
573
567
  </a>
574
- </div>
575
- <div on:click="{() => (openMenu = '')}"
576
- class="space-y-6 bg-gray-50 px-5 py-5 sm:flex sm:space-y-0 sm:space-x-10 sm:px-8"
568
+ </button>
569
+ <button on:click="{() => (openMenu = '')}"
570
+ class="w-full text-left space-y-6 bg-gray-50 px-5 py-5 sm:flex sm:space-y-0 sm:space-x-10 sm:px-8"
577
571
  >
578
572
  <div class="flow-root">
579
573
  <a
@@ -620,7 +614,7 @@
620
614
  <span class="ml-3">Contact Training</span>
621
615
  </a>
622
616
  </div>
623
- </div>
617
+ </button>
624
618
  </div>
625
619
  {/if}
626
620
  </div>
@@ -660,8 +654,8 @@
660
654
  in:slide="{{ duration: 250, easing: cubicOut }}"
661
655
  out:slide="{{ duration: 150, easing: cubicIn }}"
662
656
  >
663
- <div on:click="{() => (openMenu = '')}"
664
- class="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8"
657
+ <button on:click="{() => (openMenu = '')}"
658
+ class="w-full text-left relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8"
665
659
  >
666
660
  <a
667
661
  href="https://www.thunderheadeng.com/about/"
@@ -766,7 +760,7 @@
766
760
  </p>
767
761
  </div>
768
762
  </a>
769
- </div>
763
+ </button>
770
764
  </div>
771
765
  {/if}
772
766
  </div>
@@ -931,7 +925,7 @@
931
925
  </svg>
932
926
  </button>
933
927
  </div>
934
- <div on:click="{() => (openMenu = '')}" class="mt-6 sm:mt-8">
928
+ <button on:click="{() => (openMenu = '')}" class="mt-6 sm:mt-8 w-full">
935
929
  <nav>
936
930
  <div class="grid gap-7 sm:grid-cols-2 sm:gap-y-8 sm:gap-x-4">
937
931
  <a href="/" class="-m-3 flex items-center p-3 hover:bg-gray-50">
@@ -1062,9 +1056,9 @@
1062
1056
  </a>
1063
1057
  </div>
1064
1058
  </nav>
1065
- </div>
1059
+ </button>
1066
1060
  </div>
1067
- <div on:click="{() => (openMenu = '')}" class="py-6 px-5">
1061
+ <button on:click="{() => (openMenu = '')}" class="py-6 px-5 w-full text-left">
1068
1062
  <div class="grid grid-cols-2 gap-4">
1069
1063
  <div class="flow-root">
1070
1064
  <a
@@ -1198,7 +1192,7 @@
1198
1192
  </a>
1199
1193
  </div>
1200
1194
  </div>
1201
- </div>
1195
+ </button>
1202
1196
  </div>
1203
1197
  {/if}
1204
1198
  </header>
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "tecitheme",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "svelte": true,
5
5
  "devDependencies": {
6
6
  "@jsdevtools/rehype-toc": "^3.0.2",
7
7
  "@sveltejs/adapter-netlify": "1.0.0-next.83",
8
- "@sveltejs/kit": "1.0.0-next.529",
8
+ "@sveltejs/kit": "1.0.0-next.532",
9
9
  "@sveltejs/package": "^1.0.0-next.5",
10
10
  "@tailwindcss/forms": "^0.5.3",
11
11
  "@tailwindcss/typography": "^0.5.7",