Move images out of docs/ dir

Author: nop33

Diff for: docs/dapps/standards/fungible-tokens.md

@@ -46,9 +46,9 @@ for proper display in wallets, explorers, and other ecosystem
 interfaces. Here is how extension wallet displays a token before and
 after it is added into the token list.
 
-<img src={require("./media/unknown-token.png").default} alt="Unknown" width="250"/>
+<img src={require("/img/unknown-token.png").default} alt="Unknown" width="250"/>
 &nbsp;&nbsp;&nbsp;&nbsp;
-<img src={require("./media/verified-token.png").default} alt="Verified" width="250"/>
+<img src={require("/img/verified-token.png").default} alt="Verified" width="250"/>
 
 Currently, a pull request is needed to add the token metadata to token
 list.
@@ -72,8 +72,8 @@ fungible tokens.
 Following is an example of displaying and transfering the `PACA` token
 using extesion wallet:
 
-<img src={require("./media/transfer-alphpaca-1.png").default} alt="Token Overview" width="250"/>
+<img src={require("/img/transfer-alphpaca-1.png").default} alt="Token Overview" width="250"/>
 &nbsp;&nbsp;&nbsp;&nbsp;
-<img src={require("./media/transfer-alphpaca-2.png").default} alt="Send Token" width="250" />
+<img src={require("/img/transfer-alphpaca-2.png").default} alt="Send Token" width="250" />
 &nbsp;&nbsp;&nbsp;&nbsp;
-<img src={require("./media/transfer-alphpaca-3.png").default} alt="Sign Tx" width="250" />
+<img src={require("/img/transfer-alphpaca-3.png").default} alt="Sign Tx" width="250" />

Diff for: docs/dapps/standards/media/create-flow-page.png

@@ -126,7 +126,7 @@ Following is an example of displaying and transfering a NFT in the
 `Imagine Collection` in the extension wallet:
 
 <img
-src={require("./media/show-nft-collection-extension-wallet.png").default} alt="Show collection" width="250"/>
+src={require("/img/show-nft-collection-extension-wallet.png").default} alt="Show collection" width="250"/>
 &nbsp;&nbsp;&nbsp;&nbsp;
-<img src={require("./media/transfer-nft-collection-extension-wallet.png").default} alt="Transfer NFT" width="250" />
+<img src={require("/img/transfer-nft-collection-extension-wallet.png").default} alt="Transfer NFT" width="250" />
 

Diff for: docs/dapps/standards/media/flow-page.png

