html width attributes have no width #5

Merged
lx merged 1 commit from pic-width into master 2022-04-08 09:40:12 +00:00
3 changed files with 13 additions and 13 deletions
Showing only changes of commit d78e41c731 - Show all commits

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">
<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>

View file

@ -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 %}

View file

@ -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"/>