html width attributes have no unitpic-width

3 files changed, 13 insertions, 13 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>
diff --git a/templates/macros.html b/templates/macros.html
index dc65140..493bfb4 100755
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -3,7 +3,7 @@
     {% if social_config.git %}
       <a href="{{ social_config.git }}" target="_blank">
         <span class="h-10 w-10 bg-white hover:shadow-xl rounded-full shadow flex items-center justify-center" title="Git">
-          <img src="{{get_url(path='icons/git.svg')}}" width="24px" alt="">
+          <img src="{{get_url(path='icons/git.svg')}}" width="24" alt="">
         </span>
       </a>
     {% endif %}
@@ -11,7 +11,7 @@
     {% if social_config.email %}
       <a href="mailto:{{ social_config.email }}" target="_blank">
         <span class="h-10 w-10 bg-white hover:shadow-xl rounded-full shadow flex items-center justify-center" title="Contact">
-          <img src="{{get_url(path='icons/contact.svg')}}" width="24px" alt="">
+          <img src="{{get_url(path='icons/contact.svg')}}" width="24" alt="">
         </span>
       </a>
     {% endif %}
@@ -19,7 +19,7 @@
     {% if config.generate_feed %}
       <a href="{{ config.base_url }}/{{ config.feed_filename }}" target="_blank">
         <span class="h-10 w-10 bg-white hover:shadow-xl rounded-full shadow flex items-center justify-center" title="RSS Feed">
-          <img src="{{get_url(path='icons/rss.svg')}}" width="24px" alt="">
+          <img src="{{get_url(path='icons/rss.svg')}}" width="24" alt="">
         </span>
       </a>
     {% endif %}
diff --git a/templates/partials/shared/nav.html b/templates/partials/shared/nav.html
index 6231f19..b28dcae 100644
--- a/templates/partials/shared/nav.html
+++ b/templates/partials/shared/nav.html
@@ -3,7 +3,7 @@
         <div class="navbar-brand">
             <a class="hover:rounded-full hover:bg-white" href="{{config.base_url}}">
                 <img class="px-2  transform duration-150 focus:bg-white hover:bg-white hover:shadow rounded-lg"
-                    src="{{ config.extra.organization.logo_horizontal }}" width="120px">
+                    src="{{ config.extra.organization.logo_horizontal }}" width="120">
             </a>
         </div>
         <input type="checkbox" id="navMenuToggleBtn" value="0"/>
@@ -49,4 +49,4 @@
             </div>
         </div>
     </div>
-</nav>
\ No newline at end of file
+</nav>