mirror of https://github.com/vacp2p/waku-site.git
Hero height
This commit is contained in:
parent
6e99dc6b01
commit
cfaccc7d11
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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',
|
||||||
|
|
Loading…
Reference in New Issue