Home hero

This commit is contained in:
Paweł Rzepiński 2021-11-15 11:30:58 +01:00
parent ead18ee367
commit d7120f0d05
6 changed files with 1278085 additions and 874 deletions

19500
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,3 @@
<svg width="7" height="9" viewBox="0 0 7 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.273438 0.5L0.273438 8.5L6.27344 4.5L0.273438 0.5Z" fill="#FDB4C4"/>
</svg>

After

Width:  |  Height:  |  Size: 179 B

1257808
src/css/style.min.css vendored

File diff suppressed because it is too large Load Diff

View File

@ -58,7 +58,7 @@
</header>
<main class="pt-18 md:pt-26">
<!-- Hero -->
<section class="bg-pink w-full">
<section class="bg-gray w-full">
<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 md:py-0 md:pt-28 lg:flex-row">
<div class="mb-10 md:mb-6 lg:w-4/12 lg:pl-32">
@ -66,8 +66,8 @@
</div>
<div class="lg:w-8/12">
<div class="lg:w-3/4">
<h1 class="text-32 text-black max-w-2xl">Waku is the communication layer for Web3. Private, secure, decentralized and runs anywhere.</h1>
<a class="inline-block pl-3 mt-8 text-blue text-sm italic underline bg-link-arrow-blue bg-left bg-no-repeat lg:no-underline lg:mt-16 hover:underline" href="/node.html">Try Waku</a>
<h1 class="text-32 text-white max-w-2xl">Waku is the communication layer for Web3. Private, secure, decentralized and runs anywhere.</h1>
<a class="inline-block pl-3 mt-8 text-pink text-sm italic underline bg-link-arrow-pink bg-left bg-no-repeat lg:no-underline lg:mt-16 hover:underline" href="/node.html">Try Waku</a>
</div>
</div>
</div>

View File

@ -35,12 +35,13 @@ module.exports = {
},
extend: {
backgroundImage: theme => ({
'link-arrow-black': "url('../assets/images/arrow/arrow-black.svg')",
'link-arrow-blue': "url('../assets/images/arrow/arrow-blue.svg')",
'link-arrow-white': "url('../assets/images/arrow/arrow-white.svg')",
'branch': "url('../assets/images/branch.svg')",
'eye-open-black': "url('../assets/images/icon/eye-open-black.svg')",
'eye-close-white': "url('../assets/images/icon/eye-close-white.svg')",
'link-arrow-black': "url('/assets/images/arrow/arrow-black.svg')",
'link-arrow-blue': "url('/assets/images/arrow/arrow-blue.svg')",
'link-arrow-white': "url('/assets/images/arrow/arrow-white.svg')",
'link-arrow-pink': "url('/assets/images/arrow/arrow-pink.svg')",
'branch': "url('/assets/images/branch.svg')",
'eye-open-black': "url('/assets/images/icon/eye-open-black.svg')",
'eye-close-white': "url('/assets/images/icon/eye-close-white.svg')",
}),
borderWidth: theme => ({
'thin': '.25px',

1629
yarn.lock

File diff suppressed because it is too large Load Diff