mirror of https://github.com/waku-org/waku.org.git
Migrate to acid-info (#14)
This commit is contained in:
Franck R
GitHub
parent
648936b9ba
commit
5207ab6350
|
|
@ -0,0 +1,18 @@
|
||||||
|
{
|
||||||
|
"version": "0.2",
|
||||||
|
"language": "en",
|
||||||
|
"words": [
|
||||||
|
"deplatforming",
|
||||||
|
"libp2p",
|
||||||
|
"monospace",
|
||||||
|
"nwaku",
|
||||||
|
"permissionless",
|
||||||
|
"proto",
|
||||||
|
"Protobuf",
|
||||||
|
"sidenav",
|
||||||
|
"supercrypto",
|
||||||
|
"RAILGUN",
|
||||||
|
"unlinkability",
|
||||||
|
"Waku"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,24 @@
|
||||||
|
name: Checks
|
||||||
|
|
||||||
|
on:
|
||||||
|
push:
|
||||||
|
branches:
|
||||||
|
- 'develop'
|
||||||
|
- 'master'
|
||||||
|
pull_request:
|
||||||
|
|
||||||
|
jobs:
|
||||||
|
yarn_test:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
steps:
|
||||||
|
- name: Checkout code
|
||||||
|
uses: actions/checkout@v2.3.3
|
||||||
|
|
||||||
|
- name: Install NodeJS
|
||||||
|
uses: actions/setup-node@v2
|
||||||
|
|
||||||
|
- name: Yarn install
|
||||||
|
run: yarn install --frozen-lockfile
|
||||||
|
|
||||||
|
- name: Test
|
||||||
|
run: yarn test
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
name: Vercel webhook
|
||||||
|
on:
|
||||||
|
push:
|
||||||
|
branches: [ develop ]
|
||||||
|
jobs:
|
||||||
|
deployment:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
steps:
|
||||||
|
- name: Calling webhook
|
||||||
|
uses: fjogeleit/http-request-action@v1
|
||||||
|
with:
|
||||||
|
url: ${{ secrets.VERCEL_WEBHOOK_STAGING }}
|
||||||
|
method: 'POST'
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
name: Vercel webhook
|
||||||
|
on:
|
||||||
|
push:
|
||||||
|
branches: [ master ]
|
||||||
|
jobs:
|
||||||
|
deployment:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
steps:
|
||||||
|
- name: Calling webhook
|
||||||
|
uses: fjogeleit/http-request-action@v1
|
||||||
|
with:
|
||||||
|
url: ${{ secrets.VERCEL_WEBHOOK_PRODUCTION }}
|
||||||
|
method: 'POST'
|
||||||
|
|
@ -1,4 +1,3 @@
|
||||||
.DS_Store
|
.DS_Store
|
||||||
node_modules
|
.idea
|
||||||
/dist
|
/node_modules/
|
||||||
.idea
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
RewriteEngine on
|
|
||||||
|
|
||||||
RewriteCond %{REQUEST_FILENAME} !-d
|
|
||||||
RewriteCond %{REQUEST_FILENAME}.html -f
|
|
||||||
RewriteRule ^(.*)$ $1.html [NC,L]
|
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
#!/usr/bin/env sh
|
||||||
|
. "$(dirname -- "$0")/_/husky.sh"
|
||||||
|
|
||||||
|
npx lint-staged
|
||||||
|
npm run test
|
||||||
49
README.md
49
README.md
|
|
@ -1,25 +1,46 @@
|
||||||
# Description
|
# Waku.org
|
||||||
|
|
||||||
Website to Waku protocol developed by [Vac Team](https://vac.dev/).
|
## Description
|
||||||
|
|
||||||
# Development
|
Content of https://waku.org website.
|
||||||
|
|
||||||
Install the dependencies:
|
## Practical notes
|
||||||
```bash
|
|
||||||
yarn install
|
- Please keep this repo clean and for markdown content ONLY
|
||||||
|
- In case you have any issue with rendering, how website looks, etc,
|
||||||
|
please file an issue on [logos website builder](https://github.com/acid-info/logos-site-builder).
|
||||||
|
|
||||||
|
## Continuous Integration
|
||||||
|
|
||||||
|
- `develop` branch is pushed to [dev.waku.org](https://dev.waku.org) via GitHub Action.
|
||||||
|
- `master` branch is pushed to [waku.org](https://waku.org) via GitHub Action.
|
||||||
|
|
||||||
|
## Format & spelling checks
|
||||||
|
|
||||||
|
Format and spelling checks are done via npm commands.
|
||||||
|
|
||||||
|
Installation:
|
||||||
|
|
||||||
|
```shell
|
||||||
|
yarn
|
||||||
```
|
```
|
||||||
Start the development server:
|
|
||||||
```bash
|
This will automatically install a git hook to format and check spelling at commit time.
|
||||||
yarn run devel
|
You can also trigger the commands manually:
|
||||||
|
|
||||||
|
Fix format:
|
||||||
|
|
||||||
|
```shell
|
||||||
|
yarn fix
|
||||||
```
|
```
|
||||||
Go to [http://localhost:4000](http://localhost:4000) to view the page.
|
|
||||||
|
|
||||||
# Continuous Integration
|
Check spelling and format:
|
||||||
|
|
||||||
- `develop` branch is pushed to [dev.waku.org](https://dev.waku.org) via [this CI Job](https://ci.status.im/job/website/job/dev.waku.org/)
|
```shell
|
||||||
- `master` branch is pushed to [waku.org](https://waku.org) via [this CI Job](https://ci.status.im/job/website/job/waku.org/)
|
yarn check
|
||||||
|
```
|
||||||
|
|
||||||
# Change Process
|
## Change Process
|
||||||
|
|
||||||
1. Create a new working branch from `develop`: `git checkout develop; git checkout -b my-changes`,
|
1. Create a new working branch from `develop`: `git checkout develop; git checkout -b my-changes`,
|
||||||
2. Proceed with changes, push to `origin` and open a Pull Request against `develop`,
|
2. Proceed with changes, push to `origin` and open a Pull Request against `develop`,
|
||||||
|
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
theme: jekyll-theme-slate
|
|
||||||
|
|
@ -0,0 +1,83 @@
|
||||||
|
---
|
||||||
|
title: About
|
||||||
|
category: page
|
||||||
|
---
|
||||||
|
|
||||||
|
# About
|
||||||
|
|
||||||
|
Communication today is rife with third party interference.
|
||||||
|
From censorship and deplatforming, to rent seeking intermediaries, to the misuse of data in the surveillance economy.
|
||||||
|
|
||||||
|
Waku is designed to place control of communication back into the hands of the individual.
|
||||||
|
|
||||||
|
## Motivation and goals
|
||||||
|
|
||||||
|
### Privacy
|
||||||
|
|
||||||
|
These applications have a desire for some privacy guarantees, such as pseudonymity, metadata protection in transit, etc.
|
||||||
|
|
||||||
|
### Peer-to-Peer
|
||||||
|
|
||||||
|
These applications sometimes have requirements that make them suitable for peer-to-peer solutions.
|
||||||
|
|
||||||
|
### Generalized messaging
|
||||||
|
|
||||||
|
Many applications require some form of messaging protocol to communicate between different subsystems or different nodes.
|
||||||
|
This messaging can be human-to-human or machine-to-machine or a mix.
|
||||||
|
|
||||||
|
### Resource restricted
|
||||||
|
|
||||||
|
These applications often run in constrained environments,
|
||||||
|
where resources or the environment is restricted in some fashion.
|
||||||
|
E.g.:
|
||||||
|
|
||||||
|
- limited bandwidth, CPU, memory, disk, battery, etc.,
|
||||||
|
- not being publicly connectable,
|
||||||
|
- only being intermittently connected; mostly-offline.
|
||||||
|
|
||||||
|
## History
|
||||||
|
|
||||||
|
Waku v1 was a fork of Whisper with some added tweaks for efficiency.
|
||||||
|
Waku v2 is a completely redesigned suite of protocols designed to address the goals set out above.
|
||||||
|
|
||||||
|
```mermaid
|
||||||
|
%%{init: { 'logLevel': 'debug', 'theme': 'base', 'gitGraph': {'showBranches': true, 'showCommitLabel':true,'mainBranchName': 'HISTORY'}} }%%
|
||||||
|
gitGraph
|
||||||
|
commit id:"2013"
|
||||||
|
commit id:"2015" tag:"R&D"
|
||||||
|
commit id:"2018" tag:"R&D" type: HIGHLIGHT
|
||||||
|
branch v1
|
||||||
|
checkout v1
|
||||||
|
commit id:"2020" tag:"release"
|
||||||
|
checkout HISTORY
|
||||||
|
merge v1
|
||||||
|
branch v2
|
||||||
|
checkout v2
|
||||||
|
commit id:"2021" tag:"release"
|
||||||
|
checkout HISTORY
|
||||||
|
merge v2
|
||||||
|
commit id:"🔥"
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
|
### 2013
|
||||||
|
|
||||||
|
Ethereum White Paper was introduced with the Holy Trinity,
|
||||||
|
consisting of Ethereum for consensus, Swarm for decentralized storage, and Whisper for p2p messaging.
|
||||||
|
|
||||||
|
### 2015-2018
|
||||||
|
|
||||||
|
R&D of Whisper was slow to follow progress of the Ethereum EVM and Swarm without a dedicated team building out the protocol.
|
||||||
|
|
||||||
|
### 2018
|
||||||
|
|
||||||
|
With little progress made on Whisper and significant scalability concerns growing,
|
||||||
|
Vac was formed to conduct R&D on more scalable p2p messaging.
|
||||||
|
|
||||||
|
### 2020
|
||||||
|
|
||||||
|
Waku v1 was introduced as the messaging protocol in Status, replacing Whisper.
|
||||||
|
|
||||||
|
### 2021
|
||||||
|
|
||||||
|
Waku v2 replaces Waku v1.
|
||||||
|
|
@ -1,56 +0,0 @@
|
||||||
pipeline {
|
|
||||||
agent { label 'linux' }
|
|
||||||
|
|
||||||
options {
|
|
||||||
disableConcurrentBuilds()
|
|
||||||
/* manage how many builds we keep */
|
|
||||||
buildDiscarder(logRotator(
|
|
||||||
numToKeepStr: '20',
|
|
||||||
daysToKeepStr: '30',
|
|
||||||
))
|
|
||||||
}
|
|
||||||
|
|
||||||
environment {
|
|
||||||
GIT_AUTHOR_NAME = 'status-im-auto'
|
|
||||||
GIT_AUTHOR_EMAIL = 'auto@status.im'
|
|
||||||
/* Dev site deployment. */
|
|
||||||
DEV_SITE = 'dev.waku.org'
|
|
||||||
DEV_HOST = 'jenkins@node-01.do-ams3.sites.misc.statusim.net'
|
|
||||||
SCP_OPTS = 'StrictHostKeyChecking=no'
|
|
||||||
}
|
|
||||||
|
|
||||||
stages {
|
|
||||||
stage('Deps') {
|
|
||||||
steps {
|
|
||||||
sh 'yarn install'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
stage('Build') {
|
|
||||||
steps {
|
|
||||||
sh 'yarn run build'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
stage('Publish Prod') {
|
|
||||||
when { expression { env.GIT_BRANCH ==~ /.*master/ } }
|
|
||||||
steps {
|
|
||||||
sshagent(credentials: ['status-im-auto-ssh']) {
|
|
||||||
sh 'yarn run deploy'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
stage('Publish Devel') {
|
|
||||||
when { expression { !(env.GIT_BRANCH ==~ /.*master/) } }
|
|
||||||
steps {
|
|
||||||
sshagent(credentials: ['jenkins-ssh']) {
|
|
||||||
sh """
|
|
||||||
rsync -e 'ssh -o ${SCP_OPTS}' -r --delete dist/. \
|
|
||||||
${env.DEV_HOST}:/var/www/${env.DEV_SITE}/
|
|
||||||
"""
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
25
ci/deploy.js
25
ci/deploy.js
|
|
@ -1,25 +0,0 @@
|
||||||
const { promisify } = require('util')
|
|
||||||
const { publish } = require('gh-pages')
|
|
||||||
const ghpublish = promisify(publish)
|
|
||||||
|
|
||||||
/* fix for "Unhandled promise rejections" */
|
|
||||||
process.on('unhandledRejection', err => { throw err })
|
|
||||||
|
|
||||||
const distDir = 'dist'
|
|
||||||
const branch = 'gh-pages'
|
|
||||||
const org = 'vacp2p'
|
|
||||||
const repo = 'waku.org'
|
|
||||||
const repoUrl = `git@github.com:${org}/${repo}.git`
|
|
||||||
|
|
||||||
const main = async (url, branch)=> {
|
|
||||||
console.log(`Pushing to: ${url}`)
|
|
||||||
console.log(`On branch: ${branch}`)
|
|
||||||
await ghpublish(distDir, {
|
|
||||||
repo: url,
|
|
||||||
branch: branch,
|
|
||||||
dotfiles: true,
|
|
||||||
silent: false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
main(repoUrl, branch)
|
|
||||||
|
|
@ -0,0 +1,94 @@
|
||||||
|
{
|
||||||
|
"theme": {
|
||||||
|
"palettes": {
|
||||||
|
"dark": {
|
||||||
|
"background": "#1F1E42",
|
||||||
|
"text": "#F3DDC3",
|
||||||
|
"accentActive": "#7187FF",
|
||||||
|
"accentMute": "#49445C"
|
||||||
|
},
|
||||||
|
"light": {
|
||||||
|
"background": "#F3DDC3",
|
||||||
|
"text": "#1F1E42",
|
||||||
|
"accentActive": "#7187FF",
|
||||||
|
"accentMute": "#C9B7A9"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"fontFamily": "monospace",
|
||||||
|
"codeTheme": "prism/duotone-dark"
|
||||||
|
},
|
||||||
|
"template": "default",
|
||||||
|
"static_assets_folder": "static-assets",
|
||||||
|
"navigation": {
|
||||||
|
"home": "main.md",
|
||||||
|
"fileOrdersInSidenav": [
|
||||||
|
"main.md",
|
||||||
|
"about.md",
|
||||||
|
"platform.md",
|
||||||
|
"operator.md",
|
||||||
|
"contribute.md"
|
||||||
|
],
|
||||||
|
"folderOrdersInSidenav": ["docs"],
|
||||||
|
"external_links": [
|
||||||
|
{
|
||||||
|
"text": "Blog",
|
||||||
|
"url": "https://vac.dev/research",
|
||||||
|
"category": "Links"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Vac",
|
||||||
|
"url": "https://vac.dev/",
|
||||||
|
"category": "Links"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Vac RFCs",
|
||||||
|
"url": "https://rfc.vac.dev/",
|
||||||
|
"category": "Links"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Careers",
|
||||||
|
"url": "https://status.im/our_team/jobs.html",
|
||||||
|
"category": "Links"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Discord",
|
||||||
|
"url": "https://discord.gg/j5pGbn7MHZ",
|
||||||
|
"category": "Connect"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"text": "Twitter",
|
||||||
|
"url": "https://twitter.com/waku_org",
|
||||||
|
"category": "Connect"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"ds_id": "waku",
|
||||||
|
"seo": {
|
||||||
|
"title": "WAKU",
|
||||||
|
"description": "Waku is the communication layer for Web3. Decentralized communication that scales. Private, secure, and it runs anywhere.",
|
||||||
|
"image": "waku-site-preview-image.png",
|
||||||
|
"url": "https://waku.org",
|
||||||
|
"social_media": [
|
||||||
|
{
|
||||||
|
"provider": "twitter",
|
||||||
|
"handler": "waku_org"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"provider": "discord",
|
||||||
|
"handler": "j5pGbn7MHZ"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"provider": "github",
|
||||||
|
"handler": "status-im/?q=waku&type=&language=&sort="
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"provider": "telegram",
|
||||||
|
"handler": "waku_org"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"provider": "discourse",
|
||||||
|
"handler": "forum.vac.dev"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,54 @@
|
||||||
|
---
|
||||||
|
title: Contribute to Waku
|
||||||
|
---
|
||||||
|
|
||||||
|
# Contribute to Waku
|
||||||
|
|
||||||
|
You can contribute to Waku in several manners:
|
||||||
|
|
||||||
|
## Run a Node
|
||||||
|
|
||||||
|
The Waku Network is a permissionless, decentralized set of nodes.
|
||||||
|
Anyone can run their own node, use and support the network.
|
||||||
|
|
||||||
|
Learn more [here](/contribute).
|
||||||
|
|
||||||
|
## Build Your Own Waku Application
|
||||||
|
|
||||||
|
By integrating Waku in your application,
|
||||||
|
you may contribute by:
|
||||||
|
|
||||||
|
- Running Waku node within your application,
|
||||||
|
- Reporting bugs and missing features to the development teams,
|
||||||
|
- Inspire other developers in using Waku for various use cases.
|
||||||
|
|
||||||
|
[Get started now](/platform).
|
||||||
|
|
||||||
|
## Contribute to the Waku Implementations
|
||||||
|
|
||||||
|
All Waku implementations are open source,
|
||||||
|
Pull Requests and welcome and encouraged.
|
||||||
|
|
||||||
|
We sometimes open bounties on [Gitcoin](https://gitcoin.co/),
|
||||||
|
potential bounties are marked with the label `bounty` on GitHub issues.
|
||||||
|
|
||||||
|
Repositories:
|
||||||
|
|
||||||
|
- [js-waku](https://github.com/status-im/js-waku)
|
||||||
|
- [nwaku](https://github.com/status-im/nwaku)
|
||||||
|
- [go-waku](https://github.com/status-im/go-waku)
|
||||||
|
|
||||||
|
## Research
|
||||||
|
|
||||||
|
Waku Research is ongoing and driven by Vac.
|
||||||
|
Vac is an R&D org creating modular p2p protocols for private, secure, censorship resistant communication.
|
||||||
|
|
||||||
|
Learn more at https://vac.dev/
|
||||||
|
|
||||||
|
## Other Ways of Contributing
|
||||||
|
|
||||||
|
If you are keen to contribute but not sure how,
|
||||||
|
join the discussion on [Vac Discord](https://discord.gg/j5pGbn7MHZ)
|
||||||
|
or the [Waku Telegram Group](https://t.me/waku_org).
|
||||||
|
|
||||||
|
Waku is a public good, we are always welcoming help from the community.
|
||||||
|
|
@ -0,0 +1,28 @@
|
||||||
|
---
|
||||||
|
title: Docs
|
||||||
|
---
|
||||||
|
|
||||||
|
# Waku Docs
|
||||||
|
|
||||||
|
Waku is a decentralized, censorship-resistant, network and protocol family.
|
||||||
|
It enables you to add communication features to your dApp in a decentralized manner,
|
||||||
|
ensuring to your users that they will not be censored or de-platformed.
|
||||||
|
|
||||||
|
Waku can be used for chat purposes and for many machine-to-machine use cases.
|
||||||
|
|
||||||
|
Finally, if you want to learn how Waku works under the hoods, check the specs at [rfc.vac.dev](https://rfc.vac.dev/).
|
||||||
|
|
||||||
|
## Documentation
|
||||||
|
|
||||||
|
We are currently in the process of migrating our documentation.
|
||||||
|
For now, please go to the following location to learn more about Waku:
|
||||||
|
|
||||||
|
- [Waku General Concepts](/docs/main)
|
||||||
|
- [js-waku](https://docs.wakuconnect.dev/)
|
||||||
|
- [nwaku](https://github.com/status-im/nwaku)
|
||||||
|
- [go-waku](https://github.com/status-im/go-waku)
|
||||||
|
|
||||||
|
## Bugs, Questions & Support
|
||||||
|
|
||||||
|
To get help, join [Vac Discord](https://discord.gg/j5pGbn7MHZ)
|
||||||
|
or the [Waku Telegram Group](https://t.me/waku_org).
|
||||||
|
|
@ -0,0 +1,30 @@
|
||||||
|
---
|
||||||
|
title: How to Choose a Content Topic
|
||||||
|
---
|
||||||
|
|
||||||
|
# How to Choose a Content Topic
|
||||||
|
|
||||||
|
A content topic is used for content based filtering.
|
||||||
|
|
||||||
|
It allows you to filter out the messages that your dApp processes,
|
||||||
|
both when receiving live messages (Relay) or retrieving historical messages (Store).
|
||||||
|
|
||||||
|
The format for content topics is as follows:
|
||||||
|
|
||||||
|
`/{dapp-name}/{version}/{content-topic-name}/{encoding}`
|
||||||
|
|
||||||
|
- `dapp-name`: The name of your dApp, it must be unique to avoid conflict with other dApps.
|
||||||
|
- `version`: We usually start at `1`, useful when introducing breaking changes in your messages.
|
||||||
|
- `content-topic-name`: The actual content topic name to use for filtering.
|
||||||
|
If your dApp uses Waku Connect for several features,
|
||||||
|
you should use a content topic per feature.
|
||||||
|
- `encoding`: The encoding format of the message, Protobuf is most often used: `proto`.
|
||||||
|
|
||||||
|
For example: Your dApp's name is SuperCrypto,
|
||||||
|
it enables users to receive notifications and send private messages.
|
||||||
|
You may want to use the following content topics:
|
||||||
|
|
||||||
|
- `/supercrypto/1/notification/proto`
|
||||||
|
- `/supercrypto/1/private-message/proto`
|
||||||
|
|
||||||
|
You can learn more about Waku topics in the [23/WAKU2-TOPICS](https://rfc.vac.dev/spec/23/) specs.
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
---
|
||||||
|
title: General Concepts
|
||||||
|
---
|
||||||
|
|
||||||
|
# Waku General Concepts
|
||||||
|
|
||||||
|
This documentation contains general information about Waku.
|
||||||
|
|
||||||
|
It is aimed to be a more accessible than the [Waku v2 RFCs](https://rfc.vac.dev/spec/10/).
|
||||||
|
|
||||||
|
## Guides
|
||||||
|
|
||||||
|
- [How to Choose a Content Topic](/docs/main/choose-content-topic)
|
||||||
64
gulpfile.js
64
gulpfile.js
|
|
@ -1,64 +0,0 @@
|
||||||
const { parallel, series, src, dest } = require('gulp')
|
|
||||||
const gulp = require('gulp')
|
|
||||||
const browserSync = require('browser-sync').create()
|
|
||||||
const concat = require('gulp-concat')
|
|
||||||
const postcss = require('gulp-postcss')
|
|
||||||
const imagemin = require('gulp-imagemin')
|
|
||||||
const uglify = require('gulp-uglify-es').default
|
|
||||||
|
|
||||||
const styles = () =>
|
|
||||||
src('src/css/*.css')
|
|
||||||
.pipe(postcss())
|
|
||||||
.pipe(concat('style.min.css'))
|
|
||||||
.pipe(dest('dist/css'))
|
|
||||||
.pipe(browserSync.stream())
|
|
||||||
|
|
||||||
const scripts = () =>
|
|
||||||
src('src/js/*.js')
|
|
||||||
.pipe(uglify())
|
|
||||||
.pipe(dest('dist/js'))
|
|
||||||
.pipe(browserSync.stream())
|
|
||||||
|
|
||||||
// Task for minifying images
|
|
||||||
const images = () =>
|
|
||||||
src('src/assets/images/**/*')
|
|
||||||
.pipe(imagemin())
|
|
||||||
.pipe(dest('dist/assets/images'))
|
|
||||||
|
|
||||||
const content = () =>
|
|
||||||
src('src/*.html')
|
|
||||||
.pipe(dest('dist'))
|
|
||||||
|
|
||||||
const cname = () =>
|
|
||||||
src('src/assets/CNAME').pipe(dest('dist'))
|
|
||||||
|
|
||||||
const server = () =>
|
|
||||||
browserSync.init({
|
|
||||||
open: 'local',
|
|
||||||
port: 4000,
|
|
||||||
server: {
|
|
||||||
baseDir: 'src/',
|
|
||||||
},
|
|
||||||
})
|
|
||||||
|
|
||||||
const reload = async () => await browserSync.reload()
|
|
||||||
|
|
||||||
/* Watch Files & Reload browser after tasks */
|
|
||||||
const watch = () => {
|
|
||||||
gulp.watch('src/assets/images/**/*', series(images, reload))
|
|
||||||
gulp.watch('src/**/*.html', series(content, reload))
|
|
||||||
gulp.watch('src/css/*.css', series(styles, reload))
|
|
||||||
gulp.watch('src/js/*.js', series(scripts, reload))
|
|
||||||
}
|
|
||||||
|
|
||||||
exports.content = content
|
|
||||||
exports.scripts = scripts
|
|
||||||
exports.styles = styles
|
|
||||||
exports.images = images
|
|
||||||
exports.cname = cname
|
|
||||||
exports.watch = watch
|
|
||||||
exports.server = server
|
|
||||||
exports.build = series(content, scripts, styles, images, cname)
|
|
||||||
exports.devel = series(exports.build, parallel(server, watch))
|
|
||||||
exports.develop = exports.devel
|
|
||||||
exports.default = exports.build
|
|
||||||
|
|
@ -0,0 +1,96 @@
|
||||||
|
---
|
||||||
|
title: Main page
|
||||||
|
---
|
||||||
|
|
||||||
|
Waku is the communication layer for Web3. Decentralized communication that scales.
|
||||||
|
|
||||||
|
Private. Secure. Runs anywhere.
|
||||||
|
|
||||||
|
[Check the docs](/docs/index)
|
||||||
|
|
||||||
|
## What is Waku?
|
||||||
|
|
||||||
|
Waku is a suite of privacy-preserving, peer-to-peer messaging protocols.
|
||||||
|
|
||||||
|
Waku **removes centralized third parties** from messaging,
|
||||||
|
enabling private, secure, censorship-free communication with no single point of failure.
|
||||||
|
|
||||||
|
Waku **provides privacy-preserving** capabilities,
|
||||||
|
such as sender anonymity,metadata protection and unlinkability to personally identifiable information.
|
||||||
|
|
||||||
|
Waku is designed for **generalized messaging**, enabling human-to-human, machine-to-machine or hybrid communication.
|
||||||
|
|
||||||
|
Waku runs everywhere: desktop, server, including **resource-restricted devices**, such as mobile devices and browsers.
|
||||||
|
|
||||||
|
## How does it work?
|
||||||
|
|
||||||
|
The first version of Waku had its origins in the Whisper protocol,
|
||||||
|
with optimizations for scalability and usability.
|
||||||
|
Waku v2 is a complete rewrite.
|
||||||
|
Its relay protocol implements pub/sub over libp2p, and also introduces additional capabilities:
|
||||||
|
|
||||||
|
1. Retrieving historical messages for mostly-offline devices.
|
||||||
|
2. Adaptive nodes, allowing for heterogeneous nodes to contribute.
|
||||||
|
3. Bandwidth preservation for light nodes.
|
||||||
|
|
||||||
|
This makes it ideal for running a p2p protocol on mobile, or in other similarly resource-restricted environments.
|
||||||
|
|
||||||
|
[Learn more about Waku](/docs/index)
|
||||||
|
|
||||||
|
## Use Waku Now
|
||||||
|
|
||||||
|
You can
|
||||||
|
|
||||||
|
- [Run a Waku node](/operator)
|
||||||
|
- [Integrate Waku in your application](/platform)
|
||||||
|
- [Contribute to Waku](/contribute)
|
||||||
|
|
||||||
|
## Who is using Waku?
|
||||||
|
|
||||||
|
### Status
|
||||||
|
|
||||||
|
Status is a secure messaging app, crypto wallet, and Web3 browser built with state-of-the-art technology.
|
||||||
|
|
||||||
|
[Visit Status](https://status.im/)
|
||||||
|
|
||||||
|
### WalletConnect
|
||||||
|
|
||||||
|
WalletConnect v2 is using Waku v2 for decentralized messaging infrastructure.
|
||||||
|
|
||||||
|
[Visit WalletConnect](https://walletconnect.com/)
|
||||||
|
|
||||||
|
### RAILGUN
|
||||||
|
|
||||||
|
RAILGUN is a privacy system for Ethereum that shields your assets in your own smart contract wallet.
|
||||||
|
RAILGUN uses Waku when offering the ETH gas payments to other users,
|
||||||
|
privately signaling fees and offers for gas payment relayers to keep the privacy & anonymity of your stablecoin & token transactions.
|
||||||
|
|
||||||
|
[Visit RAILGUN](https://railgun.org/)
|
||||||
|
|
||||||
|
## Implementations
|
||||||
|
|
||||||
|
### nwaku
|
||||||
|
|
||||||
|
A nim implementation of the Waku v2 protocol.
|
||||||
|
Reference client and flagship implementation.
|
||||||
|
|
||||||
|
[nwaku repository](https://github.com/status-im/nwaku)
|
||||||
|
|
||||||
|
### js-waku
|
||||||
|
|
||||||
|
A JavaScript implementation for browser environments.
|
||||||
|
|
||||||
|
[js-waku docs](https://docs.wakuconnect.dev/)
|
||||||
|
|
||||||
|
### go-waku
|
||||||
|
|
||||||
|
A Go implementation for native integration in go applications,
|
||||||
|
C-Bindings are also available with C#, Swift and Kotlin examples.
|
||||||
|
|
||||||
|
[go-waku repository](https://github.com/status-im/go-waku)
|
||||||
|
|
||||||
|
### @waku/react-native
|
||||||
|
|
||||||
|
Integrate Waku in your React Native app using go-waku for mobile.
|
||||||
|
|
||||||
|
[@waku/react-native repo](https://github.com/status-im/waku-react-native)
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
---
|
||||||
|
title: Run a Waku Node
|
||||||
|
---
|
||||||
|
|
||||||
|
# Run a Waku Node
|
||||||
|
|
||||||
|
By running your own node you provide additional nodes for the Waku Network.
|
||||||
|
|
||||||
|
In the future, we intend to design and implement incentivization within some Waku protocols,
|
||||||
|
so you can be rewarded when supporting the network.
|
||||||
|
|
||||||
|
Check out [the nwaku guide for operators](https://github.com/status-im/nwaku/tree/master/docs/operators) to run your own node.
|
||||||
File diff suppressed because it is too large
Load Diff
44
package.json
44
package.json
|
|
@ -1,30 +1,28 @@
|
||||||
{
|
{
|
||||||
"name": "waku.org",
|
"name": "@waku/waku.org",
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"description": "",
|
"main": "\"\"",
|
||||||
"main": "src/index.html",
|
"repository": "git@github.com:vacp2p/waku.org.git",
|
||||||
|
"author": "Franck Royer <franck@status.im>",
|
||||||
|
"license": "MIT OR Apache-2.0",
|
||||||
|
"private": true,
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "gulp devel",
|
"fix": "prettier \"*.md\" \"docs/**/*.md\" \"./*.json\" --write",
|
||||||
"devel": "gulp devel",
|
"test": "run-p test:**",
|
||||||
"build": "NODE_ENV=production gulp build",
|
"test:format": "prettier \"*.md\" \"docs/**/*.md\" \"./*.json\" --list-different",
|
||||||
"deploy": "node ci/deploy.js"
|
"test:spelling": "cspell \"*.md\" \"docs/**/*.md\" config.json",
|
||||||
|
"prepare": "husky install"
|
||||||
|
},
|
||||||
|
"lint-staged": {
|
||||||
|
"*.{md,json}": "prettier --write"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"cspell": "^6.1.2",
|
||||||
|
"npm-run-all": "^4.1.5",
|
||||||
|
"prettier": "^2.5.1"
|
||||||
},
|
},
|
||||||
"keywords": [
|
|
||||||
"tailwindcss",
|
|
||||||
"gulp",
|
|
||||||
"postcss",
|
|
||||||
"browsersync"
|
|
||||||
],
|
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"autoprefixer": "^10.2.4",
|
"husky": "^8.0.1",
|
||||||
"browser-sync": "^2.26.14",
|
"lint-staged": "^13.0.2"
|
||||||
"gh-pages": "^3.2.3",
|
|
||||||
"gulp": "^4.0.2",
|
|
||||||
"gulp-concat": "^2.6.1",
|
|
||||||
"gulp-imagemin": "^7.1.0",
|
|
||||||
"gulp-postcss": "^9.0.0",
|
|
||||||
"gulp-uglify-es": "^3.0.0",
|
|
||||||
"postcss": "^8.2.6",
|
|
||||||
"tailwindcss": "^2.0.3"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,54 @@
|
||||||
|
---
|
||||||
|
title: Use Waku in Your Application
|
||||||
|
---
|
||||||
|
|
||||||
|
# Use Waku in Your Application
|
||||||
|
|
||||||
|
Interested in using Waku to add private, secure, censorship-free communication
|
||||||
|
to your Application?
|
||||||
|
Here are your options:
|
||||||
|
|
||||||
|
## Desktop & Server Applications
|
||||||
|
|
||||||
|
### JSON RPC API
|
||||||
|
|
||||||
|
You can run your own nwaku (or go-waku) node alongside your application
|
||||||
|
and access the Waku network using the available JSON RPC API.
|
||||||
|
|
||||||
|
Docs:
|
||||||
|
|
||||||
|
- [Use nwaku's JSON RPC API](https://github.com/status-im/nwaku/blob/master/docs/tutorial/jsonrpc-api.md)
|
||||||
|
|
||||||
|
### HTTP REST API
|
||||||
|
|
||||||
|
[Work is in progress](https://github.com/status-im/nwaku/issues/727) to add an HTTP REST API to nwaku.
|
||||||
|
|
||||||
|
### Waku as a library
|
||||||
|
|
||||||
|
It is possible to integrate Waku as a library.
|
||||||
|
|
||||||
|
| Your Application's language | What to Use | Links |
|
||||||
|
| --------------------------- | ------------------------ | ----------------------------------------------------------------------------------- |
|
||||||
|
| Nim | nwaku as a library | [repository](https://github.com/status-im/nwaku/tree/master/waku/v2) |
|
||||||
|
| Go | go-waku as a library | [tutorials](https://github.com/status-im/go-waku#tutorials-and-documentation) |
|
||||||
|
| C | go-waku using C-Bindings | [C example](https://github.com/status-im/go-waku/tree/master/examples/c-bindings) |
|
||||||
|
| C# | go-waku using C-Bindings | [C# example](https://github.com/status-im/go-waku/tree/master/examples/waku-csharp) |
|
||||||
|
|
||||||
|
## Browser Application
|
||||||
|
|
||||||
|
### JS-Waku
|
||||||
|
|
||||||
|
You can use js-waku to run a Waku node in the browser.
|
||||||
|
|
||||||
|
Docs: https://docs.wakuconnect.dev/
|
||||||
|
|
||||||
|
## Mobile Application
|
||||||
|
|
||||||
|
You can run Waku on mobile phones, Android and iOS are supported:
|
||||||
|
|
||||||
|
| Your Application's language | What to Use | Links |
|
||||||
|
| --------------------------- | -------------------------- | ------------------------------------------------------------------------------------------ |
|
||||||
|
| Swift (iOS) | go-waku using C-Bindings | [Swift example](https://github.com/status-im/go-waku/tree/master/examples/swift-waku) |
|
||||||
|
| Kotlin (Android) | go-waku using C-Bindings | [Kotlin example](https://github.com/status-im/go-waku/tree/master/examples/android-kotlin) |
|
||||||
|
| Go | go-waku as a library | [tutorials](https://github.com/status-im/go-waku#tutorials-and-documentation) |
|
||||||
|
| React Native | go-waku as a native module | [repository](https://github.com/status-im/waku-react-native) |
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
module.exports = {
|
|
||||||
plugins: {
|
|
||||||
tailwindcss: {},
|
|
||||||
autoprefixer: {},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
220
src/about.html
220
src/about.html
|
|
@ -1,220 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<link href="./css/style.min.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 overflow-x-hidden">
|
|
||||||
|
|
||||||
<header class="fixed inset-x-0 z-50 bg-white">
|
|
||||||
<div class="h-18 max-w-screen-xl flex justify-between items-center mx-auto px-6 py-4 md:h-26 md:py-8 xl:px-0">
|
|
||||||
<a id="header-logo" class="text-gray" href="/">
|
|
||||||
<img src="assets/images/logo/logo.svg" alt="">
|
|
||||||
</a>
|
|
||||||
<nav id="nav" class="absolute flex items-center justify-end -z-1 top-0 left-0 h-screen w-full bg-gray pt-16 pr-16 transform -translate-y-full md:-translate-y-0 md:bg-white md:relative md:h-auto md:p-0 md:justify-center md:z-0">
|
|
||||||
<div class="text-pink md:hidden">
|
|
||||||
<svg class="w-60 h-60 transform -translate-x-6">
|
|
||||||
<use href="#logo"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<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-medium text-2xl 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-medium font-bold text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="/about">About</a></li>
|
|
||||||
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-medium text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="/node">Try</a></li>
|
|
||||||
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-medium text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="https://vac.dev/research-log/">Blog</a></li>
|
|
||||||
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-medium text-2xl 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-medium text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="https://rfc.vac.dev/spec/10/">Specs</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<div id="social-box" class="hidden md:flex">
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="https://discord.gg/ev9GQGJ9Dg">
|
|
||||||
<img src="./assets/images/social/discord-dark.svg" alt="discord">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="https://twitter.com/vacp2p">
|
|
||||||
<img src="./assets/images/social/twitter-dark.svg" alt="twitter">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray hover:text-blue" href="https://github.com/vacp2p/">
|
|
||||||
<img src="./assets/images/social/github-dark.svg" alt="github">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div id="social-box-mobile" class="hidden">
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="">
|
|
||||||
<img src="./assets/images/social/discord-white.svg" alt="discord">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="">
|
|
||||||
<img src="./assets/images/social/twitter-white.svg" alt="twitter">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray hover:text-blue" href="">
|
|
||||||
<img src="./assets/images/social/github-white.svg" alt="github">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div id="burger" 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 class="pt-18 md:pt-26">
|
|
||||||
<!-- Hero -->
|
|
||||||
<section class="bg-pink w-full">
|
|
||||||
<div class="relative container max-w-screen-xl mx-auto md:h-98 md:px-16 lg:px-0">
|
|
||||||
<a class="absolute top-4 left-8 hidden text-sm italic underline text-gray mt-6 hover:underline lg:no-underline lg:flex lg:items-center xl:left-0" href="javascript:history.back();"><span class="block bg-link-arrow-black bg-left bg-no-repeat w-1.5 h-2 mr-1.5 transform rotate-180"></span>Back</a>
|
|
||||||
<div class="flex flex-col px-6 py-20 md:px-0 md:py-0 md:pt-30 lg:flex-row">
|
|
||||||
<div class="mb-10 md:mb-6 lg:w-4/12 lg:pl-32">
|
|
||||||
<h1 class="text-2xl text-gray font-semibold text-center lg:max-w-2xl lg:text-left">About</h1>
|
|
||||||
</div>
|
|
||||||
<div class="lg:w-8/12">
|
|
||||||
<div class="lg:w-3/4">
|
|
||||||
<p class="text-base text-gray font-semibold mb-5 md:mb-9">Communication today is rife with third party interference. From censorship and deplatforming, to rent seeking intermediaries, to the misuse of data in the surveillance economy.</p>
|
|
||||||
<p class="text-base text-gray font-semibold">Waku is designed to place control of communication back into the hands of the individual.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<div class="container max-w-screen-xl mx-auto">
|
|
||||||
<!-- Motivation and goals -->
|
|
||||||
<section class="px-6 mt-10 md:px-16 md:mt-20 lg:px-16 lg:mt-32 xl:px-0">
|
|
||||||
<div class="border-b border-gray pb-16 md:pb-24 lg:flex lg:pb-36 lg:px-16 xl:px-32">
|
|
||||||
<div class="mb-10 md:mb-6 lg:mb-0 lg:w-1/5">
|
|
||||||
<h2 class="ont-semibold leading-10 text-2xl md:text-center lg:text-left lg:w-36">Motivation and goals</h2>
|
|
||||||
</div>
|
|
||||||
<div class="lg:w-4/5 lg:pl-6 xl:pl-0">
|
|
||||||
<p class="text-sm font-semibold mb-8 leading-7 md:text-center md:mb-6 lg:text-left lg:mb-12">Digital signature, public key difficulty hashrate whitepaper, Merkle Tree double-spend Mempool outputs, double-spend problem?</p>
|
|
||||||
<div class="grid grid-cols-1 gap-y-8 md:gap-y-6 lg:grid-cols-2 lg:gap-y-12 lg:gap-x-5">
|
|
||||||
<div>
|
|
||||||
<h3 class="text-sm font-semibold mb-4 text-gray md:mb-6">Privacy</h3>
|
|
||||||
<p class="text-sm leading-relaxed text-gray75">These applications have a desire for some privacy guarantees, such as pseudonymity, metadata protection in transit, etc.</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h3 class="text-sm font-semibold mb-4 text-gray md:mb-6">Peer-to-Peer</h3>
|
|
||||||
<p class="text-sm leading-relaxed text-gray75">These applications sometimes have requirements that make them suitable for peer-to-peer solutions.</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h3 class="text-sm font-semibold mb-4 text-gray md:mb-6">Generalized messaging</h3>
|
|
||||||
<p class="text-sm leading-relaxed text-gray75">Many applications require some form of messaging protocol to communicate between different subsystems or different nodes. This messaging can be human-to-human or machine-to-machine or a mix.</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h3 class="text-sm font-semibold mb-4 text-gray md:mb-6">Resource restricted</h3>
|
|
||||||
<p class="text-sm leading-relaxed text-gray75">These applications often run in constrained environments, where resources or the environment is restricted in some fashion. E.g.:</p>
|
|
||||||
<ul class="text-sm leading-relaxed list-disc pl-4 text-gray75">
|
|
||||||
<li>limited bandwidth, CPU, memory, disk, battery, etc.,</li>
|
|
||||||
<li>not being publicly connectable,</li>
|
|
||||||
<li>only being intermittently connected; mostly-offline.</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- History -->
|
|
||||||
<section class="px-6 mt-10 md:px-16 md:mt-20 lg:px-16 lg:mt-32 xl:px-0">
|
|
||||||
<div class="pb-16 md:pb-24 lg:flex lg:pb-36 lg:px-16 xl:px-32">
|
|
||||||
<div class="mb-10 md:mb-6 lg:mb-0 lg:w-1/5 lg:flex">
|
|
||||||
<h2 class="font-semibold leading-10 text-2xl md:text-center lg:text-left lg:w-36">History</h2>
|
|
||||||
</div>
|
|
||||||
<div class="lg:w-4/5 lg:pl-6 xl:pl-0">
|
|
||||||
<p class="text-sm font-semibold mb-8 leading-7 md:text-center md:mb-6 lg:text-left lg:mb-12">Only Waku v1 was a fork of Whisper with some added tweaks for efficiency. Waku v2 is a completely redesigned suite of protocols designed to address the goals set out in the "Motivation and goals" section.</p>
|
|
||||||
<div class="grid grid-cols-1 gap-y-8">
|
|
||||||
<div class="relative flex items-center">
|
|
||||||
<div class="absolute top-1/2 left-8 h-full w-px bg-light"></div>
|
|
||||||
<div class="inline-flex flex-col items-center justify-center bg-blue rounded-full min-w-max w-16 h-16 mr-10 z-10">
|
|
||||||
<span class="text-white">2013</span>
|
|
||||||
</div>
|
|
||||||
<p class="text-sm w-8/12">Ethereum White Paper was introduced with the Holy Trinity, consisting of Ethereum for consensus, Swarm for decentralized storage, and Whisper for p2p messaging.</p>
|
|
||||||
</div>
|
|
||||||
<div class="relative flex items-center">
|
|
||||||
<div class="absolute top-1/2 left-8 h-full w-px bg-light"></div>
|
|
||||||
<div class="inline-flex flex-col items-center justify-center bg-blue rounded-full min-w-max w-16 h-16 mr-10 z-10">
|
|
||||||
<span class="text-white">2015</span>
|
|
||||||
<span class="text-white">2018</span>
|
|
||||||
</div>
|
|
||||||
<p class="text-sm w-8/12">R&D of Whisper was slow to follow progress of the Ethereum EVM and Swarm without a dedicated team building out the protocol.</p>
|
|
||||||
</div>
|
|
||||||
<div class="relative flex items-center">
|
|
||||||
<div class="absolute top-1/2 left-8 h-full w-px bg-light"></div>
|
|
||||||
<div class="inline-flex flex-col items-center justify-center bg-blue rounded-full min-w-max w-16 h-16 mr-10 z-10">
|
|
||||||
<span class="text-white">2018</span>
|
|
||||||
</div>
|
|
||||||
<p class="text-sm w-8/12">With little progress made on Whisper and significant scalability concerns growing, Vac was formed to conduct R&D on more scalable p2p messaging.</p>
|
|
||||||
</div>
|
|
||||||
<div class="relative flex items-center">
|
|
||||||
<div class="absolute top-1/2 left-8 h-full w-px bg-light"></div>
|
|
||||||
<div class="inline-flex flex-col items-center justify-center bg-blue rounded-full min-w-max w-16 h-16 mr-10 z-10">
|
|
||||||
<span class="text-white">2020</span>
|
|
||||||
</div>
|
|
||||||
<p class="text-sm w-8/12">Waku v1 was introduced as the messaging protocol in Status, replacing Whisper.</p>
|
|
||||||
</div>
|
|
||||||
<div class="relative flex items-center">
|
|
||||||
<div class="inline-flex flex-col items-center justify-center bg-blue rounded-full min-w-max w-16 h-16 mr-10 z-10">
|
|
||||||
<span class="text-white">2021</span>
|
|
||||||
</div>
|
|
||||||
<p class="text-sm w-8/12">Waku v2 replaces Waku v1 (details)</p>
|
|
||||||
</div>
|
|
||||||
</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 md:grid md:grid-cols-footer-md md:gap-x-14 md:gap-y-10 md:px-16 md:pt-8 md:pb-10 xl:grid-cols-footer-xl xl:px-0 xl:pb-14 xl:pr-28 xl:pt-11">
|
|
||||||
<a class="block text-pink mr-9 order-1 md:m-0" href="index">
|
|
||||||
<img src="assets/images/logo/logo-pink.svg" alt="">
|
|
||||||
</a>
|
|
||||||
<div class="search-input order-2 w-footer-input md:w-full xl:order-4">
|
|
||||||
<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 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 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">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="https://rfc.vac.dev/spec/10/">Specs</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="/node">Run a node</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://vac.dev/research-log/">Blog</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://forum.vac.dev/">Forum</a></li>
|
|
||||||
<li><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://jobs.status.im/">Careers</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h3 class="text-sm mb-3 font-semibold">Social</h3>
|
|
||||||
<ul class="text-white70">
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://twitter.com/vacp2p">Twitter</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://discord.gg/ev9GQGJ9Dg">Discord</a></li>
|
|
||||||
<li><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/vacp2p/">GitHub</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h3 class="text-sm mb-3 font-semibold">Install</h3>
|
|
||||||
<ul class="text-white70">
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/status-im/go-waku">go-waku</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/status-im/nim-waku/">nim-waku</a></li>
|
|
||||||
<li><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/status-im/js-waku">js-waku</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
<p class="text-sm leading-6 order-4 md:order-3 xl:order-2">Waku is a privacy-preserving, peer-to-peer messaging protocol designed for resource restricted devices.</p>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script src="./js/main.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
waku.org
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M0 0.5L0 8.5L6 4.5L0 0.5Z" fill="#242424"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 152 B |
|
|
@ -1,3 +0,0 @@
|
||||||
<svg width="7" height="9" viewBox="0 0 7 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M0.273438 0.5L0.273438 8.5L6.27344 4.5L0.273438 0.5Z" fill="#3A71F9"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 179 B |
|
|
@ -1,3 +0,0 @@
|
||||||
<svg width="7" height="9" viewBox="0 0 7 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M0.273438 0.5L0.273438 8.5L6.27344 4.5L0.273438 0.5Z" fill="#FDB4C4"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 179 B |
|
|
@ -1,3 +0,0 @@
|
||||||
<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M0 0.5L0 8.5L6 4.5L0 0.5Z" fill="white"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 150 B |
|
|
@ -1,12 +0,0 @@
|
||||||
<svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g clip-path="url(#clip0)">
|
|
||||||
<path d="M49.1706 9.25208C43.8204 6.21769 38.6207 3.26878 33.421 0.319861C32.5401 -0.171625 31.6806 -0.0861493 30.8212 0.405337C21.3241 5.83305 11.8271 11.2394 2.35162 16.6671C2.05081 16.8381 1.77149 17.3295 1.77149 17.6714C1.75 28.5055 1.72851 39.3182 1.79297 50.1309C1.79297 50.836 2.33013 51.8404 2.91027 52.1823C8.02404 55.1953 13.2023 58.0801 18.3805 61.0077C18.4235 61.029 18.5094 61.0077 18.7458 61.0077C18.7458 60.6017 18.7458 60.1743 18.7458 59.7683C18.7458 49.1265 18.7673 38.5062 18.7243 27.8644C18.7243 26.8601 19.0896 26.39 19.906 25.9412C29.4245 20.5563 38.9215 15.1499 48.4185 9.74357C48.6119 9.63672 48.8268 9.48714 49.1706 9.25208Z" fill="#242424"/>
|
|
||||||
<path d="M40.7046 63.9999C40.7046 63.5084 40.7046 63.1024 40.7046 62.7178C40.7046 55.2814 40.7261 47.845 40.6831 40.3872C40.6831 39.4256 40.9624 38.9128 41.8219 38.4427C48.4397 34.7458 55.0146 30.9849 61.6109 27.2454C61.9332 27.0744 62.234 26.8821 62.6208 26.647C62.4489 26.4974 62.3414 26.3692 62.191 26.2837C57.8937 23.8263 53.575 21.3903 49.2992 18.8901C48.0315 18.1422 46.9357 18.1208 45.625 18.8687C39.222 22.5656 32.7761 26.1983 26.3302 29.831C25.6211 30.2156 25.4062 30.6644 25.4062 31.455C25.4277 38.8701 25.4277 46.2637 25.4062 53.6787C25.4062 54.7899 25.75 55.666 26.7384 56.2216C31.1861 58.7432 35.6123 61.2433 40.06 63.7649C40.2104 63.8504 40.4038 63.8931 40.7046 63.9999Z" fill="#242424"/>
|
|
||||||
<path d="M62.7495 51.584C57.5713 48.6351 52.5864 45.8144 47.4727 42.9082C47.4727 48.7419 47.4727 54.3833 47.4727 60.2598C52.5435 57.375 57.5283 54.5543 62.7495 51.584Z" fill="#242424"/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="clip0">
|
|
||||||
<rect width="61" height="64" fill="white" transform="translate(1.75)"/>
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.8 KiB |
|
|
@ -1,3 +0,0 @@
|
||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M13.875 18.825C13.2569 18.9419 12.6291 19.0005 12 19C7.52203 19 3.73203 16.057 2.45703 12C2.8003 10.9081 3.32902 9.88346 4.02003 8.971M9.87803 9.879C10.4407 9.31634 11.2038 9.00025 11.9995 9.00025C12.7952 9.00025 13.5584 9.31634 14.121 9.879C14.6837 10.4417 14.9998 11.2048 14.9998 12.0005C14.9998 12.7962 14.6837 13.5593 14.121 14.122M9.87803 9.879L14.121 14.122M9.87803 9.879L14.12 14.12M14.121 14.122L17.412 17.412M9.88003 9.88L6.59003 6.59M6.59003 6.59L3.00003 3M6.59003 6.59C8.20239 5.54957 10.0811 4.9974 12 5C16.478 5 20.268 7.943 21.543 12C20.8391 14.2305 19.3774 16.1446 17.411 17.411M6.59003 6.59L17.411 17.411M17.411 17.411L21 21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 835 B |
|
|
@ -1,4 +0,0 @@
|
||||||
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M14.6213 14.1213C15.1839 13.5587 15.5 12.7956 15.5 12C15.5 11.2044 15.1839 10.4413 14.6213 9.87868C14.0587 9.31607 13.2956 9 12.5 9C11.7044 9 10.9413 9.31607 10.3787 9.87868C9.81607 10.4413 9.5 11.2044 9.5 12C9.5 12.7956 9.81607 13.5587 10.3787 14.1213C10.9413 14.6839 11.7044 15 12.5 15C13.2956 15 14.0587 14.6839 14.6213 14.1213Z" stroke="#242424" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M2.95801 12C4.23201 7.943 8.02301 5 12.5 5C16.978 5 20.768 7.943 22.042 12C20.768 16.057 16.978 19 12.5 19C8.02301 19 4.23201 16.057 2.95801 12Z" stroke="#242424" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 766 B |
|
|
@ -1,4 +0,0 @@
|
||||||
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M14.6213 14.1213C15.1839 13.5587 15.5 12.7956 15.5 12C15.5 11.2044 15.1839 10.4413 14.6213 9.87868C14.0587 9.31607 13.2956 9 12.5 9C11.7044 9 10.9413 9.31607 10.3787 9.87868C9.81607 10.4413 9.5 11.2044 9.5 12C9.5 12.7956 9.81607 13.5587 10.3787 14.1213C10.9413 14.6839 11.7044 15 12.5 15C13.2956 15 14.0587 14.6839 14.6213 14.1213Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M2.95801 12C4.23201 7.943 8.02301 5 12.5 5C16.978 5 20.768 7.943 22.042 12C20.768 16.057 16.978 19 12.5 19C8.02301 19 4.23201 16.057 2.95801 12Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 762 B |
|
|
@ -1,5 +0,0 @@
|
||||||
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g style="mix-blend-mode:luminosity">
|
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 32C0 14.3269 14.3263 0 31.9994 0C49.6726 0 64 14.3269 64 32C64 49.6731 49.6726 64 31.9994 64C14.3263 64 0 49.6731 0 32ZM32.1684 30.5978L32.1665 30.5976V30.5964C30.5537 30.4284 28.9409 30.2616 26.9573 30.3713C26.0061 30.4239 24.9965 30.5587 24.0373 30.7816C24.621 23.7256 29.8143 17.5496 36.8755 17.1587C41.208 16.9176 45.5381 19.4913 45.7739 23.6696C46.0051 27.7759 42.7498 30.5233 37.3769 30.8216C35.394 30.9313 33.7817 30.7646 32.1684 30.5978ZM26.7547 45.6993C22.65 45.921 18.5476 43.561 18.3256 39.7313L18.3244 39.7324C18.1069 35.9679 21.1894 33.4502 26.2796 33.177C28.1591 33.0753 29.6872 33.2284 31.2153 33.3827L31.253 33.3865C32.7697 33.5372 34.2881 33.6882 36.151 33.5884C37.0529 33.5393 38.0087 33.417 38.9175 33.2113C38.3647 39.6799 33.4462 45.3404 26.7547 45.6993Z" fill="white"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 989 B |
|
|
@ -1,21 +0,0 @@
|
||||||
<svg width="167" height="248" viewBox="0 0 167 248" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g clip-path="url(#clip0_433_5710)">
|
|
||||||
<path d="M-65.8824 178.286C-67.7081 178.286 -69.5338 177.34 -70.5562 175.666C-72.0897 173.047 -71.2864 169.699 -68.6575 168.171C-68.2923 167.953 -36.5255 148.814 -11.2582 124.218C-37.5479 98.603 -68.1463 80.1922 -68.5114 79.9739C-71.1404 78.4458 -71.9437 75.0984 -70.4101 72.4786C-68.8765 69.8589 -65.5173 69.0584 -62.8883 70.5866C-61.5008 71.4599 -27.6893 91.6899 0.426163 120.361C2.47092 122.472 2.47092 125.892 0.426163 128.002C-26.3748 155.436 -61.5008 176.612 -63.0344 177.558C-63.9107 177.995 -64.8601 178.286 -65.8824 178.286Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M152.028 178.287C151.078 178.287 150.129 178.068 149.18 177.486C147.719 176.613 112.52 155.437 85.7191 127.93C83.6744 125.819 83.6744 122.399 85.7191 120.289C113.762 91.6176 147.573 71.3876 149.034 70.5143C151.663 68.9862 155.022 69.7867 156.555 72.4064C158.089 75.0261 157.286 78.3735 154.657 79.9017C154.365 80.12 123.693 98.458 97.4035 124.146C122.671 148.742 154.511 167.953 154.803 168.099C157.359 169.627 158.235 172.974 156.701 175.594C155.679 177.341 153.853 178.287 152.028 178.287Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M42.9268 83.103C41.5393 83.103 40.1518 82.5937 39.1294 81.5749C11.5982 54.8683 -9.65268 19.8659 -10.602 18.3378C-12.1356 15.7181 -11.2593 12.3706 -8.70333 10.8425C-6.14739 9.31431 -2.78813 10.1148 -1.18154 12.7345C-0.962457 13.0983 18.2437 44.7533 42.9268 69.9317C68.6324 43.7345 87.1082 13.2439 87.3273 12.88C88.8609 10.2603 92.2201 9.45985 94.8491 10.988C97.405 12.5162 98.2814 15.8636 96.7478 18.4833C95.8715 19.9387 75.5699 53.5584 46.7973 81.5749C45.7019 82.5209 44.3143 83.103 42.9268 83.103Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M-5.85527 238.031C-6.80463 238.031 -7.75398 237.812 -8.70333 237.23C-11.2593 235.702 -12.1356 232.355 -10.602 229.735C-9.72571 228.28 11.5982 193.204 39.1294 166.498C41.2472 164.46 44.6795 164.46 46.7973 166.498C75.5699 194.442 95.8715 228.134 96.7478 229.589C98.2814 232.209 97.4781 235.557 94.8491 237.085C92.2932 238.613 88.8609 237.812 87.3273 235.193C87.1082 234.902 68.7054 204.338 42.9268 178.141C18.2437 203.319 -1.03548 235.047 -1.18154 235.338C-2.20392 237.085 -4.0296 238.031 -5.85527 238.031Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M161.306 115.34C157.8 115.34 119.388 115.122 81.56 105.298C78.7119 104.57 76.9592 101.659 77.6165 98.7485C86.3067 61.4903 105.44 25.1781 106.316 23.7227C107.704 21.0302 111.063 20.0842 113.692 21.4668C116.394 22.8494 117.416 26.1969 115.956 28.8166C115.81 29.1804 98.5022 61.9269 89.5929 96.056C125.303 104.497 160.794 104.425 161.525 104.497C164.519 104.497 167.002 106.899 167.002 109.955C167.002 113.011 164.592 115.413 161.525 115.413C161.452 115.34 161.379 115.34 161.306 115.34Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M-24.8422 227.262C-25.7185 227.262 -26.5948 227.043 -27.3981 226.607C-30.1001 225.224 -31.0495 221.877 -29.662 219.257C-29.5159 218.966 -12.7927 187.384 -3.51826 151.945C-37.768 143.94 -74.7927 143.795 -75.4499 143.795C-78.5171 143.795 -81 141.32 -81 138.337C-81 135.353 -78.5901 132.879 -75.523 132.879C-73.6973 132.661 -32.6561 132.879 4.51472 142.63C7.36278 143.358 9.11543 146.269 8.45818 149.18C-0.743225 188.184 -19.1461 222.896 -19.9494 224.351C-20.9717 226.17 -22.8704 227.262 -24.8422 227.262Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M66.3694 89.2882C63.9596 89.2882 61.7687 87.6873 61.1115 85.2859C50.7416 48.4643 50.0114 7.49477 50.0114 5.74829C49.9384 2.76472 52.3482 0.290543 55.4154 0.217773H55.4884C58.4825 0.217773 60.8924 2.61918 60.9654 5.60275C60.9654 5.9666 61.6227 43.0065 70.3129 77.1356C105.731 67.3844 137.133 50.2107 137.425 49.9924C140.054 48.537 143.413 49.483 144.874 52.1027C146.334 54.7225 145.385 58.0699 142.756 59.5253C141.295 60.3258 106.753 79.2459 67.757 89.0699C67.2458 89.2154 66.8076 89.2882 66.3694 89.2882Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M30.8029 247.709C27.8088 247.709 25.3989 245.307 25.3259 242.324C25.3259 241.96 24.7417 206.303 15.6863 170.791C-18.4174 180.251 -50.9874 198.007 -51.2795 198.152C-53.9085 199.608 -57.2678 198.662 -58.7283 196.042C-60.1889 193.422 -59.2395 190.075 -56.6105 188.62C-55.077 187.819 -19.0016 168.098 18.2422 158.857C21.1633 158.129 24.0844 159.875 24.8147 162.713C35.5497 201.282 36.2069 240.577 36.2069 242.251C36.2799 245.162 33.8701 247.636 30.8029 247.709Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M20.5106 88.7791C19.9994 88.7791 19.5612 88.7063 19.0501 88.5608C-17.9747 78.373 -53.6119 57.9246 -55.0725 57.0514C-57.7015 55.5232 -58.5778 52.1758 -57.0442 49.5561C-55.5837 47.0091 -52.2244 46.0631 -49.5954 47.5913C-49.2303 47.8096 -17.0984 66.2932 16.7132 76.5537C26.5719 41.2603 27.9594 5.67581 28.0324 5.23919C28.1785 2.25562 30.8074 -0.218557 33.7285 -0.000247111C36.7226 0.0725228 39.1325 2.61947 38.9865 5.67581C38.9134 7.27675 37.3799 46.5725 25.6955 84.9223C25.0383 87.2509 22.8475 88.7791 20.5106 88.7791Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M52.6415 247.999C52.5685 247.999 52.4955 247.999 52.4225 247.999C49.4284 247.854 47.0185 245.38 47.1645 242.323C47.2375 240.577 48.9172 199.68 60.1633 163.077C61.0397 160.239 64.0338 158.638 66.8818 159.438C105.586 170.135 139.69 189.856 141.15 190.729C143.779 192.258 144.656 195.605 143.122 198.225C141.589 200.844 138.229 201.718 135.6 200.189C135.308 199.971 104.345 182.142 69.1457 171.518C59.7252 205.429 58.1916 242.469 58.1186 242.833C58.0455 245.671 55.5626 247.999 52.6415 247.999Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M-75.3039 114.831C-75.4499 114.831 -75.523 114.831 -75.596 114.831C-78.5901 114.831 -81 112.357 -81 109.373C-81 106.39 -78.5901 104.061 -75.523 103.916C-75.4499 103.916 -37.987 103.916 -3.51826 95.9838C-12.6466 60.472 -29.2968 28.8899 -29.4429 28.5988C-30.9034 25.9063 -29.881 22.6317 -27.179 21.1763C-24.477 19.7936 -21.1908 20.8124 -19.8033 23.4321C-19 24.8875 -0.670204 59.6716 8.38515 98.6763C9.0424 101.587 7.28975 104.425 4.4417 105.226C-31.5607 114.613 -71.3604 114.831 -75.3039 114.831Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M110.77 227.406C108.799 227.406 106.9 226.315 105.951 224.495C105.147 222.967 86.0872 186.655 77.47 149.397C76.8128 146.486 78.5654 143.648 81.4135 142.92C120.337 132.951 159.845 133.096 161.378 133.023C164.372 133.023 166.855 135.498 166.855 138.481C166.855 141.465 164.372 143.939 161.378 143.939C161.378 143.939 161.378 143.939 161.232 143.939C158.895 143.939 124.134 144.084 89.3734 152.162C98.2097 186.218 115.444 219.11 115.59 219.401C116.978 222.094 115.955 225.368 113.326 226.751C112.523 227.188 111.647 227.406 110.77 227.406Z" fill="#FDB4C4"/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="clip0_433_5710">
|
|
||||||
<rect width="248" height="248" fill="white" transform="translate(-81)"/>
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 6.5 KiB |
|
|
@ -1,21 +0,0 @@
|
||||||
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g clip-path="url(#clip0_1032_5290)">
|
|
||||||
<path d="M2.43822 28.756C2.14376 28.756 1.84929 28.6034 1.68439 28.3335C1.43704 27.9109 1.56661 27.371 1.99064 27.1246C2.04953 27.0894 7.17321 24.0025 11.2486 20.0354C7.00831 15.9039 2.07309 12.9344 2.01419 12.8992C1.59017 12.6527 1.4606 12.1128 1.70795 11.6903C1.9553 11.2678 2.49712 11.1386 2.92114 11.3851C3.14494 11.526 8.59841 14.7889 13.1332 19.4133C13.463 19.7537 13.463 20.3053 13.1332 20.6457C8.81042 25.0706 3.14494 28.4861 2.89759 28.6386C2.75624 28.7091 2.60312 28.756 2.43822 28.756Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M37.5854 28.756C37.4322 28.756 37.2791 28.7208 37.126 28.6269C36.8904 28.4861 31.2131 25.0706 26.8904 20.634C26.5606 20.2936 26.5606 19.742 26.8904 19.4016C31.4134 14.7772 36.8669 11.5143 37.1024 11.3734C37.5265 11.1269 38.0683 11.256 38.3156 11.6786C38.563 12.1011 38.4334 12.641 38.0094 12.8875C37.9623 12.9227 33.0153 15.8805 28.775 20.0236C32.8504 23.9908 37.9858 27.0894 38.0329 27.1128C38.4452 27.3593 38.5865 27.8992 38.3392 28.3218C38.1743 28.6035 37.8798 28.756 37.5854 28.756Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M19.9883 13.4033C19.7645 13.4033 19.5407 13.3212 19.3758 13.1569C14.9353 8.84935 11.5077 3.20381 11.3546 2.95733C11.1072 2.53479 11.2486 1.99489 11.6608 1.74841C12.0731 1.50193 12.6149 1.63104 12.874 2.05357C12.9093 2.11226 16.0071 7.21789 19.9883 11.2789C24.1343 7.05357 27.1143 2.13573 27.1496 2.07705C27.397 1.65451 27.9388 1.5254 28.3628 1.77188C28.7751 2.01836 28.9164 2.55827 28.6691 2.9808C28.5277 3.21554 25.2533 8.63808 20.6125 13.1569C20.4358 13.3094 20.2121 13.4033 19.9883 13.4033Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M12.1202 38.3924C11.9671 38.3924 11.8139 38.3572 11.6608 38.2633C11.2486 38.0169 11.1072 37.4769 11.3546 37.0544C11.4959 36.8197 14.9353 31.1624 19.3758 26.8549C19.7174 26.5262 20.2709 26.5262 20.6125 26.8549C25.2533 31.3619 28.5277 36.7962 28.6691 37.0309C28.9164 37.4535 28.7868 37.9934 28.3628 38.2399C27.9506 38.4863 27.397 38.3572 27.1496 37.9347C27.1143 37.8877 24.1461 32.9582 19.9883 28.7328C16.0071 32.7938 12.8976 37.9112 12.874 37.9582C12.7091 38.2399 12.4146 38.3924 12.1202 38.3924Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M39.0815 18.6031C38.5161 18.6031 32.3206 18.5679 26.2193 16.9834C25.76 16.866 25.4773 16.3965 25.5833 15.927C26.9849 9.91766 30.0709 4.06085 30.2123 3.82611C30.4361 3.39184 30.9779 3.23926 31.4019 3.46226C31.8377 3.68527 32.0026 4.22517 31.767 4.64771C31.7435 4.70639 28.952 9.98808 27.515 15.4928C33.2747 16.8543 38.9991 16.8425 39.1169 16.8543C39.5998 16.8543 40.0002 17.2416 40.0002 17.7346C40.0002 18.2275 39.6116 18.6148 39.1169 18.6148C39.1051 18.6031 39.0933 18.6031 39.0815 18.6031Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M9.05772 36.6549C8.91637 36.6549 8.77503 36.6197 8.64547 36.5493C8.20966 36.3263 8.05654 35.7864 8.28033 35.3639C8.30389 35.3169 11.0012 30.223 12.4971 24.507C6.97291 23.216 1.00118 23.1925 0.895171 23.1925C0.400471 23.1925 0 22.7934 0 22.3122C0 21.831 0.388693 21.4319 0.883392 21.4319C1.17786 21.3967 7.79741 21.4319 13.7927 23.0047C14.2521 23.1221 14.5347 23.5916 14.4287 24.061C12.9446 30.3521 9.97644 35.9507 9.84688 36.1855C9.68198 36.4789 9.37574 36.6549 9.05772 36.6549Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M23.7695 14.4014C23.3808 14.4014 23.0275 14.1431 22.9215 13.7558C21.2489 7.81685 21.1311 1.20887 21.1311 0.927175C21.1193 0.445954 21.508 0.0468933 22.0027 0.0351562H22.0145C22.4974 0.0351562 22.8861 0.42248 22.8979 0.903701C22.8979 0.962386 23.0039 6.93657 24.4056 12.4413C30.1182 10.8685 35.1829 8.09854 35.2301 8.06332C35.6541 7.82858 36.1959 7.98116 36.4315 8.4037C36.667 8.82624 36.5139 9.36614 36.0899 9.60088C35.8543 9.72999 30.2831 12.7816 23.9933 14.3661C23.9109 14.3896 23.8402 14.4014 23.7695 14.4014Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M18.0326 39.9533C17.5496 39.9533 17.161 39.566 17.1492 39.0848C17.1492 39.0261 17.0549 33.2749 15.5944 27.5472C10.0938 29.0731 4.84058 31.9369 4.79346 31.9604C4.36944 32.1951 3.82762 32.0425 3.59205 31.62C3.35648 31.1975 3.5096 30.6576 3.93363 30.4228C4.18098 30.2937 9.99959 27.113 16.0067 25.6224C16.4778 25.505 16.9489 25.7867 17.0667 26.2444C18.7982 32.4651 18.9042 38.8031 18.9042 39.0731C18.916 39.5425 18.5273 39.9416 18.0326 39.9533Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M16.3722 14.3195C16.2898 14.3195 16.2191 14.3077 16.1367 14.2842C10.1649 12.6411 4.417 9.34294 4.18143 9.20209C3.7574 8.95561 3.61606 8.4157 3.86341 7.99317C4.09898 7.58237 4.6408 7.42979 5.06482 7.67627C5.12372 7.71148 10.3063 10.6927 15.7598 12.3476C17.3499 6.65514 17.5737 0.915705 17.5854 0.845283C17.609 0.364062 18.033 -0.0349991 18.5042 0.00021216C18.9871 0.0119492 19.3758 0.422747 19.3522 0.915705C19.3404 1.17392 19.0931 7.51195 17.2085 13.6974C17.1025 14.073 16.7492 14.3195 16.3722 14.3195Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M21.5548 39.9999C21.543 39.9999 21.5313 39.9999 21.5195 39.9999C21.0366 39.9764 20.6479 39.5773 20.6714 39.0844C20.6832 38.8027 20.9541 32.2064 22.768 26.3027C22.9094 25.8449 23.3923 25.5867 23.8516 25.7158C30.0943 27.4412 35.5949 30.6219 35.8304 30.7628C36.2545 31.0092 36.3958 31.5492 36.1485 31.9717C35.9011 32.3942 35.3593 32.5351 34.9353 32.2886C34.8882 32.2534 29.894 29.3778 24.2168 27.6642C22.6973 33.1337 22.45 39.1078 22.4382 39.1665C22.4264 39.6243 22.026 39.9999 21.5548 39.9999Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M0.918728 18.5207C0.895171 18.5207 0.883392 18.5207 0.871614 18.5207C0.388693 18.5207 0 18.1216 0 17.6404C0 17.1592 0.388693 16.7836 0.883392 16.7601C0.895171 16.7601 6.93757 16.7601 12.4971 15.4808C11.0247 9.75308 8.33922 4.65918 8.31567 4.61224C8.08009 4.17796 8.24499 3.64979 8.6808 3.41505C9.11661 3.19205 9.64664 3.35637 9.87044 3.7789C10 4.01364 12.9564 9.62397 14.417 15.9151C14.523 16.3845 14.2403 16.8423 13.7809 16.9714C7.97409 18.4855 1.55477 18.5207 0.918728 18.5207Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M30.9309 36.6781C30.6129 36.6781 30.3066 36.502 30.1535 36.2086C30.0239 35.9621 26.9497 30.1053 25.5599 24.0959C25.4538 23.6264 25.7365 23.1687 26.1959 23.0513C32.4739 21.4433 38.8461 21.4668 39.0934 21.4551C39.5763 21.4551 39.9768 21.8541 39.9768 22.3354C39.9768 22.8166 39.5763 23.2156 39.0934 23.2156C39.0934 23.2156 39.0934 23.2156 39.0699 23.2156C38.6929 23.2156 33.0864 23.2391 27.4798 24.5419C28.905 30.0349 31.6847 35.3401 31.7083 35.387C31.9321 35.8213 31.7672 36.3494 31.3431 36.5724C31.2136 36.6429 31.0722 36.6781 30.9309 36.6781Z" fill="#FDB4C4"/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="clip0_1032_5290">
|
|
||||||
<rect width="40" height="40" fill="white"/>
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 6.3 KiB |
|
|
@ -1,21 +0,0 @@
|
||||||
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g clip-path="url(#clip0)">
|
|
||||||
<path d="M2.4392 28.756C2.14474 28.756 1.85027 28.6034 1.68537 28.3335C1.43802 27.9109 1.56759 27.371 1.99161 27.1246C2.05051 27.0894 7.17418 24.0025 11.2496 20.0354C7.00928 15.9039 2.07406 12.9344 2.01517 12.8992C1.59114 12.6527 1.46158 12.1128 1.70893 11.6903C1.95628 11.2678 2.49809 11.1386 2.92212 11.3851C3.14591 11.526 8.59939 14.7889 13.1341 19.4133C13.4639 19.7537 13.4639 20.3053 13.1341 20.6457C8.8114 25.0706 3.14591 28.4861 2.89856 28.6386C2.75722 28.7091 2.6041 28.756 2.4392 28.756Z" fill="#242424"/>
|
|
||||||
<path d="M37.5868 28.756C37.4337 28.756 37.2806 28.7208 37.1275 28.6269C36.8919 28.4861 31.2146 25.0706 26.8919 20.634C26.5621 20.2936 26.5621 19.742 26.8919 19.4016C31.4149 14.7772 36.8683 11.5143 37.1039 11.3734C37.5279 11.1269 38.0697 11.256 38.3171 11.6786C38.5644 12.1011 38.4349 12.641 38.0108 12.8875C37.9637 12.9227 33.0167 15.8805 28.7765 20.0236C32.8518 23.9908 37.9873 27.0894 38.0344 27.1128C38.4467 27.3593 38.588 27.8992 38.3406 28.3218C38.1757 28.6035 37.8813 28.756 37.5868 28.756Z" fill="#242424"/>
|
|
||||||
<path d="M19.9883 13.4043C19.7645 13.4043 19.5407 13.3222 19.3758 13.1578C14.9353 8.85032 11.5077 3.20478 11.3546 2.9583C11.1072 2.53577 11.2486 1.99586 11.6608 1.74938C12.0731 1.50291 12.6149 1.63201 12.874 2.05455C12.9093 2.11323 16.0071 7.21887 19.9883 11.2799C24.1343 7.05455 27.1143 2.13671 27.1496 2.07802C27.397 1.65549 27.9388 1.52638 28.3628 1.77286C28.7751 2.01934 28.9164 2.55924 28.6691 2.98178C28.5277 3.21652 25.2533 8.63906 20.6125 13.1578C20.4358 13.3104 20.2121 13.4043 19.9883 13.4043Z" fill="#242424"/>
|
|
||||||
<path d="M12.1202 38.3915C11.9671 38.3915 11.8139 38.3562 11.6608 38.2623C11.2486 38.0159 11.1072 37.476 11.3546 37.0534C11.4959 36.8187 14.9353 31.1614 19.3758 26.8539C19.7174 26.5253 20.2709 26.5253 20.6125 26.8539C25.2533 31.3609 28.5277 36.7952 28.6691 37.03C28.9164 37.4525 28.7869 37.9924 28.3628 38.2389C27.9506 38.4854 27.397 38.3562 27.1496 37.9337C27.1143 37.8868 24.1461 32.9572 19.9883 28.7318C16.0071 32.7929 12.8976 37.9102 12.874 37.9572C12.7091 38.2389 12.4146 38.3915 12.1202 38.3915Z" fill="#242424"/>
|
|
||||||
<path d="M39.081 18.6031C38.5157 18.6031 32.3201 18.5679 26.2188 16.9834C25.7595 16.866 25.4768 16.3965 25.5828 15.9271C26.9844 9.91766 30.0704 4.06085 30.2118 3.82611C30.4356 3.39184 30.9774 3.23926 31.4014 3.46226C31.8372 3.68527 32.0021 4.22517 31.7665 4.64771C31.743 4.70639 28.9515 9.98808 27.5145 15.4928C33.2742 16.8543 38.9986 16.8425 39.1164 16.8543C39.5993 16.8543 39.9998 17.2416 39.9998 17.7346C39.9998 18.2275 39.6111 18.6148 39.1164 18.6148C39.1046 18.6031 39.0928 18.6031 39.081 18.6031Z" fill="#242424"/>
|
|
||||||
<path d="M9.05772 36.6549C8.91637 36.6549 8.77503 36.6197 8.64547 36.5493C8.20966 36.3263 8.05654 35.7864 8.28033 35.3638C8.30389 35.3169 11.0012 30.223 12.4971 24.507C6.97291 23.216 1.00118 23.1925 0.895171 23.1925C0.400471 23.1925 0 22.7934 0 22.3122C0 21.831 0.388693 21.4319 0.883392 21.4319C1.17786 21.3967 7.79741 21.4319 13.7927 23.0047C14.2521 23.1221 14.5347 23.5916 14.4287 24.061C12.9446 30.3521 9.97644 35.9507 9.84688 36.1854C9.68198 36.4789 9.37574 36.6549 9.05772 36.6549Z" fill="#242424"/>
|
|
||||||
<path d="M23.7695 14.4014C23.3808 14.4014 23.0275 14.1431 22.9215 13.7558C21.2489 7.81685 21.1311 1.20887 21.1311 0.927175C21.1193 0.445954 21.508 0.0468933 22.0027 0.0351562H22.0145C22.4974 0.0351562 22.8861 0.42248 22.8979 0.903701C22.8979 0.962386 23.0039 6.93657 24.4056 12.4413C30.1182 10.8685 35.1829 8.09854 35.2301 8.06332C35.6541 7.82858 36.1959 7.98116 36.4315 8.4037C36.667 8.82624 36.5139 9.36614 36.0899 9.60088C35.8543 9.72999 30.2831 12.7816 23.9933 14.3661C23.9109 14.3896 23.8402 14.4014 23.7695 14.4014Z" fill="#242424"/>
|
|
||||||
<path d="M18.0335 39.9533C17.5506 39.9533 17.1619 39.566 17.1502 39.0848C17.1502 39.0261 17.0559 33.2749 15.5954 27.5472C10.0948 29.0731 4.84155 31.9369 4.79444 31.9604C4.37041 32.1951 3.8286 32.0425 3.59303 31.62C3.35746 31.1975 3.51058 30.6576 3.9346 30.4228C4.18195 30.2937 10.0006 27.113 16.0076 25.6224C16.4788 25.505 16.9499 25.7867 17.0677 26.2444C18.7991 32.4651 18.9052 38.8031 18.9052 39.0731C18.9169 39.5425 18.5282 39.9416 18.0335 39.9533Z" fill="#242424"/>
|
|
||||||
<path d="M16.3727 14.3195C16.2903 14.3195 16.2196 14.3077 16.1372 14.2842C10.1654 12.6411 4.41749 9.34293 4.18192 9.20209C3.75789 8.95561 3.61655 8.4157 3.8639 7.99317C4.09947 7.58237 4.64128 7.42979 5.06531 7.67627C5.12421 7.71148 10.3068 10.6927 15.7602 12.3476C17.3504 6.65514 17.5741 0.915705 17.5859 0.845283C17.6095 0.364062 18.0335 -0.0349991 18.5047 0.000212159C18.9876 0.0119492 19.3763 0.422747 19.3527 0.915705C19.3409 1.17392 19.0936 7.51195 17.209 13.6974C17.103 14.073 16.7496 14.3195 16.3727 14.3195Z" fill="#242424"/>
|
|
||||||
<path d="M21.5543 39.9999C21.5426 39.9999 21.5308 39.9999 21.519 39.9999C21.0361 39.9764 20.6474 39.5773 20.6709 39.0844C20.6827 38.8027 20.9536 32.2064 22.7675 26.3027C22.9089 25.8449 23.3918 25.5867 23.8512 25.7158C30.0938 27.4412 35.5944 30.6219 35.83 30.7628C36.254 31.0092 36.3953 31.5492 36.148 31.9717C35.9006 32.3942 35.3588 32.5351 34.9348 32.2886C34.8877 32.2534 29.8936 29.3778 24.2163 27.6642C22.6969 33.1337 22.4495 39.1078 22.4377 39.1665C22.4259 39.6243 22.0255 39.9999 21.5543 39.9999Z" fill="#242424"/>
|
|
||||||
<path d="M0.918728 18.5207C0.895171 18.5207 0.883392 18.5207 0.871614 18.5207C0.388693 18.5207 0 18.1216 0 17.6404C0 17.1592 0.388693 16.7836 0.883392 16.7601C0.895171 16.7601 6.93757 16.7601 12.4971 15.4808C11.0247 9.75308 8.33922 4.65918 8.31567 4.61224C8.08009 4.17796 8.24499 3.64979 8.6808 3.41505C9.11661 3.19205 9.64664 3.35637 9.87044 3.7789C10 4.01364 12.9564 9.62397 14.417 15.9151C14.523 16.3845 14.2403 16.8423 13.7809 16.9714C7.97409 18.4855 1.55477 18.5207 0.918728 18.5207Z" fill="#242424"/>
|
|
||||||
<path d="M30.9304 36.6781C30.6124 36.6781 30.3061 36.502 30.153 36.2086C30.0234 35.9621 26.9492 30.1053 25.5594 24.0959C25.4534 23.6264 25.736 23.1687 26.1954 23.0513C32.4734 21.4433 38.8456 21.4668 39.0929 21.4551C39.5759 21.4551 39.9763 21.8541 39.9763 22.3354C39.9763 22.8166 39.5759 23.2156 39.0929 23.2156C39.0929 23.2156 39.0929 23.2156 39.0694 23.2156C38.6925 23.2156 33.0859 23.2391 27.4793 24.5419C28.9045 30.0349 31.6842 35.3401 31.7078 35.387C31.9316 35.8213 31.7667 36.3495 31.3426 36.5725C31.2131 36.6429 31.0717 36.6781 30.9304 36.6781Z" fill="#242424"/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="clip0">
|
|
||||||
<rect width="40" height="40" fill="white"/>
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 6.3 KiB |
|
|
@ -1,3 +0,0 @@
|
||||||
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<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.23666 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="#242424"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.6 KiB |
|
|
@ -1,3 +0,0 @@
|
||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C18.6274 0 24 5.37259 24 12C24 18.6274 18.6274 24 12 24C5.37259 24 0 18.6274 0 12C0 5.37259 5.37259 0 12 0ZM7.56029 18.3317C7.56029 18.3317 8.1648 17.6592 8.59973 17.0662C6.50477 16.4729 5.71493 15.2865 5.71493 15.2865C7.89312 16.6332 9.92741 17.1514 12 17.0841C14.0726 17.1513 16.1069 16.6332 18.2848 15.2865C18.2848 15.2865 17.4952 16.4729 15.4 17.0662C15.8351 17.6594 16.4394 18.3317 16.4394 18.3317C19.3784 18.267 20.8461 16.7848 21.3275 16.2986C21.4348 16.1902 21.4931 16.1313 21.5078 16.1486C21.5078 11.2526 19.1309 7.26605 19.1309 7.26605C17.0037 5.73965 15.0216 5.67619 14.6429 5.66827L14.4011 5.89766C17.1165 6.65698 18.4299 7.84344 18.4299 7.84344C16.0993 6.71779 13.9028 6.32184 12 6.29813C10.0972 6.32213 7.9008 6.71779 5.57011 7.84344C5.57011 7.84344 6.88349 6.65698 9.59885 5.89766L9.35712 5.66827C8.9784 5.67619 6.99629 5.73946 4.86912 7.26605C4.86912 7.26605 2.49221 11.2525 2.49221 16.1486C2.50689 16.1313 2.56519 16.1902 2.67246 16.2986C3.15385 16.7847 4.62153 18.267 7.56029 18.3317ZM14.9237 11.2374V11.2295C15.8422 11.2295 16.5835 11.9889 16.5835 12.9222C16.5835 13.8555 15.8422 14.6149 14.9237 14.6149C14.0051 14.6149 13.2638 13.8555 13.2638 12.9301C13.2638 11.9967 14.0131 11.2374 14.9237 11.2374ZM9.07449 11.2367V11.2288C8.15591 11.2288 7.41465 11.9881 7.41465 12.9214C7.41465 13.8548 8.15596 14.6142 9.07449 14.6142C9.99302 14.6142 10.7344 13.8548 10.7344 12.9294C10.7344 11.996 9.985 11.2367 9.07449 11.2367Z" fill="white"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.6 KiB |
|
|
@ -1,3 +0,0 @@
|
||||||
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<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="#242424"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.3 KiB |
|
|
@ -1,3 +0,0 @@
|
||||||
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M11.9985 0C5.373 0 0.0289935 5.5086 0.0647597 12.304C0.0933662 17.739 3.55564 22.3499 8.33421 23.9783C8.9348 24.0917 9.1518 23.7118 9.15009 23.3855C9.14855 23.0929 9.13397 22.3193 9.12257 21.293C5.78898 22.0359 5.07139 19.6431 5.07139 19.6431C4.51941 18.2216 3.72991 17.8432 3.72991 17.8432C2.6354 17.0803 3.80698 17.0956 3.80698 17.0956C5.01194 17.183 5.65116 18.364 5.65116 18.364C6.73205 20.2436 8.46769 19.7014 9.15003 19.3858C9.25385 18.5907 9.56149 18.0485 9.90337 17.7406C7.23774 17.4296 4.43018 16.3741 4.40537 11.6606C4.3983 10.3171 4.86052 9.21878 5.62399 8.35787C5.49785 8.0469 5.08027 6.79536 5.72386 5.10265C5.72386 5.10265 6.73012 4.77177 9.03049 6.36338C9.98606 6.09071 11.0113 5.95437 12.0328 5.94977C13.0513 5.9559 14.0796 6.09071 15.0395 6.36491C17.3216 4.7733 18.3299 5.10418 18.3299 5.10418C18.9928 6.79843 18.5884 8.04843 18.467 8.3594C19.241 9.22031 19.7103 10.3187 19.7174 11.6621C19.7423 16.3879 16.9427 17.4281 14.2713 17.7329C14.7038 18.1128 15.0918 18.8634 15.0978 20.0108C15.1065 21.656 15.0985 22.9826 15.1006 23.3855C15.1023 23.7148 15.3203 24.0978 15.9287 23.9768C20.6826 22.3469 24.0934 17.7375 24.0648 12.304C24.029 5.5086 18.627 0 11.9985 0Z" fill="white"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.3 KiB |
|
|
@ -1,3 +0,0 @@
|
||||||
<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M18.9673 2.40281C18.296 2.69727 17.5807 2.89245 16.835 2.98722C17.6022 2.52917 18.1877 1.80938 18.463 0.941786C17.7477 1.36825 16.958 1.66948 16.1163 1.83758C15.4371 1.1144 14.4691 0.666504 13.4131 0.666504C11.3643 0.666504 9.71489 2.32948 9.71489 4.36814C9.71489 4.66148 9.73971 4.94353 9.80063 5.21204C6.72402 5.06199 4.00166 3.58743 2.17284 1.34117C1.85355 1.89512 1.66627 2.52917 1.66627 3.21173C1.66627 4.49338 2.32627 5.62948 3.31007 6.28722C2.7155 6.27594 2.13222 6.10332 1.63807 5.83143C1.63807 5.84271 1.63807 5.85738 1.63807 5.87204C1.63807 7.6704 2.92084 9.16414 4.60299 9.50825C4.30176 9.59061 3.97345 9.63009 3.63273 9.63009C3.39581 9.63009 3.15663 9.61655 2.93212 9.56691C3.41161 11.0325 4.77222 12.1099 6.39007 12.1449C5.13099 13.1298 3.53232 13.7232 1.80166 13.7232C1.49817 13.7232 1.20709 13.7097 0.916016 13.6725C2.5553 14.7296 4.49807 15.3332 6.59314 15.3332C13.403 15.3332 17.1261 9.69214 17.1261 4.8025C17.1261 4.63891 17.1204 4.48097 17.1125 4.32414C17.847 3.80291 18.4641 3.15194 18.9673 2.40281Z" fill="#242424"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
|
@ -1,3 +0,0 @@
|
||||||
<svg width="25" height="22" viewBox="0 0 25 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M24.0684 3.53676C23.1733 3.92937 22.2196 4.18961 21.2253 4.31597C22.2482 3.70524 23.0289 2.74551 23.396 1.58872C22.4423 2.15734 21.3893 2.55898 20.2671 2.78312C19.3615 1.81888 18.0708 1.22168 16.6628 1.22168C13.9311 1.22168 11.7318 3.43898 11.7318 6.1572C11.7318 6.54831 11.7649 6.92438 11.8462 7.2824C7.744 7.08233 4.11419 5.11624 1.67576 2.12124C1.25005 2.85983 1.00034 3.70524 1.00034 4.61532C1.00034 6.32418 1.88034 7.83898 3.19207 8.71597C2.39932 8.70093 1.62161 8.47077 0.962735 8.10824C0.962735 8.12329 0.962735 8.14284 0.962735 8.1624C0.962735 10.5602 2.67309 12.5519 4.91597 13.0107C4.51432 13.1205 4.07658 13.1731 3.62229 13.1731C3.30639 13.1731 2.98749 13.1551 2.68814 13.0889C3.32745 15.0429 5.14161 16.4795 7.29874 16.5262C5.61997 17.8394 3.48841 18.6306 1.18085 18.6306C0.776205 18.6306 0.388103 18.6126 0 18.5629C2.18571 19.9724 4.77607 20.7772 7.5695 20.7772C16.6493 20.7772 21.6134 13.2559 21.6134 6.73635C21.6134 6.51823 21.6059 6.30763 21.5953 6.09853C22.5746 5.40356 23.3975 4.53559 24.0684 3.53676Z" fill="white"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
|
@ -1,21 +0,0 @@
|
||||||
<svg width="192" height="192" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g clip-path="url(#clip0)">
|
|
||||||
<path d="M11.7039 138.028C10.2904 138.028 8.877 137.296 8.08549 136C6.89821 133.972 7.52011 131.38 9.55545 130.197C9.83814 130.028 34.4318 115.211 53.9936 96.1689C33.6403 76.338 9.95121 62.0844 9.66852 61.9154C7.63319 60.7323 7.01128 58.1408 8.19856 56.1126C9.38584 54.0844 11.9865 53.4647 14.0219 54.6478C15.0961 55.3239 41.2728 70.9859 63.0396 93.183C64.6226 94.8168 64.6226 97.4647 63.0396 99.0985C42.2904 120.338 15.0961 136.732 13.9088 137.465C13.2304 137.803 12.4954 138.028 11.7039 138.028Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M180.41 138.029C179.675 138.029 178.94 137.86 178.205 137.409C177.074 136.733 149.823 120.339 129.074 99.0429C127.491 97.4091 127.491 94.7612 129.074 93.1274C150.784 70.9302 176.961 55.2682 178.092 54.5922C180.127 53.4091 182.728 54.0288 183.915 56.057C185.102 58.0851 184.48 60.6767 182.445 61.8598C182.219 62.0288 158.473 76.226 138.12 96.1133C157.682 115.156 182.332 130.029 182.558 130.141C184.537 131.325 185.215 133.916 184.028 135.944C183.237 137.296 181.823 138.029 180.41 138.029Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M95.944 64.3376C94.8698 64.3376 93.7956 63.9432 93.0041 63.1545C71.6896 42.4784 55.2373 15.3798 54.5023 14.1967C53.3151 12.1686 53.9935 9.57702 55.9723 8.39392C57.9511 7.21082 60.5518 7.83054 61.7956 9.85871C61.9652 10.1404 76.8345 34.6474 95.944 54.1404C115.845 33.8587 130.149 10.2531 130.319 9.97139C131.506 7.94322 134.107 7.3235 136.142 8.5066C138.121 9.6897 138.799 12.2812 137.612 14.3094C136.933 15.4362 121.216 41.4643 98.9405 63.1545C98.0924 63.8869 97.0182 64.3376 95.944 64.3376Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M58.1773 184.282C57.4423 184.282 56.7073 184.113 55.9723 183.662C53.9935 182.479 53.3151 179.888 54.5023 177.86C55.1808 176.733 71.6896 149.578 93.0041 128.902C94.6437 127.324 97.3009 127.324 98.9405 128.902C121.216 150.536 136.933 176.62 137.612 177.747C138.799 179.775 138.177 182.367 136.142 183.55C134.163 184.733 131.506 184.113 130.319 182.085C130.149 181.86 115.902 158.198 95.944 137.916C76.8345 157.409 61.9087 181.972 61.7956 182.198C61.0041 183.55 59.5907 184.282 58.1773 184.282Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M187.59 89.2951C184.876 89.2951 155.137 89.1261 125.851 81.5205C123.646 80.9571 122.289 78.7035 122.798 76.45C129.526 47.605 144.339 19.4923 145.017 18.3655C146.092 16.281 148.692 15.5486 150.728 16.6191C152.819 17.6895 153.611 20.281 152.48 22.3092C152.367 22.5909 138.968 47.943 132.07 74.3655C159.717 80.9007 187.194 80.8444 187.759 80.9007C190.077 80.9007 192 82.7599 192 85.1261C192 87.4923 190.134 89.3514 187.759 89.3514C187.703 89.2951 187.646 89.2951 187.59 89.2951Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M43.477 175.943C42.7986 175.943 42.1201 175.774 41.4982 175.436C39.4064 174.366 38.6714 171.774 39.7456 169.746C39.8587 169.521 52.8057 145.07 59.9859 117.634C33.47 111.436 4.80565 111.324 4.29682 111.324C1.92226 111.324 0 109.408 0 107.098C0 104.789 1.86572 102.873 4.24028 102.873C5.65371 102.704 37.4276 102.873 66.2049 110.422C68.4099 110.986 69.7668 113.239 69.2579 115.493C62.1343 145.69 47.8869 172.563 47.265 173.69C46.4735 175.098 45.0035 175.943 43.477 175.943Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M114.091 69.1267C112.226 69.1267 110.529 67.8873 110.021 66.0281C101.992 37.5211 101.427 5.80275 101.427 4.45064C101.37 2.14078 103.236 0.225283 105.611 0.168945H105.667C107.985 0.168945 109.851 2.0281 109.908 4.33796C109.908 4.61965 110.416 33.2957 117.144 59.7182C144.565 52.1689 168.876 38.8732 169.102 38.7042C171.137 37.5774 173.738 38.3098 174.869 40.338C175.999 42.3661 175.264 44.9577 173.229 46.0844C172.098 46.7042 145.356 61.352 115.166 68.9577C114.77 69.0704 114.431 69.1267 114.091 69.1267Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M86.5583 191.774C84.2403 191.774 82.3745 189.915 82.318 187.605C82.318 187.323 81.8657 159.718 74.8551 132.225C48.4523 139.549 23.2367 153.295 23.0106 153.408C20.9752 154.535 18.3745 153.802 17.2438 151.774C16.113 149.746 16.848 147.154 18.8834 146.028C20.0706 145.408 48 130.14 76.8339 122.985C79.0954 122.422 81.3569 123.774 81.9222 125.971C90.2332 155.83 90.742 186.253 90.742 187.549C90.7986 189.802 88.9328 191.718 86.5583 191.774Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M78.5876 68.732C78.1918 68.732 77.8526 68.6757 77.4568 68.563C48.7925 60.6757 21.2024 44.8447 20.0717 44.1687C18.0363 42.9856 17.3579 40.394 18.5452 38.3658C19.6759 36.394 22.2766 35.6616 24.3119 36.8447C24.5946 37.0137 49.471 51.3236 75.6476 59.2673C83.2802 31.9433 84.3544 4.39402 84.4109 4.05599C84.524 1.74613 86.5593 -0.169363 88.8208 -0.00034882C91.1388 0.0559892 93.0045 2.02782 92.8915 4.39402C92.8349 5.63345 91.6477 36.056 82.6017 65.7461C82.0929 67.5489 80.3968 68.732 78.5876 68.732Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M103.464 192C103.407 192 103.351 192 103.294 192C100.976 191.887 99.1106 189.972 99.2236 187.606C99.2802 186.254 100.581 154.592 109.287 126.254C109.966 124.056 112.284 122.817 114.489 123.437C144.453 131.718 170.856 146.986 171.987 147.662C174.022 148.845 174.701 151.437 173.513 153.465C172.326 155.493 169.725 156.169 167.69 154.986C167.464 154.817 143.492 141.014 116.241 132.789C108.948 159.042 107.761 187.718 107.704 188C107.648 190.197 105.725 192 103.464 192Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M4.40989 88.9012C4.29682 88.9012 4.24028 88.9012 4.18375 88.9012C1.86572 88.9012 0 86.9857 0 84.6759C0 82.366 1.86572 80.5632 4.24028 80.4505C4.29682 80.4505 33.3004 80.4505 59.9859 74.3097C52.9187 46.8167 40.0283 22.366 39.9152 22.1407C38.7845 20.0562 39.576 17.521 41.6678 16.3942C43.7597 15.3238 46.3039 16.1125 47.3781 18.1407C48 19.2674 62.1908 46.197 69.2014 76.3942C69.7102 78.6477 68.3533 80.8449 66.1484 81.4646C38.2756 88.7322 7.4629 88.9012 4.40989 88.9012Z" fill="#FDB4C4"/>
|
|
||||||
<path d="M148.466 176.057C146.939 176.057 145.469 175.212 144.734 173.803C144.113 172.62 129.356 144.507 122.685 115.662C122.176 113.409 123.533 111.212 125.738 110.648C155.872 102.93 186.459 103.043 187.646 102.986C189.964 102.986 191.886 104.902 191.886 107.212C191.886 109.522 189.964 111.437 187.646 111.437C187.646 111.437 187.646 111.437 187.533 111.437C185.724 111.437 158.812 111.55 131.9 117.803C138.741 144.169 152.084 169.634 152.197 169.86C153.272 171.944 152.48 174.479 150.445 175.55C149.823 175.888 149.144 176.057 148.466 176.057Z" fill="#FDB4C4"/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="clip0">
|
|
||||||
<rect width="192" height="192" fill="white"/>
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 6.2 KiB |
211
src/blog.html
211
src/blog.html
|
|
@ -1,211 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<link href="./css/style.min.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 overflow-x-hidden">
|
|
||||||
<header class="fixed inset-x-0 z-50 bg-white">
|
|
||||||
<div class="h-18 max-w-screen-xl flex justify-between items-center mx-auto px-6 py-4 md:h-26 md:py-8 xl:px-0">
|
|
||||||
<a id="header-logo" class="text-gray" href="/">
|
|
||||||
<img src="assets/images/logo/logo.svg" alt="">
|
|
||||||
</a>
|
|
||||||
<nav id="nav" class="absolute flex items-center justify-end -z-1 top-0 left-0 h-screen w-full bg-gray pt-16 pr-16 transform -translate-y-full md:-translate-y-0 md:bg-white md:relative md:h-auto md:p-0 md:justify-center md:z-0">
|
|
||||||
<div class="text-pink md:hidden">
|
|
||||||
<img src="assets/images/logo/logo-nav-pink.svg" alt="">
|
|
||||||
</div>
|
|
||||||
<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-medium text-2xl 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-medium text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="/about">About</a></li>
|
|
||||||
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-medium text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="/node">Try</a></li>
|
|
||||||
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-medium font-bold text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="https://vac.dev/research-log/">Blog</a></li>
|
|
||||||
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-medium text-2xl 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-medium text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="https://rfc.vac.dev/spec/10/">Specs</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<div id="social-box" class="hidden md:flex">
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="https://discord.gg/ev9GQGJ9Dg">
|
|
||||||
<img src="./assets/images/social/discord-dark.svg" alt="discord">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="https://twitter.com/vacp2p">
|
|
||||||
<img src="./assets/images/social/twitter-dark.svg" alt="twitter">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray hover:text-blue" href="https://github.com/vacp2p/">
|
|
||||||
<img src="./assets/images/social/github-dark.svg" alt="github">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div id="social-box-mobile" class="hidden">
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="">
|
|
||||||
<img src="./assets/images/social/discord-white.svg" alt="discord">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="">
|
|
||||||
<img src="./assets/images/social/twitter-white.svg" alt="twitter">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray hover:text-blue" href="">
|
|
||||||
<img src="./assets/images/social/github-white.svg" alt="github">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div id="burger" 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 class="pt-18 md:pt-26">
|
|
||||||
<!-- Hero -->
|
|
||||||
<section class="bg-green w-full">
|
|
||||||
<div class="relative container max-w-screen-xl mx-auto md:h-98 md:px-16 lg:px-0">
|
|
||||||
<a class="absolute top-4 left-8 hidden text-sm italic underline text-white mt-6 hover:underline lg:no-underline lg:flex lg:items-center xl:left-0" href="javascript:history.back();"><span class="block bg-link-arrow-white bg-left bg-no-repeat w-1.5 h-2 mr-1.5 transform rotate-180"></span>Back</a>
|
|
||||||
<div class="flex flex-col px-6 py-20 md:px-0 md:py-0 md:pt-30 lg:flex-row">
|
|
||||||
<div class="mb-10 md:mb-6 lg:w-4/12 lg:pl-32">
|
|
||||||
<h1 class="text-2xl text-white font-semibold text-center lg:max-w-2xl lg:text-left">Blog</h1>
|
|
||||||
</div>
|
|
||||||
<div class="lg:w-8/12">
|
|
||||||
<div class="lg:w-3/4">
|
|
||||||
<p class="text-base text-white font-semibold">We take inspiration from core internet architecture, existing survey work and other efforts that have been done to decompose the problem into orthogonal pieces.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<div class="container max-w-screen-xl mx-auto">
|
|
||||||
<!-- Blog entries -->
|
|
||||||
<section class="px-6 mt-10 md:px-16 md:mt-20 lg:px-16 lg:mt-32 xl:px-0">
|
|
||||||
<div class="pb-10 md:pb-20 lg:flex lg:px-16 lg:pb-32 xl:px-32">
|
|
||||||
<div class="mb-10 md:mb-6 lg:mb-0 lg:w-1/5 lg:flex">
|
|
||||||
<h2 class="gufont-semibold leading-10 text-2xl text-center lg:text-left">Blog entries</h2>
|
|
||||||
</div>
|
|
||||||
<div class="lg:w-4/5 lg:pl-6 xl:pl-0">
|
|
||||||
<div class="grid grid-cols-1 gap-y-10 md:pl-3 md:grid-cols-2 md:gap-x-2 lg:gap-x-6">
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">March 05, 2021</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">Privacy-preserving p2p economic spam protection in Waku v2</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">November 10, 2020</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">[Talk] Vac, Waku v2 and Ethereum Messaging</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">September 28, 2020</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">Waku v2 Update</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">July 01, 2020</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">What's the Plan for Waku v2?</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">July 01, 2020</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">What's the Plan for Waku v2?</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">March 05, 2021</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">Privacy-preserving p2p economic spam protection in Waku v2</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">November 10, 2020</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">[Talk] Vac, Waku v2 and Ethereum Messaging</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">September 28, 2020</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">Waku v2 Update</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">July 01, 2020</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">What's the Plan for Waku v2?</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">July 01, 2020</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">What's the Plan for Waku v2?</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">March 05, 2021</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">Privacy-preserving p2p economic spam protection in Waku v2</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">November 10, 2020</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">[Talk] Vac, Waku v2 and Ethereum Messaging</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">September 28, 2020</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">Waku v2 Update</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">July 01, 2020</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">What's the Plan for Waku v2?</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">July 01, 2020</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">What's the Plan for Waku v2?</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="block text-10 text-gray75">July 01, 2020</span>
|
|
||||||
<a href="" class="text-sm font-semibold text-gray hover:text-blue hover:underline">What's the Plan for Waku v2?</a>
|
|
||||||
</div>
|
|
||||||
</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 md:grid md:grid-cols-footer-md md:gap-x-14 md:gap-y-10 md:px-16 md:pt-8 md:pb-10 xl:grid-cols-footer-xl xl:px-0 xl:pb-14 xl:pr-28 xl:pt-11">
|
|
||||||
<a class="block text-pink mr-9 order-1 md:m-0" href="index">
|
|
||||||
<img src="assets/images/logo/logo-pink.svg" alt="">
|
|
||||||
</a>
|
|
||||||
<div class="search-input order-2 w-footer-input md:w-full xl:order-4">
|
|
||||||
<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 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 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">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="https://rfc.vac.dev/spec/10/">Specs</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="/node">Run a node</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://vac.dev/research-log/">Blog</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://forum.vac.dev/">Forum</a></li>
|
|
||||||
<li><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://jobs.status.im/">Careers</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h3 class="text-sm mb-3 font-semibold">Social</h3>
|
|
||||||
<ul class="text-white70">
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://twitter.com/vacp2p">Twitter</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://discord.gg/ev9GQGJ9Dg">Discord</a></li>
|
|
||||||
<li><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/vacp2p/">GitHub</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h3 class="text-sm mb-3 font-semibold">Install</h3>
|
|
||||||
<ul class="text-white70">
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/status-im/go-waku">go-waku</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/status-im/nim-waku/">nim-waku</a></li>
|
|
||||||
<li><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/status-im/js-waku">js-waku</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
<p class="text-sm leading-6 order-4 md:order-3 xl:order-2">Waku is a privacy-preserving, peer-to-peer messaging protocol designed for resource restricted devices.</p>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script src="./js/main.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,23 +0,0 @@
|
||||||
@tailwind base;
|
|
||||||
@tailwind components;
|
|
||||||
@tailwind utilities;
|
|
||||||
|
|
||||||
.nav--active {
|
|
||||||
@apply transform translate-x-0 translate-y-0 justify-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.social--visible {
|
|
||||||
@apply hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo--hidden {
|
|
||||||
@apply hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.burger--active span {
|
|
||||||
@apply bg-white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.social-mobile--visible {
|
|
||||||
@apply flex z-10;
|
|
||||||
}
|
|
||||||
398
src/index.html
398
src/index.html
|
|
@ -1,398 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<link href="./css/style.min.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 overflow-x-hidden">
|
|
||||||
<header class="fixed inset-x-0 z-50 bg-white">
|
|
||||||
<div class="h-18 max-w-screen-xl flex justify-between items-center mx-auto px-6 py-4 md:h-26 md:py-8 xl:px-0">
|
|
||||||
<a id="header-logo" class="text-gray" href="/">
|
|
||||||
<img src="assets/images/logo/logo.svg" alt="">
|
|
||||||
</a>
|
|
||||||
<nav id="nav" class="absolute flex items-center justify-end -z-1 top-0 left-0 h-screen w-full bg-gray pt-16 pr-16 transform -translate-y-full md:-translate-y-0 md:bg-white md:relative md:h-auto md:p-0 md:justify-center md:z-0">
|
|
||||||
<div class="text-pink md:hidden">
|
|
||||||
<img src="./assets/images/logo/logo-nav-pink.svg" alt="Waku">
|
|
||||||
</div>
|
|
||||||
<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-medium font-bold text-2xl 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-medium text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="/about">About</a></li>
|
|
||||||
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-medium text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="/node">Try</a></li>
|
|
||||||
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-medium text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="https://vac.dev/research-log/">Blog</a></li>
|
|
||||||
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-medium text-2xl 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-medium text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="https://rfc.vac.dev/spec/10/">Specs</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<div id="social-box" class="hidden md:flex">
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="https://discord.gg/ev9GQGJ9Dg">
|
|
||||||
<img src="./assets/images/social/discord-dark.svg" alt="discord">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="https://twitter.com/vacp2p">
|
|
||||||
<img src="./assets/images/social/twitter-dark.svg" alt="twitter">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray hover:text-blue" href="https://github.com/vacp2p/">
|
|
||||||
<img src="./assets/images/social/github-dark.svg" alt="github">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="social-box-mobile" class="hidden">
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="">
|
|
||||||
<img src="./assets/images/social/discord-white.svg" alt="discord">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="">
|
|
||||||
<img src="./assets/images/social/twitter-white.svg" alt="twitter">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray hover:text-blue" href="">
|
|
||||||
<img src="./assets/images/social/github-white.svg" alt="github">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div id="burger" 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 class="pt-18 md:pt-26">
|
|
||||||
<!-- Hero -->
|
|
||||||
<section class="bg-gray w-full">
|
|
||||||
<div class="relative container max-w-screen-xl mx-auto md:h-98 md:px-16 lg:px-0">
|
|
||||||
<div class="flex flex-col px-6 py-20 md:px-0 md:py-0 md:pt-28 lg:flex-row">
|
|
||||||
<div class="mb-10 md:mb-6 lg:w-4/12 lg:pl-32">
|
|
||||||
<div class="w-full h-full block"></div>
|
|
||||||
</div>
|
|
||||||
<div class="lg:w-8/12">
|
|
||||||
<div class="lg:w-3/4">
|
|
||||||
<h1 class="text-32 text-white max-w-2xl">Waku is the communication layer for Web3. Decentralized communication that scales. Private, secure, and it runs anywhere.</h1>
|
|
||||||
<a class="inline-block pl-3 mt-8 text-pink text-sm italic underline bg-link-arrow-pink bg-left bg-no-repeat lg:no-underline lg:mt-16 hover:underline" href="/node">Try Waku</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<div class="container max-w-screen-xl mx-auto">
|
|
||||||
<!-- What is WAKU -->
|
|
||||||
<section class="px-6 md:px-16 lg:px-16">
|
|
||||||
<div class="flex flex-col pt-20 pb-24 border-b-thin border-gray lg:flex-row lg:pt-48 lg:pb-32">
|
|
||||||
<div class="mb-10 md:mb-6 lg:mb-0 lg:w-4/12 md:pr-4 lg:pl-16 lg:pr-0">
|
|
||||||
<h2 class="text-2xl text-gray text-center font-semibold lg:max-w-2xl lg:text-left">What is Waku?</h2>
|
|
||||||
</div>
|
|
||||||
<div class="lg:w-8/12">
|
|
||||||
<p class="text-sm mb-8 leading-normal">Waku has its origins in the Whisper protocol, but optimized for scalability and better usability</p>
|
|
||||||
<p class="text-sm mb-8 leading-normal">Waku <b>removes centralized third parties</b> from our messaging, enabling private, secure, censorship-free communication. </p>
|
|
||||||
<p class="text-sm mb-8 leading-normal">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-sm underline italic pl-3 bg-link-arrow-blue bg-left bg-no-repeat lg:no-underline hover:underline" href="/about">Learn more about Waku</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- How it works -->
|
|
||||||
<section class="px-6 md:px-16 lg:px-16">
|
|
||||||
<div class="flex flex-col pt-20 pb-24 border-b-thin border-gray lg:flex-row lg:pt-48 lg:pb-32">
|
|
||||||
<div class="mb-10 md:mb-6 lg:mb-0 lg:w-4/12 md:pr-4 lg:pl-16 lg:pr-0">
|
|
||||||
<h2 class="text-2xl text-gray text-center font-semibold lg:max-w-2xl lg:text-left">How does it work?</h2>
|
|
||||||
</div>
|
|
||||||
<div class="lg:w-8/12">
|
|
||||||
<p class="text-sm font-bold leading-6">Waku v1 is a fork of Whisper that primarily improves scalability.</p>
|
|
||||||
<p class="text-sm font-bold mb-8 leading-6">Waku v2 is a complete rewrite. Its relay protocol implements pub/sub over libp2p, and also introduces additional capabilities:</p>
|
|
||||||
<ul class="text-sm mb-8 leading-6 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.</li>
|
|
||||||
</ul>
|
|
||||||
<p class="text-sm mb-8 leading-6">This makes it ideal for running a p2p protocol on mobile, or in other similarly resource restricted environments.</p>
|
|
||||||
<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="/about">Learn more about Waku</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- Who is using Waku -->
|
|
||||||
<section class="px-6 md:px-16 lg:px-16">
|
|
||||||
<div class="flex flex-col pt-20 pb-24 lg:flex-row lg:pt-48 lg:pb-32">
|
|
||||||
<div class="mb-10 md:mb-6 md:pr-4 lg:mb-0 lg:w-4/12 lg:pl-16 lg:pr-6">
|
|
||||||
<h2 class="text-2xl text-gray text-center font-semibold lg:max-w-2xl lg:text-left">Who is using Waku?</h2>
|
|
||||||
</div>
|
|
||||||
<div class="grid grid-cols-1 gap-6 md:grid-cols-3 lg:w-8/12 lg:gap-9">
|
|
||||||
<div>
|
|
||||||
<h3 class="font-semibold text-lg leading-10 mb-2">Waku 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-sm text-blue underline italic pl-3 mt-6 bg-link-arrow-blue bg-left bg-no-repeat lg:no-underline hover:underline" href="https://wakuconnect.dev">Visit Waku Connect</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h3 class="font-semibold text-lg leading-10 mb-2">Status</h3>
|
|
||||||
<div>
|
|
||||||
<p class="text-sm leading-6">Status is a secure messaging app, crypto wallet, and Web3 browser built with state of the art technology.</p>
|
|
||||||
<a class="inline-block text-sm text-blue underline italic pl-3 mt-6 bg-link-arrow-blue bg-left bg-no-repeat lg:no-underline hover:underline" href="https://status.im/">Visit Status</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h3 class="font-semibold text-lg leading-10 mb-2">WalletConnect</h3>
|
|
||||||
<div>
|
|
||||||
<p class="text-sm leading-6">WalletConnect v2 is using Waku v2 for decentralized messaging infrastructure.</p>
|
|
||||||
<a class="inline-block text-sm text-blue underline italic pl-3 mt-6 bg-link-arrow-blue bg-left bg-no-repeat lg:no-underline hover:underline" href="https://walletconnect.com/">Visit WalletConnect</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
<section class="grid grid-cols-1 grid-rows-3 md:grid-cols-2 md:grid-rows-2 lg:mt-24">
|
|
||||||
<div class="bg-green text-white py-12 px-8">
|
|
||||||
<div class="max-w-xs mx-auto">
|
|
||||||
<h2 class="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-sm italic underline pl-3 mt-6 bg-link-arrow-white bg-left bg-no-repeat lg:no-underline hover:underline"
|
|
||||||
href="https://github.com/status-im/nim-waku/">Install nim-waku</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gray text-white py-12 px-8">
|
|
||||||
<div class="max-w-xs mx-auto">
|
|
||||||
<h2 class="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-sm underline italic pl-3 mt-6 bg-link-arrow-white bg-left bg-no-repeat lg:no-underline hover:underline"
|
|
||||||
href="https://github.com/status-im/js-waku">Install js-waku</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="bg-blue text-white py-12 px-8">
|
|
||||||
<div class="max-w-xs mx-auto">
|
|
||||||
<h2 class="text-center text-2xl leading-8 mb-6">go-waku</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-sm underline italic pl-3 mt-6 bg-link-arrow-white bg-left bg-no-repeat lg:no-underline hover:underline"
|
|
||||||
href="https://github.com/status-im/go-waku">Install go-waku</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="bg-pink text-gray py-12 px-8">
|
|
||||||
<div class="max-w-xs mx-auto">
|
|
||||||
<h2 class="text-center text-2xl leading-8 mb-6">Run a Waku node</h2>
|
|
||||||
<p class="text-sm leading-6">Remove centralized choke points from your communication and help decentralize
|
|
||||||
the Waku Network by running your own node.</p>
|
|
||||||
<a class="inline-block text-sm text-blue underline italic pl-3 mt-6 bg-link-arrow-blue bg-left bg-no-repeat lg:no-underline hover:underline"
|
|
||||||
href="/node">Node Quick Start Guide</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- <div class="container max-w-screen-xl mx-auto">-->
|
|
||||||
<!-- <!– team –>-->
|
|
||||||
<!-- <section class="px-6 md:px-16 lg:px-16">-->
|
|
||||||
<!-- <div class="flex flex-col pt-20 pb-24 lg:flex-row lg:pt-48 lg:pb-32">-->
|
|
||||||
<!-- <div class="mb-10 md:pr-4 lg:w-4/12 lg:mb-0 lg:pl-16 lg:pr-0">-->
|
|
||||||
<!-- <h2 class="text-2xl text-gray text-center font-semibold lg:max-w-2xl lg:text-left">Team</h2>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- <div class="grid grid-cols-2 gap-x-2.5 gap-y-14 lg:w-8/12 md:grid-cols-4">-->
|
|
||||||
<!-- <!– 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">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>-->
|
|
||||||
<!-- </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 md:grid md:grid-cols-footer-md md:gap-x-14 md:gap-y-10 md:px-16 md:pt-8 md:pb-10 xl:grid-cols-footer-xl xl:px-0 xl:pb-14 xl:pr-28 xl:pt-11">
|
|
||||||
<a class="block text-pink mr-9 order-1 md:m-0" href="index">
|
|
||||||
<img src="assets/images/logo/logo-pink.svg" alt="">
|
|
||||||
</a>
|
|
||||||
<div class="search-input order-2 w-footer-input md:w-full xl:order-4">
|
|
||||||
<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 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 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">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="https://rfc.vac.dev/spec/10/">Specs</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="/node">Run a node</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://vac.dev/research-log/">Blog</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://forum.vac.dev/">Forum</a></li>
|
|
||||||
<li><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://jobs.status.im/">Careers</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h3 class="text-sm mb-3 font-semibold">Social</h3>
|
|
||||||
<ul class="text-white70">
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://twitter.com/vacp2p">Twitter</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://discord.gg/ev9GQGJ9Dg">Discord</a></li>
|
|
||||||
<li><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/vacp2p/">GitHub</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h3 class="text-sm mb-3 font-semibold">Install</h3>
|
|
||||||
<ul class="text-white70">
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/status-im/go-waku">go-waku</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/status-im/nim-waku/">nim-waku</a></li>
|
|
||||||
<li><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/status-im/js-waku">js-waku</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
<p class="text-sm leading-6 order-4 md:order-3 xl:order-2">Waku is a privacy-preserving, peer-to-peer messaging protocol designed for resource restricted devices.</p>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
<script src="./js/main.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
const nav = document.querySelector('#nav');
|
|
||||||
const burger = document.querySelector('#burger');
|
|
||||||
const social = document.querySelector('#social-box');
|
|
||||||
const socialMobile = document.querySelector('#social-box-mobile');
|
|
||||||
const logo = document.querySelector('#header-logo');
|
|
||||||
|
|
||||||
function handleHeader() {
|
|
||||||
social.classList.toggle('social--visible');
|
|
||||||
socialMobile.classList.toggle('social-mobile--visible');
|
|
||||||
logo.classList.toggle('logo--hidden');
|
|
||||||
burger.classList.toggle('burger--active');
|
|
||||||
nav.classList.toggle('nav--active');
|
|
||||||
}
|
|
||||||
|
|
||||||
burger.addEventListener('click', handleHeader);
|
|
||||||
|
|
||||||
(function (f, a, t, h, o, m) {
|
|
||||||
a[h] = a[h] || function () {
|
|
||||||
(a[h].q = a[h].q || []).push(arguments)
|
|
||||||
};
|
|
||||||
o = f.createElement('script');
|
|
||||||
m = f.getElementsByTagName('script')[0];
|
|
||||||
o.async = 1;
|
|
||||||
o.src = t;
|
|
||||||
o.id = 'fathom-script';
|
|
||||||
m.parentNode.insertBefore(o, m)
|
|
||||||
})(document, window, '//fathom.status.im/tracker.js', 'fathom');
|
|
||||||
fathom('set', 'siteId', 'BBYCC');
|
|
||||||
fathom('trackPageview');
|
|
||||||
310
src/node.html
310
src/node.html
|
|
@ -1,310 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<link href="./css/style.min.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 overflow-x-hidden">
|
|
||||||
|
|
||||||
<header class="fixed inset-x-0 z-50 bg-white">
|
|
||||||
<div class="h-18 max-w-screen-xl flex justify-between items-center mx-auto px-6 py-4 md:h-26 md:py-8 xl:px-0">
|
|
||||||
<a id="header-logo" class="text-gray" href="/">
|
|
||||||
<img src="assets/images/logo/logo.svg" alt="">
|
|
||||||
</a>
|
|
||||||
<nav id="nav" class="absolute flex items-center justify-end -z-1 top-0 left-0 h-screen w-full bg-gray pt-16 pr-16 transform -translate-y-full md:-translate-y-0 md:bg-white md:relative md:h-auto md:p-0 md:justify-center md:z-0">
|
|
||||||
<div class="text-pink md:hidden">
|
|
||||||
<svg class="w-60 h-60 transform -translate-x-6">
|
|
||||||
<use href="#logo"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<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-medium text-2xl 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-medium text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="/about">About</a></li>
|
|
||||||
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-medium font-bold text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="/node">Try</a></li>
|
|
||||||
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-medium text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="https://vac.dev/research-log/">Blog</a></li>
|
|
||||||
<li class="mb-8 md:w-16 md:mb-0 lg:w-24"><a class="font-medium text-2xl 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-medium text-2xl md:text-xs md:hover:underline md:hover:text-blue" href="https://rfc.vac.dev/spec/10/">Specs</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<div id="social-box" class="hidden md:flex">
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="https://discord.gg/ev9GQGJ9Dg">
|
|
||||||
<img src="./assets/images/social/discord-dark.svg" alt="discord">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="https://twitter.com/vacp2p">
|
|
||||||
<img src="./assets/images/social/twitter-dark.svg" alt="twitter">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray hover:text-blue" href="https://github.com/vacp2p/">
|
|
||||||
<img src="./assets/images/social/github-dark.svg" alt="github">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div id="social-box-mobile" class="hidden">
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="">
|
|
||||||
<img src="./assets/images/social/discord-white.svg" alt="discord">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray mr-6 hover:text-blue" href="">
|
|
||||||
<img src="./assets/images/social/twitter-white.svg" alt="twitter">
|
|
||||||
</a>
|
|
||||||
<a class="text-gray hover:text-blue" href="">
|
|
||||||
<img src="./assets/images/social/github-white.svg" alt="github">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div id="burger" 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 class="pt-18 md:pt-26">
|
|
||||||
<!-- Hero -->
|
|
||||||
<section class="bg-blue w-full">
|
|
||||||
<div class="relative container max-w-screen-xl mx-auto md:h-98 md:px-16 lg:px-0">
|
|
||||||
<a class="absolute top-4 left-8 hidden text-sm italic underline text-white mt-6 hover:underline lg:no-underline lg:flex lg:items-center xl:left-0" href="javascript:history.back();"><span class="block bg-link-arrow-white bg-left bg-no-repeat w-1.5 h-2 mr-1.5 transform rotate-180"></span>Back</a>
|
|
||||||
<div class="flex flex-col px-6 py-20 md:px-0 md:py-0 md:pt-30 lg:flex-row">
|
|
||||||
<div class="mb-10 md:mb-6 lg:w-4/12 lg:pl-32 xl:pl-32">
|
|
||||||
<h1 class="text-2xl text-white font-semibold text-center lg:max-w-2xl lg:text-left">Run a node</h1>
|
|
||||||
</div>
|
|
||||||
<div class="lg:w-8/12">
|
|
||||||
<div class="lg:w-3/4">
|
|
||||||
<p class="text-base text-white font-semibold mb-5 md:mb-9">By running your own node you provide additional nodes for the Status community. We encourage anyone to publish the enode addresses of their nodes for others to use.</p>
|
|
||||||
<p class="text-base text-white font-semibold">We also recommend running them as a permanent service or a docker container, so that it keeps running after system restart or a runtime node error.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<div class="container max-w-screen-xl mx-auto">
|
|
||||||
<!-- Types of nodes -->
|
|
||||||
<section class="px-6 md:px-16 lg:px-16 xl:px-0">
|
|
||||||
<div class="flex flex-col pt-20 pb-24 border-b-thin border-gray lg:flex-row lg:pt-48 lg:pb-32">
|
|
||||||
<div class="mb-10 md:mb-6 lg:mb-0 lg:w-4/12 md:pr-4 lg:pl-32 lg:pr-0">
|
|
||||||
<h2 class="text-2xl text-gray text-center font-semibold lg:max-w-2xl lg:text-left">Types of node</h2>
|
|
||||||
</div>
|
|
||||||
<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:w-8/12 lg:gap-9">
|
|
||||||
<div>
|
|
||||||
<h3 class="text-sm font-semibold text-gray mb-4">relay node</h3>
|
|
||||||
<p class="text-sm text-gray leading-7">A regular Waku Node which relays messages between nodes, including mobile or desktop clients.</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h3 class="text-sm font-semibold text-gray mb-4">history node</h3>
|
|
||||||
<p class="text-sm text-gray leading-7">Also known as a Mailserver, stores historical messages and delivers them when queried. Around 1 GB of free space would be a start for storing last 30 days.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- Running A Status Node -->
|
|
||||||
<section class="px-6 md:px-16 lg:px-16 lg:pb-35 lg:mb-48 xl:px-0">
|
|
||||||
<div class="flex flex-col pt-20 pb-24 lg:flex-row lg:pt-32 lg:pb-14">
|
|
||||||
<div class="mb-10 md:mb-6 lg:mb-0 lg:w-4/12 md:pr-4 lg:pl-32">
|
|
||||||
<h2 class="text-2xl text-gray text-center font-semibold lg:max-w-2xl lg:text-left lg:w-40">Running a status node</h2>
|
|
||||||
</div>
|
|
||||||
<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:w-8/12 lg:gap-x-16 lg:pr-24 xl:gap-x-40">
|
|
||||||
<div>
|
|
||||||
<p class="text-sm text-gray font-semibold leading-7 mb-10 md:text-center">
|
|
||||||
Status Node is a modified <span class="text-blue">go-ethereum</span> node called <span class="text-blue">status-go</span> running on a server and supporting the Status app.
|
|
||||||
As we operate in a decentralized model, we need multiple peers scattered around the globe to provide a reliable service.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<p class="text-sm text-gray font-semibold leading-7 md:text-center">
|
|
||||||
When correctly configured a Status Node supports relaying Waku messages - helps propagate them between nodes
|
|
||||||
- and storing them for devices that were offline when it was sent.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- Requirements -->
|
|
||||||
<section class="px-6 mb-20 md:px-16 lg:flex lg:px-32 lg:mb-32">
|
|
||||||
<div class="mb-6 md:mb-0 lg:max-w-lg">
|
|
||||||
<h2 class="font-semibold leading-10 text-2xl text-center text-gray mb-10 md:text-left lg:mb-4">Requirements</h2>
|
|
||||||
<p class="text-sm text-gray leading-7 mb-10 text-justify">A machine running Linux or MacOS is required. It is entirely possible to run a Status Node on a physical machine in a local network, but for full functionality it would require a public and static IP address via which the service can be accessed.</p>
|
|
||||||
<p class="text-sm text-gray leading-7 mb-10 text-justify">An alternative would be to use a <span class="text-blue">cloud service provider</span> which would provide you with a public and static IP out of the box in most cases. Using a cloud service would also provide you with the high uptime necessary to collect as many envelopes as possible for later retrieval.</p>
|
|
||||||
<p class="text-sm text-gray font-semibold leading-7 text-justify">A single instance with 1GB of RAM and 1 vCPU should be enough to run Status Node reliably.</p>
|
|
||||||
</div>
|
|
||||||
<div class="mt-6 md:px-11 lg:px-0 lg:pl-14 lg:max-w-xl">
|
|
||||||
<div class="bg-gray px-4 py-6 md:p-8 lg:py-12">
|
|
||||||
<p class="text-sm text-white mb-2.5 leading-9">
|
|
||||||
In terms of software the minimum would include <span class="inline-block bg-black py-1 px-2 rounded leading-none">make</span> and <span class="inline-block bg-black py-1 px-2 rounded leading-none">jq</span>.<br>
|
|
||||||
If you want to build <span class="inline-block bg-black py-1 px-2 rounded leading-none">status-go</span> you will also need <span class="inline-block bg-black py-1 px-2 rounded leading-none">golang</span>,
|
|
||||||
version 1.13 or higher. A nice-to-have is <span class="inline-block bg-black py-1 px-2 rounded leading-none">qrencode</span>
|
|
||||||
to display a QR Code with your <span class="inline-block bg-black py-1 px-2 rounded leading-none">enode://</span> adress.
|
|
||||||
</p>
|
|
||||||
<div class="mx-auto mt-10 pt-10 border-t border-grayDark">
|
|
||||||
<p class="text-sm text-white text-center mb-4 leading-7">For Ubuntu <span class="inline-block bg-black py-1 px-2 mx-2 rounded leading-none">20.04</span> you can just do:</p>
|
|
||||||
<div class="px-7">
|
|
||||||
<div class="text-sm text-white leading-7 bg-black p-4 rounded text-justify">
|
|
||||||
<span class="text-blue02">sudo</span> apt install make jq golang qrencode
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- Ports -->
|
|
||||||
<section class="px-6 mb-20 lg:px-32 lg:mb-32">
|
|
||||||
<h2 class="font-semibold leading-10 text-2xl text-center text-gray mb-10">Ports</h2>
|
|
||||||
<div class="grid grid-cols-1 gap-y-4 md:grid-cols-3 md:gap-x-4 lg:gap-12">
|
|
||||||
<div class="flex flex-col items-center bg-pink p-4">
|
|
||||||
<h3 class="font-special text-sm w-max bg-black py-1 px-2 mx-2 mb-4 text-white rounded leading-none">8545</h3>
|
|
||||||
<p class="text-sm text-gray text-center leading-7 mb-4">TCP - JSON RPC management port. </p>
|
|
||||||
<p class="text-sm text-gray leading-7 font-semibold pl-7 bg-eye-close-white bg-left bg-no-repeat">Must NEVER be public.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex flex-col items-center bg-green p-4">
|
|
||||||
<h3 class="font-special text-sm w-max bg-black py-1 px-2 mx-2 mb-4 text-white rounded leading-none">30303</h3>
|
|
||||||
<p class="text-sm text-white text-center leading-7 mb-4">TCP/UDP - DevP2P wire protocol port.</p>
|
|
||||||
<p class="text-sm text-white leading-7 font-semibold pl-7 bg-eye-open-white bg-left bg-no-repeat">Must ALWAYS be public.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex flex-col items-center bg-blue p-4">
|
|
||||||
<h3 class="font-special text-sm w-max bg-black py-1 px-2 mx-2 mb-4 text-white rounded leading-none">9090</h3>
|
|
||||||
<p class="text-sm text-white text-center leading-7 mb-4">TCP - Prometheus metrics port.</p>
|
|
||||||
<p class="text-sm text-white leading-7 font-semibold pl-7 bg-eye-close-white bg-left bg-no-repeat">Should not be public.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- Quick Start -->
|
|
||||||
<section class="px-6 mb-20 md:px-16 lg:mb-32">
|
|
||||||
<div class="pb-20 border-b border-gray lg:pb-32">
|
|
||||||
<h2 class="font-semibold leading-10 text-2xl text-center text-gray mb-10">Quick Start</h2>
|
|
||||||
<div class="max-w-3xl mx-auto">
|
|
||||||
<p class="text-sm text-gray text-center font-semibold leading-7">
|
|
||||||
The quickest way to start a node is using our Makefile scripts. You can read about that <a class="text-blue" href="">here</a>.
|
|
||||||
</p>
|
|
||||||
<p class="text-sm text-gray text-center font-semibold leading-7 mb-6">
|
|
||||||
In simple terms you clone the <a class="text-blue" href="">status-go</a> repo and run:
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="flex flex-col items-center md:flex-row md:justify-center">
|
|
||||||
<span class="text-sm inline-block bg-black font-special text-white p-4 rounded leading-none">make run-mailserver-docker</span>
|
|
||||||
<span class="text-sm my-2 md:my-0 md:mx-6">or</span>
|
|
||||||
<span class="text-sm inline-block bg-black font-special text-white p-4 rounded leading-none">make run-mailserver-systemd</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- Build -->
|
|
||||||
<section class="px-6 mb-10 md:px-16 md:mb-12 lg:px-32">
|
|
||||||
<div class="border-gray300 md:border-b md:pb-12 md:flex md:justify-between">
|
|
||||||
<div>
|
|
||||||
<h2 class="font-semibold leading-10 text-2xl text-gray mb-4">Building</h2>
|
|
||||||
<p class="mb-5 text-sm text-gray leading-7">First you’ll have to build a <span class="inline-block bg-black py-1 px-2 rounded leading-none text-white font-special">20.04</span> binary.</p>
|
|
||||||
</div>
|
|
||||||
<div class="md:w-22 md:min-w-22r lg:w-34r lg:min-w-34r">
|
|
||||||
<div class="bg-black rounded p-4">
|
|
||||||
<p class="text-sm text-white leading-7">mkdir ~/go/src/github.com/status-im</p>
|
|
||||||
<p class="text-sm text-white leading-7">git clone https://github.com/status-im/status-go</p>
|
|
||||||
<p class="text-sm text-white leading-7">~/go/src/github.com/status-im/status-go</p>
|
|
||||||
<p class="text-sm text-white leading-7">cd ~/go/src/github.com/status-im/status-go</p>
|
|
||||||
<p class="text-sm text-white leading-7">make statusgo</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- Running -->
|
|
||||||
<section class="px-6 mb-10 md:px-16 md:mb-12 lg:px-32">
|
|
||||||
<div class="border-gray300 md:border-b md:pb-12 md:flex md:justify-between">
|
|
||||||
<div class="max-w-14-5r lg:w-6/12 xl:max-w-none">
|
|
||||||
<h2 class="font-semibold leading-10 text-2xl text-gray mb-4">Running</h2>
|
|
||||||
<p class="mb-5 text-sm text-gray leading-7">You can check the available options using the <span class="inline-block bg-black py-1 px-2 rounded leading-none text-white font-special">-h</span> / <span class="inline-block bg-black py-1 px-2 rounded leading-none text-white font-special">--help</span> flags</p>
|
|
||||||
</div>
|
|
||||||
<div class="md:w-22 md:min-w-22r lg:w-34r lg:min-w34r lg:p-0">
|
|
||||||
<div class="bg-black rounded p-4">
|
|
||||||
<pre><code class="font-body text-white text-sm leading-7">./build/bin/statusd -h</code></pre>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- Configuration -->
|
|
||||||
<section class="px-6 mb-10 md:px-16 md:mb-12 lg:mb-32 lg:px-32">
|
|
||||||
<div class="md:flex md:justify-between">
|
|
||||||
<div class="max-w-14-5r lg:w-6/12 xl:max-w-none">
|
|
||||||
<h2 class="font-semibold leading-10 text-2xl text-gray mb-4">Configuration</h2>
|
|
||||||
<p class="mb-5 text-sm text-gray leading-7">The configuration is provided as a JSON file. A basic config that will let you run a Waku node that also stores historical messages would look like this: <span class="inline-block bg-black py-1 px-2 rounded leading-none text-white font-special">./config.json</span></p>
|
|
||||||
</div>
|
|
||||||
<div class="md:w-22 md:min-w-22r lg:w-34r lg:min-w34r lg:p-0">
|
|
||||||
<div class="bg-black rounded p-4">
|
|
||||||
<pre class="block"><code class="font-body text-white text-sm leading-7">
|
|
||||||
{
|
|
||||||
<span class="text-red">"AdvertiseAddr"</span>: <span class="text-yellow">"< YOUR_PUBLIC_IP >"</span>,
|
|
||||||
<span class="text-red">"ListenAddr"</span>: <span class="text-yellow">"0.0.0.0:30303"</span>,
|
|
||||||
<span class="text-red">"HTTPEnabled"</span>: <span class="text-purple">true</span>,
|
|
||||||
<span class="text-red">"HTTPHost"</span>: <span class="text-yellow">"127.0.0.1"</span>,
|
|
||||||
<span class="text-red">"HTTPPort"</span>: <span class="text-purple">8545</span>,
|
|
||||||
<span class="text-red">"APIModules"</span>: <span class="text-yellow">"eth,net,web3,admin,mailserver"</span>,
|
|
||||||
<span class="text-red">"RegisterTopics"</span>: [<span class="text-yellow">"whispermail"</span>],
|
|
||||||
<span class="text-red">"WakuConfig"</span>: {
|
|
||||||
<span class="text-red">"Enabled"</span>: <span class="text-purple">true</span>,
|
|
||||||
<span class="text-red">"EnableMailServer"</span>: <span class="text-purple">true</span>,
|
|
||||||
<span class="text-red">"DataDir"</span>: <span class="text-yellow">"/var/tmp/statusd/waku"</span>,
|
|
||||||
<span class="text-red">"MailServerPassword"</span>: <span class="text-yellow">"status-offline-inbox"</span>
|
|
||||||
}
|
|
||||||
}</code>
|
|
||||||
</pre>
|
|
||||||
</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 md:grid md:grid-cols-footer-md md:gap-x-14 md:gap-y-10 md:px-16 md:pt-8 md:pb-10 xl:grid-cols-footer-xl xl:px-0 xl:pb-14 xl:pr-28 xl:pt-11">
|
|
||||||
<a class="block text-pink mr-9 order-1 md:m-0" href="index">
|
|
||||||
<img src="assets/images/logo/logo-pink.svg" alt="">
|
|
||||||
</a>
|
|
||||||
<div class="search-input order-2 w-footer-input md:w-full xl:order-4">
|
|
||||||
<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 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 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">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="https://rfc.vac.dev/spec/10/">Specs</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="/node">Run a node</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://vac.dev/research-log/">Blog</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://forum.vac.dev/">Forum</a></li>
|
|
||||||
<li><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://jobs.status.im/">Careers</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h3 class="text-sm mb-3 font-semibold">Social</h3>
|
|
||||||
<ul class="text-white70">
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://twitter.com/vacp2p">Twitter</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://discord.gg/ev9GQGJ9Dg">Discord</a></li>
|
|
||||||
<li><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/vacp2p/">GitHub</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h3 class="text-sm mb-3 font-semibold">Install</h3>
|
|
||||||
<ul class="text-white70">
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/status-im/go-waku">go-waku</a></li>
|
|
||||||
<li class="mb-4"><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/status-im/nim-waku/">nim-waku</a></li>
|
|
||||||
<li><a class="text-sm leading-6 hover:underline hover:text-blue" href="https://github.com/status-im/js-waku">js-waku</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
<p class="text-sm leading-6 order-4 md:order-3 xl:order-2">Waku is a privacy-preserving, peer-to-peer messaging protocol designed for resource restricted devices.</p>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script src="./js/main.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
|
|
@ -1,98 +0,0 @@
|
||||||
module.exports = {
|
|
||||||
purge: ["./src/**/*.css", "./**/*.html"],
|
|
||||||
darkMode: false, // or 'media' or 'class'
|
|
||||||
theme: {
|
|
||||||
fontFamily: {
|
|
||||||
'body': ['"Open Sans"'],
|
|
||||||
'special': ['"IBM Plex Mono"']
|
|
||||||
},
|
|
||||||
colors: {
|
|
||||||
white: '#fff',
|
|
||||||
white70: 'rgba(255, 255, 255, 0.7)',
|
|
||||||
black: '#000',
|
|
||||||
blue: '#3A71F9',
|
|
||||||
blue02: '#8AAFF9',
|
|
||||||
green: '#18B088',
|
|
||||||
pink: '#FDB4C4',
|
|
||||||
gray: '#242424',
|
|
||||||
gray300: '#E0E0E0',
|
|
||||||
gray75: 'rgba(21, 21, 18, 0.75)',
|
|
||||||
gray02: 'rgba(21, 21, 18, 0.02)',
|
|
||||||
grayDark: '#525252',
|
|
||||||
light: '#E8E9ED',
|
|
||||||
purple: '#8072E9',
|
|
||||||
red: '#f55c7c',
|
|
||||||
yellow: '#FACA11',
|
|
||||||
},
|
|
||||||
screens: {
|
|
||||||
'none': '100%',
|
|
||||||
'sm': '640px',
|
|
||||||
'md': '768px',
|
|
||||||
'lg': '1024px',
|
|
||||||
'xl': '1340px',
|
|
||||||
'2xl': '1400px',
|
|
||||||
'3xl': '1700px'
|
|
||||||
},
|
|
||||||
extend: {
|
|
||||||
backgroundImage: theme => ({
|
|
||||||
'link-arrow-black': "url('/assets/images/arrow/arrow-black.svg')",
|
|
||||||
'link-arrow-blue': "url('/assets/images/arrow/arrow-blue.svg')",
|
|
||||||
'link-arrow-white': "url('/assets/images/arrow/arrow-white.svg')",
|
|
||||||
'link-arrow-pink': "url('/assets/images/arrow/arrow-pink.svg')",
|
|
||||||
'branch': "url('/assets/images/branch.svg')",
|
|
||||||
'eye-open-black': "url('/assets/images/icon/eye-open-black.svg')",
|
|
||||||
'eye-close-white': "url('/assets/images/icon/eye-close-white.svg')",
|
|
||||||
}),
|
|
||||||
borderWidth: theme => ({
|
|
||||||
'thin': '.25px',
|
|
||||||
}),
|
|
||||||
fontSize: theme => ({
|
|
||||||
'10': '.625rem',
|
|
||||||
'32': ['32px', '42px']
|
|
||||||
}),
|
|
||||||
gridTemplateColumns: theme => ({
|
|
||||||
'footer-md': '1fr 2.5fr',
|
|
||||||
'footer-xl': '40px 207px 1fr 0.65fr'
|
|
||||||
}),
|
|
||||||
height: theme => ({
|
|
||||||
'18': '4.5rem',
|
|
||||||
'26': '6.5rem',
|
|
||||||
'98': '24.5rem',
|
|
||||||
}),
|
|
||||||
maxWidth: theme => ({
|
|
||||||
'14-5r': '14.5rem',
|
|
||||||
'15r': '15rem',
|
|
||||||
'22r': '22rem',
|
|
||||||
'34r': '34rem',
|
|
||||||
}),
|
|
||||||
minWidth: theme => ({
|
|
||||||
'14-5r': '14.5rem',
|
|
||||||
'22r': '22rem',
|
|
||||||
'34r': '34rem',
|
|
||||||
}),
|
|
||||||
padding: theme => ({
|
|
||||||
'18': '4.5rem',
|
|
||||||
'26': '6.5rem',
|
|
||||||
'30': '7.5rem',
|
|
||||||
}),
|
|
||||||
margin: theme => ({
|
|
||||||
'25': '6.25rem',
|
|
||||||
'35': '8.725rem',
|
|
||||||
}),
|
|
||||||
width: theme => ({
|
|
||||||
'22r': '22rem',
|
|
||||||
'34r': '34rem',
|
|
||||||
'footer-input': 'calc(100% - 76px)'
|
|
||||||
}),
|
|
||||||
zIndex: {
|
|
||||||
'-1':'-1',
|
|
||||||
'-2':'-2',
|
|
||||||
'-3':'-3',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
variants: {
|
|
||||||
extend: {},
|
|
||||||
},
|
|
||||||
plugins: [],
|
|
||||||
};
|
|
||||||
Loading…
Reference in New Issue