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

Rename DappConnect to WakuConnect (#16)

This commit is contained in:
F 2021-12-20 15:22:55 +11:00 committed by GitHub
parent aebcd01c8b
commit 3f38a91641
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -1,6 +1,6 @@
# Description # Description
This repository is the source for https://docs.dappconnect.dev/. This repository is the source for https://wakuconnect.dev/.
It is built with [Gulp](https://gulpjs.com/) and styled with [TailWind](https://tailwindcss.com/). It is built with [Gulp](https://gulpjs.com/) and styled with [TailWind](https://tailwindcss.com/).

4
package.json
View File

@ -1,7 +1,7 @@
{ {
"name": "@dappconnect/dappconnect.dev", "name": "@waku/wakuconnect.dev",
"version": "1.0.0", "version": "1.0.0",
"description": "DappConnect - landing page", "description": "WakuConnect - landing page",
"license": "MIT", "license": "MIT",
"main": "src/index.html", "main": "src/index.html",
"scripts": { "scripts": {

42
src/index.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="./css/styles.css" rel="stylesheet" /> <link href="./css/styles.css" rel="stylesheet" />
<title>DappConnect</title> <title>WakuConnect</title>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
@ -33,12 +33,12 @@
<nav class="mb-auto"> <nav class="mb-auto">
<ul class="md:flex"> <ul class="md:flex">
<li class="items-center menu-item relative mb-8 cursor-pointer md:flex md:m-0 md:py-2"> <li class="items-center menu-item relative mb-8 cursor-pointer md:flex md:m-0 md:py-2">
<a class="inline-block font-special font-bold text-xs mb-4 md:m-0" href="https://docs.dappconnect.dev/">Docs</a> <a class="inline-block font-special font-bold text-xs mb-4 md:m-0" href="https://docs.wakuconnect.dev/">Docs</a>
<img class="hidden transform duration-200 rotate-90 ml-2 md:block" src="assets/images/arrow/arrow-black.svg" alt=""> <img class="hidden transform duration-200 rotate-90 ml-2 md:block" src="assets/images/arrow/arrow-black.svg" alt="">
<ul class="bg-rectangle102 md:absolute md:top-full md:left-2/4 md:transform md:-translate-x-2/4 md:p-4 md:shadow md:hidden"> <ul class="bg-rectangle102 md:absolute md:top-full md:left-2/4 md:transform md:-translate-x-2/4 md:p-4 md:shadow md:hidden">
<li class="mb-4 md:my-0 md:mb-4"><a class="font-special font-medium text-xs whitespace-nowrap hover:text-blue hover:underline" href="https://docs.dappconnect.dev/docs/quick_start/">Quick Start</a></li> <li class="mb-4 md:my-0 md:mb-4"><a class="font-special font-medium text-xs whitespace-nowrap hover:text-blue hover:underline" href="https://docs.wakuconnect.dev/docs/quick_start/">Quick Start</a></li>
<li class="mb-4"><a class="font-special font-medium text-xs whitespace-nowrap hover:text-blue hover:underline" href="https://docs.dappconnect.dev/docs/guides/">Guides</a></li> <li class="mb-4"><a class="font-special font-medium text-xs whitespace-nowrap hover:text-blue hover:underline" href="https://docs.wakuconnect.dev/docs/guides/">Guides</a></li>
<li class="mb-4"><a class="font-special font-medium text-xs whitespace-nowrap hover:text-blue hover:underline" href="https://docs.dappconnect.dev/">Docs</a></li> <li class="mb-4"><a class="font-special font-medium text-xs whitespace-nowrap hover:text-blue hover:underline" href="https://docs.wakuconnect.dev/">Docs</a></li>
<li><a class="font-special font-medium text-xs whitespace-nowrap hover:text-blue hover:underline" href="https://github.com/status-im/?q=dappconnect&type=&language=&sort=">GitHub</a></li> <li><a class="font-special font-medium text-xs whitespace-nowrap hover:text-blue hover:underline" href="https://github.com/status-im/?q=dappconnect&type=&language=&sort=">GitHub</a></li>
</ul> </ul>
</li> </li>
@ -57,7 +57,7 @@
</ul> </ul>
</li> </li>
</ul> </ul>
<a href="https://docs.dappconnect.dev/docs/quick_start/" class="border border-rectangle97 font-bold text-xs py-3 px-6 md:hidden">Get Started</a> <a href="https://docs.wakuconnect.dev/docs/quick_start/" class="border border-rectangle97 font-bold text-xs py-3 px-6 md:hidden">Get Started</a>
</nav> </nav>
<div class="flex items-center justify-center mt-6 md:hidden"> <div class="flex items-center justify-center mt-6 md:hidden">
<a href=""> <a href="">
@ -78,7 +78,7 @@
</div> </div>
</div> </div>
</div> </div>
<a href="https://docs.dappconnect.dev/docs/quick_start/" class="hidden border border-rectangle97 font-bold text-xs py-3 px-6 transition-colors duration-200 hover:bg-rectangle97 hover:text-rectangle102 md:block ">Get Started</a> <a href="https://docs.wakuconnect.dev/docs/quick_start/" class="hidden border border-rectangle97 font-bold text-xs py-3 px-6 transition-colors duration-200 hover:bg-rectangle97 hover:text-rectangle102 md:block ">Get Started</a>
<button id="burger" class="relative flex flex-col justify-center items-center w-12 h-12 md:hidden"> <button id="burger" class="relative flex flex-col justify-center items-center w-12 h-12 md:hidden">
<span id="line-top" class="block w-6 h-0.5 bg-rectangle97"></span> <span id="line-top" class="block w-6 h-0.5 bg-rectangle97"></span>
<span id="line-middle" class="block w-6 h-0.5 bg-rectangle97 my-1.5"></span> <span id="line-middle" class="block w-6 h-0.5 bg-rectangle97 my-1.5"></span>
@ -92,8 +92,8 @@
<section class="py-10 mb-10 border-b border-grey md:pl-20 lg:flex lg:justify-center lg:py-26 lg:mb-26"> <section class="py-10 mb-10 border-b border-grey md:pl-20 lg:flex lg:justify-center lg:py-26 lg:mb-26">
<div class="max-w-lg md:max-w-2xl"> <div class="max-w-lg md:max-w-2xl">
<h1 class="text-title md:text-3.5xl">Empower your dApp with decentralized communication</h1> <h1 class="text-title md:text-3.5xl">Empower your dApp with decentralized communication</h1>
<p class="text-sm italic my-8 opacity-75 max-w-31 sm:pr-7">DappConnect seamlessly enhances your project with off-chain communication for decentralized, private, and secure messaging.</p> <p class="text-sm italic my-8 opacity-75 max-w-31 sm:pr-7">WakuConnect seamlessly enhances your project with off-chain communication for decentralized, private, and secure messaging.</p>
<a class="text-blue text-xs font-bold italic bg-link-arrow-blue bg-left bg-no-repeat pl-3 hover:underline" href="https://docs.dappconnect.dev/" >See the docs</a> <a class="text-blue text-xs font-bold italic bg-link-arrow-blue bg-left bg-no-repeat pl-3 hover:underline" href="https://docs.wakuconnect.dev/" >See the docs</a>
</div> </div>
</section> </section>
<!-- Grid section --> <!-- Grid section -->
@ -103,7 +103,7 @@
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<img src="assets/images/photo1.svg" alt="Private and Secure by Design"> <img src="assets/images/photo1.svg" alt="Private and Secure by Design">
<h3 class="font-bold text-sm text-center leading-6 my-4">Private and secure by design</h3> <h3 class="font-bold text-sm text-center leading-6 my-4">Private and secure by design</h3>
<p class="text-sm text-center leading-6 opacity-75">DappConnect leverages peer-to-peer messaging protocols and strong end-to-end encryption to protect your users.</p> <p class="text-sm text-center leading-6 opacity-75">WakuConnect leverages peer-to-peer messaging protocols and strong end-to-end encryption to protect your users.</p>
</div> </div>
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<img src="assets/images/photo2.svg" alt="Decentralized Messaging"> <img src="assets/images/photo2.svg" alt="Decentralized Messaging">
@ -113,16 +113,16 @@
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<img src="assets/images/photo3.svg" alt="dApp Ready"> <img src="assets/images/photo3.svg" alt="dApp Ready">
<h3 class="font-bold text-sm text-center leading-6 my-4">dApp ready</h3> <h3 class="font-bold text-sm text-center leading-6 my-4">dApp ready</h3>
<p class="text-sm text-center leading-6 opacity-75">Optimized for mobile and web platforms, DappConnect can be used by any project built on Ethereum or other blockchains.</p> <p class="text-sm text-center leading-6 opacity-75">Optimized for mobile and web platforms, WakuConnect can be used by any project built on Ethereum or other blockchains.</p>
</div> </div>
</div> </div>
</section> </section>
<!-- section code --> <!-- section code -->
<section id="sectionCode" class="border-b border-grey pb-10 mb-10 md:border-0 lg:border-b lg:flex lg:justify-between lg:px-28 lg:pb-25 lg:mb-25"> <section id="sectionCode" class="border-b border-grey pb-10 mb-10 md:border-0 lg:border-b lg:flex lg:justify-between lg:px-28 lg:pb-25 lg:mb-25">
<div class="mb-11 md:mb-15 lg:max-w-xs"> <div class="mb-11 md:mb-15 lg:max-w-xs">
<h2 class="font-bold text-sm leading-6 whitespace-nowrap mb-4">Get started with DappConnect in minutes</h2> <h2 class="font-bold text-sm leading-6 whitespace-nowrap mb-4">Get started with WakuConnect in minutes</h2>
<p class="text-sm leading-6 italic opacity-75 mb-7">The simple API allows you to introduce decentralized, private, secure communication to your application in minutes.</p> <p class="text-sm leading-6 italic opacity-75 mb-7">The simple API allows you to introduce decentralized, private, secure communication to your application in minutes.</p>
<a class="text-blue text-xs font-bold italic bg-link-arrow-blue bg-left bg-no-repeat pl-3 hover:underline" href="https://docs.dappconnect.dev/docs/quick_start/" >Get started</a> <a class="text-blue text-xs font-bold italic bg-link-arrow-blue bg-left bg-no-repeat pl-3 hover:underline" href="https://docs.wakuconnect.dev/docs/quick_start/" >Get started</a>
<h1 class="testArea"></h1> <h1 class="testArea"></h1>
</div> </div>
<div id="code" class="bg-rectangle97 p-4 md:px-8 lg:max-w-code lg:w-full lg:p-8 lg:h-96"> <div id="code" class="bg-rectangle97 p-4 md:px-8 lg:max-w-code lg:w-full lg:p-8 lg:h-96">
@ -178,7 +178,7 @@
<section class="border-b border-grey pb-10 mb-10 md:pb-20 md:mb-20 lg:flex lg:justify-between lg:px-28 lg:pb-25 lg:mb-25"> <section class="border-b border-grey pb-10 mb-10 md:pb-20 md:mb-20 lg:flex lg:justify-between lg:px-28 lg:pb-25 lg:mb-25">
<div class="mb-11 md:mb-5 lg:max-w-xs lg:mb-0 lg:mr-15"> <div class="mb-11 md:mb-5 lg:max-w-xs lg:mb-0 lg:mr-15">
<h2 class="font-bold text-sm leading-6 whitespace-nowrap mb-4">Use Cases</h2> <h2 class="font-bold text-sm leading-6 whitespace-nowrap mb-4">Use Cases</h2>
<p class="text-sm leading-6 italic opacity-75 mb-7">Anything that can be done off-chain can be done with DappConnect. Here are just a few examples.</p> <p class="text-sm leading-6 italic opacity-75 mb-7">Anything that can be done off-chain can be done with WakuConnect. Here are just a few examples.</p>
<a class="text-blue text-xs font-bold italic bg-link-arrow-blue bg-left bg-no-repeat pl-3 hover:underline" href="">Get inspired, view more use cases</a> <a class="text-blue text-xs font-bold italic bg-link-arrow-blue bg-left bg-no-repeat pl-3 hover:underline" href="">Get inspired, view more use cases</a>
</div> </div>
<div class="grid gap-4 w-full sm:grid-cols-2 md:gap-x-6"> <div class="grid gap-4 w-full sm:grid-cols-2 md:gap-x-6">
@ -210,7 +210,7 @@
<div class="grid grid-cols-1 gap-6 mb-20 md:grid-cols-3 xl:gap-26"> <div class="grid grid-cols-1 gap-6 mb-20 md:grid-cols-3 xl:gap-26">
<div> <div>
<h3 class="font-bold text-sm leading-6 whitespace-nowrap mb-5 md:text-center xl:text-left">Tools, Docs, and Libraries</h3> <h3 class="font-bold text-sm leading-6 whitespace-nowrap mb-5 md:text-center xl:text-left">Tools, Docs, and Libraries</h3>
<p class="text-sm leading-6 opacity-75 md:text-center xl:text-left">DappConnect provides you with everything you need to facilitate the usage of Waku in dApps.</p> <p class="text-sm leading-6 opacity-75 md:text-center xl:text-left">WakuConnect provides you with everything you need to facilitate the usage of Waku in dApps.</p>
</div> </div>
<div> <div>
<h3 class="font-bold text-sm leading-6 whitespace-nowrap mb-5 md:text-center xl:text-left">SDKs</h3> <h3 class="font-bold text-sm leading-6 whitespace-nowrap mb-5 md:text-center xl:text-left">SDKs</h3>
@ -231,8 +231,8 @@
<path d="M65.1678 54.0029C59.7468 50.9157 54.5283 47.9628 49.1748 44.9204C49.1748 51.0276 49.1748 56.9334 49.1748 63.0854C54.4833 60.0653 59.7018 57.1124 65.1678 54.0029Z" fill="currentColor"/> <path d="M65.1678 54.0029C59.7468 50.9157 54.5283 47.9628 49.1748 44.9204C49.1748 51.0276 49.1748 56.9334 49.1748 63.0854C54.4833 60.0653 59.7018 57.1124 65.1678 54.0029Z" fill="currentColor"/>
</svg> </svg>
<div> <div>
<h2 class="font-bold text-sm leading-6 mt-6 mb-5 md:mt-0">Use DappConnect for decentralized communications now</h2> <h2 class="font-bold text-sm leading-6 mt-6 mb-5 md:mt-0">Use WakuConnect for decentralized communications now</h2>
<a class="text-rectangle97 text-xs font-bold italic bg-link-arrow-black bg-left bg-no-repeat pl-3 hover:underline" href="https://docs.dappconnect.dev/docs/quick_start/">Get started</a> <a class="text-rectangle97 text-xs font-bold italic bg-link-arrow-black bg-left bg-no-repeat pl-3 hover:underline" href="https://docs.wakuconnect.dev/docs/quick_start/">Get started</a>
</div> </div>
</div> </div>
</section> </section>
@ -288,15 +288,15 @@
<svg class="w-8 h-8 text-rectangle102"> <svg class="w-8 h-8 text-rectangle102">
<use href="#logo"/> <use href="#logo"/>
</svg> </svg>
<p class="text-sm text-rectangle102 leading-6 opacity-75 ml-10">DappConnect <br> Empower your dApp with <br> decentralized communication</p> <p class="text-sm text-rectangle102 leading-6 opacity-75 ml-10">WakuConnect <br> Empower your dApp with <br> decentralized communication</p>
</div> </div>
<div class="flex flex-wrap justify-between md:w-full xl:max-w-xl"> <div class="flex flex-wrap justify-between md:w-full xl:max-w-xl">
<div class="text-rectangle102 w-1/2 sm:w-auto md:w-24"> <div class="text-rectangle102 w-1/2 sm:w-auto md:w-24">
<h3 class="text-sm leading-6 mb-5">Developers</h3> <h3 class="text-sm leading-6 mb-5">Developers</h3>
<ul> <ul>
<li class="mb-3.5"><a class="text-sm leading-6 opacity-75 hover:underline hover:opacity-100" href="https://docs.dappconnect.dev/docs/quick_start/">Quick Starts</a></li> <li class="mb-3.5"><a class="text-sm leading-6 opacity-75 hover:underline hover:opacity-100" href="https://docs.wakuconnect.dev/docs/quick_start/">Quick Starts</a></li>
<li class="mb-3.5"><a class="text-sm leading-6 opacity-75 hover:underline hover:opacity-100" href="https://docs.dappconnect.dev/">Docs</a></li> <li class="mb-3.5"><a class="text-sm leading-6 opacity-75 hover:underline hover:opacity-100" href="https://docs.wakuconnect.dev/">Docs</a></li>
<li><a class="text-sm leading-6 opacity-75 hover:underline hover:opacity-100" href="https://docs.dappconnect.dev/docs/guides/">Guides</a></li> <li><a class="text-sm leading-6 opacity-75 hover:underline hover:opacity-100" href="https://docs.wakuconnect.dev/docs/guides/">Guides</a></li>
</ul> </ul>
</div> </div>
<div class="text-rectangle102 w-1/2 sm:w-auto md:w-24 sm:order-3 xl:w-auto"> <div class="text-rectangle102 w-1/2 sm:w-auto md:w-24 sm:order-3 xl:w-auto">