Add some text to explain what this does

This commit is contained in:
Peter Stockings
2023-12-16 17:57:41 +11:00
parent 9d4e6e1709
commit ca4cfd27b9
2 changed files with 18 additions and 4 deletions

View File

@@ -84,9 +84,15 @@
</div><button </div><button
class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground rounded-full border border-gray-200 w-8 h-8 dark:border-gray-800" class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground rounded-full border border-gray-200 w-8 h-8 dark:border-gray-800"
data-id="40" type="button" id="radix-:r1u:" aria-haspopup="menu" aria-expanded="false" data-id="40" type="button" id="radix-:r1u:" aria-haspopup="menu" aria-expanded="false"
data-state="closed"><img src="/placeholder.svg" width="32" height="32" class="rounded-full" alt="Avatar" data-state="closed">
data-id="41" style="aspect-ratio: 32 / 32; object-fit: cover;"><span class="sr-only" <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
data-id="42">Toggle user menu</span></button> stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
<span class="sr-only" data-id="42">Toggle user menu</span></button>
</header> </header>
<main class="flex flex-1 flex-col gap-4 p-4 md:gap-8 md:p-6" data-id="50"> <main class="flex flex-1 flex-col gap-4 p-4 md:gap-8 md:p-6" data-id="50">
<div class="flex items-center" data-id="51"> <div class="flex items-center" data-id="51">

View File

@@ -22,7 +22,15 @@
</svg> </svg>
<span class="sr-only" data-id="42">Toggle user menu</span></a> <span class="sr-only" data-id="42">Toggle user menu</span></a>
</header> </header>
<h5 class="text-xl text-gray-500 mb-4">Create your own javascript HTTP & Timer handlers</h5> <h5 class="text-xl md:text-2xl lg:text-3xl font-semibold text-gray-700 mb-4">Create your own JavaScript HTTP & Timer
handlers</h5>
<p class="text-base md:text-lg text-gray-600 leading-relaxed mb-6">
This tool allows you to write and execute JavaScript code for HTTP and timer-based functions. Utilize the on-page
code editor to develop and modify your scripts. Once executed, view the responses and logs immediately, providing
direct insight into the behavior and output of your handlers.
</p>
<div class="flex space-x-2 p-2 border-b border-gray-200 dark:border-gray-800"> <div class="flex space-x-2 p-2 border-b border-gray-200 dark:border-gray-800">
<button <button