Update download layout

This commit is contained in:
Luke 2021-01-28 13:08:10 +01:00
parent 51c72bc480
commit a64c046368

View file

@ -204,20 +204,13 @@ redirect_from:
<h2 id="downloads" class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center"> <h2 id="downloads" class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
Download Download
</h2> </h2>
<p class="text-md opacity-55"> <div class="mx-auto pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
Easy install. Easy uninstall. <img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
</p> Portmaster is Alpha Software, treat as such; expect bugs here and there. Early Adopters welcome.
</div> </div>
<div>
<div class="text-center lg:text-left lg:inline-flex items-center mt-16 mb-16 spn-shadow p-10 rounded-lg">
<div class="flex items-center justify-center pl-2 md:pl-0 h-12 md:w-12 w-auto mr-auto ml-auto">
<img src="{{ site.img_url }}icons/warning.svg" class="h-8 w-8">
</div> </div>
<p class="pt-5 lg:pt-0 md:pl-10 md:pr-10 text-sm opacity-75"> <div class="py-10">
The Portmaster is still in its early "alpha" development stage. While some features might still have bugs, it runs quite stable and can easily be uninstalled again. We'll push updates and fixes as we go. Limited support is available, see below. <div class="pb-6 pt-2 block grid lg:flex lg:grid-cols-3 gap-10 justify-center">
</p>
</div>
<div class="py-10 block grid lg:flex lg:grid-cols-3 gap-10 justify-center">
<a href="{{ site.download_windows_url }}" class="flex items-center"> <a href="{{ site.download_windows_url }}" class="flex items-center">
<button type="button" style="background-color: #000;" class="mx-auto transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase"> <button type="button" style="background-color: #000;" class="mx-auto transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
<svg class="h-4 w-4 mr-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88"> <svg class="h-4 w-4 mr-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88">
@ -251,8 +244,7 @@ redirect_from:
</button> </button>
</a> </a>
</div> </div>
<p style="color: #727272;" class="pt-6 max-w-lg mx-auto text-center font-medium text-sm">
<p style="color: #727272;" class="pt-3 max-w-lg mx-auto text-center font-medium">
Please report technical issues on the <a class="link" href="{{ site.github_windows_wiki_url }}">Windows 7, 8</a> Please report technical issues on the <a class="link" href="{{ site.github_windows_wiki_url }}">Windows 7, 8</a>
and or <a class="link" href="{{ site.github_linux_wiki_url }}">Linux 2.4+</a> and or <a class="link" href="{{ site.github_linux_wiki_url }}">Linux 2.4+</a>
</p> </p>