mirror of https://github.com/vacp2p/waku-site.git
Links style
This commit is contained in:
Pawel
parent
2b1317ee8e
commit
0877a96827
14
about.html
14
about.html
File diff suppressed because one or more lines are too long
24
index.html
24
index.html
|
|
@ -76,7 +76,7 @@
|
|||
<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="/node.html">Try WAKU</a>
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
<!-- What is waku -->
|
||||
|
|
@ -88,7 +88,7 @@
|
|||
<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>
|
||||
<a class="inline-block text-blue text-sm underline italic pl-3 bg-link-arrow-blue bg-left bg-no-repeat lg:no-underline hover:underline" href="">Learn more about Waku</a>
|
||||
</div>
|
||||
</section>
|
||||
<!-- How it works -->
|
||||
|
|
@ -104,7 +104,7 @@
|
|||
<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>
|
||||
<a class="inline-block text-blue text-sm italic underline pl-3 bg-link-arrow-blue bg-left bg-no-repeat lg:no-underline hover:underline" href="">Learn more about Waku</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
@ -112,17 +112,17 @@
|
|||
<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>
|
||||
<a class="inline-block text-sm underline italic pl-3 mt-6 bg-link-arrow-white bg-left bg-no-repeat lg:no-underline 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>
|
||||
<a class="inline-block text-sm italic underline pl-3 mt-6 bg-link-arrow-white bg-left bg-no-repeat lg:no-underline 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>
|
||||
<a class="inline-block text-sm underline italic pl-3 mt-6 bg-link-arrow-white bg-left bg-no-repeat lg:no-underline hover:underline" href="">Install js-waku</a>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Run a Waku node -->
|
||||
|
|
@ -130,7 +130,7 @@
|
|||
<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>
|
||||
<a class="inline-block text-blue text-sm underline italic pl-3 mt-7 bg-link-arrow-blue bg-left bg-no-repeat lg:no-underline hover:underline" href="">Node Quick Start Guide</a>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Who is using Waku? -->
|
||||
|
|
@ -144,7 +144,7 @@
|
|||
<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>
|
||||
<a class="inline-block text-sm underline italic pl-3 mt-6 bg-link-arrow-black bg-left bg-no-repeat lg:no-underline hover:underline" href="">Visit DApp Connect</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col items-center bg-blue py-12 px-8 text-white">
|
||||
|
|
@ -152,7 +152,7 @@
|
|||
<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>
|
||||
<a class="inline-block text-sm underline italic pl-3 mt-6 bg-link-arrow-white bg-left bg-no-repeat lg:no-underline hover:underline" href="">Visit Status</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -362,7 +362,7 @@
|
|||
<nav class="flex justify-between w-full mt-8 mb-14 order-3 md:order-4 md:my-0 xl:order-3 xl:pl-14">
|
||||
<div>
|
||||
<h3 class="text-sm mb-3 font-semibold">Resources</h3>
|
||||
<ul class="grid grid-cols-1 md:grid-cols-2 md:gap-x-6">
|
||||
<ul class="grid grid-cols-1 text-white70 md:grid-cols-2 md:gap-x-6">
|
||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="/about.html">About</a></li>
|
||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="">FAQ</a></li>
|
||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="">Specs</a></li>
|
||||
|
|
@ -374,7 +374,7 @@
|
|||
</div>
|
||||
<div>
|
||||
<h3 class="text-sm mb-3 font-semibold">Social</h3>
|
||||
<ul>
|
||||
<ul class="text-white70">
|
||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="">Twitter</a></li>
|
||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="">Discord</a></li>
|
||||
<li><a class="text-sm leading-6 hover:underline hover:text-blue" href="">GitHub</a></li>
|
||||
|
|
@ -382,7 +382,7 @@
|
|||
</div>
|
||||
<div>
|
||||
<h3 class="text-sm mb-3 font-semibold">Install</h3>
|
||||
<ul>
|
||||
<ul class="text-white70">
|
||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="">go-waku</a></li>
|
||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="">min-waku</a></li>
|
||||
<li><a class="text-sm leading-6 hover:underline hover:text-blue" href="">js-waku</a></li>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@ module.exports = {
|
|||
},
|
||||
colors: {
|
||||
white: '#fff',
|
||||
white70: 'rgba(255, 255, 255, 0.7)',
|
||||
black: '#000',
|
||||
blue: '#3A71F9',
|
||||
blue02: '#8AAFF9',
|
||||
|
|
|
|||
Loading…
Reference in New Issue