Skip to content

Commit 09d1527

Browse files
nunowarnunowar
committed
wip
1 parent 9358f09 commit 09d1527

5 files changed

Lines changed: 51 additions & 200 deletions

File tree

‎resources/www/index.html‎

Lines changed: 46 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -189,9 +189,9 @@ <h2 class="uppercase font-thin font-mono tracking-widest text-white/40">These co
189189
</div>
190190
</section>
191191

192-
<section id="why" class="text-center py-24 mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8 overflow-hidden">
193-
<p class="uppercase font-thin font-mono text-sm text-white/40">Test with Confidence</p>
194-
<h2 class="mx-auto mt-2 max-w-lg text-4xl font-semibold tracking-tight text-balance text-white sm:text-5xl font-title">Why developers choose Pest?</h2>
192+
<section id="why" class="py-24 mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8 overflow-hidden">
193+
<p class="text-center uppercase font-thin font-mono text-sm text-white/40">Test with Confidence</p>
194+
<h2 class="text-center mx-auto mt-2 max-w-lg text-4xl font-semibold tracking-tight text-balance text-white sm:text-5xl font-title">Why developers choose Pest?</h2>
195195

196196
<div class="mt-10 grid gap-10 sm:mt-16 lg:grid-cols-3 lg:grid-rows-2">
197197
<div class="relative lg:row-span-2">
@@ -215,7 +215,7 @@ <h2 class="mx-auto mt-2 max-w-lg text-4xl font-semibold tracking-tight text-bala
215215
<div class="relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] max-lg:rounded-t-[calc(2rem+1px)]">
216216
<div class="px-8 pt-8 sm:px-10 sm:pt-10">
217217
<p class="mt-2 text-lg font-medium tracking-tight text-white max-lg:text-center">All-in-one Framework</p>
218-
<p class="mt-2 max-w-lg text-sm/6 text-gray-400 max-lg:text-center">Lorem ipsum, dolor sit amet consectetur adipisicing elit maiores impedit.</p>
218+
<p class="mt-2 max-w-lg text-sm/6 text-gray-400 max-lg:text-center">Everything you need for modern PHP testing, in a single, powerful tool.</p>
219219
</div>
220220
<div class="flex flex-1 items-center justify-center px-8 max-lg:pt-10 max-lg:pb-12 sm:px-10 lg:pb-2">
221221
<img src="https://tailwindcss.com/plus-assets/img/component-images/dark-bento-03-performance.png" alt="" class="w-full max-lg:max-w-xs" />
@@ -229,10 +229,28 @@ <h2 class="mx-auto mt-2 max-w-lg text-4xl font-semibold tracking-tight text-bala
229229
<div class="relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)]">
230230
<div class="px-8 pt-8 sm:px-10 sm:pt-10">
231231
<p class="mt-2 text-lg font-medium tracking-tight text-white max-lg:text-center">Readable Failures</p>
232-
<p class="mt-2 max-w-lg text-sm/6 text-gray-400 max-lg:text-center">Morbi viverra dui mi arcu sed. Tellus semper adipiscing suspendisse semper morbi.</p>
232+
<p class="mt-2 max-w-lg text-sm/6 text-gray-400 max-lg:text-center">Understand test failures at a glance with clear, beautifully formatted output.</p>
233233
</div>
234-
<div class="@container flex flex-1 items-center max-lg:py-6 lg:pb-2">
235-
<img src="https://tailwindcss.com/plus-assets/img/component-images/dark-bento-03-security.png" alt="" class="h-[min(152px,40cqw)] object-cover" />
234+
<div class="@container flex flex-1 items-center justify-center max-lg:py-6 lg:pb-2">
235+
<pre class="bg-gray-900/60 text-xs font-mono px-4 rounded-md overflow-x-auto whitespace-pre leading-relaxed text-gray-100 outline outline-white/10">
236+
<code>
237+
<span class="text-red-500">FAIL</span> Tests\MathTest
238+
<span class="text-red-400">×</span> adds numbers
239+
240+
<span class="text-red-500">FAILED</span> Tests\MathTest <span class="text-gray-400">&gt;</span> adds numbers
241+
<span class="text-red-300">Failed asserting that</span> <span class="text-yellow-300">2</span> <span class="text-red-300">is identical to</span> <span class="text-yellow-300">3</span><span class="text-red-300">.</span>
242+
243+
<span class="text-green-400">at</span> <span class="text-green-500">tests/MathTest.php:3</span>
244+
245+
<span class="text-gray-500">1</span> <span class="text-gray-400">&lt;?php</span>
246+
<span class="text-gray-500">2</span>
247+
<span class="text-red-500">→</span><span class="text-gray-500">3</span> <span class="text-pink-400">it</span>(<span class="text-green-400">'adds numbers'</span>, <span class="text-blue-400">function</span> () {
248+
<span class="text-blue-300">expect</span>(<span class="text-yellow-300">1</span> + <span class="text-yellow-300">1</span>)-><span class="text-blue-300">toBe</span>(<span class="text-yellow-300">3</span>);
249+
<span class="text-gray-500">4</span> });
250+
</code>
251+
</pre>
252+
253+
236254
</div>
237255
</div>
238256
<div class="pointer-events-none absolute inset-px rounded-lg shadow-sm outline outline-offset-10 outline-white/15"></div>
@@ -243,18 +261,33 @@ <h2 class="mx-auto mt-2 max-w-lg text-4xl font-semibold tracking-tight text-bala
243261
<div class="relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] max-lg:rounded-b-[calc(2rem+1px)] lg:rounded-r-[calc(2rem+1px)]">
244262
<div class="px-8 pt-8 pb-3 sm:px-10 sm:pt-10 sm:pb-0">
245263
<p class="mt-2 text-lg font-medium tracking-tight text-white max-lg:text-center">Cleaner Syntax</p>
246-
<p class="mt-2 max-w-lg text-sm/6 text-gray-400 max-lg:text-center">Sit quis amet rutrum tellus ullamcorper ultricies libero dolor eget sem sodales gravida.</p>
264+
<p class="mt-2 max-w-lg text-sm/6 text-gray-400 max-lg:text-center">A modern, expressive syntax that's easy to read and enjoyable to write.</p>
247265
</div>
248266
<div class="relative min-h-120 w-full grow">
249267
<div class="absolute top-10 right-0 bottom-0 left-10 overflow-hidden rounded-tl-xl bg-gray-900/60 outline outline-white/10">
250268
<div class="flex bg-gray-900 outline outline-white/5">
251-
<div class="-mb-px flex text-sm/6 font-medium text-gray-400">
252-
<div class="border-r border-b border-r-white/10 border-b-white/20 bg-white/5 px-4 py-2 text-white">NotificationSetting.jsx</div>
253-
<div class="border-r border-gray-600/10 px-4 py-2">App.jsx</div>
269+
<div class="-mb-px flex flex-1 text-sm/6 font-medium text-gray-400">
270+
<div class="flex-1 w-full border-b border-r-white/10 border-b-white/20 bg-white/5 px-4 py-2 text-white">RegisterTest.php</div>
254271
</div>
255272
</div>
256-
<div class="px-6 pt-6 pb-14">
257-
<!-- Your code example -->
273+
<div class="px-4 pt-4 pb-14">
274+
<pre class="text-gray-100 text-xs font-mono tracking-tight overflow-x-auto whitespace-pre leading-6.5">
275+
<code><span class="text-gray-400">&lt;?php</span>
276+
277+
<span class="text-blue-400">namespace</span> <span class="text-gray-100">Tests\Feature\Auth</span><span class="text-gray-400">;</span>
278+
279+
<span class="text-blue-400">use</span> <span class="text-gray-100">Tests\TestCase</span><span class="text-gray-400">;</span>
280+
281+
<span class="text-blue-400">class</span> <span class="text-gray-100">RegisterTest</span> <span class="text-blue-400">extends</span> <span class="text-gray-100">TestCase</span>
282+
<span class="text-gray-400">{</span>
283+
<span class="text-blue-400">public function</span> <span class="text-gray-100">test_register_screen</span><span class="text-gray-400">()</span>
284+
<span class="text-gray-400">{</span>
285+
<span class="text-blue-300">$response</span> <span class="text-gray-400">=</span> <span class="text-pink-400">$this</span><span class="text-gray-400">-&gt;</span><span class="text-blue-400">get</span><span class="text-gray-400">(</span><span class="text-green-400">'/register'</span><span class="text-gray-400">);</span>
286+
<span class="text-blue-300">$response</span><span class="text-gray-400">-&gt;</span><span class="text-blue-400">assertStatus</span><span class="text-gray-400">(</span><span class="text-yellow-300">200</span><span class="text-gray-400">);</span>
287+
<span class="text-gray-400">}</span>
288+
<span class="text-gray-400">}</span>
289+
</code>
290+
</pre>
258291
</div>
259292
</div>
260293
</div>

‎resources/www/main.js‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,6 @@
11
import './main.css'
22

33
import Alpine from 'alpinejs'
4-
import intersect from '@alpinejs/intersect'
5-
6-
Alpine.plugin(intersect)
74

85
window.Alpine = Alpine
96
Alpine.start()

0 commit comments

Comments
 (0)