Hero height

This commit is contained in:
Pawel 2021-08-30 12:00:58 +02:00
parent 6e99dc6b01
commit cfaccc7d11
5 changed files with 11 additions and 9 deletions

View File

@ -62,9 +62,9 @@
<main class="pt-18 md:pt-26"> <main class="pt-18 md:pt-26">
<!-- Hero --> <!-- Hero -->
<section class="bg-pink w-full"> <section class="bg-pink w-full">
<div class="relative container max-w-screen-xl mx-auto md:px-16 lg:px-0"> <div class="relative container max-w-screen-xl mx-auto md:h-98 md:px-16 lg:px-0">
<a class="absolute top-4 left-8 hidden text-sm italic underline text-gray mt-6 hover:underline lg:no-underline lg:flex lg:items-center xl:left-0" href="javascript:history.back();"><span class="block bg-link-arrow-black bg-left bg-no-repeat w-1.5 h-2 mr-1.5 transform rotate-180"></span>Back</a> <a class="absolute top-4 left-8 hidden text-sm italic underline text-gray mt-6 hover:underline lg:no-underline lg:flex lg:items-center xl:left-0" href="javascript:history.back();"><span class="block bg-link-arrow-black bg-left bg-no-repeat w-1.5 h-2 mr-1.5 transform rotate-180"></span>Back</a>
<div class="flex flex-col px-6 py-20 md:px-0 lg:py-30 lg:flex-row"> <div class="flex flex-col px-6 py-20 md:px-0 md:py-0 md:pt-30 lg:flex-row">
<div class="mb-10 md:mb-6 lg:w-4/12 lg:pl-32"> <div class="mb-10 md:mb-6 lg:w-4/12 lg:pl-32">
<h1 class="text-2xl text-gray font-semibold text-center lg:max-w-2xl lg:text-left">About</h1> <h1 class="text-2xl text-gray font-semibold text-center lg:max-w-2xl lg:text-left">About</h1>
</div> </div>

View File

@ -60,9 +60,9 @@
<main class="pt-18 md:pt-26"> <main class="pt-18 md:pt-26">
<!-- Hero --> <!-- Hero -->
<section class="bg-green w-full"> <section class="bg-green w-full">
<div class="relative container max-w-screen-xl mx-auto md:px-16 lg:px-0"> <div class="relative container max-w-screen-xl mx-auto md:h-98 md:px-16 lg:px-0">
<a class="absolute top-4 left-8 hidden text-sm italic underline text-white mt-6 hover:underline lg:no-underline lg:flex lg:items-center xl:left-0" href="javascript:history.back();"><span class="block bg-link-arrow-white bg-left bg-no-repeat w-1.5 h-2 mr-1.5 transform rotate-180"></span>Back</a> <a class="absolute top-4 left-8 hidden text-sm italic underline text-white mt-6 hover:underline lg:no-underline lg:flex lg:items-center xl:left-0" href="javascript:history.back();"><span class="block bg-link-arrow-white bg-left bg-no-repeat w-1.5 h-2 mr-1.5 transform rotate-180"></span>Back</a>
<div class="flex flex-col px-6 py-20 lg:pt-30 lg:pb-56 md:px-0 lg:flex-row"> <div class="flex flex-col px-6 py-20 md:px-0 md:py-0 md:pt-30 lg:flex-row">
<div class="mb-10 md:mb-6 lg:w-4/12 lg:pl-32"> <div class="mb-10 md:mb-6 lg:w-4/12 lg:pl-32">
<h1 class="text-2xl text-white font-semibold text-center lg:max-w-2xl lg:text-left">Blog</h1> <h1 class="text-2xl text-white font-semibold text-center lg:max-w-2xl lg:text-left">Blog</h1>
</div> </div>

View File

@ -60,8 +60,8 @@
<main class="pt-18 md:pt-26"> <main class="pt-18 md:pt-26">
<!-- Hero --> <!-- Hero -->
<section class="bg-pink w-full"> <section class="bg-pink w-full">
<div class="relative container max-w-screen-xl mx-auto md:px-16 lg:px-0"> <div class="relative container max-w-screen-xl mx-auto md:h-98 md:px-16 lg:px-0">
<div class="flex flex-col px-6 py-20 md:px-0 lg:py-30 lg:flex-row"> <div class="flex flex-col px-6 py-20 md:px-0 md:py-0 md:pt-28 lg:flex-row">
<div class="mb-10 md:mb-6 lg:w-4/12 lg:pl-32"> <div class="mb-10 md:mb-6 lg:w-4/12 lg:pl-32">
<div class="w-full h-full block"></div> <div class="w-full h-full block"></div>
</div> </div>

View File

@ -62,15 +62,16 @@
<main class="pt-18 md:pt-26"> <main class="pt-18 md:pt-26">
<!-- Hero --> <!-- Hero -->
<section class="bg-blue w-full"> <section class="bg-blue w-full">
<div class="relative container max-w-screen-xl mx-auto md:px-16 lg:px-0"> <div class="relative container max-w-screen-xl mx-auto md:h-98 md:px-16 lg:px-0">
<a class="absolute top-4 left-8 hidden text-sm italic underline text-white mt-6 hover:underline lg:no-underline lg:flex lg:items-center xl:left-0" href="javascript:history.back();"><span class="block bg-link-arrow-white bg-left bg-no-repeat w-1.5 h-2 mr-1.5 transform rotate-180"></span>Back</a> <a class="absolute top-4 left-8 hidden text-sm italic underline text-white mt-6 hover:underline lg:no-underline lg:flex lg:items-center xl:left-0" href="javascript:history.back();"><span class="block bg-link-arrow-white bg-left bg-no-repeat w-1.5 h-2 mr-1.5 transform rotate-180"></span>Back</a>
<div class="flex flex-col px-6 py-20 md:px-0 lg:flex-row lg:py-30"> <div class="flex flex-col px-6 py-20 md:px-0 md:py-0 md:pt-30 lg:flex-row">
<div class="mb-10 md:mb-6 lg:w-4/12 lg:pl-32 xl:pl-32"> <div class="mb-10 md:mb-6 lg:w-4/12 lg:pl-32 xl:pl-32">
<h1 class="text-2xl text-white font-semibold text-center lg:max-w-2xl lg:text-left">Run a node</h1> <h1 class="text-2xl text-white font-semibold text-center lg:max-w-2xl lg:text-left">Run a node</h1>
</div> </div>
<div class="lg:w-8/12"> <div class="lg:w-8/12">
<div class="lg:w-3/4"> <div class="lg:w-3/4">
<p class="text-base text-white font-semibold">By running your own node you provide additional nodes for the Status community. We encourage anyone to publish the enode addresses of their nodes for others to use. We also recommend running them as a permanent service or a docker container, so that it keeps running after system restart or a runtime node error.</p> <p class="text-base text-white font-semibold mb-5 md:mb-9">By running your own node you provide additional nodes for the Status community. We encourage anyone to publish the enode addresses of their nodes for others to use.</p>
<p class="text-base text-white font-semibold">We also recommend running them as a permanent service or a docker container, so that it keeps running after system restart or a runtime node error.</p>
</div> </div>
</div> </div>
</div> </div>

View File

@ -56,6 +56,7 @@ module.exports = {
height: theme => ({ height: theme => ({
'18': '4.5rem', '18': '4.5rem',
'26': '6.5rem', '26': '6.5rem',
'98': '24.5rem',
}), }),
maxWidth: theme => ({ maxWidth: theme => ({
'14-5r': '14.5rem', '14-5r': '14.5rem',