cosmetic tweaks

Author: mirkin

gurgleapps_webserver.py

@@ -331,7 +331,7 @@ def generate_root_page_html(self, files_and_folders):
         <div class="relative flex min-h-screen flex-col justify-center overflow-hidden bg-gray-50 py-6 sm:py-12">
         <div class="relative bg-white px-6 pb-8 pt-10 shadow-xl ring-1 ring-gray-900/5 sm:mx-auto sm:max-w-lg sm:rounded-lg sm:px-10">
         <div class="mx-auto max-w-md">
-        <img src="/img/logo.svg" class="h-12 w-auto" alt="GurgleApps.com">
+        <a href="https://gurgleapps.com"><img src="/img/logo.svg" class="h-12 w-auto" alt="GurgleApps.com"></a>
         """
         yield """
         <div class="divide-y divide-gray-300/50">
@@ -353,7 +353,7 @@ def generate_root_page_html(self, files_and_folders):
         """
         for file_or_folder in files_and_folders:
             icon = folder_icon_svg if file_or_folder['type'] == 'directory' else file_icon_svg
-            yield f"<li class='border-t pt-1'><a href='/{file_or_folder['name']}' class='flex items-center font-semibold text-slate-800 hover:text-indigo-800'>{icon}<p class='ml-2'>{file_or_folder['name']}</p></a></li>"
+            yield f"<li class='border-t pt-1'><a href='/{file_or_folder['name']}' class='flex items-center font-semibold text-slate-800 hover:text-indigo-600'>{icon}<p class='ml-2'>{file_or_folder['name']}</p></a></li>"
         yield "</ul>"
         # Closing tags for the body and container div
         yield """

www/led.html

@@ -13,7 +13,7 @@
     <div class="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
       <div class="flex justify-center mb-8">
 
-        <svg class="h-16 -w-auto" enable-background="new 0 0 1000 240" version="1.1" viewBox="0 0 1e3 240" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+        <a href="https://gurgleapps.com"><svg class="h-16 -w-auto" enable-background="new 0 0 1000 240" version="1.1" viewBox="0 0 1e3 240" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
 
             <polygon points="875 0 750 38.1 625 0 500 38.1 375 0 250 38.1 125 0 0 38.1 0 203.7 125 240 250 203.7 375 240 500 203.7 625 240 750 203.7 875 240 1e3 203.7 1e3 38.1" fill="#F4738F"/>
 
@@ -49,7 +49,7 @@
             <polygon points="894.7 220.7 896 220.3 898.2 208.8 894.7 209"/>
             <polygon points="903.1 218.3 904.4 217.9 904.4 206.2 900.9 208"/>
         </g>
-        </svg>
+        </svg></a>
       </div>
       <div class="mb-4">
         <label for="delay" class="block text-gray-700 font-semibold mb-2">Delay (sec):</label>

www/led2.html

@@ -11,7 +11,7 @@
     <div class="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
       <div class="flex justify-center mb-8">
 
-        <svg class="h-16 -w-auto" enable-background="new 0 0 1000 240" version="1.1" viewBox="0 0 1e3 240" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+        <a href="https://gurgleapps.com"><svg class="h-16 -w-auto" enable-background="new 0 0 1000 240" version="1.1" viewBox="0 0 1e3 240" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
 
             <polygon points="875 0 750 38.1 625 0 500 38.1 375 0 250 38.1 125 0 0 38.1 0 203.7 125 240 250 203.7 375 240 500 203.7 625 240 750 203.7 875 240 1e3 203.7 1e3 38.1" fill="#F4738F"/>
 
@@ -47,7 +47,7 @@
             <polygon points="894.7 220.7 896 220.3 898.2 208.8 894.7 209"/>
             <polygon points="903.1 218.3 904.4 217.9 904.4 206.2 900.9 208"/>
         </g>
-        </svg>
+        </svg></a>
       </div>
       <div class="flex gap-x-4">
         <div class="mb-4">