mirror of https://github.com/vacp2p/waku-site.git
394 lines
31 KiB
HTML
394 lines
31 KiB
HTML
<!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>
|
|
<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">
|
|
</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">
|
|
<use href="#logo"/>
|
|
</svg>
|
|
</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="">
|
|
<svg id="twitter" class="fill-current w-5 h-4" viewBox="0 0 19 16" fill="none">
|
|
<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="">
|
|
<svg id="github" class="fill-current w-4 h-4" viewBox="0 0 17 16" fill="none">
|
|
<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>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<div class="container max-w-screen-xl mx-auto">
|
|
<!-- 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>
|
|
<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>
|
|
</div>
|
|
</section>
|
|
<!-- What is waku -->
|
|
<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">
|
|
<h2 class="font-special font-semibold text-2xl leading-10 md:w-28">What is Waku?</h2>
|
|
</div>
|
|
<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">
|
|
<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>
|
|
<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>
|
|
</div>
|
|
</section>
|
|
<!-- How it works -->
|
|
<section class="py-20 px-6 mb-4 text-gray md:flex md:p-0 lg:mb-32">
|
|
<div class="flex items-center justify-center md:justify-start md:w-4/12 md:pl-16 lg:pl-32 xl:w-3/12">
|
|
<h2 class="font-special font-semibold leading-10 text-2xl md:w-28">How it works?</h2>
|
|
</div>
|
|
<div class="mt-10 md:w-8/12 md:pr-16 md:py-11 md:mt-0 lg:py-2 xl:w-9/12">
|
|
<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>
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</div>
|
|
</section>
|
|
<!-- Who is using Waku? -->
|
|
<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>
|
|
<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">
|
|
<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>
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Team -->
|
|
<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>
|
|
<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>
|
|
</div>
|
|
</main>
|
|
|
|
<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">
|
|
<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.6052 114.68 29.8729C114.721 29.9392 114.786 30.0442 114.874 30.1867C117.283 34.0998 137.077 66.2425 165.303 99.9511C163.525 108.098 161.494 116.408 159.175 124.708C150.161 121.973 141.219 118.878 132.565 115.614C117.845 72.5155 100.677 39.9563 99.6914 38.1713C97.4311 33.9037 92.0777 32.2441 87.6761 34.4964C83.2744 36.8673 81.6089 42.2018 83.9882 46.588C83.9938 46.599 84.014 46.6379 84.0484 46.704C85.0391 48.6089 97.7885 73.1209 110.373 106.661C76.7014 92.2342 51.5677 77.7734 51.1565 77.5276C46.8738 75.0381 41.4015 76.5792 39.0222 80.7283C36.524 84.9959 37.9516 90.4489 42.2343 92.9384C44.0082 93.999 76.7315 112.786 118.266 129.156C121.125 137.935 123.831 147.065 126.22 156.36C116.004 158.711 105.626 160.635 95.4823 162.208C63.352 135.747 34.6583 118.15 30.0699 115.336C29.7897 115.164 29.5993 115.048 29.5036 114.987C25.221 112.498 19.7486 113.802 17.2504 118.07C14.7522 122.337 16.0608 127.79 20.3435 130.28C20.7416 130.518 43.2031 144.032 70.8561 165.456C36.1391 169.282 9.00155 169.282 8.92226 169.282C3.9258 169.519 0 173.312 0 178.172C0 183.033 3.9258 187.063 8.8033 187.063H9.27915C13.9124 187.063 48.9296 186.878 90.0962 181.038C97.9427 187.692 105.891 194.833 113.611 202.355C106.314 209.458 98.6844 216.281 91.0661 222.703C47.7611 216.324 11.1069 216.202 8.92226 216.463C3.9258 216.463 0 220.493 0 225.354C0 230.214 4.04476 234.244 9.04123 234.244C9.7574 234.244 36.9812 234.351 71.6286 238.323C43.8701 259.641 20.5041 273.717 20.1055 273.956C15.8228 276.445 14.5142 281.898 17.0125 286.166C18.678 288.892 21.6521 290.433 24.6261 290.433C26.2916 290.433 27.8382 289.959 29.2657 289.248L29.3907 289.171L29.5682 289.063L29.5807 289.055C33.3728 286.736 63.5851 268.262 96.1184 241.666C106.052 243.254 116.209 245.182 126.22 247.521C124.047 255.826 121.623 264 119.064 271.911C78.3129 286.657 45.3059 304.291 40.306 306.962C40.0258 307.112 39.8336 307.214 39.7329 307.267C35.4502 309.638 33.9037 315.091 36.2829 319.358C38.6622 323.626 44.1345 325.167 48.4172 322.796C48.4334 322.788 48.5104 322.747 48.6464 322.674C51.3578 321.222 77.5018 307.218 111.424 293.854C98.3619 328.961 84.7713 354.991 83.6978 357.047L83.6548 357.13L83.6313 357.175C81.371 361.443 82.9176 366.896 87.3192 369.148C88.6278 369.859 90.0554 370.215 91.4829 370.215C94.6949 370.215 97.788 368.437 99.4535 365.473C100.457 363.656 118.311 329.997 133.343 285.756C141.238 283.043 149.345 280.487 157.507 278.223C159.9 287.607 161.929 296.997 163.651 306.147C135.253 340.384 115.742 372.481 114.68 374.245C112.182 378.513 113.609 383.966 117.773 386.455C119.319 387.404 120.866 387.759 122.413 387.759C125.387 387.759 128.361 386.218 130.026 383.373C130.19 383.047 145.129 358.444 167.543 329.762C172.752 366.249 173.21 394.341 173.21 394.753C173.329 399.613 177.255 403.525 182.132 403.525C187.129 403.406 191.054 399.376 190.935 394.634C190.935 392.587 190.332 355.991 182.63 311.288C188.734 304.152 195.185 297.027 201.88 290.197C207.94 296.355 213.75 302.662 219.256 308.947C210.506 353.491 208.886 392.291 208.784 394.726L208.783 394.753C208.545 399.732 212.471 403.762 217.348 403.999H217.705C222.464 403.999 226.508 400.206 226.627 395.583C226.636 395.537 226.66 395.14 226.701 394.419L226.702 394.415L226.702 394.412C227.049 388.438 228.681 360.403 234.273 326.891C256.468 354.609 271.321 378.496 273.834 382.538L273.835 382.538L273.835 382.539L273.947 382.719C274.02 382.837 274.079 382.931 274.122 382.999C274.171 383.078 274.201 383.124 274.21 383.136C276.708 387.404 282.299 388.708 286.463 386.218C290.746 383.729 292.055 378.276 289.556 374.008C288.463 372.192 268.809 339.575 238.611 303.951C240.347 295.798 242.33 287.548 244.591 279.409C253.756 282.175 262.746 285.242 271.383 288.443C286.05 330.473 303.571 363.853 304.547 365.71C306.094 368.674 309.187 370.452 312.399 370.452C313.826 370.452 315.254 370.096 316.562 369.385C320.845 367.133 322.511 361.798 320.25 357.412C320.245 357.401 320.226 357.364 320.192 357.3C319.209 355.401 306.199 330.276 293.572 297.231C327.891 311.671 352.516 325.867 352.848 326.115C357.13 328.605 362.603 327.182 365.101 322.915C367.599 318.647 366.171 313.194 361.889 310.705C360.096 309.633 328.116 291.132 285.488 274.62C282.596 265.904 279.888 256.915 277.542 247.877C287.946 245.459 298.35 243.478 308.426 241.854C342.104 269.365 373.232 288.09 374.972 289.13C376.518 290.079 378.065 290.434 379.611 290.434C382.585 290.434 385.56 288.893 387.225 286.048C389.723 281.781 388.296 276.328 384.132 273.838C383.814 273.68 360.594 259.681 332.946 238.47C366.426 234.585 392.083 234.481 394.603 234.481H394.84C399.718 234.481 403.763 230.451 403.763 225.59C403.763 220.73 399.718 216.7 394.84 216.7C394.669 216.708 394.204 216.714 393.468 216.725C386.32 216.824 353.53 217.281 313.784 223.103Z" fill="currentColor"/>
|
|
</svg>
|
|
</a>
|
|
<div class="search-input">
|
|
<h3 class="text-sm mb-3 font-semibold">Signup for updates</h3>
|
|
<form action="">
|
|
<div class="flex items-center border-b border-white w-full">
|
|
<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>
|
|
</body>
|
|
</html>
|
|
|
|
|