revert merge (#170)

* Revert "updated content (#164)"

This reverts commit a3323f2.

* updated styling for back to top button

* remove unused css

Author: krofax

docs/.vuepress/theme/components/Home.vue

@@ -104,6 +104,19 @@ export default {
 </script>
 
 <style lang="stylus">
+.go-to-top {
+  cursor: pointer;
+  position: fixed;
+  bottom: 2rem;
+  right: 1.5rem !important;
+  width: 1.5rem !important;
+  color: #fff !important;
+  background-color: #797afb !important;
+  border-radius: 10px !important;
+  padding: 10px;
+  z-index: 1;
+}
+
 .search-box {
   order: 1;
   margin-right: 0;

docs/dev/developer-guides/hello-world.md

@@ -159,7 +159,7 @@ yarn hardhat deploy-zksync
 
 In the output, you should see the address the contract was deployed to.
 
-Congratulations! You have deployed a smart contract to zkSync! Now you can visit the [zkSync block explorer](https://explorer.zksync.io/) and search your contract address to confirm it was successfully deployed.
+Congratulations! You have deployed a smart contract to zkSync! Now you can visit the [zkSync block explorer](https://explorer.zksync.io/) and search you contract address to confirm it was successfully deployed.
 
 [This guide](../../api/tools/block-explorer/contract-verification.md) explains how to verify your smart contract using the zkSync block explorer.
 
@@ -208,7 +208,7 @@ async getGreeting() {
 },
 
 async getFee() {
-  // TODO: return formatted fee
+  // TOOD: return formatted fee
   return "";
 },
 
@@ -263,7 +263,7 @@ Run the following command on the greeter-tutorial-starter root folder to install
 yarn add ethers zksync-web3
 ```
 
-After that, import both libraries within the `script` tag of the `App.vue` file (right before the contract constants). It should look like this:
+After that, import both libraries in the `script` part of the `App.vue` file (right before the contract constant). It should look like this:
 
 ```javascript
 import {} from "zksync-web3";
@@ -279,8 +279,7 @@ const GREETER_CONTRACT_ABI = []; // TODO: insert the path to the Greeter contrac
 
 Open `./src/App.vue` and set the `GREETER_CONTRACT_ADDRESS` constant equal to the address where the greeter contract was deployed.
 
-To interact with the smart contract we just deployed to zkSync, we also need its ABI. 
-*ABI* stands for Application Binary Interface and, in short, it's a file that describes all available names and types of the smart contract methods to interact with it.
+To interact with the smart contract we just deployed to zkSync, we also need its ABI. ABI stands for Application Binary Interface and, in short, it's a file that describes all available names and types of the smart contract methods to interact with it.
 
 - Create the `./src/abi.json` file.
 - You can get the contract's ABI in the hardhat project folder from the previous section in the `./artifacts-zk/contracts/Greeter.sol/Greeter.json` file. You should copy the `abi` array and paste it into the `abi.json` file created in the previous step. The file should look roughly the following way:
@@ -338,21 +337,19 @@ const GREETER_CONTRACT_ABI = require("./abi.json");
 
 ### Working with provider
 
-1. Import the necessary dependencies:
+1. Go to the `initializeProviderAndSigner` method in `./src/App.vue`. This method is called after the connection to Metamask is successful.
 
-```javascript
-import { Contract, Web3Provider, Provider } from "zksync-web3";
-```
-
-2. Locate the `initializeProviderAndSigner` method in `./src/App.vue`. 
-
-*Note:* This method is called only after the connection to Metamask is successful.
-
-In this method we would do the following:
+In this method we should:
 
 - Initialize a `Web3Provider` and a `Signer` to interact with zkSync.
 - Initialize the `Contract` object to interact with the `Greeter` contract we just deployed.
 
+2. Import the necessary dependencies:
+
+```javascript
+import { Contract, Web3Provider, Provider } from "zksync-web3";
+```
+
 3. Initialise the provider, signer, and contract instances like this:
 
 ```javascript
@@ -407,7 +404,7 @@ The chosen token to pay the fee can now be selected. However, no balances are up
 
 The easiest way to retrieve the user's balance is to use the `Signer.getBalance` method.
 
-1. Add the necessary dependencies at the top of the script file:
+1. Add the necessary dependencies:
 
 ```javascript
 // `ethers` is only used in this tutorial for its utility functions