mvs-org · canguruhh · Oct 8, 2019 · Oct 8, 2019 · Oct 8, 2019 · Oct 8, 2019
diff --git a/README.md b/README.md
@@ -48,14 +48,9 @@ These tutorials are designed
 * each tutorial comes with complete solutions to show you how its done in the end. Don't look till you're done!
 
 
-1 - Integrate metaverse wallet into your dapp with your DID  
-2 - Issue and transfer MST’s  
-3 - Issue and transfer MIT’s  
-4 - learn the metaverse command line  
-5 - create metaverse wallet plugin  
-6 - execute coin swaps  
-7 - create multisig transactions  
-8 - understanding Metaverse MIPs  
+1. [Integrate Metaverse wallet into your dapp with your DID](tutorials/1-Metaverse-Wallet)
+2. [Issue and transfer MST’s](tutorials/2-Avatars-and-MSTs)
+3. [Issue and transfer MIT’s](tutorials/3-MITs)
 
 For more information refer to the [Metaverse Documentation](https://docs.mvs.org/docs/)
 
@@ -159,4 +154,4 @@ Metaverse
 
 You should see the "blockchain" (from mvs-blockchain-js) and Metaverse (from metaversjs) objects show up in the console.
 
-You should now be fully set up and ready to begin tutorial 1.
+You should now be fully set up and ready to begin [tutorial 1](tutorials/1-Metaverse-Wallet).
diff --git a/_config.yml b/_config.yml
@@ -1 +1,2 @@
-theme: jekyll-theme-midnight
+theme: jekyll-theme-minimal
+logo: logo.png
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: "en-US" }}">
+  <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
+    <!--[if lt IE 9]>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
+    <![endif]-->
+  </head>
+  <body>
+    <div class="wrapper">
+      <header>
+        {% if site.logo %}
+          <img src="{{site.logo | relative_url}}" alt="Logo" />
+          <br><br>
+        {% endif %}
+
+        <p class="view"><a href="{{ site.baseurl }}">Home</a></p>
+        <p class="view"><a href="{{ site.baseurl }}/tutorials/1-Metaverse-Wallet">Tutorial 1<small>Create Wallet</small></a></p>
+        <p class="view"><a href="{{ site.baseurl }}/tutorials/2-Avatars-and-MSTs">Tutorial 2<small>Avatars and Smart Token</small></a></p>
+        <p class="view"><a href="{{ site.baseurl }}/tutorials/3-MITs">Tutorial 3<small>Identifiable Token</small></a></p>
+
+      </header>
+      <section>
+
+      {{ content }}
+
+      </section>
+      <footer>
+        <p class="view"><a href="https://mvs.org">Official Website<small>mvs.org</small></a></p>
+        <p class="view"><a href="https://docs.mvs.org">Documentation<small>docs.mvs.org</small></a></p>
+        <p class="view"><a href="https://explorer.mvs.org">Explorer<small>explorer.mvs.org</small></a></p>
+        <p class="view"><a href="https://explorer-testnet.mvs.org">Testnet Explorer<small>explorer-tesntet.mvs.org</small></a></p>
+      </footer>
+    </div>
+    <script src="{{ "/assets/js/scale.fix.js" | relative_url }}"></script>
+    {% if site.google_analytics %}
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+      ga('create', '{{ site.google_analytics }}', 'auto');
+      ga('send', 'pageview');
+    </script>
+    {% endif %}
+  </body>
+</html>
diff --git a/logo.png b/logo.png
diff --git a/tutorials/1-Metaverse-Wallet/README.md b/tutorials/1-Metaverse-Wallet/README.md
@@ -1,3 +1,5 @@
+# Tutorial 1 - Metaverse Wallet
+
 In this tutorial you will learn how to
 
 * Create a Metaverse wallet
@@ -6,7 +8,7 @@ In this tutorial you will learn how to
 * Send transactions programatically
 * Integrate wallet into your dApp
 
-### Introduction
+## Introduction
 
 Metaverse is a UTXO based blockchain
 
