html width attributes have no unit

This commit is contained in:
Quentin 2022-02-10 09:15:13 +01:00
parent c15d41fc72
commit d78e41c731
3 changed files with 13 additions and 13 deletions

View file

@ -6,7 +6,7 @@
<div class="flex flex-col items-center justify-center py-12 px-8 md:px-12 xl:px-0"> <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> <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> <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"> <div class="flex items-center justify-center space-x-2 md:space-x-4 py-4">
<a <a
@ -54,11 +54,11 @@
<p class="text-base text-gray-600">Each chunk of data is replicated in 3 zones</p> <p class="text-base text-gray-600">Each chunk of data is replicated in 3 zones</p>
</div> </div>
<div class="flex items-center space-x-2"> <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> <span>Zone (multiple servers)</span>
</div> </div>
<div class="flex items-center space-x-2"> <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> <span>Chunks of data</span>
</div> </div>
</div> </div>
@ -107,35 +107,35 @@
<ul class="text-center list-style-none flex flex-col space-y-2 justify-start py-4"> <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"> <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"> <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> <span class="font-normal">CPU</span>
</div> </div>
<span class="px-2">Any x86_64 CPU from the last 10 years, ARMv7 or ARMv8</span> <span class="px-2">Any x86_64 CPU from the last 10 years, ARMv7 or ARMv8</span>
</li> </li>
<li class="flex flex-col md:flex-row items-center justify-start"> <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"> <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> <span class="font-normal">RAM</span>
</div> </div>
<span class="px-2">1 GB</span> <span class="px-2">1 GB</span>
</li> </li>
<li class="flex flex-col md:flex-row items-center justify-start"> <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"> <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> <span class="font-normal">Disk space</span>
</div> </div>
<span class="px-2">At least 16 GB</span> <span class="px-2">At least 16 GB</span>
</li> </li>
<li class="flex flex-col md:flex-row items-center justify-start"> <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"> <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> <span class="font-normal">Network</span>
</div> </div>
<span class="px-2">200 ms or less, 50 Mbps or more</span> <span class="px-2">200 ms or less, 50 Mbps or more</span>
</li> </li>
<li class="flex flex-col items-center md:items-start justify-center"> <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"> <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> <span class="font-normal">Heterogeneous hardware</span>
</div> </div>
<span class="px-2">Build a cluster with whatever second-hand machines are available</span> <span class="px-2">Build a cluster with whatever second-hand machines are available</span>

View file

@ -3,7 +3,7 @@
{% if social_config.git %} {% if social_config.git %}
<a href="{{ social_config.git }}" target="_blank"> <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"> <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> </span>
</a> </a>
{% endif %} {% endif %}
@ -11,7 +11,7 @@
{% if social_config.email %} {% if social_config.email %}
<a href="mailto:{{ social_config.email }}" target="_blank"> <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"> <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> </span>
</a> </a>
{% endif %} {% endif %}
@ -19,7 +19,7 @@
{% if config.generate_feed %} {% if config.generate_feed %}
<a href="{{ config.base_url }}/{{ config.feed_filename }}" target="_blank"> <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"> <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> </span>
</a> </a>
{% endif %} {% endif %}

View file

@ -3,7 +3,7 @@
<div class="navbar-brand"> <div class="navbar-brand">
<a class="hover:rounded-full hover:bg-white" href="{{config.base_url}}"> <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" <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> </a>
</div> </div>
<input type="checkbox" id="navMenuToggleBtn" value="0"/> <input type="checkbox" id="navMenuToggleBtn" value="0"/>
@ -49,4 +49,4 @@
</div> </div>
</div> </div>
</div> </div>
</nav> </nav>