waku-site/index.html

119 lines
7.3 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">
<header class="flex justify-between items-center px-6 py-4 bg-white">
<a href="">
<img src="./img/logo.svg" alt="">
</a>
<div class="flex flex-col justify-center items-center h-8 w-8">
<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>
</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>
<a class="inline-block pl-3 mt-8 text-blue text-xs 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">
2021-07-30 06:13:23 +00:00
<div class="flex items-center justify-center md:w-4/12 md:bg-white md:justify-start md:pl-16 lg:pl-32">
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 10:07:00 +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">
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 10:07:00 +00:00
<a class="inline-block text-blue text-xs pl-3 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 06:13:23 +00:00
<div class="flex items-center justify-center md:justify-start md:w-4/12 md:pl-16 lg:pl-32">
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 10:07:00 +00:00
<div class="mt-10 md:w-8/12 md:pr-16 md:py-11 md:mt-0 lg:py-2">
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 10:07:00 +00:00
<a class="inline-block text-blue text-xs pl-3 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 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 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 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 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-32 lg:px-0">
<div class="flex items-center justify-center lg:justify-start lg:pl-16 lg:pl-32 lg:w-4/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">
<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 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 hover:underline" href="">Visit Status</a>
</div>
</div>
2021-07-30 06:13:23 +00:00
</div>
</section>
</div>
</main>
</body>
</html>