@@ -24,7 +26,7 @@ For more information on UTXO's look here https://komodoplatform.com/whats-utxo/
 
 In Metaverse, as with Bitcoin, you can generate deterministic wallets using by memnonic code words. This gives you multiple addresses you can send and recieve transactions from.
 
-### Hands on Tutorial
+## Hands on Tutorial
 
 Note: Explicit detailed instructions are given to work with Metaverse, but not always so with HTML elements. If you get stuck with coding HTML elements, you can always refer to w3schools.com
 
@@ -41,7 +43,7 @@ Create front end
 Open tut1.html and use this HTML front end as the base of your app.
 
 ```
-<<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="en" dir="ltr">
   <head>
     <meta charset="utf-8">
@@ -180,7 +182,7 @@ async function sendETP(amount){
 }
 
 ```
-### Test NodeJS
+## Test NodeJS
 
 To test your nodejs code, Create a function called run() and make sure it gets executed in the script.
 
@@ -213,7 +215,7 @@ node tut1.js
 You should see an ETP balance, and a transaction hash in your terminal. You can take the transaction hash and view the transaction in the [Metaverse Testnet Blockchain Explorer](https://explorer-testnet.mvs.org/).
 
 
-### Connect to Dapp
+## Connect to Dapp
 
 To interact with metaversejs in your webapp, you need to reference metaversejs in your HTML.
 
@@ -240,3 +242,6 @@ Verify that you have connected metaverse to the webapp by opening the browser co
 
 _TODO: Expand upon once metaversjs referencing is completed_
 Now connect elements to the js functions and youre done!
+
+## Whats next?
+Continue with the next tutorial and learn how to [issue and transfer Metaverse Smart Token (MST)](../2-Avatars-and-MSTs)
diff --git a/tutorials/2-Avatars-and-MSTs/README.md b/tutorials/2-Avatars-and-MSTs/README.md
@@ -1,3 +1,5 @@
+# Tutorial 2 - Avatars and Smart Token
+
 In this tutorial you will learn how to
 
 * Register an Avatar
@@ -159,7 +161,7 @@ async function transferMST() {
 
 ```
 
-### Connect to your dApp
+## Connect to your dApp
 
 To interact with metaversejs in your webapp, you need to reference metaversejs in your HTML.
 
@@ -179,6 +181,7 @@ Also reference your tut2.js file.
 
 Verify that you have connected metaverse to the webapp by opening the browser console and typing "Metaverse". You should see the Metaverse object come up and look something like
 
-
-
 Next connect elements to the js functions and youre done!
+
+## Whats next?
+Continue with the next tutorial and learn how to work with [Metaverse Identifiable Token (MIT)](../3-MITs)
diff --git a/tutorials/3-MITs/README.md b/tutorials/3-MITs/README.md
@@ -1,3 +1,5 @@
+# Tutorial 3 - Metaverse Identifiable Token (MIT)
+
 In this tutorial you will learn how to
 
 * What an MIT is
@@ -7,7 +9,7 @@ In this tutorial you will learn how to
 * Integrate MIT's into your app
 
 
-### Introduction
+## Introduction
 What are MIT's
 
 MIT stands for Metaverse Identifiable Token. MIT is Metaverse's non-fungible token standard. You can think of them as single Issue Assets with a unique identifying symbol. MIT's can also store a content string.
@@ -21,7 +23,7 @@ MIT's can be used to:
 MIT's can be transferred between avatars. Only Avatars can issue MIT's
 
 
-### Hands on Tutorial
+## Hands on Tutorial
 
 First lets create an html front end
 
@@ -141,3 +143,9 @@ Verify that you have connected metaverse to the webapp by opening the browser co
 ''' '''
 
 Next connect elements to the js functions and youre done!
+
+## Whats next?
+
+You have completed the Metaverse Tutorial series. For further information checkout the [examples](https://github.com/antron3000/MetaverseTutorials/tree/master/examples) section or read the official [Metaverse Documentation](https://docs.mvs.org).
+
+Join the Metaverse developer community today and build amazing dapps. 
diff --git a/tutorials/4-commaindline/tutorial.md → tutorials/4-commandline/tutorial.md b/tutorials/4-commaindline/tutorial.md → tutorials/4-commandline/tutorial.md