organize images and add 3xpl page

docs/05-dev-tools/account-abstraction/index.md

@@ -1,5 +1,5 @@
 ---
-sidebar_position: 3
+sidebar_position: 4
 sidebar_label: Account Abstraction
 title: Account Abstraction on Rootstock
 description: "Create smarter accounts that give users a seamless web3 experience" 

docs/05-dev-tools/cross-chain-bridges/index.md

@@ -1,6 +1,6 @@
 ---
 sidebar_position: 5
-sidebar_label: Cross Chain
+sidebar_label: Cross Chain Bridges
 title: Cross Chain - Bridging between Blockchains
 description: "Explore cross-chain bridging solutions on Rootstock." 
 tags: [cross chain, bridges, developer tools, rsk, rootstock, ethereum, dApps, smart contracts]

docs/05-dev-tools/data/index.md

@@ -1,5 +1,5 @@
 ---
-sidebar_position: 5
+sidebar_position: 8
 sidebar_label: Data Indexers
 title: Data Indexing
 description: "Data indexers act like librarians for blockchain data, organizing and storing information in a way that's easy to access. This makes it easier for dApps to get the data needed, which in turn makes dApps faster and more efficient. Explore data indexers on Rootstock." 

docs/05-dev-tools/dev-environments/index.md

@@ -1,5 +1,5 @@
 ---
-sidebar_position: 2
+sidebar_position: 3
 sidebar_label: Dev Environments
 title: Dev Environments
 description: "Dev Environments provide a complete set of tools for writing, testing, and deploying your smart contracts on Rootstock." 

docs/05-dev-tools/explorers/3xpl.md

