|
7 | 7 | x-transition:leave-start="top-0" |
8 | 8 | x-transition:leave-end="-top-full"> |
9 | 9 |
|
10 | | - <div x-ref="dialog" x-on:keydown.escape.window="close()" |
11 | | - class=" |
12 | | - lg:w-48 xl:w-56 lg:h-screen w-full |
13 | | - fixed lg:relative top-0 left-0 z-50 |
14 | | - h-screen lg:h-auto |
15 | | - bg-white dark:bg-gray-800 bg-pattern lg:!bg-transparent lg:!bg-none |
16 | | - pt-16 lg:pt-0 |
17 | | - text-left |
18 | | - "> |
19 | | - <div class=" |
20 | | - docs-nav h-full lg:h-auto |
21 | | - pt-6 lg:pt-0.5 pb-6 px-4 lg:pl-0 lg:pr-4 |
22 | | - overflow-y-auto overflow-x-auto lg:overflow-inherit |
23 | | - "> |
24 | | - <h2>Partners</h2> |
| 10 | + <div x-ref="dialog" x-on:keydown.escape.window="close()" class="lg:w-48 xl:w-56 lg:h-screen w-full fixed lg:relative top-0 left-0 z-50 h-screen lg:h-auto bg-white dark:bg-gray-800 bg-pattern lg:!bg-transparent lg:!bg-none pt-16 lg:pt-0 text-left"> |
| 11 | + <div class="docs-nav h-full lg:h-auto pt-6 lg:pt-0.5 pb-6 px-4 lg:pl-0 lg:pr-4 overflow-y-auto overflow-x-auto lg:overflow-inherit"> |
| 12 | + <h2>Partners</h2> |
25 | 13 |
|
26 | | - <ul class="pb-8 border-b border-white/10 lg:gap-6 drop-shadow lg:px-0 flex flex-wrap items-center justify-center gap-3 px-6"> |
| 14 | + <ul |
| 15 | + x-data="{ |
| 16 | + sponsors: [ |
| 17 | + { href: 'https://laracasts.com/?ref=pestphp', img: '/www/assets/sponsors/laracasts.svg', class: 'w-auto h-12' }, |
| 18 | + { href: 'https://nativephp.com/?ref=pestphp.com', img: '/www/assets/sponsors/native-php.svg', class: 'w-auto h-12' }, |
| 19 | + { href: 'https://coderabbit.ai/?ref=pestphp', img: '/www/assets/sponsors/coderabbit.svg', class: 'w-auto h-12' }, |
| 20 | + { href: 'https://cmsmax.com/?ref=pestphp', img: '/www/assets/sponsors/cmsmax.png', class: 'w-auto h-10' }, |
| 21 | + { href: 'https://redberry.international/?ref=pestphp.com', img: '/www/assets/sponsors/redberry.png', class: 'w-auto h-9' } |
| 22 | + ], |
| 23 | + shuffledSponsors: [], |
| 24 | + init() { |
| 25 | + let array = [...this.sponsors]; |
| 26 | + for (let i = array.length - 1; i > 0; i--) { |
| 27 | + const j = Math.floor(Math.random() * (i + 1)); |
| 28 | + [array[i], array[j]] = [array[j], array[i]]; |
| 29 | + } |
| 30 | + this.shuffledSponsors = array; |
| 31 | + } |
| 32 | + }" |
| 33 | + x-init="init()" |
| 34 | + class="pb-8 border-b border-white/10 lg:gap-6 drop-shadow lg:px-0 flex flex-wrap items-center justify-center gap-3 px-6" |
| 35 | + > |
| 36 | + <template x-for="sponsor in shuffledSponsors" :key="sponsor.img"> |
27 | 37 | <li class="block"> |
28 | | - <a href="https://laracasts.com/?ref=pestphp" target="_blank" rel="noopener" class="table"> |
29 | | - <img src="/www/assets/sponsors/laracasts.svg" class="w-auto h-12" /> |
| 38 | + <a :href="sponsor.href" target="_blank" rel="noopener" class="table"> |
| 39 | + <img :src="sponsor.img" :class="sponsor.class" /> |
30 | 40 | </a> |
31 | 41 | </li> |
| 42 | + </template> |
| 43 | + </ul> |
| 44 | + |
| 45 | + <ul |
| 46 | + x-data="{ |
| 47 | + sponsors: [ |
| 48 | + { href: 'https://forge.laravel.com/?ref=pestphp', img: '/www/assets/sponsors/forge.svg', class: 'w-auto h-5' }, |
| 49 | + { href: 'https://zapiet.com/?ref=pestphp', img: '/www/assets/sponsors/zapiet.svg', class: 'w-auto h-8' }, |
| 50 | + { href: 'https://localazy.com/?ref=pestphp', img: '/www/assets/sponsors/localazy.svg', class: 'w-auto h-5' }, |
| 51 | + { href: 'https://loadforge.com/?ref=pestphp', img: '/www/assets/sponsors/loadforge.svg', class: 'w-auto h-5' }, |
| 52 | + { href: 'https://docuwriter.ai/?ref=pestphp', img: '/www/assets/sponsors/docuwriter-ai.svg', class: 'w-auto h-10' }, |
| 53 | + { href: 'https://route4me.com/?ref=pestphp', img: '/www/assets/sponsors/route4me.svg', class: 'w-auto h-6' }, |
| 54 | + { href: 'https://devtools-for-livewire.com/?ref=pestphp', img: '/www/assets/sponsors/devtools-for-livewire.svg', class: 'w-auto h-4' }, |
| 55 | + { href: 'https://getnerdify.com/?ref=pestphp', img: '/www/assets/sponsors/nerdify.png', class: 'w-auto h-14' }, |
| 56 | + { href: 'https://akaunting.com/?ref=pestphp', img: '/www/assets/sponsors/akaunting.svg', class: 'w-auto h-5' }, |
| 57 | + { href: 'https://lambdatest.com/?ref=pestphp', img: '/www/assets/sponsors/lambdatest.svg', class: 'w-auto h-8' } |
| 58 | + ], |
| 59 | + shuffledSponsors: [], |
| 60 | + init() { |
| 61 | + let array = [...this.sponsors]; |
| 62 | + for (let i = array.length - 1; i > 0; i--) { |
| 63 | + const j = Math.floor(Math.random() * (i + 1)); |
| 64 | + [array[i], array[j]] = [array[j], array[i]]; |
| 65 | + } |
| 66 | + this.shuffledSponsors = array; |
| 67 | + } |
| 68 | + }" |
| 69 | + x-init="init()" |
| 70 | + class="pb-8 border-b border-white/10 drop-shadow lg:px-0 flex flex-wrap items-center justify-center gap-5 px-6 mt-6" |
| 71 | + > |
| 72 | + <template x-for="sponsor in shuffledSponsors" :key="sponsor.img"> |
32 | 73 | <li class="block"> |
33 | | - <a href="https://nativephp.com/?ref=pestphp.com" target="_blank" rel="noopener" class="table"> |
34 | | - <img src="/www/assets/sponsors/native-php.svg" class="w-auto h-12" /> |
35 | | - </a> |
36 | | - </li> |
37 | | - <li class="block"> |
38 | | - <a href="https://coderabbit.ai/?ref=pestphp" target="_blank" rel="noopener" class="table"> |
39 | | - <img src="/www/assets/sponsors/coderabbit.svg" class="w-auto h-12" /> |
40 | | - </a> |
41 | | - </li> |
42 | | - <li class="block"> |
43 | | - <a href="https://cmsmax.com/?ref=pestphp" target="_blank" rel="noopener" class="table"> |
44 | | - <img src="/www/assets/sponsors/cmsmax.png" class="w-auto h-10" /> |
45 | | - </a> |
46 | | - </li> |
47 | | - <li class="block"> |
48 | | - <a href="https://redberry.international/?ref=pestphp.com" target="_blank" rel="noopener" class="table"> |
49 | | - <img src="/www/assets/sponsors/redberry.png" class="w-auto h-9" /> |
50 | | - </a> |
51 | | - </li> |
52 | | - </ul> |
53 | | - <ul class="pb-8 border-b border-white/10 drop-shadow md:gap-3 lg:px-0 flex flex-wrap items-center justify-center gap-3 px-6 mt-6"> |
54 | | - <li class="md:block hidden w-full h-0 -mt-12"></li> |
55 | | - <a href="https://forge.laravel.com/?ref=pestphp" target="_blank" rel="noopener" class="table"> |
56 | | - <img src="/www/assets/sponsors/forge.svg" class="w-auto h-5" /> |
57 | | - </a> |
58 | | - </li> |
59 | | - <li class="md:block hidden w-full h-0 -mt-8"></li> |
60 | | - <li class="block"> |
61 | | - <a href="https://zapiet.com/?ref=pestphp" target="_blank" rel="noopener" class="table"> |
62 | | - <img src="/www/assets/sponsors/zapiet.svg" class="w-auto h-8" /> |
63 | | - </a> |
64 | | - </li> |
65 | | - <li class="md:block hidden w-full h-0 -mt-12"></li> |
66 | | - <li class="block"> |
67 | | - <a href="https://localazy.com/?ref=pestphp" target="_blank" rel="noopener" class="table"> |
68 | | - <img src="/www/assets/sponsors/localazy.svg" class="w-auto h-5" /> |
69 | | - </a> |
70 | | - </li> |
71 | | - <li class="md:block hidden w-full h-0 -mt-12"></li> |
72 | | - <li class="block"> |
73 | | - <a href="https://loadforge.com/?ref=pestphp" target="_blank" rel="noopener" class="table"> |
74 | | - <img src="/www/assets/sponsors/loadforge.svg" class="w-auto h-5" /> |
75 | | - </a> |
76 | | - </li> |
77 | | - <li class="md:block hidden w-full h-0 -mt-12"></li> |
78 | | - <li class="block"> |
79 | | - <a href="https://docuwriter.ai/?ref=pestphp" target="_blank" rel="noopener" class="table"> |
80 | | - <img src="/www/assets/sponsors/docuwriter-ai.svg" class="w-auto h-10" /> |
81 | | - </a> |
82 | | - </li> |
83 | | - <li class="md:block hidden w-full h-0 -mt-12"></li> |
84 | | - <li class="block"> |
85 | | - <a href="https://route4me.com/?ref=pestphp" target="_blank" rel="noopener" class="table"> |
86 | | - <img src="/www/assets/sponsors/route4me.svg" class="w-auto h-6" /> |
87 | | - </a> |
88 | | - </li> |
89 | | - <li class="md:block hidden w-full h-0 -mt-12"></li> |
90 | | - <li class="block"> |
91 | | - <a href="https://devtools-for-livewire.com/?ref=pestphp" target="_blank" rel="noopener" class="table"> |
92 | | - <img src="/www/assets/sponsors/devtools-for-livewire.svg" class="w-auto h-4" /> |
93 | | - </a> |
94 | | - </li> |
95 | | - <li class="md:block hidden w-full h-0 -mt-12"></li> |
96 | | - <li class="block"> |
97 | | - <a href="https://getnerdify.com/?ref=pestphp" target="_blank" rel="noopener" class="table"> |
98 | | - <img src="/www/assets/sponsors/nerdify.png" class="w-auto h-14" /> |
99 | | - </a> |
100 | | - </li> |
101 | | - <li class="md:block hidden w-full h-0 -mt-12"></li> |
102 | | - <li class="block"> |
103 | | - <a href="https://akaunting.com/?ref=pestphp" target="_blank" rel="noopener" class="table"> |
104 | | - <img src="/www/assets/sponsors/akaunting.svg" class="w-auto h-5" /> |
105 | | - </a> |
106 | | - </li> |
107 | | - <li class="md:block hidden w-full h-0 -mt-12"></li> |
108 | | - <li class="block"> |
109 | | - <a href="https://lambdatest.com/?ref=pestphp" target="_blank" rel="noopener" class="table"> |
110 | | - <img src="/www/assets/sponsors/lambdatest.svg" class="w-auto h-8" /> |
| 74 | + <a :href="sponsor.href" target="_blank" rel="noopener" class="table"> |
| 75 | + <img :src="sponsor.img" :class="sponsor.class" /> |
111 | 76 | </a> |
112 | 77 | </li> |
113 | | - </ul> |
114 | | - <div class="mt-8 text-center"> |
115 | | - <a href="https://github.com/sponsors/nunomaduro" target="_blank" class="sm:w-auto focus:outline-none sm:mt-0 w-full px-8 py-2 text-sm font-bold text-white bg-transparent border border-white/50 rounded-lg"> |
116 | | - Your logo here |
117 | | - </a> |
118 | | - </div> |
| 78 | + </template> |
| 79 | + </ul> |
| 80 | + <div class="mt-8 text-center"> |
| 81 | + <a href="https://github.com/sponsors/nunomaduro" target="_blank" class="sm:w-auto focus:outline-none sm:mt-0 w-full px-8 py-2 text-sm font-bold text-white bg-transparent border border-white/50 rounded-lg"> |
| 82 | + Your logo here |
| 83 | + </a> |
119 | 84 | </div> |
| 85 | + </div> |
120 | 86 | </div> |
121 | 87 | </nav> |
0 commit comments