vacp2p
/
waku-site
mirror of https://github.com/vacp2p/waku-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Team logo

This commit is contained in:
Pawel 2021-08-02 12:24:46 +02:00
parent 61d7770b8e
commit d1466b724d
4 changed files with 1263 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1240
assets/css/styles.css
View File

File diff suppressed because it is too large Load Diff

6
img/branch.svg Normal file
View File

@ -0,0 +1,6 @@
<svg width="9" height="12" viewBox="0 0 9 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="7" cy="4" r="1.5" stroke="white"/>
<circle cx="2" cy="2" r="1.5" stroke="white"/>
<path d="M2 3.5V8.5C3.5 7.5 7 8.7 7 5.5" stroke="white"/>
<circle cx="2" cy="10" r="1.5" fill="white" stroke="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 314 B

17
index.html
View File

@ -11,6 +11,14 @@
</head>
<body class="font-body">
<header class="relative z-50">
<div class="bg-gray ">
<div class="max-w-screen-md mx-auto flex justify-between items-center py-1">
<p class="text-xs text-white bg-branch bg-left bg-no-repeat pl-3">master</p>
<p class="text-xs text-white">v2.0.0</p>
<p class="text-xs text-white">last update: Deploy latest stack to include Inter 3.3</p>
</div>
</div>
<div class="max-w-screen-xl flex justify-between items-center mx-auto px-6 py-4 bg-white md:py-8 lg:px-0">
<a class="text-gray" href="">
<svg class="w-10 h-10">
@ -121,7 +129,7 @@
</div>
</section>
<!-- Who is using Waku? -->
<section class="px-6 mb-4 lg:flex md:px-16 lg:mb-32 lg:px-0">
<section class="px-6 mb-4 lg:flex md:px-16 lg:mb-0 lg:px-0">
<div class="flex items-center justify-center lg:justify-start lg:pl-16 lg:pl-32 lg:w-4/12 xl:w-3/12">
<h2 class="font-special text-center text-gray font-semibold text-2xl leading-10 lg:w-40 lg:text-left">Who is using Waku?</h2>
</div>
@ -145,7 +153,12 @@
</div>
</section>
<!-- Team -->
<section class="px-6 mb-16 mt-44 md:mb-28 md:mt-64 md:px-16 lg:mb-32 lg:px-0">
<section class="relative px-6 mb-16 pt-44 md:mb-28 md:pt-64 md:px-16 lg:pt-48 lg:mb-32 lg:px-0">
<div class="absolute top-0 left-2/4 transform -translate-x-2/4 overflow-x-hidden md:top-20 lg:top-5 lg:-left-9 lg:translate-x-0">
<svg class="w-96 h-96 text-grayLight">
<use href="#logo"/>
</svg>
</div>
<div class="flex items-center justify-center lg:justify-start lg:pl-16 lg:pl-32 lg:-mb-3">
<h2 class="font-special text-center text-gray font-semibold text-2xl leading-10 lg:w-40 lg:text-left">Team</h2>
</div>

2
tailwind.config.js
View File

@ -13,6 +13,7 @@ module.exports = {
green: '#18B088',
pink: '#FDB4C4',
gray: '#242424',
grayLight: 'rgba(21, 21, 18, 0.02)'
},
screens: {
'none': '100%',
@ -28,6 +29,7 @@ module.exports = {
'link-arrow-black': "url('/img/arrow/arrow-black.svg')",
'link-arrow-blue': "url('/img/arrow/arrow-blue.svg')",
'link-arrow-white': "url('/img/arrow/arrow-white.svg')",
'branch': "url('/img/branch.svg')",
}),
zIndex: {
'-1':'-1',