From ca4cfd27b9fb94c17cae3518b1a3434e698b782d Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Sat, 16 Dec 2023 17:57:41 +1100
Subject: [PATCH] Add some text to explain what this does

---
 templates/dashboard.html | 12 +++++++++---
 templates/home.html      | 10 +++++++++-
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/templates/dashboard.html b/templates/dashboard.html
index 27fc0ec..788446a 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -84,9 +84,15 @@
             </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"
                 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-id="41" style="aspect-ratio: 32 / 32; object-fit: cover;"><span class="sr-only"
-                    data-id="42">Toggle user menu</span></button>
+                data-state="closed">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+                    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>
         <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">
diff --git a/templates/home.html b/templates/home.html
index 20a0efd..1a05a6a 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -22,7 +22,15 @@
         </svg>
         <span class="sr-only" data-id="42">Toggle user menu</span></a>
 </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">
     <button