Merge branch 'fix-build' into main

dappforce · Dec 7, 2023 · cceb302 · cceb302
2 parents c6ff358 + 5be4d4c
commit cceb302
Show file tree

Hide file tree

Showing 17 changed files with 87 additions and 13 deletions.
diff --git a/.github/workflows/delpoy.yml b/.github/workflows/delpoy.yml
@@ -11,7 +11,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [ 18.x ]
+        node-version: [ 16.x ]
 
     steps:
       - uses: actions/checkout@v2

diff --git a/docs/tutorials/GetSUB.md → docs/tutorials/GetSUB/HydraDX.md b/docs/tutorials/GetSUB.md → docs/tutorials/GetSUB/HydraDX.md
@@ -1,31 +1,32 @@
 ---
-id: get-sub
-title: How Do I Get SUB?
+id: hydradx
+title: How Do I Get SUB on HydraDX?
 ---
 
 Thanks to HydraDX, it's super easy to get SUB tokens! All you'll need is a Polkadot wallet 
-like [Talisman](https://talisman.xyz/), and some DOT tokens on Polkadot.
+like [Talisman](https://talisman.xyz/), [SubWallet](https://www.subwallet.app/), or [Nova Wallet](https://novawallet.io/) (Mobile), 
+and some DOT tokens on Polkadot.
 
-1. Visit the [Cross-Chain](https://app.hydradx.io/cross-chain) page on HydraDX's app to transfer some DOT to HydraDX
+1. Visit the [Cross-Chain](https://app.hydradx.io/cross-chain) page on HydraDX's app to transfer some DOT to HydraDX.
 
 2. Select Polkadot as the Source Chain and HydraDX as the Destination Chain, DOT as the Transfer Asset,
-enter how much DOT you want to transfer, and hit the big pink Transfer button
+enter how much DOT you want to transfer, and hit the big pink Transfer button.
 
-![](../../static/img/getsub1.png)
+![](../../static/img/GetSUB/hydra1.png)
 
 3. Once the transfer is complete (it should take just a few seconds),
 go to the app's [Wallet](https://app.hydradx.io/wallet/assets) page and make sure DOT is set
-as the fee payment asset (**if you already have some HDX tokens you can skip this step**)
+as the fee payment asset (**if you already have some HDX tokens you can skip this step**).
 
-![](../../static/img/getsub2.png)
+![](../../static/img/GetSUB/hydra2.png)
 
 4. Now, you can go to the [swap page](https://app.hydradx.io/trade/swap) and use DOT to get SUB tokens!
 
-![](../../static/img/getsub3.png)
+![](../../static/img/GetSUB/hydra3.png)
 
-5. If you are doing a particularly large swap, you may need to click the gear icon in the top right corner and increase the slippage tolerance
+5. If you are doing a particularly large swap, you may need to click the gear icon in the top right corner and increase the slippage tolerance.
 
-![](../../static/img/getsub4.png)
+![](../../static/img/GetSUB/hydra4.png)
 
 6. After the swap completes, simply go back to the [Cross-Chain](https://app.hydradx.io/cross-chain) page
 to send your SUB to Subsocial and start using it!

diff --git a/docs/tutorials/GetSUB/Intro.md b/docs/tutorials/GetSUB/Intro.md
@@ -0,0 +1,22 @@
+---
+id: get-sub
+title: How Do I Get SUB?
+---
+
+Thanks to our partners at HydraDX and StellaSwap, SUB tokens are easily available to the public!
+
+Here is a short summary of the two options:
+
+- HydraDX is a Polkadot parachain with a DEX (Decentralized Exchange) that supports Polkadot wallets like [Talisman](https://www.talisman.xyz/), 
+[SubWallet](https://www.subwallet.app/), and [Nova Wallet](https://novawallet.io/) (Mobile). 
+If you are native to the Polkadot ecosystem, it may be your best choice.
+
+- StellaSwap is a DEX built on Moonbeam, a Polkadot parachain that focuses on EVM technology. Other EVM chains include Ethereum, Binance Smart Chain, 
+Optimism, Arbitrum, etc. If you already have a wallet like Metamask, you can easily use Moonbeam and Stellaswap with your existing wallet.
+
+If you are completely new to crypto and Web3, we recommend Talisman and HydraDX for getting SUB.
+
+The liquidity on both exchanges may be different, resulting in differeng amounts of slippage when swapping to SUB. As a rule, lower slippage is better, 
+so if you are aiming to acquire a lot of SUB, you may want to check both options to see which is better for you.
+
+The next two pages have tutorials for getting SUB on both HydraDX and StellaSwap.
diff --git a/docs/tutorials/GetSUB/Stellaswap.md b/docs/tutorials/GetSUB/Stellaswap.md
@@ -0,0 +1,46 @@
+---
+id: stellaswap
+title: How Do I Get SUB on StellaSwap?
+---
+
+Thanks to StellaSwap, it's super easy to get SUB tokens! All you'll need is an EVM-compatible wallet like [Talisman](https://talisman.xyz/), 
+[SubWallet](https://www.subwallet.app/), or [Metamask](https://metamask.io/), and some tokens on Moonbeam 
+(you will need a Polkadot compatible wallet to use Subsocial, so we recommend using Talisman or SubWallet over Metamask).
+
+1. If you already have tokens on Moonbeam, you can skip this step. Otherwise, you have two options:
+
+Option 1: If you have tokens on Ethereum, you can visit StellaSwap's [bridge](https://app.stellaswap.com/bridge) page to 
+transfer tokens from Ethereum to Moonbeam, and them swap them.
+
+![](../../static/img/GetSUB/stella1.png)
+
+Option 2: You can use StellaSwap's [cross-chain swap](https://app.stellaswap.com/bridge/cross-chain) page to transfer 
+and swap tokens from 60+ chains to something like GLMR on Moonbeam (at the time of writing, cross-chain swapping to SUB is not yet available).
+
+![](../../static/img/GetSUB/stella2.png)
+
+2. Now that you have tokens on Moonbeam, head to StellaSwap's [swap page](https://app.stellaswap.com/exchange/swap) to get SUB tokens!
+
+![](../../static/img/GetSUB/stella3.png)
+
+4. If you are doing a particularly large swap, you may need to click the gear icon in the top right corner and increase the slippage tolerance.
+
+![](../../static/img/GetSUB/stella4.png)
+
+5. After the swap completes, go to Moonbeam's [Cross-chain page](https://apps.moonbeam.network/moonbeam/xcm) and connect
+both your EVM wallet and Polkadot wallet.
+
+![](../../static/img/GetSUB/stella5.png)
+
+6. Select SUB as the token to transfer (you may have to type it in the search field).
+
+![](../../static/img/GetSUB/stella6.png)
+
+7. Make sure you are transfering in the correct direction (Moonbeam to Subsocial), enter the amount of SUB to transfer, click Send, and wait a few seconds!
+
+![](../../static/img/GetSUB/stella7.png)
+
+With your SUB tokens on Subsocial, you can participate in [Creator Staking](https://sub.id/creators), 
+register a [Subsocial Username](https://polkaverse.com/dd) to establish an identity, 
+generate [energy](https://polkaverse.com/energy) to have lower transaction fees, 
+and get started creating content on [PolkaVerse](https://polkaverse.com/)!
diff --git a/sidebars.js b/sidebars.js
@@ -81,7 +81,11 @@ module.exports = {
       },
     ],
   },
-    "tutorials/get-sub",                 
+    'How Do I Get SUB?' : [
+      "tutorials/GetSUB/get-sub",
+      "tutorials/GetSUB/hydradx",
+      "tutorials/GetSUB/stellaswap",                 
+    ]
     "tutorials/mobile-tutorial",
     "tutorials/usernames",
     "tutorials/grill-faq",

diff --git a/static/img/getsub1.png → static/img/GetSUB/hydra1.png b/static/img/getsub1.png → static/img/GetSUB/hydra1.png
diff --git a/static/img/getsub2.png → static/img/GetSUB/hydra2.png b/static/img/getsub2.png → static/img/GetSUB/hydra2.png
diff --git a/static/img/getsub3.png → static/img/GetSUB/hydra3.png b/static/img/getsub3.png → static/img/GetSUB/hydra3.png
diff --git a/static/img/getsub4.png → static/img/GetSUB/hydra4.png b/static/img/getsub4.png → static/img/GetSUB/hydra4.png
diff --git a/static/img/GetSUB/stella1.png b/static/img/GetSUB/stella1.png
diff --git a/static/img/GetSUB/stella2.png b/static/img/GetSUB/stella2.png
diff --git a/static/img/GetSUB/stella3.png b/static/img/GetSUB/stella3.png
diff --git a/static/img/GetSUB/stella4.png b/static/img/GetSUB/stella4.png
diff --git a/static/img/GetSUB/stella5.png b/static/img/GetSUB/stella5.png
diff --git a/static/img/GetSUB/stella6.png b/static/img/GetSUB/stella6.png
diff --git a/static/img/GetSUB/stella7.png b/static/img/GetSUB/stella7.png
diff --git a/static/img/GetSUB/test b/static/img/GetSUB/test
@@ -0,0 +1 @@
+aaaa