Fix map size, requirements font, cyberduck logo, footer thanks

1 files changed, 7 insertions, 7 deletions

diff --git a/templates/index.html b/templates/index.html
index 1f09edd..d859bcb 100755
--- a/templates/index.html
+++ b/templates/index.html
@@ -26,7 +26,7 @@
 
     <div class="w-full flex flex-col items-center justify-center border-b">
       <div id="map-container" class="relative w-full shadow-inner border-t border-b">
-        <span class="hidden md:inline-block absolute top-1/2 left-1/2 transform -translate-y-1/2 text-2xl text-white font-light select-none px-2 py-1.5 rounded shadow" style="background:#999999;">
+        <span class="hidden md:inline-block absolute top-1/2 left-1/2 transform -translate-y-1/2 text-xl md:text-2xl lg:text-3xl text-white font-light select-none px-2 py-1.5 rounded shadow-lg border border-gray-400" style="background:#999999;">
           Made for redundancy
         </span>
       </div>
@@ -89,35 +89,35 @@
           <li class="flex flex-col md:flex-row items-center justify-start">
             <div class="flex items-center space-x-2 w-max whitespace-nowrap bg-gray-200 shadow-inner py-0.5 px-1.5 rounded-md">
               <img src="{{ get_url(path='icons/cpu.svg') }}" width="24px">
-              <span class="font-semibold">CPU</span>
+              <span class="font-normal">CPU</span>
             </div>
             <span class="px-2">Any x86_64 CPU from the last 10 years, ARMv7 or ARMv8</span>
           </li>
           <li class="flex flex-col md:flex-row items-center justify-start">
             <div class="flex items-center space-x-2 w-max whitespace-nowrap bg-gray-200 shadow-inner py-0.5 px-1.5 rounded-md">
               <img src="{{ get_url(path='icons/ram.svg') }}" width="24px">
-              <span class="font-semibold">RAM</span>
+              <span class="font-normal">RAM</span>
             </div>
             <span class="px-2">1 GB</span>
           </li>
           <li class="flex flex-col md:flex-row items-center justify-start">
             <div class="flex items-center space-x-2 w-max whitespace-nowrap bg-gray-200 shadow-inner py-0.5 px-1.5 rounded-md">
               <img src="{{ get_url(path='icons/disk.svg') }}" width="24px">
-              <span class="font-semibold">Disk space</span>
+              <span class="font-normal">Disk space</span>
             </div>
             <span class="px-2">At least 16 GB</span>
           </li>
           <li class="flex flex-col md:flex-row items-center justify-start">
             <div class="flex items-center space-x-2 w-max whitespace-nowrap bg-gray-200 shadow-inner py-0.5 px-1.5 rounded-md">
               <img src="{{ get_url(path='icons/network.svg') }}" width="24px">
-              <span class="font-semibold">Network</span>
+              <span class="font-normal">Network</span>
             </div>
             <span class="px-2">200 ms or less, 50 Mbps or more</span>
           </li>
           <li class="flex flex-col items-center md:items-start justify-center">
             <div class="flex items-center space-x-2 w-max whitespace-nowrap bg-gray-200 shadow-inner py-0.5 px-1.5 rounded-md">
               <img src="{{ get_url(path='icons/hardware.svg') }}" width="24px">
-              <span class="font-semibold">Heterogeneous hardware</span>
+              <span class="font-normal">Heterogeneous hardware</span>
             </div>
             <span class="px-2">Build a cluster with whatever second-hand machines are available</span>
           </li>
@@ -146,7 +146,7 @@
           </li>
           <li class="flex items-center justify-start">
             <a href="https://cyberduck.io/" target="_blank" title="Cyberduck">
-              <img class="h-20 w-20" src="{{ get_url(path='images/cyberduck-logo.png') }}" alt="Cyberduck">
+              <img class="w-20" src="{{ get_url(path='images/cyberduck-logo.png') }}" alt="Cyberduck">
             </a>
           </li>
           <li class="flex items-center justify-start">