@@ -68,29 +68,29 @@ npm run dev
 Open [http://localhost:3000](http://localhost:3000) with your browser
 to see the token faucet application.
 
-<img src={require("./media/nextjs-template-connect.png").default}
+<img src={require("/img/nextjs-template-connect.png").default}
 alt="Connect button" width="300"/>
 
 As illustrated above, the token faucet dApp shows a `Connect Alephium`
 button before it is connected with a wallet. Click the button and
 choose the `Extension Wallet` option to open the extension
 wallet. `WalletConnect` will be supported soon.
 
-<img src={require("./media/nextjs-template-open-connect.png").default} alt="Landing page" width="250"/>
+<img src={require("/img/nextjs-template-open-connect.png").default} alt="Landing page" width="250"/>
 &nbsp;&nbsp;&nbsp;&nbsp;
-<img src={require("./media/nextjs-template-connect-click-extensonwallet.png").default} alt="Create wallet" width="250" />
+<img src={require("/img/nextjs-template-connect-click-extensonwallet.png").default} alt="Create wallet" width="250" />
 
 Review the approval screen of the extension wallet and click
 `Connect`, the token faucet dApp will be connected to the extension
 wallet. 
 
-<img src={require("./media/nextjs-template-connected.png").default} alt="Landing page" width="520"/>
+<img src={require("/img/nextjs-template-connected.png").default} alt="Landing page" width="520"/>
 
 Input the number of tokens to be withdrawn (maximum 2), and click
 the `Send Me Token` button. Review the transaction details and click
 `Confirm`.
 
-<img src={require("./media/nextjs-template-send-token.png").default} alt="Landing page" width="520"/>
+<img src={require("/img/nextjs-template-send-token.png").default} alt="Landing page" width="520"/>
 
 Congratulations, you have just transferred some tokens from the token
 faucet to your account!

Diff for: docs/dapps/standards/media/ipfs-imagine-directory.png

@@ -33,11 +33,11 @@ cat /dev/urandom | tr -dc 'a-zA-Z0-9' | fold -w 48 | head -n 1
 
 1. Click on the `Authorize` button on the top right of your Swagger UI:
 
-<img src={require("./media/full-node-api-key-auth0.png").default}/>
+<img src={require("/img/full-node-api-key-auth0.png").default}/>
 
 2. Fill in the value box with your key and click the authorize button:
 
-<img src={require("./media/full-node-api-key-auth1.png").default}/>
+<img src={require("/img/full-node-api-key-auth1.png").default}/>
 
 Now you could use Swagger UI as if there is no API key.
 

Diff for: docs/dapps/standards/media/marketplace-testnet.png

@@ -16,7 +16,7 @@ This first section will detail my personal way of installing Ubuntu 20.04 server
 It requires to have a Raspberry Pi 4 (obviously), a SD Card (8 GB is the minimum) and an SD Card reader to flash the SD Card.
 It will be illustrated using shell command from macOS, but you'll find the equivalent in Windows.
 
-<img src={require("./media/flashing.jpeg").default} alt="Getting ready for the hard work" width="500"/>
+<img src={require("/img/flashing.jpeg").default} alt="Getting ready for the hard work" width="500"/>
 
 First of all we will configure the installation Ubuntu. We're using cloud-init for that since it is built in Ubuntu 20.04 and above.
 This configuration creates a user (different from the `ubuntu` default) and installs a few packages.
@@ -95,7 +95,7 @@ If `alephium` host is unknown, you'll have to search for the IP address of the n
 
 And that's it, your Raspberry Pi is running Ubuntu 20.04 with Docker, and is ready to run an Alephium full node! 🚀
 
-<img src={require("./media/pies.jpeg").default} alt="Raspberry pi 4" width="500"/>
+<img src={require("/img/pies.jpeg").default} alt="Raspberry pi 4" width="500"/>
 
 ## Run a docker'ized instance of Alephium full node
 

Diff for: docs/dapps/standards/media/verified-nft-collection.png

@@ -23,18 +23,18 @@ By default, the Full Node App only has the P2P port (`39973` on Flux nodes) expo
 
 1. Manage your application
 
-<img src={require("./media/flux1.png").default} alt="Manage your application"/>
+<img src={require("/img/flux1.png").default} alt="Manage your application"/>
 
 2. Update the specifications
 
-<img src={require("./media/flux2.png").default} alt="Update specifications"/>
+<img src={require("/img/flux2.png").default} alt="Update specifications"/>
 
 3. Configure the connectivity to expose the container port `12973`. In the screenshot below the port `42973` has been arbitrariliy choosen and will be exposing the API. Any other valid port would work. Compute the signing message and follow the signing process to broadcast the specifications update across the network.
 
-<img src={require("./media/flux3.png").default} alt="Configure connectivity"/>
+<img src={require("/img/flux3.png").default} alt="Configure connectivity"/>
 
 4. Softly redeploy your application to take into account the specifications update.
 
-<img src={require("./media/flux4.png").default} alt="Soft redeploy the app"/>
+<img src={require("/img/flux4.png").default} alt="Soft redeploy the app"/>
 
 That's it, your API is now exposed through the automatic endpoint containing `_42973` (or the different port your specified), you can easily validate with the API endpoint `/infos/version`, i.e. something like `https://alephiumnode1708292985626_42973.app.runonflux.io/infos/version`.

Diff for: docs/dapps/standards/non-fungible-tokens.md

@@ -15,19 +15,19 @@ First, we need to create a dedicated wallet for mining. Compared to a regular wa
 
 ### Create miner wallet
 
-<img src={require("./media/miner-wallet-create-query.png").default}/>
+<img src={require("/img/miner-wallet-create-query.png").default}/>
 
 The server will return the new wallet mnemonic. Please backup and store it securely.
 
-<img src={require("./media/miner-wallet-create-response.png").default}/>
+<img src={require("/img/miner-wallet-create-response.png").default}/>
 
 ### List miner addresses
 
-<img src={require("./media/miner-wallet-list-addresses-query.png").default}/>
+<img src={require("/img/miner-wallet-list-addresses-query.png").default}/>
 
 The server will return `4` addresses which are required in later steps:
 
-<img src={require("./media/miner-wallet-list-addresses-response.png").default}/>
+<img src={require("/img/miner-wallet-list-addresses-response.png").default}/>
 
 ## Configure miner addresses
 
@@ -53,7 +53,7 @@ endpoint because they are sorted according to their corresponding groups.
 
 You could verify that by executing this endpoint:
 
-<img src={require("./media/full-node-synced-query.png").default}/>
+<img src={require("/img/full-node-synced-query.png").default}/>
 
 If you see `"synced": true` in the response, then you are ready to go.
 

Diff for: docs/dapps/tutorials/first-dapp-with-nextjs.md

@@ -120,7 +120,7 @@ This difference is offered by actors referred to as “searchers” that analyze
 
 ### Mining Reward
 
-![](media/Block%20reward.png)
+![](/img/Block-reward.png)
 
 Alephium’s reward for newly generated blocks is also called Mining Reward (MR). After distribution, the [block rewards](#block-reward) are locked for 500 minutes.
 
@@ -204,7 +204,7 @@ Tokens can also be categorized by their intended function: Utility, Security, or
 
 ### Transaction Fee 
 
-![image](media/186886291-79745fc1-25dc-4307-a752-400ce1ff2d31.png)
+![image](/img/186886291-79745fc1-25dc-4307-a752-400ce1ff2d31.png)
 
 When someone does a transaction in Alephium, there’s a price to be paid to the miners for including it in a block. 
 

Diff for: docs/full-node/full-node-more.md

@@ -4,8 +4,6 @@ title: HowTos
 sidebar_label: HowTos
 ---
 
-import UntranslatedPageText from "@site/src/components/UntranslatedPageText";
-
 # Wallet HOWTOs
 
 ### Create new address in a group using Extension Wallet

Diff for: docs/full-node/raspberry-pi.md

@@ -18,13 +18,13 @@ To make sure this doesn't happen, the wallet allows you to easily consolidate yo
 
 In the `Addresses` tab, click on the `Advanced operations` icon and choose `Consolidate UTXOs`.
 
-<img src={require("./media/af1.png").default} alt="UTXO consolidation" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/af1.png").default} alt="UTXO consolidation" width="auto" style={{ height: '200px' }} />
 
-<img src={require("./media/af4.png").default} alt="UTXO consolidation" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/af4.png").default} alt="UTXO consolidation" width="auto" style={{ height: '200px' }} />
 
 Select the address from which you want to consolidate the UTXOs and select the destination address (it can be the same address). Click on `Consolidate` and your UTXOs will be consolidated.
 
-<img src={require("./media/af2.png").default} alt="Landing page" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/af2.png").default} alt="Landing page" width="auto" style={{ height: '200px' }} />
 
 ## 2. Passphrase (ADVANCED SECURITY FEATURE)
 
@@ -56,7 +56,7 @@ It is important to remember that any unique Passphrase will generate and give ac
 
 To use a Passphrase, simply tick the `Use optional passphrase (advanced)` and enter the optional Passphrase of your choice.
 
-<img src={require("./media/af5.png").default} alt="Landing page" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/af5.png").default} alt="Landing page" width="auto" style={{ height: '200px' }} />
 
 ### 3. Limitations of Passphrase-enabled wallets
 

Diff for: docs/full-node/run-on-flux.md

@@ -10,8 +10,8 @@ A mining wallet is slightly different and needs to have **one address per group*
 
 To do this, simply unfold the `Advanced Settings` in the welcome screen at the end of the wallet creation process.
 
-<img src={require("./media/mw1.png").default} alt="Prompt to create a new wallet" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/mw1.png").default} alt="Prompt to create a new wallet" width="auto" style={{ height: '200px' }} />
 
 Alternatively, you can create additional addresses manually after you log into your wallet by going to the `Addresses` tab, click on the `Advanced operations` icon and choose `Generate one address per group`
 
-<img src={require("./media/af4.png").default} alt="Advanced management section" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/af4.png").default} alt="Advanced management section" width="auto" style={{ height: '200px' }} />

Diff for: docs/mining/media/full-node-synced-query.png

@@ -19,22 +19,22 @@ By default, the wallet will be connected to the Alephium public node. Should you
 
 :::
 
-<img src={require("./media/gs1.png").default} alt="Desktop Wallet Landing page" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/gs1.png").default} alt="Desktop Wallet Landing page" width="auto" style={{ height: '200px' }} />
 
-<img src={require("./media/gs2.png").default} alt="Prompt to create new wallet" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/gs2.png").default} alt="Prompt to create new wallet" width="auto" style={{ height: '200px' }} />
 
-<img src={require("./media/gs3.png").default} alt="Prompt to chose a name and set a password" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/gs3.png").default} alt="Prompt to chose a name and set a password" width="auto" style={{ height: '200px' }} />
 
 1. Click on `Create/Import a new wallet`, then click `New wallet`.
 
 2. Choose a wallet name and pick a password to protect your wallet on your computer. This password does not replace your wallet's 24-word Secret Recovery Phrase. It is only used to lock and unlock the newly created wallet.
    Click `Continue`.
 
-<img src={require("./media/gs4.png").default} alt="Display of the 24 secret words" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/gs4.png").default} alt="Display of the 24 secret words" width="auto" style={{ height: '200px' }} />
 
-<img src={require("./media/gs5.png").default} alt="Prompt to verify annotation of the 24 secret words was correct" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/gs5.png").default} alt="Prompt to verify annotation of the 24 secret words was correct" width="auto" style={{ height: '200px' }} />
 
-<img src={require("./media/gs6.png").default} alt="Landing page of a brand new wallet" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/gs6.png").default} alt="Landing page of a brand new wallet" width="auto" style={{ height: '200px' }} />
 
 3. In the highlighted box, you will see 24 words. These are your wallet's 24-word Secret Recovery Phrase. This is your most precious piece of information, and you must store it wisely, safely, and carefully.
 
@@ -44,11 +44,11 @@ By default, the wallet will be connected to the Alephium public node. Should you
 
 ## 3. Transfer ALPH
 
-<img src={require("./media/gs7.png").default} alt="Landing page of Desktop Wallet" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/gs7.png").default} alt="Landing page of Desktop Wallet" width="auto" style={{ height: '200px' }} />
 
-<img src={require("./media/gs8.png").default} alt="Prompt to enter destination address and amount of transaction" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/gs8.png").default} alt="Prompt to enter destination address and amount of transaction" width="auto" style={{ height: '200px' }} />
 
-<img src={require("./media/gs9.png").default} alt="Prompt to enter destination address and amount of transaction" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/gs9.png").default} alt="Prompt to enter destination address and amount of transaction" width="auto" style={{ height: '200px' }} />
 
 1. To send ALPH, simply click on the `Send` button in the left menu.
 
@@ -68,20 +68,20 @@ The transaction can be seen in both the `Overview` tab as well as the `Addresses
 
 You can see all the existing addresses displayed in a list in the `Addresses` tab, with information such as their label, respective balances, group number, etc.
 
-<img src={require("./media/gs10.png").default} alt="Address page" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/gs10.png").default} alt="Address page" width="auto" style={{ height: '200px' }} />
 
 Clicking on one of the `+ New address` buttons brings you to the `New address` page where you'll be able to create and label the new address. By default, addresses are generated in a random group. You can manually choose a specific group under the `Advanced options` section.
 
-<img src={require("./media/gs11.png").default} alt="Prompt to create a new address" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/gs11.png").default} alt="Prompt to create a new address" width="auto" style={{ height: '200px' }} />
 
 By clicking on a specific address, you'll see the address details including its transaction history.
 
-<img src={require("./media/gs12.png").default} alt="View of a singel address" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/gs12.png").default} alt="View of a singel address" width="auto" style={{ height: '200px' }} />
 
 Using the Settings wheel at the top of the application, you will be able to edit the Address label, choose it as your default address or sweep all its unlocked funds to an address of your choice.
 
-<img src={require("./media/gs13.png").default} alt="Prompt to configure address options" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/gs13.png").default} alt="Prompt to configure address options" width="auto" style={{ height: '200px' }} />
 
 ## 5. Export Public Key and Private Key
 
-<img src={require("./media/gs14.png").default} alt="Export public key and private key" width="auto" style={{ height: '200px' }} />
+<img src={require("/img/gs14.png").default} alt="Export public key and private key" width="auto" style={{ height: '200px' }} />

Diff for: docs/mining/media/miner-wallet-balance-query.png

@@ -8,9 +8,9 @@ sidebar_label: Overview
 
 The desktop wallet is the most user-friendly Alephium wallet available today. It allows users to store and manage their assets on the Alephium blockchain.
 
-<img src={require("./media/overview1.png").default} alt="Desktop Wallet in dark mode" width="50%"/>
+<img src={require("/img/overview1.png").default} alt="Desktop Wallet in dark mode" width="50%"/>
 
-<img src={require("./media/overview2.png").default} alt="Desktop Wallet in light mode" width="50%"/>
+<img src={require("/img/overview2.png").default} alt="Desktop Wallet in light mode" width="50%"/>
 
 In the Getting Started page, you can find out the installation guide as well as some common use cases for the desktop wallet such as managing accounts, transferring assets, etc. For more information on advanced features, please check out the dedicated pages.
 Some could consider the desktop wallet slightly less privacy-preserving and secure than the node wallet as it requires you to trust the application’s security and is by default connected to a public node. However, you can build the wallet directly from our GitHub repository and use a local node, or even create your wallet completely offline to mitigate some of these risks.

Diff for: docs/mining/media/miner-wallet-change-active-address.png

@@ -49,7 +49,7 @@ async function tryConnect() {
 Users will be prompted to connect to the current dApp when
 `windowAlephium?.enable()` method is called:
 
-<img src={require("./media/connect-dapp.png").default} alt="Connect dApp" width="250" />
+<img src={require("/img/connect-dapp.png").default} alt="Connect dApp" width="250" />
 
 After user clicks the `Connect` button, dApp is connected with users
 extension wallet.
@@ -81,7 +81,7 @@ This will place a button in your dApp with the `retro` built-in
 theme. Once user clicks the button, a pop-up window will show up to
 ask user to select a wallet:
 
-<img src={require("./media/connect-dapp-2.png").default} alt="Connect dApp Web3 React" />
+<img src={require("/img/connect-dapp-2.png").default} alt="Connect dApp Web3 React" />
 
 If user selects `Extension Wallet`, user will again be prompted to
 connect to the current dApp. After user clicks the `Connect` button,
@@ -116,7 +116,7 @@ The following is an example of a transaction for token transfer: user
 is transferring `2` `TokenFaucet` token from `Salary` account to
 `Saving` account.
 
-<img src={require("./media/transaction-signing-transfer.png").default} alt="Transaction Signing Transfer" width="250" />
+<img src={require("/img/transaction-signing-transfer.png").default} alt="Transaction Signing Transfer" width="250" />
 
 After user clicks the `Sign` button, the transction will be signed and
-submitted to the Alephium blockchain by the extension wallet.
+submitted to the Alephium blockchain by the extension wallet.