mirror of
https://github.com/waku-org/waku.org.git
synced 2025-02-23 03:08:16 +00:00
Home hero
This commit is contained in:
parent
ead18ee367
commit
d7120f0d05
19500
package-lock.json
generated
Normal file
19500
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
3
src/assets/images/arrow/arrow-pink.svg
Normal file
3
src/assets/images/arrow/arrow-pink.svg
Normal 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
1257808
src/css/style.min.css
vendored
File diff suppressed because it is too large
Load Diff
@ -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>
|
||||
|
@ -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',
|
||||
|
Loading…
x
Reference in New Issue
Block a user