waku-site/index.html

394 lines
31 KiB
HTML
Raw Normal View History

2021-07-30 06:13:23 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="assets/css/styles.css" rel="stylesheet" />
<title>Waku</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2021-07-30 10:07:00 +00:00
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">
2021-07-30 06:13:23 +00:00
</head>
<body class="font-body">
2021-07-30 13:27:44 +00:00
<header class="relative z-50">
2021-08-02 10:24:46 +00:00
<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>
2021-07-30 13:27:44 +00:00
<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">
2021-07-30 14:49:49 +00:00
<a class="text-gray" href="">
<svg class="w-10 h-10">
<use href="#logo"/>
</svg>
2021-07-30 13:27:44 +00:00
</a>
<nav class="absolute flex items-center justify-end -z-1 top-0 left-0 h-screen w-full bg-blue pt-16 pr-16 md:bg-white md:relative md:h-auto md:p-0 md:justify-center md:z-0">
<ul class="text-right text-white md:flex md:text-gray md:text-center">
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-special font-medium text-2xl md:font-body md:text-xs md:hover:underline md:hover:text-blue" href="">Home</a></li>
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-special font-medium text-2xl md:font-body md:text-xs md:hover:underline md:hover:text-blue" href="">About</a></li>
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-special font-medium text-2xl md:font-body md:text-xs md:hover:underline md:hover:text-blue" href="">Try</a></li>
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-special font-medium text-2xl md:font-body md:text-xs md:hover:underline md:hover:text-blue" href="">Blog</a></li>
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-special font-medium text-2xl md:font-body md:text-xs md:hover:underline md:hover:text-blue" href="">Team</a></li>
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-special font-medium text-2xl md:font-body md:text-xs md:hover:underline md:hover:text-blue" href="">Support</a></li>
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-special font-medium text-2xl md:font-body md:text-xs md:hover:underline md:hover:text-blue" href="">Specs</a></li>
</ul>
</nav>
<div class="hidden md:flex">
<a class="text-gray mr-6 hover:text-blue" href="">
<svg class="fill-current" width="17" height="16" viewBox="0 0 17 16" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.91602 0C13.3343 0 16.916 3.58173 16.916 8C16.916 12.4183 13.3343 16 8.91602 16C4.49774 16 0.916016 12.4183 0.916016 8C0.916016 3.58173 4.49774 0 8.91602 0ZM5.95621 12.2212C5.95621 12.2212 6.35922 11.7728 6.64917 11.3774C5.25253 10.982 4.72597 10.191 4.72597 10.191C6.17809 11.0888 7.53429 11.4343 8.91602 11.3894C10.2977 11.4342 11.6539 11.0888 13.1059 10.191C13.1059 10.191 12.5795 10.982 11.1827 11.3774C11.4728 11.7729 11.8756 12.2212 11.8756 12.2212C13.8349 12.178 14.8134 11.1899 15.1344 10.8657C15.2059 10.7935 15.2448 10.7542 15.2546 10.7658C15.2546 7.50176 13.6699 4.84403 13.6699 4.84403C12.2518 3.82643 10.9304 3.78413 10.6779 3.77885L10.5168 3.93178C12.327 4.43798 13.2026 5.22896 13.2026 5.22896C11.6489 4.47853 10.1845 4.21456 8.91602 4.19875C7.64747 4.21475 6.18322 4.47853 4.62942 5.22896C4.62942 5.22896 5.50501 4.43798 7.31525 3.93178L7.1541 3.77885C6.90162 3.78413 5.58021 3.8263 4.1621 4.84403C4.1621 4.84403 2.57749 7.5017 2.57749 10.7658C2.58728 10.7542 2.62614 10.7935 2.69765 10.8657L2.69766 10.8657C3.01858 11.1898 3.99704 12.178 5.95621 12.2212ZM10.8665 7.49128V7.486C11.4788 7.486 11.973 7.99224 11.973 8.61445C11.973 9.23665 11.4788 9.74293 10.8665 9.74293C10.2541 9.74293 9.75986 9.23669 9.75986 8.61973C9.75986 7.99746 10.2594 7.49128 10.8665 7.49128ZM6.96642 7.49103V7.48575C6.35404 7.48575 5.85986 7.99196 5.85986 8.6142C5.85986 9.23644 6.35407 9.74268 6.96642 9.74268C7.57878 9.74268 8.07302 9.23644 8.07302 8.61948C8.07302 7.99727 7.57343 7.49103 6.96642 7.49103Z" fill="currentColor"/>
</svg>
</a>
<a class="text-gray mr-6 hover:text-blue" href="">
2021-08-02 09:34:22 +00:00
<svg id="twitter" class="fill-current w-5 h-4" viewBox="0 0 19 16" fill="none">
2021-07-30 13:27:44 +00:00
<path d="M18.9673 2.4033C18.296 2.69776 17.5807 2.89294 16.835 2.98771C17.6022 2.52966 18.1877 1.80986 18.463 0.942274C17.7477 1.36874 16.958 1.66997 16.1163 1.83807C15.4371 1.11489 14.4691 0.666992 13.4131 0.666992C11.3643 0.666992 9.71489 2.32997 9.71489 4.36863C9.71489 4.66197 9.73971 4.94402 9.80063 5.21253C6.72402 5.06248 4.00166 3.58792 2.17284 1.34166C1.85355 1.89561 1.66627 2.52966 1.66627 3.21222C1.66627 4.49386 2.32627 5.62997 3.31007 6.28771C2.7155 6.27643 2.13222 6.10381 1.63807 5.83191C1.63807 5.8432 1.63807 5.85786 1.63807 5.87253C1.63807 7.67089 2.92084 9.16463 4.60299 9.50873C4.30176 9.59109 3.97345 9.63058 3.63273 9.63058C3.39581 9.63058 3.15663 9.61704 2.93212 9.5674C3.41161 11.0329 4.77222 12.1104 6.39007 12.1454C5.13099 13.1303 3.53232 13.7237 1.80166 13.7237C1.49817 13.7237 1.20709 13.7102 0.916016 13.6729C2.5553 14.7301 4.49807 15.3337 6.59314 15.3337C13.403 15.3337 17.1261 9.69263 17.1261 4.80299C17.1261 4.6394 17.1204 4.48145 17.1125 4.32463C17.847 3.8034 18.4641 3.15243 18.9673 2.4033Z" fill="currentColor"/>
</svg>
</a>
<a class="text-gray hover:text-blue" href="">
2021-08-02 09:34:22 +00:00
<svg id="github" class="fill-current w-4 h-4" viewBox="0 0 17 16" fill="none">
2021-07-30 13:27:44 +00:00
<path d="M8.91502 0C4.49802 0 0.935345 3.6724 0.959189 8.20264C0.97826 11.826 3.28644 14.9 6.47215 15.9856C6.87255 16.0611 7.01722 15.8079 7.01607 15.5903C7.01505 15.3953 7.00533 14.8795 6.99773 14.1953C4.77534 14.6906 4.29694 13.0954 4.29694 13.0954C3.92895 12.1477 3.40263 11.8955 3.40263 11.8955C2.67295 11.3869 3.454 11.3971 3.454 11.3971C4.25731 11.4553 4.68345 12.2427 4.68345 12.2427C5.40405 13.4958 6.56115 13.1342 7.01604 12.9239C7.08525 12.3938 7.29035 12.0323 7.51827 11.827C5.74117 11.6197 3.86947 10.9161 3.85293 7.77372C3.84822 6.87809 4.15636 6.14585 4.66534 5.57191C4.58125 5.3646 4.30286 4.53024 4.73192 3.40177C4.73192 3.40177 5.40276 3.18118 6.93634 4.24225C7.57339 4.06047 8.25691 3.96958 8.93789 3.96652C9.61691 3.9706 10.3024 4.06047 10.9423 4.24327C12.4638 3.1822 13.1359 3.40279 13.1359 3.40279C13.5779 4.53229 13.3083 5.36562 13.2273 5.57294C13.7434 6.14688 14.0562 6.87911 14.0609 7.77474C14.0775 10.9253 12.2112 11.6187 10.4302 11.8219C10.7186 12.0752 10.9772 12.5756 10.9812 13.3405C10.987 14.4373 10.9817 15.3217 10.9831 15.5903C10.9842 15.8099 11.1296 16.0652 11.5351 15.9845C14.7044 14.8979 16.9783 11.825 16.9592 8.20264C16.9353 3.6724 13.334 0 8.91502 0Z" fill="currentColor"/>
</svg>
</a>
</div>
<div class="flex flex-col justify-center items-center h-8 w-8 md:hidden">
<span class="block bg-gray w-7 h-0.5"></span>
<span class="block bg-gray w-7 h-0.5 my-2"></span>
<span class="block bg-gray w-7 h-0.5"></span>
</div>
2021-07-30 06:13:23 +00:00
</div>
</header>
<main>
<div class="container max-w-screen-xl mx-auto">
2021-07-30 10:07:00 +00:00
<!-- Hero -->
<section class="flex flex-col items-center bg-gray py-8 px-6 md:flex-row md:px-16 py-20 lg:px-32 lg:py-36">
<div class="mb-10 min-w-max md:mb-0 md:mr-12 lg:mr-32">
<img src="./img/symbol-pink.svg" alt="">
</div>
<div class="lg:max-w-2xl">
<h1 class="font-special font-medium text-white text-2xl">
<span class="text-pink font-bold">Waku</span> is a modular, privacy-preserving, peer-to-peer messaging protocol designed for resource restricted devices.
</h1>
2021-07-30 13:27:44 +00:00
<a class="inline-block pl-3 mt-8 text-blue text-xs bg-link-arrow-blue bg-left bg-no-repeat lg:mt-16 hover:underline" href="">Try WAKU</a>
2021-07-30 10:07:00 +00:00
</div>
</section>
<!-- What is waku -->
2021-07-30 13:27:44 +00:00
<section class="bg-pink py-10 px-6 text-gray md:flex md:p-0 lg:mb-32 ">
<div class="flex items-center justify-center md:w-4/12 md:bg-white md:justify-start md:pl-16 lg:pl-32 xl:w-3/12">
2021-07-30 10:07:00 +00:00
<h2 class="font-special font-semibold text-2xl leading-10 md:w-28">What is Waku?</h2>
2021-07-30 06:13:23 +00:00
</div>
2021-07-30 13:27:44 +00:00
<div class="mt-10 md:w-8/12 md:px-16 md:py-11 md:mt-0 lg:px-28 lg:py-20 xl:w-9/12">
2021-07-30 06:13:23 +00:00
<p class="text-sm mb-8 leading-relaxed md:max-w-sm lg:max-w-none">Waku is a fork of the p2p Whisper protocol designed for <b>greater scalability.</b> </p>
<p class="text-sm mb-8 leading-relaxed md:max-w-sm lg:max-w-none">Waku is a gossip based protocol that <b>removes centralized third parties</b> from our messaging and enables private, secure, censorship communication. </p>
<p class="text-sm mb-8 leading-relaxed md:max-w-sm lg:max-w-none">Waku is designed for <b>generalized messaging,</b> enabling both human-to-human or machine-to-machine communication.</p>
2021-07-30 13:27:44 +00:00
<a class="inline-block text-blue text-xs pl-3 bg-link-arrow-blue bg-left bg-no-repeat hover:underline" href="">Learn more about Waku</a>
2021-07-30 06:13:23 +00:00
</div>
</section>
<!-- How it works -->
2021-07-30 10:07:00 +00:00
<section class="py-20 px-6 mb-4 text-gray md:flex md:p-0 lg:mb-32">
2021-07-30 13:27:44 +00:00
<div class="flex items-center justify-center md:justify-start md:w-4/12 md:pl-16 lg:pl-32 xl:w-3/12">
2021-07-30 10:07:00 +00:00
<h2 class="font-special font-semibold leading-10 text-2xl md:w-28">How it works?</h2>
2021-07-30 06:13:23 +00:00
</div>
2021-07-30 13:27:44 +00:00
<div class="mt-10 md:w-8/12 md:pr-16 md:py-11 md:mt-0 lg:py-2 xl:w-9/12">
2021-07-30 06:13:23 +00:00
<p class="text-sm font-bold mb-8 leading-relaxed">Waku implements PubSub over libp2p and adds capabilities on top of it. These capabilities are:</p>
2021-07-30 10:07:00 +00:00
<ul class="text-sm mb-8 leading-relaxed list-decimal pl-4">
<li>Retrieving historical messages for mostly-offline devices.</li>
<li>Adaptive nodes, allowing for heterogeneous nodes to contribute.</li>
<li>Bandwidth preservation for light nodes. This makes it ideal for running a p2p protocol on mobile and in similarly restricted environments.</li>
2021-07-30 06:13:23 +00:00
</ul>
<p class="text-sm mb-8 leading-relaxed md:max-w-sm lg:max-w-none">This makes it ideal for running a p2p protocol on mobile and in similarly restricted environments.</p>
2021-07-30 13:27:44 +00:00
<a class="inline-block text-blue text-xs pl-3 bg-link-arrow-blue bg-left bg-no-repeat hover:underline" href="">Learn more about Waku</a>
2021-07-30 10:07:00 +00:00
</div>
</section>
<section class="grid grid-cols-1 grid-rows-3 gap-y-5 px-6 mb-24 md:px-16 lg:grid-cols-3 lg:grid-rows-1 lg:gap-x-5 lg:mb-32 xl:px-0">
<div class="bg-blue text-white py-12 px-8">
<h2 class="font-special font-bold text-center text-2xl leading-8 mb-6">go work</h2>
<p class="text-sm leading-6">Subset of Waku v2 implemented to facilitate integration with Status mobile app.</p>
2021-07-30 13:27:44 +00:00
<a class="inline-block text-xs pl-3 mt-6 bg-link-arrow-white bg-left bg-no-repeat hover:underline" href="">Install go waku</a>
2021-07-30 10:07:00 +00:00
</div>
<div class="bg-green text-white py-12 px-8">
<h2 class="font-special font-bold text-center text-2xl leading-8 mb-6">nim-waku</h2>
<p class="text-sm leading-6">A nim implementation of the Waku v2 protocol. Reference client and flagship implementation.</p>
2021-07-30 13:27:44 +00:00
<a class="inline-block text-xs pl-3 mt-6 bg-link-arrow-white bg-left bg-no-repeat hover:underline" href="">Install nim-waku</a>
2021-07-30 10:07:00 +00:00
</div>
<div class="bg-gray text-white py-12 px-8">
<h2 class="font-special font-bold text-center text-2xl leading-8 mb-6">js-waku</h2>
<p class="text-sm leading-6">A JS implementation to reach browser environments and optimized for interacting with Dapps.</p>
2021-07-30 13:27:44 +00:00
<a class="inline-block text-xs pl-3 mt-6 bg-link-arrow-white bg-left bg-no-repeat hover:underline" href="">Install js-waku</a>
2021-07-30 10:07:00 +00:00
</div>
</section>
<!-- Run a Waku node -->
<section class="px-6 mb-20 md:px-16 lg:mb-32 xl:px-0">
<div class="flex flex-col items-center text-gray border-b border-gray pb-20 lg:pb-32">
<h2 class="font-special font-semibold text-2xl leading-8 mb-6">Run a Waku node</h2>
<p class="font-semibold text-sm text-center leading-7 max-w-lg">Remove centralized choke points from your communication and help decentralize the Waku Network by running your own node.</p>
2021-07-30 13:27:44 +00:00
<a class="inline-block text-blue text-xs pl-3 mt-7 bg-link-arrow-blue bg-left bg-no-repeat hover:underline" href="">Node Quick Start Guide</a>
2021-07-30 10:07:00 +00:00
</div>
</section>
<!-- Who is using Waku? -->
2021-08-02 10:24:46 +00:00
<section class="px-6 mb-4 lg:flex md:px-16 lg:mb-0 lg:px-0">
2021-07-30 13:27:44 +00:00
<div class="flex items-center justify-center lg:justify-start lg:pl-16 lg:pl-32 lg:w-4/12 xl:w-3/12">
2021-07-30 10:07:00 +00:00
<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>
2021-07-30 13:27:44 +00:00
<div class="grid grid-cols-1 grid-rows-2 gap-y-5 mt-10 md:mt-8 md:grid-cols-2 md:grid-rows-1 md:gap-x-5 lg:mt-0 lg:pr-28 lg:w-8/12 xl:w-9/12">
2021-07-30 10:07:00 +00:00
<div class="flex flex-col items-center bg-pink py-12 px-8 text-gray">
<img src="./img/icon/dapp-logo.svg" alt="">
<h3 class="font-special font-bold text-2xl leading-8 mb-6 mt-10">DApp Connect</h3>
<div>
<p class="text-sm leading-6">The communication layer for Ethereum. A tech stack enabling decentralized communication between DApps and people.</p>
2021-07-30 13:27:44 +00:00
<a class="inline-block text-xs pl-3 mt-6 bg-link-arrow-black bg-left bg-no-repeat hover:underline" href="">Visit DApp Connect</a>
2021-07-30 10:07:00 +00:00
</div>
</div>
<div class="flex flex-col items-center bg-blue py-12 px-8 text-white">
<img src="./img/icon/status-logo.svg" alt="">
<h3 class="font-special font-bold text-2xl leading-8 mb-6 mt-10">Status</h3>
<div>
<p class="text-sm leading-6">Status leverages Waku as the messaging protocol to enable peer-to-peer messaging between people, groups, and communities.</p>
2021-07-30 13:27:44 +00:00
<a class="inline-block text-xs pl-3 mt-6 bg-link-arrow-white bg-left bg-no-repeat hover:underline" href="">Visit Status</a>
2021-07-30 10:07:00 +00:00
</div>
</div>
2021-07-30 06:13:23 +00:00
</div>
</section>
2021-08-02 09:34:22 +00:00
<!-- Team -->
2021-08-02 10:24:46 +00:00
<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>
2021-08-02 09:34:22 +00:00
<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>
<div class="grid grid-cols-2 grid-rows-none gap-x-2.5 gap-y-14 mt-12 md:mt-16 md:grid-cols-3 md:gap-y-20 lg:grid-cols-5 lg:col-start-2 lg:mt-0 lg:pl-32 lg:pr-28">
<div class="hidden lg:block"></div>
<!-- Member -->
<div class="flex flex-col items-center">
<div class="flex justify-center items-center bg-gray rounded-full w-16 h-16 mb-5">
<svg class="w-14 h-14 rounded-full text-white">
<use href="#logo"/>
</svg>
</div>
<h3 class="text-sm text-gray font-semibold text-center">Oskar Thoren</h3>
<div class="flex items-center mt-2">
<a class="inline-block text-gray hover:text-blue" href="">
<svg class="w-6 h-6">
<use href="#twitter"/>
</svg>
</a>
<a class="inline-block text-gray ml-6 hover:text-blue" href="">
<svg class="w-6 h-6">
<use href="#github"/>
</svg>
</a>
</div>
</div>
<!-- Member -->
<div class="flex flex-col items-center">
<div class="flex justify-center items-center bg-gray rounded-full w-16 h-16 mb-5">
<svg class="w-14 h-14 rounded-full text-white">
<use href="#logo"/>
</svg>
</div>
<h3 class="text-sm text-gray font-semibold text-center">Dean Eigenmann</h3>
<div class="flex items-center mt-2">
<a class="inline-block text-gray hover:text-blue" href="">
<svg class="w-6 h-6">
<use href="#twitter"/>
</svg>
</a>
<a class="inline-block text-gray ml-6 hover:text-blue" href="">
<svg class="w-6 h-6">
<use href="#github"/>
</svg>
</a>
</div>
</div>
<!-- Member -->
<div class="flex flex-col items-center">
<div class="flex justify-center items-center bg-gray rounded-full w-16 h-16 mb-5">
<svg class="w-14 h-14 rounded-full text-white">
<use href="#logo"/>
</svg>
</div>
<h3 class="text-sm text-gray font-semibold text-center">Jacek Sieka</h3>
<div class="flex items-center mt-2">
<a class="inline-block text-gray hover:text-blue" href="">
<svg class="w-6 h-6">
<use href="#github"/>
</svg>
</a>
</div>
</div>
<!-- Member -->
<div class="flex flex-col items-center">
<div class="flex justify-center items-center bg-gray rounded-full w-16 h-16 mb-5">
<svg class="w-14 h-14 rounded-full text-white">
<use href="#logo"/>
</svg>
</div>
<h3 class="text-sm text-gray font-semibold text-center">Dimitriy Ryajov</h3>
<div class="flex items-center mt-2">
<a class="inline-block text-gray hover:text-blue" href="">
<svg class="w-6 h-6">
<use href="#twitter"/>
</svg>
</a>
<a class="inline-block text-gray ml-6 hover:text-blue" href="">
<svg class="w-6 h-6">
<use href="#github"/>
</svg>
</a>
</div>
</div>
<!-- Member -->
<div class="flex flex-col items-center">
<div class="flex justify-center items-center bg-gray rounded-full w-16 h-16 mb-5">
<svg class="w-14 h-14 rounded-full text-white">
<use href="#logo"/>
</svg>
</div>
<h3 class="text-sm text-gray font-semibold text-center">Andrea Maria Piana</h3>
<div class="flex items-center mt-2">
<a class="inline-block text-gray hover:text-blue" href="">
<svg class="w-6 h-6">
<use href="#github"/>
</svg>
</a>
</div>
</div>
<!-- Member -->
<div class="flex flex-col items-center">
<div class="flex justify-center items-center bg-gray rounded-full w-16 h-16 mb-5">
<svg class="w-14 h-14 rounded-full text-white">
<use href="#logo"/>
</svg>
</div>
<h3 class="text-sm text-gray font-semibold text-center">Kim De Mey</h3>
<div class="flex items-center mt-2">
<a class="inline-block text-gray hover:text-blue" href="">
<svg class="w-6 h-6">
<use href="#github"/>
</svg>
</a>
</div>
</div>
<!-- Member -->
<div class="flex flex-col items-center">
<div class="flex justify-center items-center bg-gray rounded-full w-16 h-16 mb-5">
<svg class="w-14 h-14 rounded-full text-white">
<use href="#logo"/>
</svg>
</div>
<h3 class="text-sm text-gray font-semibold text-center">Hanno Cornelius</h3>
<div class="flex items-center mt-2">
<a class="inline-block text-gray hover:text-blue" href="">
<svg class="w-6 h-6">
<use href="#github"/>
</svg>
</a>
</div>
</div>
<!-- Member -->
<div class="flex flex-col items-center">
<div class="flex justify-center items-center bg-gray rounded-full w-16 h-16 mb-5">
<svg class="w-14 h-14 rounded-full text-white">
<use href="#logo"/>
</svg>
</div>
<h3 class="text-sm text-gray font-semibold text-center">Sanaz Teheri-Boshrooyeh</h3>
<div class="flex items-center mt-2">
<a class="inline-block text-gray hover:text-blue" href="">
<svg class="w-6 h-6">
<use href="#twitter"/>
</svg>
</a>
<a class="inline-block text-gray ml-6 hover:text-blue" href="">
<svg class="w-6 h-6">
<use href="#github"/>
</svg>
</a>
</div>
</div>
<!-- Member -->
<div class="flex flex-col items-center">
<div class="flex justify-center items-center bg-gray rounded-full w-16 h-16 mb-5">
<svg class="w-14 h-14 rounded-full text-white">
<use href="#logo"/>
</svg>
</div>
<h3 class="text-sm text-gray font-semibold text-center">Corey Petty</h3>
<div class="flex items-center mt-2">
<a class="inline-block text-gray hover:text-blue" href="">
<svg class="w-6 h-6">
<use href="#twitter"/>
</svg>
</a>
<a class="inline-block text-gray ml-6 hover:text-blue" href="">
<svg class="w-6 h-6">
<use href="#github"/>
</svg>
</a>
</div>
</div>
</div>
</section>
2021-07-30 06:13:23 +00:00
</div>
</main>
2021-08-02 09:34:22 +00:00
2021-07-30 14:49:49 +00:00
<footer class="w-full bg-gray text-white">
<div class="flex flex-row flex-wrap justify-between max-w-screen-xl mx-auto p-6 pb-20">
2021-08-02 09:34:22 +00:00
<a class="block text-pink mr-9" href="">
<svg id="logo" class="w-10 h-10" viewBox="0 0 404 404" fill="none">
<path fill-rule="evenodd" d="M165.362 144.624C164.529 144.624 163.815 144.505 162.982 144.268C155.021 142.078 147.099 139.596 139.34 136.934C141.615 144.696 143.735 152.665 145.611 160.746C146.682 165.488 143.827 170.111 139.187 171.415C130.517 173.676 121.712 175.61 112.981 177.265C119.604 183.23 126.216 189.516 132.645 196.072C135.976 199.51 135.976 205.081 132.645 208.519C126.555 214.753 120.202 220.788 113.77 226.563C122.278 228.215 130.853 230.13 139.306 232.348C143.946 233.533 146.801 238.275 145.73 243.017C143.983 250.423 142.033 257.733 139.947 264.875C147.098 262.652 154.37 260.594 161.67 258.782C166.429 257.597 171.188 260.442 172.377 265.065C174.624 273.138 176.6 281.23 178.338 289.21C183.906 283.082 189.71 277.035 195.694 271.23C199.144 267.911 204.735 267.911 208.185 271.23C213.648 276.535 218.923 281.968 223.983 287.43C225.763 280.153 227.747 272.855 229.958 265.658C231.386 261.034 236.263 258.426 240.903 259.73C248.895 261.939 256.766 264.384 264.424 266.973C262.112 259.214 259.987 251.306 258.151 243.372C257.081 238.63 259.936 234.007 264.575 232.822C273.416 230.557 282.275 228.613 290.982 226.944C284.372 221.019 277.842 214.816 271.592 208.401C268.262 204.964 268.262 199.392 271.592 195.954C277.902 189.504 284.39 183.315 290.894 177.436C282.291 175.753 273.543 173.8 264.814 171.533C260.175 170.348 257.319 165.606 258.39 160.864C260.106 153.507 262.072 146.172 264.205 138.959C257.061 141.16 249.745 143.23 242.329 145.098C241.496 145.335 240.783 145.454 240.069 145.454C236.143 145.454 232.574 142.846 231.503 138.934C229.267 130.991 227.305 122.93 225.585 114.915C220.04 120.97 214.227 127.005 208.185 132.888C206.401 134.429 204.14 135.378 201.88 135.378C199.62 135.378 197.36 134.548 195.694 132.888C190.235 127.593 184.928 122.098 179.814 116.525C178.022 123.751 176.027 131.057 173.808 138.341C172.737 142.134 169.168 144.624 165.362 144.624ZM313.784 223.103C305.96 216.527 298.116 209.527 290.627 202.237C298.166 194.87 305.927 187.874 313.6 181.345C355.974 187.702 390.547 187.893 394.722 187.893C394.841 187.893 394.96 187.893 395.079 188.011C400.076 188.011 404.001 184.099 404.001 179.12C404.001 174.141 399.957 170.229 395.079 170.229C394.984 170.22 394.522 170.212 393.724 170.198L393.72 170.198L393.717 170.198C387.798 170.096 363.456 169.675 332.526 165.969C358.134 146.07 379.487 132.887 383.294 130.536C383.662 130.309 383.866 130.183 383.894 130.162C388.177 127.673 389.485 122.22 386.987 117.952C384.489 113.684 379.017 112.38 374.734 114.87C372.976 115.921 342.435 134.194 308.177 162.511C298.298 160.876 288.105 158.89 277.9 156.478C280.058 148.212 282.518 139.995 285.144 131.994C329.244 116.284 362.682 97.9679 364.505 96.9691C368.787 94.5982 370.334 89.1451 367.954 84.8775C365.575 80.6099 360.103 79.0688 355.82 81.4397C355.479 81.6948 329.062 96.1617 292.859 110.183C305.13 77.7213 318.107 52.313 320.468 47.691L320.469 47.6891C320.702 47.234 320.831 46.9809 320.846 46.9431C323.225 42.6755 321.56 37.2224 317.158 34.9701C312.875 32.7177 307.403 34.2588 305.143 38.6449C304.058 40.4463 285.805 75.027 270.889 118.158C262.981 120.829 254.805 123.369 246.493 125.657C244.146 116.439 242.158 107.09 240.476 97.9047C269.616 63.1374 288.486 31.8881 289.556 30.1099C292.055 25.8423 290.627 20.3893 286.463 17.8998C282.181 15.4104 276.708 16.7144 274.21 20.982C273.963 21.3922 259.472 45.3067 236.692 74.1415C231.772 38.1972 231.266 9.53515 231.266 9.12755C231.147 4.26722 227.221 0.355247 222.343 0.355247H222.224C217.228 0.473792 213.302 4.50431 213.421 9.36464C213.421 11.481 214.079 48.9552 221.37 92.7033C215.24 99.7996 208.717 106.954 201.88 113.921C195.904 107.825 190.125 101.496 184.615 95.1357C193.666 50.38 195.295 13.0019 195.451 9.4409L195.459 9.24589C195.697 4.26701 191.771 0.117953 186.894 -0.000591563C182.135 -0.356225 177.853 3.67429 177.615 8.53462C177.606 8.58606 177.586 8.93695 177.551 9.56546L177.551 9.5697L177.55 9.57368L177.55 9.57633C177.233 15.2075 175.673 42.8892 169.748 77.1542C146.153 47.3288 130.28 21.1661 130.026 20.7449C127.409 16.4773 121.937 15.1733 117.773 17.6628C113.609 20.1522 112.182 25.6
2021-07-30 14:49:49 +00:00
</svg>
</a>
2021-08-02 09:34:22 +00:00
<div class="search-input">
2021-07-30 14:49:49 +00:00
<h3 class="text-sm mb-3 font-semibold">Signup for updates</h3>
<form action="">
2021-08-02 09:34:22 +00:00
<div class="flex items-center border-b border-white w-full">
2021-07-30 14:49:49 +00:00
<input class="bg-gray text-xs w-full" type="email" placeholder="your email">
<button class="h-6 w-4 bg-gray bg-link-arrow-white bg-center bg-no-repeat" type="submit"> </button>
</div>
</form>
</div>
<nav class="flex justify-between w-full mt-8 mb-14">
<div>
<h3 class="text-sm mb-3 font-semibold">Resources</h3>
<ul>
<li class="mb-4"><a class="text-sm leading-6" href="">About</a></li>
<li class="mb-4"><a class="text-sm leading-6" href="">FAQ</a></li>
<li class="mb-4"><a class="text-sm leading-6" href="">Specs</a></li>
<li class="mb-4"><a class="text-sm leading-6" href="">Run a node</a></li>
<li class="mb-4"><a class="text-sm leading-6" href="">Blog</a></li>
<li class="mb-4"><a class="text-sm leading-6" href="">Forum</a></li>
<li><a class="text-sm leading-6" href="">Careers</a></li>
</ul>
</div>
<div>
<h3 class="text-sm mb-3 font-semibold">Social</h3>
<ul>
<li class="mb-4"><a class="text-sm leading-6" href="">Twitter</a></li>
<li class="mb-4"><a class="text-sm leading-6" href="">Discord</a></li>
<li><a class="text-sm leading-6" href="">GitHub</a></li>
</ul>
</div>
<div>
<h3 class="text-sm mb-3 font-semibold">Install</h3>
<ul>
<li class="mb-4"><a class="text-sm leading-6" href="">go-waku</a></li>
<li class="mb-4"><a class="text-sm leading-6" href="">min-waku</a></li>
<li><a class="text-sm leading-6" href="">js-waku</a></li>
</ul>
</div>
</nav>
<p class="text-sm leading-6">Waku is a privacy-preserving, peer-to-peer messaging protocol designed for resource restricted devices.</p>
</div>
</footer>
2021-07-30 06:13:23 +00:00
</body>
</html>
2021-08-02 09:34:22 +00:00