@@ -0,0 +1,14 @@
+---
+sidebar_position: 5
+sidebar_label: 3xpl Explorer
+title: Get Started with the 3xpl Explorer
+tags: [rsk, explorer, rootstock, 3xpl, smart contracts, transactions, tools]
+---
+
+[3xpl (short for 3xplor3r)](https://3xpl.com/rootstock) is a super-fast, universal explorer for Rootstock. It offers an easy-to-understand block explorer interface for beginner crypto users, as well as lots of professional features for developers and analysts.
+
+Available on: <Shield title="mainnet" tooltip="Available on both Mainnet" color="orange" />
+
+<Button size="sm" href="https://3xpl.com/rootstock">Visit 3xpl</Button>
+
+<div align="center"><img width="100%" src="/img/tools/explorer/3xpl/home-rootstock.png" alt="overview of 3xpl explorer"/></div>

docs/05-dev-tools/explorers/blockscout.md

@@ -9,43 +9,43 @@ tags: [rsk, explorer, rootstock, Blockscout, smart contracts, transactions, tool
 
 Available on: <Shield label="mainnet" title="testnet" tooltip="Available on both Mainnet and Testnet" color="orange" />
 
-<div align="center"><img width="100%" src="/img/tools/explorer/blockscout-1.png" alt="Roostock blockscout page"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/blockscout/blockscout-1.png" alt="Roostock blockscout page"/></div>
 
 To use Blockscout with Rootstock, visit the [Rootstock Block Explorer](https://rootstock.blockscout.com/), where you can see the latest blocks, transactions, and addresses on the Rootstock network.
 
 ### Search for specific information
 You can look up a specific transaction by entering the wallet address, transaction hash block number, or token in the search bar at the top pane of the Rootstock Blockscout page.
-<div align="center"><img width="100%" src="/img/tools/explorer/blockscout-search.png" alt="search section"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/blockscout/blockscout-search.png" alt="search section"/></div>
 
 ### Overviews
 The grids below the search bar show an overview of various components on the Rootstock platform. You can see the total blocks on the network and the total transactions. You can click the respective grid to view the block list or transactions. Likewise, the grids present other details like the average block time, number of wallet addresses, current gas, and total BTC locked in the Rootstock 2-way peg.
-<div align="center"><img width="100%" src="/img/tools/explorer/blockscout-grids.png" alt="overview grids"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/blockscout/blockscout-grids.png" alt="overview grids"/></div>
 
 
 ### Chart view
 By default, the chart below the grids shows a line graph of the Daily transactions. You can switch to see a line graph of RBTC price and market cap by clicking on the buttons, respectively.
-<div align="center"><img width="100%" src="/img/tools/explorer/blockscout-charts.png" alt="chart view"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/blockscout/blockscout-charts.png" alt="chart view"/></div>
 
 ### Latest transactions/blocks
 The next section on the page shows a list of the latest blocks on the network on the left side and a list of the latest transactions on the right, as shown below. You can view the full list of blocks or transactions by clicking "view all blocks" or "view all transactions" at the end of the list.
-<div align="center"><img width="100%" src="/img/tools/explorer/blockscout-latests.png" alt="list of latest transactions/blocks"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/blockscout/blockscout-latests.png" alt="list of latest transactions/blocks"/></div>
 
 ### Exploring the blockchain
 Aside from the overview on the Rooststock Blockscout main page, you can view other details on the Blockchain by clicking "Blockchain" on the left menu pane and selecting the appropriate options. This includes supported smart contracts on Rootstock, which you can view by selecting the verified contracts option.
-<div align="center"><img width="100%" src="/img/tools/explorer/blockscout-explore.png" alt="blockchain menu"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/blockscout/blockscout-explore.png" alt="blockchain menu"/></div>
 
 ### Tokens on Rootstock
 You can view a list of ERC-20 and ERC-721 tokens on the Rootstock network by clicking on the Tokens from the left menu. You can check the details of each token by clicking on the token name.
-<div align="center"><img width="100%" src="/img/tools/explorer/blockscout-tokens.png" alt="list of tokens"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/blockscout/blockscout-tokens.png" alt="list of tokens"/></div>
 
 ### Charts and stats
 Select the Charts & stats option on the left menu to view various advanced statistics and visual representations of data on the Rootstock platform. These include general blockchain stats, Accounts, Transactions, Blocks, Contracts, Gas, and so on.
-<div align="center"><img width="100%" src="/img/tools/explorer/blockscout-tokens.png" alt="charts and blockchain stats"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/blockscout/blockscout-tokens.png" alt="charts and blockchain stats"/></div>
 
 ### Blockscout API
 Blockscout allows you to programmatically query various details from the Rootstock network via the API. You can access the Blockscout API by clicking on the "API" button at the bottom of the page, where you can find documentation and examples of using the API for various purposes.
 
-<div align="center"><img width="100%" src="/img/tools/explorer/blockscout-api.png" alt="api documentation"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/blockscout/blockscout-api.png" alt="api documentation"/></div>
 
 Here's a basic example of how to use Blockscout with Rootstock in Python to get the latest block number:
 ```python
@@ -64,11 +64,11 @@ You must have Python and the `requests` library installed to run this script.
 
 ### Verify and publish smart contracts on Rootstock
 You can verify and publish a smart contract on the Rootstock network by clicking **other>>Verify Contract** from the left menu. Then, you supply the contract address and your preferred verification method from the supported contract verification methods list.
-<div align="center"><img width="100%" src="/img/tools/explorer/blockscout-verify.png" alt="contract verification form"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/blockscout/blockscout-verify.png" alt="contract verification form"/></div>
 
 ### Blockscout account
 To create an account on Blockscout, click on the user icon beside the "Connect Wallet" button at the top right corner and sign in/sign up with your email or GitHub account. After creating or signing in to your Blockscout account, you can access other menu options that allow you to add custom tags to addresses or transactions, create a watch list, create custom ABI, or submit public tags requests to the Rootstock team. You can also access your Blockscout API keys.
-<div align="center"><img width="100%" src="/img/tools/explorer/blockscout-account.png" alt="account menu"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/blockscout/blockscout-account.png" alt="account menu"/></div>
 
 
 ## For additonal information see:

docs/05-dev-tools/explorers/rootstock.md

@@ -10,19 +10,19 @@ You can browse the overview of Rootstock on the [explorer page](https://explorer
 
 Available on: <Shield label="mainnet" title="testnet" tooltip="Available on both Mainnet and Testnet" href="https://explorer.testnet.rootstock.io/" color="orange" />
 
-<div align="center"><img width="100%" src="/img/tools/explorer/explorer1.png" alt="overview of explorer"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/rootstock/explorer1.png" alt="overview of explorer"/></div>
 
 ## Switch between Tabs
 
 If you want to view some specific information, you can jump through the tab bar below.
 
-<div align="center"><img width="100%" src="/img/tools/explorer/explorer2.png" alt="tab of explorer"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/rootstock/explorer2.png" alt="tab of explorer"/></div>
 
 ## Search for some information you want
 
 * You can search for the information you want by entering the address, block number or tx hash in the search box.
 
-<div align="center"><img width="100%" src="/img/tools/explorer/explorer3.png" alt="search box"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/rootstock/explorer3.png" alt="search box"/></div>
 
 ## Last Block Information
 
@@ -34,13 +34,13 @@ The next section is a panel about the last block.
 
 * Especially,you can copy the address code by clicking the icon over the string.
 
-<div align="center"><img width="100%" src="/img/tools/explorer/explorer4.png" alt="panel of last block"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/rootstock/explorer4.png" alt="panel of last block"/></div>
 
 ## Last Block Transactions
 
 The line graph below shows the transaction density.
 
-<div align="center"><img width="100%" src="/img/tools/explorer/explorer5.png" alt="line graph of transactions"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/rootstock/explorer5.png" alt="line graph of transactions"/></div>
 
 ## List of Blocks
 
@@ -50,12 +50,12 @@ All the items in this list are the basic information of a block.
 
 * Click the **see all blocks** to display the full list.
 
-<div align="center"><img width="100%" src="/img/tools/explorer/explorer6.png" alt="list of blocks"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/rootstock/explorer6.png" alt="list of blocks"/></div>
 
 ## List of Transactions
 
 All the items in this list are the basic information of a transaction.
 
 * Click the **see all transactions** to display the full list.
 
-<div align="center"><img width="100%" src="/img/tools/explorer/explorer7.png" alt="list of transactions"/></div>
+<div align="center"><img width="100%" src="/img/tools/explorer/rootstock/explorer7.png" alt="list of transactions"/></div>

docs/05-dev-tools/node-rpc/index.md

@@ -1,5 +1,5 @@
 ---
-sidebar_position: 8
+sidebar_position: 5
 sidebar_label: Node Providers
 title: Node Providers
 description: "Building dApps on Rootstock involves interacting with the blockchain network. See available node rpc providers on Rootstock." 

docs/05-dev-tools/wallets/index.md

@@ -1,6 +1,6 @@
 ---
 sidebar_label: Wallets
-sidebar_position: 3
+sidebar_position: 2
 title: Wallets compatible with Rootstock
 tags: [rootstock, tools, rsk, wallets]
 description: "Learn how to connect to Rootstock with a compatible Wallet"