html width attributes have no unitpic-width

1 files changed, 8 insertions, 8 deletions

diff --git a/templates/index.html b/templates/index.html
index 9b292e7..ab80207 100755
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,7 +6,7 @@
 
     <div class="flex flex-col items-center justify-center py-12 px-8 md:px-12 xl:px-0">
       <h1 class="hidden">{{config.extra.organization.name}}</h1>
-      <img src="{{ config.extra.organization.logo }}" width="220px" alt="{{config.extra.organization.name}}"/>
+      <img src="{{ config.extra.organization.logo }}" width="220" alt="{{config.extra.organization.name}}"/>
       <p class="text-gray-500 leading-10 pt-4 text-xl text-center">{{ config.extra.organization.description }}</p>
       <div class="flex items-center justify-center space-x-2 md:space-x-4 py-4">
         <a
@@ -54,11 +54,11 @@
             <p class="text-base text-gray-600">Each chunk of data is replicated in 3 zones</p>
           </div>
           <div class="flex items-center space-x-2">
-            <img class="select-none" src="{{ get_url(path='icons/servers.svg') }}" width="48px">
+            <img class="select-none" src="{{ get_url(path='icons/servers.svg') }}" width="48">
             <span>Zone (multiple servers)</span>
           </div>
           <div class="flex items-center space-x-2">
-            <img class="select-none" src="{{ get_url(path='icons/datachunks.svg') }}" width="48px">
+            <img class="select-none" src="{{ get_url(path='icons/datachunks.svg') }}" width="48">
             <span>Chunks of data</span>
           </div>
       </div>
@@ -107,35 +107,35 @@
         <ul class="text-center list-style-none flex flex-col space-y-2 justify-start py-4">
           <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">
+              <img src="{{ get_url(path='icons/cpu.svg') }}" width="24">
               <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">
+              <img src="{{ get_url(path='icons/ram.svg') }}" width="24">
               <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">
+              <img src="{{ get_url(path='icons/disk.svg') }}" width="24">
               <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">
+              <img src="{{ get_url(path='icons/network.svg') }}" width="24">
               <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">
+              <img src="{{ get_url(path='icons/hardware.svg') }}" width="24">
               <span class="font-normal">Heterogeneous hardware</span>
             </div>
             <span class="px-2">Build a cluster with whatever second-hand machines are available</span>