diff --git a/css/main.css b/css/main.css
index dbe4a4a..59f30b6 100644
--- a/css/main.css
+++ b/css/main.css
@@ -131,6 +131,10 @@ h3 {
   text-transform: uppercase !important;
 }
 
+.capitalise {
+  text-transform: capitalize !important;
+}
+
 .toggle {
   position: relative;
   cursor: pointer;
@@ -251,6 +255,15 @@ ul .balance:last-of-type {
   margin-bottom: 1.5rem;
 }
 
+.transaction-container {
+  display: -ms-grid;
+  display: grid;
+  margin-top: 1.5rem;
+  gap: 1.5rem;
+  -ms-grid-columns: (minmax(20rem, 1fr))[auto-fit];
+      grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
+}
+
 .label {
   text-transform: capitalize;
   font-size: 0.8rem;
@@ -784,8 +797,12 @@ p {
 }
 
 .tabs {
-  position: relative;
-  margin-top: 2rem;
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  padding: 1rem 0 1rem 0;
+  background: rgba(var(--foreground), 1);
+  z-index: 2;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -795,10 +812,10 @@ p {
 .tabs .tab {
   cursor: pointer;
   opacity: 0.6;
-  padding-bottom: 0.5rem;
-  margin-right: 1rem;
+  margin-right: 1.5rem;
   -webkit-tap-highlight-color: transparent;
   white-space: nowrap;
+  font-size: 1.2rem;
 }
 
 .tabs .tab:last-of-type {
@@ -811,7 +828,7 @@ p {
 
 .tabs .line {
   position: absolute;
-  height: 0.1em;
+  height: 0.16rem;
   background: rgba(var(--text), 1);
   width: 1px;
   bottom: 0;
@@ -822,6 +839,9 @@ p {
 }
 
 .contract-choice {
+  display: -ms-grid;
+  display: grid;
+  gap: 0.5rem 1rem;
   margin-bottom: 2rem;
 }
 
@@ -829,12 +849,6 @@ p {
   margin-bottom: 0;
 }
 
-.contract-choice h3 {
-  text-transform: capitalize;
-  font-weight: 400;
-  margin-bottom: 0.5rem;
-}
-
 #homepage {
   margin: 0 1.5rem;
 }
@@ -865,12 +879,6 @@ p {
   }
 }
 
-#top_transaction_container {
-  display: -ms-grid;
-  display: grid;
-  gap: 1.5em;
-}
-
 .transaction {
   display: -ms-grid;
   display: grid;
@@ -880,6 +888,8 @@ p {
   -ms-grid-columns: min-content 1fr;
       grid-template-columns: -webkit-min-content 1fr;
       grid-template-columns: min-content 1fr;
+  -ms-grid-rows: auto 1fr;
+      grid-template-rows: auto 1fr;
   background: rgba(var(--text), 0.06);
       grid-template-areas: '. .' 'info info';
 }
@@ -889,6 +899,9 @@ p {
   -ms-grid-column: 1;
   -ms-grid-column-span: 2;
   grid-area: info;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
 }
 
 .transaction h4 {
@@ -903,7 +916,7 @@ p {
   width: 3rem;
   padding: 0.8rem;
   border-radius: 1rem;
-  background: var(--background);
+  background: rgba(var(--foreground), 1);
 }
 
 #loader_page {
@@ -1008,10 +1021,6 @@ p {
   #page_header {
     padding: 1.5rem 0;
   }
-  #top_transaction_container {
-    -ms-grid-columns: (1fr)[2];
-        grid-template-columns: repeat(2, 1fr);
-  }
   #transaction_page {
     display: -ms-grid;
     display: grid;
@@ -1026,6 +1035,13 @@ p {
     -ms-grid-column-span: 2;
     grid-area: header;
   }
+  .contract-choice {
+    -ms-grid-columns: 2fr 1fr 1fr;
+        grid-template-columns: 2fr 1fr 1fr;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+  }
 }
 
 @media only screen and (min-width: 1280px) {
@@ -1063,10 +1079,6 @@ p {
     -ms-grid-column: 4;
     grid-area: contract;
   }
-  #top_transaction_container {
-    -ms-grid-columns: (1fr)[3];
-        grid-template-columns: repeat(3, 1fr);
-  }
 }
 
 @media only screen and (min-width: 1920px) {
@@ -1082,10 +1094,6 @@ p {
   .input {
     width: 40% !important;
   }
-  #top_transaction_container {
-    -ms-grid-columns: (1fr)[4];
-        grid-template-columns: repeat(4, 1fr);
-  }
 }
 
 @media only screen and (min-width: 2048px) {
@@ -1104,10 +1112,6 @@ p {
   .input {
     width: 30% !important;
   }
-  #top_transaction_container {
-    -ms-grid-columns: (1fr)[5];
-        grid-template-columns: repeat(5, 1fr);
-  }
 }
 
 @media only screen and (max-width: 320px) {
diff --git a/css/main.css.map b/css/main.css.map
index 6de1738..720300f 100644
--- a/css/main.css.map
+++ b/css/main.css.map
@@ -1,6 +1,6 @@
 {
     "version": 3,
-    "mappings": "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",
+    "mappings": "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",
     "sources": [
         "main.scss"
     ],
diff --git a/css/main.scss b/css/main.scss
index f39925a..8a26c80 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -92,6 +92,9 @@ h3{
 .uppercase{
     text-transform: uppercase !important;
 }
+.capitalise{
+    text-transform: capitalize !important;
+}
 .toggle{
     position: relative;
     cursor: pointer;
@@ -171,7 +174,6 @@ ul{
 .card{
     padding: 2rem 1.5rem;
     border-radius: 0.5rem;
-    //border: solid 1px rgba(var(--text), 0.16);
     background: rgba(var(--text), 0.06);
     margin: 1.5rem 0;
     h4{
@@ -183,6 +185,12 @@ ul{
         margin-bottom: 1.5rem;
     }
 }
+.transaction-container{
+    display: grid;
+    margin-top: 1.5rem;
+    gap: 1.5rem;
+    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
+}
 .label{
     text-transform: capitalize;
     font-size: 0.8rem;
@@ -375,9 +383,6 @@ ul{
         display: flex;
         flex-direction: column;
         padding: 1.5rem;
-        //border-radius: 0.5rem;
-        //background: rgba(var(--text), 0.1);
-        //border: 1px solid rgba(var(--text), 0.2);
         border-left: 0.1rem solid rgba(var(--text), 0.2);
         .label{
             margin-top: auto;
@@ -529,17 +534,20 @@ p{
     word-break: break-all;
 }
 .tabs{
-    position: relative;
-    margin-top: 2rem;
+    position: sticky;
+    top: 0;
+    padding: 1rem 0 1rem 0;
+    background: rgba(var(--foreground), 1);
+    z-index: 2;
     display: flex;
     overflow-x: auto;
     .tab{
         cursor: pointer;
         opacity: 0.6;
-        padding-bottom: 0.5rem;
-        margin-right: 1rem;
+        margin-right: 1.5rem;
         -webkit-tap-highlight-color: transparent;
         white-space: nowrap;
+        font-size: 1.2rem;
         &:last-of-type{
             margin-right: 0;
         }
@@ -549,7 +557,7 @@ p{
     }
     .line{
         position: absolute;
-        height: 0.1em;
+        height: 0.16rem;
         background: rgba(var(--text), 1);
         width: 1px;
         bottom: 0;
@@ -557,15 +565,12 @@ p{
     }
 }
 .contract-choice{
+    display: grid;
+    gap: 0.5rem 1rem;
     margin-bottom: 2rem;
     &:last-of-type{
         margin-bottom: 0;
     }
-    h3{
-        text-transform: capitalize;
-        font-weight: 400;
-        margin-bottom: 0.5rem;
-    }
 }
 #homepage{
     margin: 0 1.5rem;
@@ -580,21 +585,19 @@ p{
         transform: none;
     }
 }
-#top_transaction_container{
-    display: grid;
-    gap: 1.5em;
-}
 .transaction{
     display: grid;
     gap: 2rem 1rem;
     padding: 2rem;
     border-radius: 0.5rem;
     grid-template-columns: min-content 1fr;
+    grid-template-rows: auto 1fr;
     background: rgba(var(--text), 0.06);
     grid-template-areas:    '. .'
                             'info info';
     .contract-info{
         grid-area: info;
+        align-items: flex-start;
     }
     h4{
         font-weight: 500;
@@ -606,7 +609,7 @@ p{
         width: 3rem;
         padding: 0.8rem;
         border-radius: 1rem;
-        background: var(--background);
+        background: rgba(var(--foreground), 1);
     }
 }
 #loader_page{
@@ -691,9 +694,6 @@ p{
     #page_header{
         padding: 1.5rem 0;
     }
-    #top_transaction_container{
-        grid-template-columns: repeat(2, 1fr);
-    }
     #transaction_page{
         display: grid;
         gap: 0 1.5rem;
@@ -704,6 +704,10 @@ p{
             grid-area: header;
         }
     }
+    .contract-choice{
+        grid-template-columns: 2fr 1fr 1fr;
+        align-items: center;
+    }
 }
 @media only screen and (min-width: 1280px){
     .margin, .page{
@@ -733,9 +737,7 @@ p{
             }
         }
     }
-    #top_transaction_container{
-        grid-template-columns: repeat(3, 1fr);
-    }
+
 }
 @media only screen and (min-width: 1920px){
     body{
@@ -750,9 +752,6 @@ p{
     .input{
         width: 40% !important;
     }
-    #top_transaction_container{
-        grid-template-columns: repeat(4, 1fr);
-    }
 }
 @media only screen and (min-width: 2048px){
     body{
@@ -770,9 +769,6 @@ p{
     .input{
         width: 30% !important;
     }
-    #top_transaction_container{
-        grid-template-columns: repeat(5, 1fr);
-    }
 }
 @media only screen and (max-width: 320px){
     body{
diff --git a/index.html b/index.html
index e7bb3d0..08a3d81 100644
--- a/index.html
+++ b/index.html
@@ -47,12 +47,18 @@
 
   <script>
     let frag = document.createDocumentFragment();
+
     function creation(str) {
       return document.createRange().createContextualFragment(str)
     };
     const create = {
       homepage(obj) {
-        let { topToken, totalTransactions, walletAddresses, topContract, } = obj,
+        let {
+          topToken,
+          totalTransactions,
+          walletAddresses,
+          topContract,
+        } = obj,
           page = document.createElement("div");
         page.classList.add("page");
         page.id = "homepage";
@@ -116,7 +122,7 @@
               </div>
               <div class="highlight-item">
                   <h4 class="label">top contract</h4>
-                  <h2 class="contract">${topContract.name}</h2>
+                  <h2 class="contract capitalise" data-contract-address="${topContract.address}">${replaceDash(topContract.name)}</h2>
               </div>
           </div>
       </section>
@@ -125,7 +131,7 @@
               <h3 class="heading">Latest transactions</h3>
               <button id='all_trans_btn' class="margin-left-auto">view all</button>
           </header>
-          <div id="top_transaction_container">
+          <div id="top_transaction_container" class="transaction-container">
           </div>
       </section>
       <section id="latest_blocks_section">
@@ -140,7 +146,14 @@
         return page;
       },
       blockPage(obj) {
-        let { blockHeight, size, transactions, reward, hash, difficulty, nonce,
+        let {
+          blockHeight,
+          size,
+          transactions,
+          reward,
+          hash,
+          difficulty,
+          nonce,
         } = obj,
           page = document.createElement("div"),
           wordForm = "transaction";
@@ -157,7 +170,7 @@
                   <h5 class="label">Reward</h5>
                   <h4>${reward}</h4>
                   <h5 class="label">Hash</h5>
-                  <h4 class="breakable hash">${hash}</h4>
+                  <h4 class="breakable">${hash}</h4>
                   <h5 class="label">Difficulty</h5>
                   <h4>${difficulty}</h4>
                   <h5 class="label">Nonce</h5>
@@ -169,7 +182,10 @@
         return page;
       },
       addressPage(obj) {
-        let { balance, address } = obj,
+        let {
+          balance,
+          address
+        } = obj,
           page = document.createElement("div");
         page.classList.add("page");
         page.id = "address_page";
@@ -193,11 +209,23 @@
                   </svg>
                   <p class="breakable">${address}</p>
               </div>
-              <h3 class="heading">Transactions</h3>
-              <div id="address_transaction_container" class="top-bottom-padding">
-              </div>`;
+              <div class="tabs">
+                    <h4 class="tab active" data-rank="1" data-target="address_transaction_container">Transactions</h4>
+                    <h4 class="tab" data-rank="2" data-target="token_balance_container">Token Balance</h4>
+                    <div class="line"></div>
+                </div>
+                <ul id="address_transaction_container" data-tab-group="address" class="transaction-container"></ul>
+                <ul id="token_balance_container" data-tab-group="address" class="card hide-completely"></ul>`;
         return page;
       },
+      tokenBalanceCard(token, balance) {
+        let card = document.createElement('li')
+        card.innerHTML = `
+                  <h5 class="label">${token}</h5>
+                  <h4>${balance}</h4>
+                `
+        return card
+      },
       transactionPage(obj) {
         let { type, name, blockHeight, amount, sender, receiver, floData, hash, confirmations } = obj,
           page = document.createElement("div");
@@ -206,7 +234,7 @@
         page.innerHTML = `
               <div class='head'>
                   <h5 class="label">${type}</h5>
-                  <h2 class="token">${name}</h2>
+                  <h2 class="token uppercase">${name}</h2>
               </div>
               <div class="card">
                   <h5 class="label">Block</h5>
@@ -222,23 +250,39 @@
                   <h5 class="label">FLO Data</h5>
                   <p>${floData}</p>
                   <h5 class="label">Hash</h5>
-                  <h4 class="breakable hash">${hash}</h4>
+                  <h4 class="breakable">${hash}</h4>
                   <h5 class="label">Block Confirmations</h5>
                   <h4>${confirmations}</h4>
               </div>
               `;
         return page;
       },
-      addrBalanceCard(address, balance, token){
+      AlltransactionsPage() {
+        let page = document.createElement("div");
+        page.classList.add("page", "transaction-container");
+        page.id = "all_transactions_page";
+        return page;
+      },
+      AllBlocksPage() {
+        let page = document.createElement("div");
+        page.classList.add("page");
+        page.id = "all_blocks_page";
+        return page;
+      },
+      addrBalanceCard(address, balance, token) {
         let card = document.createElement('li')
         card.classList.add('balance')
         card.innerHTML = `
                         <h5 class="address breakable label">${address}</h5>
-                        <h4>${balance} ${token}</h4>`
+                        <h4 class="uppercase">${balance} ${token}</h4>`
         return card
       },
       tokenPage(obj) {
-        let { token, supply, incAddress } = obj;
+        let {
+          token,
+          supply,
+          incAddress
+        } = obj;
         let page = document.createElement("div");
         page.classList.add("page");
         page.id = "token_page";
@@ -247,7 +291,7 @@
                   <h2 class="uppercase">${token}</h2>
                   <h5 class="label">Supply</h5>
                   <h4>${supply}</h4>
-                  <h5 class="label">Incorporation Address</h5>
+                  <h5 class="label">Address</h5>
                   <h4 class="breakable">${incAddress}</h4>
                 </div>
                 <div class="tabs">
@@ -256,86 +300,93 @@
                     <div class="line"></div>
                 </div>
                 <ul id="token_balance_container" data-tab-group="token" class="card"></ul>
-                <ul id="token_transaction_container" data-tab-group="token" class="card hide-completely">
-                    <li class="balance" >
-                        <h5 class="breakable label">F6EMAHjivqrcrdAHNABq2R1FLNkx8xfEaT</h5>
-                        <h4>0.0000023333 RMT</h4>
-                    </li>
-                </ul>
+                <ul id="token_transaction_container" data-tab-group="token" class="transaction-container hide-completely"></ul>
               `;
         return page;
       },
       contractPage(obj) {
-        let {status, contract, contractType, contractAddress, expiration, token, participationFees, userChoices, payeeAddress, minAmount, maxAmount} = obj,
+        let { status, contract, contractType, contractAddress, expiration, token, participationFees, userChoices, payeeAddress, minAmount, maxAmount } = obj,
           page = document.createElement("div");
         page.classList.add("page");
         page.id = "contract_page";
         let userChoiceSection = document.createElement('ul'),
-            infoCard = document.createElement('div');
+          infoCard = document.createElement('div');
         infoCard.classList.add('card')
         userChoiceSection.classList.add('card')
         userChoiceSection.type = 'circle'
-        if(userChoices){
-          for(choice in userChoices){
+        if (userChoices) {
+          for (choice in userChoices) {
             userChoiceSection.innerHTML += `<li>${userChoices[choice]}</li>`
           }
         }
-        page.append(creation( `
-              <div class="status closed">${status}</div>
-              <h3 class="uppercase">${contract}</h3>`))
-        infoCard.innerHTML =`
-                  <h5 class="label">Contract Type</h5>
-                  <h4>${replaceDash(contractType)}</h4>
-                  <h5 class="label">Contract Address</h5>
-                  <h4 class="address">${contractAddress}</h4>`
-        if(expiration)
-          infoCard.append(creation( `
-            <h5 class="label">Expiration</h5>
-            <h4>${expiration}</h4>`))
-        if(payeeAddress)
-          infoCard.append(creation( `
-            <h5 class="label">Payee Address</h5>
-            <h4>${payeeAddress}</h4>`))
-        if(minAmount)
-          infoCard.append(creation( `
-            <h5 class="label">Min. Subscription Amount</h5>
-            <h4>${minAmount}</h4>`))
-        if(maxAmount)
-          infoCard.append(creation( `
-            <h5 class="label">Max. Subscription Amount</h5>
-            <h4>${maxAmount}</h4>`))
-        if(participationFees)
-          infoCard.append(creation( `
-            <h5 class="label">Participation Amount</h5>
-            <h4>${participationFees}</h4>`))
-        infoCard.append(creation( `<h5 class="label">Token Used</h5>
-                  <h4 class="uppercase">${token}</h4>`))
+        page.append(creation(`
+                    <div class="status closed">${status}</div>
+                    <h3 class="uppercase">${replaceDash(contract)}</h3>`))
+        infoCard.innerHTML = `
+                        <h5 class="label">Contract Type</h5>
+                        <h4>${replaceDash(contractType)}</h4>
+                        <h5 class="label">Contract Address</h5>
+                        <h4 class="address">${contractAddress}</h4>`
+        if (expiration)
+          infoCard.append(creation(`
+                  <h5 class="label">Expiration</h5>
+                  <h4>${expiration}</h4>`))
+        if (payeeAddress)
+          infoCard.append(creation(`
+                  <h5 class="label">Payee Address</h5>
+                  <h4>${payeeAddress}</h4>`))
+        if (minAmount)
+          infoCard.append(creation(`
+                  <h5 class="label">Min. Subscription Amount</h5>
+                  <h4>${minAmount}</h4>`))
+        if (maxAmount)
+          infoCard.append(creation(`
+                  <h5 class="label">Max. Subscription Amount</h5>
+                  <h4>${maxAmount}</h4>`))
+        if (participationFees)
+          infoCard.append(creation(`
+                  <h5 class="label">Participation Amount</h5>
+                  <h4>${participationFees}</h4>`))
+        infoCard.append(creation(`<h5 class="label">Token Used</h5>
+                        <h4 class="uppercase">${token}</h4>`))
         page.append(infoCard)
-        if(userChoices){
-          page.append(creation( `
-          <h3 class="heading">User Choices</h3>`))
+        if (userChoices) {
+          page.append(creation(`
+                <h3 class="heading">User Choices</h3>`))
           page.append(userChoiceSection)
         }
-        page.append(creation( `<div class="tabs">
-            <h4 class="tab active" data-rank="1" data-target="participant_container">Participants</h4>
-            <h4 class="tab" data-rank="2" data-target="winners_container">Winners</h4>
-            <div class="line"></div>
-        </div>
-        <ul id="participant_container" data-tab-group="token" class="card"></ul>
-        <ul id="winners_container" data-tab-group="token" class="card hide-completely"></ul>`));
+        page.append(creation(`<div class="tabs">
+                  <h4 class="tab active" data-rank="1" data-target="contract_transaction_container">Transactions</h4>
+                  <h4 class="tab" data-rank="2" data-target="participant_container">Participants</h4>
+                  <h4 class="tab" data-rank="3" data-target="winners_container">Winners</h4>
+                  <div class="line"></div>
+              </div>
+              <ul id="participant_container" data-tab-group="contract" class="card"></ul>
+              <ul id="winners_container" data-tab-group="contract" class="card hide-completely"></ul>
+              <div id="contract_transaction_container" data-tab-group="contract" class="transaction-container"></div>`));
         return page;
       },
-      contractChoiceCard(address, token, choice, amount, action){
-        let card = document.createElement('li')
-        card.innerHTML = `                      
-                      <h5 class="breakable label">${address}</h5>
+      contractChoiceCard(address, token, choice, amount, winningAmount) {
+        let card = document.createElement('li'),
+          action;
+        card.classList.add('contract-choice')
+        if (winningAmount) {
+          action = 'Won'
+          amount = winningAmount
+        }
+        else
+          action = 'Invested'
+        card.innerHTML = `   
+                      <h4 class="address breakable">${address}</h4>
                       <h4>${choice}</h4>
-                      <h4>${amount} ${token} ${action}</h4>`
+                      <h4 class="uppercase">${amount} ${token} ${action}</h4>`
         return card;
       },
       contractTransferCard(obj) {
         let { hash, blockHeight, token, sender, receiver, amount, contractName, userChoice } = obj,
-          card = document.createElement("div");
+          card = document.createElement("div"),
+          contractInfo = document.createElement('div');
+        contractInfo.classList.add('contract-info')
         card.classList.add("transaction", "token-transfer");
         card.id = hash;
         card.innerHTML = `
@@ -350,26 +401,28 @@
                               <div class="contract-type">
                                   <h5 class="label">Smart Contract Transfer</h5>
                                   <h4 class="token uppercase">${token}</h4>
-                              </div>
-                              <div class="contract-info">
+                              </div>`
+        contractInfo.innerHTML = `    
                                   <h5 class="label">Sender</h5>
                                   <h4 class="address">${sender}</h4>
                                   <h5 class="label">receiver</h5>
                                   <h4 class="address">${receiver}</h4>
                                   <h5 class="label">amount</h5>
-                                  <h4>${amount} ${token}</h4>
+                                  <h4 class="uppercase">${amount} ${token}</h4>
                                   <h5 class="label">Contract name</h5>
                                   <h4>${contractName}</h4>`;
-        if (userChoice)
-          card.innerHTML += `
-                                  <h5 class="label">User Choice</h5>
-                                  <h4>${userChoice}</h4>`;
-
-        card.innerHTML += `</div>`;
+        card.append(contractInfo)
         return card;
       },
       tokenTransferCard(obj) {
-        let { hash, blockHeight, token, sender, receiver, amount } = obj,
+        let {
+          hash,
+          blockHeight,
+          token,
+          sender,
+          receiver,
+          amount
+        } = obj,
           card = document.createElement("div");
         card.classList.add("transaction", "token-transfer");
         card.id = hash;
@@ -387,16 +440,22 @@
                                   <h5 class="label">receiver</h5>
                                   <h4 class="address">${receiver}</h4>
                                   <h5 class="label">amount</h5>
-                                  <h4>${amount} ${token}</h4>
+                                  <h4 class="uppercase">${amount} ${token}</h4>
                               </div>`;
         return card;
       },
       tokenCreationCard(obj) {
-        let { hash, blockHeight, token, incAddress, supply } = obj,
+        let {
+          hash,
+          blockHeight,
+          token,
+          incAddress,
+          supply
+        } = obj,
           card = document.createElement("div");
         card.classList.add("transaction", "token-creation");
         card.id = hash;
-        card.innerHTML = `    <svg class="icon" viewBox="0 0 64 64">
+        card.innerHTML = `<svg class="icon" viewBox="0 0 64 64">
                                   <title>token</title>
                                   <circle cx="32" cy="32" r="31"/>
                                   <circle cx="32" cy="32" r="25.19"/>
@@ -418,7 +477,14 @@
         return card;
       },
       contractTriggerCard(obj) {
-        let { hash, blockHeight, contractName, contractAddress, winningChoice, committeeAddress } = obj,
+        let {
+          hash,
+          blockHeight,
+          contractName,
+          contractAddress,
+          winningChoice,
+          committeeAddress
+        } = obj,
           card = document.createElement("div");
         card.classList.add("transaction", "contract-trigger");
         card.id = hash;
@@ -427,7 +493,8 @@
                                   <polyline points="32 13.47 32 32 43.4 43.4"/>
                               </svg>
                               <div class="contract-type">
-                                  <h4 class="token uppercase">smart contract trigger</h4>
+                                  <h5 class="label">smart contract </h5>
+                                  <h4 class="uppercase">trigger</h4>
                               </div>
                               <div class="contract-info">
                                   <h5 class="label">Contract name</h5>
@@ -446,7 +513,7 @@
           card = document.createElement("div");
         card.classList.add("transaction", "contract-creation");
         card.id = hash;
-        card.innerHTML = `    svg viewBox="0 0 64 64">
+        card.innerHTML = `<svg class="icon" viewBox="0 0 64 64">
                                   <title>contract creation</title>
                                   <path d="M47.07,23.85V11"/>
                                   <path d="M3,47A7,7,0,0,0,.48,52.39a6.89,6.89,0,0,0,2.05,4.93,6.78,6.78,0,0,0,3.78,2,6.34,6.34,0,0,0,1.16.1H40.09a7,7,0,0,0,7-7V44"/>
@@ -463,23 +530,16 @@
                               <div class="contract-info">
                                   <h5 class="label">Contract name</h5>
                                   <h4>${contractName}</h4>
-                                  <h5 class="label">Incorporation address</h5>
-                                  <h4>${incAddress}</h4>
+                                  <h5 class="label">Contract address</h5>
+                                  <h4 class="address">${incAddress}</h4>
                                   <h5 class="label">token used</h5>
                                   <h4 class="uppercase">${token}</h4>
                                   <h5 class="label">contract type</h5>
-                                  <h4>${contractType}</h4>
+                                  <h4>${replaceDash(contractType)}</h4>
                                   <h5 class="label">expiration</h5>
-                                  <h4 class="address">${expiration}</h4>
+                                  <h4 class="capitalise">${expiration}</h4>
                                   <h5 class="label">participation amount</h5>
-                                  <h4>${participationFees} ${token}</h4>
-                                  <h5 class="label">user Choices</h5>
-                                  <div class="choices-container">`;
-        if (availableChoices)
-          availableChoices.forEach((choice) => {
-            card.innerHTML += `<div class="choice">${choice}</div>`;
-          });
-        card.innerHTML += `  </div>
+                                  <h4 class="uppercase">${participationFees} ${token}</h4>
                               </div>`;
         return card;
       },
@@ -500,6 +560,10 @@
       return string.replace(/-/g, " ");
     }
 
+    function replaceSpace(str) {
+      return str.replace(/ /g, "-");
+    }
+
     let appState = {
       page: "homepage",
       thisField: null,
@@ -507,11 +571,40 @@
 
     window.onpopstate = (e) => {
       if (e.state !== null) {
-        let { page, thisField } = e.state;
+        let {
+          page,
+          thisField
+        } = e.state;
         render(page, thisField);
       }
     };
 
+    async function appendTransactions(container, transactions) {
+      let txFrag = await getTxFrag(transactions);
+      txFrag.forEach(tx => {
+        switch (tx["type"]) {
+          case 'tokentransfer':
+            frag.append(create.tokenTransferCard(tx))
+            break;
+          case 'contracttransfer':
+            frag.append(create.contractTransferCard(tx));
+            break;
+          case 'tokenincorp':
+            frag.append(create.tokenCreationCard(tx));
+            break;
+
+          case 'contractincorp':
+            frag.append(create.contractCreationCard(tx));
+            break;
+
+          case 'contracttrigger':
+            frag.append(create.contractTriggerCard(tx));
+            break;
+        }
+      })
+      document.getElementById(container).append(frag);
+    }
+
     async function render(pageId, field) {
       if ("scrollRestoration" in history) {
         history.scrollRestoration = "manual";
@@ -522,42 +615,65 @@
 
       if (pageId === "address_page") {
         let [addressInfo, addressBalance, addressTxs] = await Promise.all([getAddressInfo(field), getAddressBalance(field), getAddressTxs(field)])
-        console.log(addressInfo, addressBalance, addressTxs)
-        pageContainer.append(create.addressPage({balance: addressBalance, address: field}))
+        console.log(addressInfo)
+        pageContainer.append(create.addressPage({
+          balance: addressBalance,
+          address: field
+        }))
         pageTitle.textContent = 'Address'
         loading()
+        appendTransactions('address_transaction_container', addressTxs)
+        for (token in addressInfo) {
+          frag.append(create.tokenBalanceCard(token, addressInfo[token].balance))
+        }
+        document.getElementById('token_balance_container').append(frag)
+
       }
 
       if (pageId === "token_page") {
         let [tokenInfo, tokenBalances, tokenTransactions] = await Promise.all([getTokenInfo(field), getTokenBalances(field), getTokenTransactions(field)])
-
-        for(bal in tokenBalances){
-          frag.append(create.addrBalanceCard( bal, tokenBalances[bal], tokenInfo.token))
+        for (bal in tokenBalances) {
+          frag.append(create.addrBalanceCard(bal, tokenBalances[bal], tokenInfo.token))
         }
-
-        console.log(tokenInfo.token, tokenBalances)
-        /*for(tx in tokenTransactions){
-          console.log(tx, tokenTransactions[tx])
-        }*/
         pageContainer.append(create.tokenPage(tokenInfo));
         pageTitle.textContent = "Token";
         document.getElementById('token_balance_container').append(frag)
         loading()
+        appendTransactions('token_transaction_container', tokenTransactions)
       }
 
       if (pageId === "contract_page") {
         // todo: load contract variable dynamically
         let contract = {
-          name: "india-elections-2019",
-          address: "F7osBpjDDV1mSSnMNrLudEQQ3cwDJ2dPR1",
+          name: field.name,
+          address: field.address,
         };
 
         let [contractInfo, contractTransactions, contractParticipants] = await Promise.all([getContractInfo(contract), getContractTransactions(contract), getContractParticipants(contract)])
         // todo : check the type of contract & then further checks like fetching details of contractParticipant 
         pageContainer.append(create.contractPage(contractInfo));
         pageTitle.textContent = "Contract";
-
         loading()
+        console.log(contractParticipants)
+        let winners = []
+        for (participant in contractParticipants) {
+          if (contractParticipants[participant].winningAmount)
+            winners.push(contractParticipants[participant])
+        }
+        // append latest transactions
+        appendTransactions('contract_transaction_container', contractTransactions)
+        for (participant in contractParticipants) {
+          let { participantFloAddress, tokenIdentification, userChoice, tokenAmount } = contractParticipants[participant]
+          frag.append(create.contractChoiceCard(participantFloAddress, tokenIdentification, userChoice, tokenAmount))
+        }
+        document.getElementById('participant_container').append(frag)
+
+        winners.forEach(winner => {
+          let { participantFloAddress, tokenIdentification, userChoice, tokenAmount, winningAmount } = winner;
+          frag.append(create.contractChoiceCard(participantFloAddress, tokenIdentification, userChoice, tokenAmount, winningAmount))
+        })
+        document.getElementById('winners_container').append(frag)
+
       }
 
       if (pageId === "block_page") {
@@ -568,16 +684,15 @@
       }
 
       if (pageId === "homepage") {
-        // banner
         pageHeader.classList.add("hide-completely");
         let [data, latestTxs, latestBlocks] = await Promise.all([getBannerData(), getLatestTxs(), getLatestBlocks()])
         pageContainer.append(create.homepage(data));
         loading();
 
         document.getElementById("main_search_field").addEventListener("keydown", function (e) {
-            if (e.key === 'Enter') {
-                processNavbarSearch();
-            }
+          if (e.key === 'Enter') {
+            processNavbarSearch();
+          }
         });
 
         let themeToggler = document.getElementById("theme_toggle"),
@@ -589,9 +704,11 @@
           daylight();
           themeToggler.checked = false;
         }
+
         function daylight() {
           body.setAttribute("data-theme", "light");
         }
+
         function nightlight() {
           body.setAttribute("data-theme", "dark");
         }
@@ -608,7 +725,7 @@
         getAllSuggestions()
 
         latestTxs.forEach(tx => {
-          if (tx["type"] == "tokentransfer") 
+          if (tx["type"] == "tokentransfer")
             frag.append(create.tokenTransferCard(tx))
           else if (tx["type"] == "contracttransfer")
             frag.append(create.contractTransferCard(tx));
@@ -620,13 +737,17 @@
 
       if (pageId === "viewallblocks") {
         let latest100blocks = await getLatestBlocks();
+
+        pageTitle.textContent = "All Blocks";
         loading()
       }
 
-      if (pageId === "viewalltxs") {
-        let latest100txs = await getViewallTxs();
+      if (pageId === "all_transactions_page") {
+        let allTxs = await getAllTxs();
+        pageTitle.textContent = "All Transactions";
+        pageContainer.append(create.AlltransactionsPage())
+        appendTransactions('all_transactions_page', allTxs)
         loading()
-
       }
 
       if (pageId === "transaction_page") {
@@ -649,7 +770,7 @@
       render("homepage");
       history.pushState(appState, null, null);
 
-     this.addEventListener("click", (e) => {
+      this.addEventListener("click", (e) => {
         if (e.target.closest(".address") && prevField !== e.target.textContent) {
           render("address_page", e.target.textContent)
           appState = {
@@ -660,7 +781,10 @@
         }
         if (e.target.closest(".token") && prevField !== e.target.textContent) {
           render("token_page", e.target.textContent.toLowerCase());
-          appState = { page: "token_page", thisField: e.target.textContent};
+          appState = {
+            page: "token_page",
+            thisField: e.target.textContent
+          };
           history.pushState(appState, null, null)
         }
         if (e.target.closest(".hash") && prevField !== e.target.textContent) {
@@ -671,7 +795,7 @@
           };
           history.pushState(appState, null, null)
         }
-        if (!e.target.classList.contains("token") && !e.target.classList.contains("address") && e.target.closest(".transaction")  && prevField !== e.target.textContent) {
+        if (!e.target.classList.contains("token") && !e.target.classList.contains("address") && e.target.closest(".transaction") && prevField !== e.target.textContent) {
           render("transaction_page", e.target.closest(".transaction").id);
           appState = {
             page: "transaction_page",
@@ -681,14 +805,17 @@
         }
         if (e.target.closest(".block-height") && prevField !== e.target.textContent) {
           render("block_page", e.target.textContent);
-          appState = { page: "block_page", thisField: e.target.textContent };
+          appState = {
+            page: "block_page",
+            thisField: e.target.textContent
+          };
           history.pushState(appState, null, null);
         }
         if (e.target.closest(".contract") && prevField !== e.target.textContent) {
-          render("contract_page", e.target.textContent)
+          render("contract_page", { name: replaceSpace(e.target.textContent), address: e.target.dataset.contractAddress })
           appState = {
             page: "contract_page",
-            thisField: e.target.textContent,
+            thisField: { name: replaceSpace(e.target.textContent), address: e.target.dataset.contractAddress },
           }
           history.pushState(appState, null, null)
         }
@@ -697,28 +824,36 @@
         }
         if (e.target.closest("#secondary_search_btn")) {
           render("homepage")
-          //document.getElementById("primary_search").click();
         }
-        if(e.target.closest('.suggestion')){
+        if (e.target.closest('.suggestion')) {
           let searchBox = document.getElementById('main_search_field');
           searchBox.value = e.target.textContent;
           processNavbarSearch()
         }
+        if (e.target.closest('#all_trans_btn')) {
+          render('all_transactions_page')
+          appState = {
+            page: "all_transactions_page",
+            thisField: null,
+          }
+          history.pushState(appState, null, null)
+        }
       });
     });
 
     window.addEventListener('keyup', e => {
-      if(e.target.closest('.suggestion') && e.key === 'Enter'){
-          processNavbarSearch()
-        }
-      if(e.target.closest('.suggestion') && e.key === 'Tab'){
-          let searchBox = document.getElementById('main_search_field');
-          searchBox.value = e.target.textContent;
+      if (e.target.closest('.suggestion') && e.key === 'Enter') {
+        processNavbarSearch()
       }
-      if(e.target.closest('#main_search_field')){
+      if (e.target.closest('.suggestion') && e.key === 'Tab') {
+        let searchBox = document.getElementById('main_search_field');
+        searchBox.value = e.target.textContent;
+      }
+      if (e.target.closest('#main_search_field')) {
         let results = index.search(e.target.value, 25),
-            entry, childs = suggestions.childNodes,
-            i = 0, len = results.length;
+          entry, childs = suggestions.childNodes,
+          i = 0,
+          len = results.length;
         for (; i < len; i++) {
           entry = childs[i];
           if (!entry && data[results[i]]) {
@@ -733,6 +868,7 @@
     })
 
     let tabMounted = false;
+
     function showTab(tab) {
       let targetTab = tab.getAttribute('data-target'),
         activeTabRank = parseInt(tab.parentNode.querySelector('.active').dataset.rank),
@@ -748,8 +884,7 @@
       if (activeTabRank < currentTabRank) {
         targetBody.classList.add('fly-in-from-right')
         currentBody.classList.add('fly-out-to-left')
-      }
-      else {
+      } else {
         targetBody.classList.add('fly-in-from-left')
         currentBody.classList.add('fly-out-to-right')
       }
@@ -778,23 +913,19 @@
       else loader.classList.add("hide-completely");
     }
 
-    function getBannerData() {
-      return fetch(`${tokenapiUrl}/api/v1.0/getSystemData`)
-        .then(function (response) {
-          return response.json();
-        })
-        .then(function (systemdata) {
-          let obj = {
-            topToken: "RMT",
-            totalTransactions: systemdata["systemTransactionCount"],
-            walletAddresses: systemdata["systemAddressCount"],
-            topContract: {
-              name: "India Election 2019",
-              address: 'F7osBpjDDV1mSSnMNrLudEQQ3cwDJ2dPR1'
-            }
-          };
-          return obj;
-        });
+    async function getBannerData() {
+      const response = await fetch(`${tokenapiUrl}/api/v1.0/getSystemData`),
+        data = await response.json(),
+        { systemTransactionCount, systemAddressCount } = data
+      return {
+        topToken: "RMT",
+        totalTransactions: systemTransactionCount,
+        walletAddresses: systemAddressCount,
+        topContract: {
+          name: "india-elections-2019",
+          address: 'F7osBpjDDV1mSSnMNrLudEQQ3cwDJ2dPR1'
+        }
+      }
     }
 
     function getLatestTxs() {
@@ -811,14 +942,12 @@
           for (let i = 0; i < txids.length; i++) {
             // determine txhash and blockHeight
             let obj = {
-              hash:
-                latestTxs["latestTransactions"][txids[i]][
+              hash: latestTxs["latestTransactions"][txids[i]][
                 "transactionDetails"
-                ]["txid"],
-              blockHeight:
-                latestTxs["latestTransactions"][txids[i]][
+              ]["txid"],
+              blockHeight: latestTxs["latestTransactions"][txids[i]][
                 "transactionDetails"
-                ]["blockheight"],
+              ]["blockheight"],
             };
 
             let txtype =
@@ -849,9 +978,7 @@
                     voutlist =
                       latestTxs["latestTransactions"][txids[i]][
                       "transactionDetails"
-                      ]["vout"];
-                    i < voutlist.length;
-                    i++
+                      ]["vout"]; i < voutlist.length; i++
                   ) {
                     if (
                       voutlist[i]["scriptPubKey"]["addresses"][0] !=
@@ -865,10 +992,9 @@
                   }
 
                   obj = Object.assign({}, obj, {
-                    sender:
-                      latestTxs["latestTransactions"][txids[i]][
+                    sender: latestTxs["latestTransactions"][txids[i]][
                       "transactionDetails"
-                      ]["vin"][0]["addr"],
+                    ]["vin"][0]["addr"],
                     receiver: receiveraddress,
                     amount: `${
                       latestTxs["latestTransactions"][txids[i]][
@@ -890,9 +1016,7 @@
                     voutlist =
                       latestTxs["latestTransactions"][txids[i]][
                       "transactionDetails"
-                      ]["vout"];
-                    i < voutlist.length;
-                    i++
+                      ]["vout"]; i < voutlist.length; i++
                   ) {
                     if (
                       voutlist[i]["scriptPubKey"]["addresses"][0] !=
@@ -906,10 +1030,9 @@
                   }
 
                   obj = Object.assign({}, obj, {
-                    sender:
-                      latestTxs["latestTransactions"][txids[i]][
+                    sender: latestTxs["latestTransactions"][txids[i]][
                       "transactionDetails"
-                      ]["vin"][0]["addr"],
+                    ]["vin"][0]["addr"],
                     receiver: receiveraddress,
                     amount: `${
                       latestTxs["latestTransactions"][txids[i]][
@@ -938,26 +1061,21 @@
                 // smart contract incorporation
                 // todo : add checks to determine obj for different types of smart contract incorporation
                 obj = Object.assign({}, obj, {
-                  contractName:
-                    latestTxs["latestTransactions"][txids[i]][
+                  contractName: latestTxs["latestTransactions"][txids[i]][
                     "parsedFloData"
-                    ]["contractName"],
-                  incAddress:
-                    latestTxs["latestTransactions"][txids[i]][
+                  ]["contractName"],
+                  incAddress: latestTxs["latestTransactions"][txids[i]][
                     "parsedFloData"
-                    ]["contractAddress"],
-                  contractType:
-                    latestTxs["latestTransactions"][txids[i]][
+                  ]["contractAddress"],
+                  contractType: latestTxs["latestTransactions"][txids[i]][
                     "parsedFloData"
-                    ]["contractType"],
-                  expiration:
-                    latestTxs["latestTransactions"][txids[i]][
+                  ]["contractType"],
+                  expiration: latestTxs["latestTransactions"][txids[i]][
                     "parsedFloData"
-                    ]["contractConditions"]["expiryTime"],
-                  participationFees:
-                    latestTxs["latestTransactions"][txids[i]][
+                  ]["contractConditions"]["expiryTime"],
+                  participationFees: latestTxs["latestTransactions"][txids[i]][
                     "parsedFloData"
-                    ]["contractConditions"]["contractAmount"],
+                  ]["contractConditions"]["contractAmount"],
                   availableChoices: "",
                   type: "contractincorp",
                 });
@@ -970,14 +1088,12 @@
                 // token incorporation
                 // smart contract incorporation
                 obj = Object.assign({}, obj, {
-                  incAddress:
-                    latestTxs["latestTransactions"][txids[i]][
+                  incAddress: latestTxs["latestTransactions"][txids[i]][
                     "transactionDetails"
-                    ]["vin"][0]["addr"],
-                  supply:
-                    latestTxs["latestTransactions"][txids[i]][
+                  ]["vin"][0]["addr"],
+                  supply: latestTxs["latestTransactions"][txids[i]][
                     "parsedFloData"
-                    ]["tokenAmount"],
+                  ]["tokenAmount"],
                   type: "tokenincorp",
                 });
                 latestTxArray.push(obj);
@@ -991,9 +1107,7 @@
                 voutlist =
                   latestTxs["latestTransactions"][txids[i]][
                   "transactionDetails"
-                  ]["vout"];
-                i < voutlist.length;
-                i++
+                  ]["vout"]; i < voutlist.length; i++
               ) {
                 if (
                   voutlist[i]["scriptPubKey"]["addresses"][0] !=
@@ -1006,19 +1120,16 @@
                 }
               }
               obj = Object.assign({}, obj, {
-                contractName:
-                  latestTxs["latestTransactions"][txids[i]]["parsedFloData"][
+                contractName: latestTxs["latestTransactions"][txids[i]]["parsedFloData"][
                   "contractName"
-                  ],
+                ],
                 contractAddress: receiveraddress,
-                winningChoice:
-                  latestTxs["latestTransactions"][txids[i]]["parsedFloData"][
+                winningChoice: latestTxs["latestTransactions"][txids[i]]["parsedFloData"][
                   "triggerCondition"
-                  ],
-                committeeAddress:
-                  latestTxs["latestTransactions"][txids[i]][
+                ],
+                committeeAddress: latestTxs["latestTransactions"][txids[i]][
                   "transactionDetails"
-                  ]["vin"][0]["addr"],
+                ]["vin"][0]["addr"],
                 type: "contracttrigger",
               });
               latestTxArray.push(obj);
@@ -1066,77 +1177,257 @@
 
     async function getTokenBalances(tokenName) {
       const response = await fetch(`${tokenapiUrl}/api/v1.0/getTokenBalances?token=` + tokenName),
-            messeges = await response.json()
+        messeges = await response.json()
       return messeges.balances
     }
 
     async function getTokenTransactions(tokenName) {
       const response = await fetch(`${tokenapiUrl}/api/v1.0/getTokenTransactions?token=` + tokenName),
-            transactions = await response.json()
+        transactions = await response.json()
       return transactions.transactions
 
     }
 
-    function getBlockInfo(thisBlock) {
-      return fetch(
-        `${tokenapiUrl}/api/v1.0/getBlockDetails/${thisBlock}`
-      )
-        .then(function (response) {
-          return response.json();
-        })
-        .then(function (blockInfo) {
-          let obj = {
-            blockHeight: blockInfo["blockDetails"]["height"],
-            size: blockInfo["blockDetails"]["size"],
-            transactions: "",
-            reward: blockInfo["blockDetails"]["reward"],
-            hash: blockInfo["blockDetails"]["hash"],
-            difficulty: blockInfo["blockDetails"]["difficulty"],
-            nonce: blockInfo["blockDetails"]["nonce"],
-          };
-          return obj;
-        });
+    async function getBlockInfo(thisBlock) {
+      const response = await fetch(`${tokenapiUrl}/api/v1.0/getBlockDetails/${thisBlock}`),
+        info = await response.json(),
+        { height, size, reward, hash, difficulty, nonce } = info.blockDetails
+      return {
+        blockHeight: height,
+        size: size,
+        transactions: "",
+        reward: reward,
+        hash: hash,
+        difficulty: difficulty,
+        nonce: nonce,
+      }
     }
 
-
-
-    async function getContractInfo(contract) {
-      try{
+      async function getContractInfo(contract) {
         const response = await fetch(`${tokenapiUrl}/api/v1.0/getSmartContractInfo?contractName=${contract.name}&contractAddress=${contract.address}`),
-            info = await response.json(),
-            {contractInfo, contractAddress, contractName} = info
-            return {
-              contract: contractName,
-              contractAddress: contractAddress,
-              contractType: contractInfo.contractType,
-              status: contractInfo.status,
-              expiration: contractInfo?.expiryTime,
-              payeeAddress: contractInfo?.payeeAddress,
-              userChoices: contractInfo?.userChoice,
-              token: contractInfo?.tokenIdentification,
-              participationFees: contractInfo?.contractAmount,
-              minAmount: contractInfo?.minimumsubscriptionamount,
-              maxAmount: contractInfo?.maximumsubscriptionamount
-            }
+          info = await response.json(),
+          {
+            contractInfo,
+            contractAddress,
+            contractName
+          } = info
+        return {
+          contract: contractName,
+          contractAddress: contractAddress,
+          contractType: contractInfo.contractType,
+          status: contractInfo.status,
+          expiration: contractInfo?.expiryTime,
+          payeeAddress: contractInfo?.payeeAddress,
+          userChoices: contractInfo?.userChoice,
+          token: contractInfo?.tokenIdentification,
+          participationFees: contractInfo?.contractAmount,
+          minAmount: contractInfo?.minimumsubscriptionamount,
+          maxAmount: contractInfo?.maximumsubscriptionamount
+        }
       }
-      catch(error){
-        console.log(error)
-      }
-    }
 
     async function getContractParticipants(contract) {
       const response = await fetch(`${tokenapiUrl}/api/v1.0/getSmartContractParticipants?contractName=${contract.name}&contractAddress=${contract.address}`),
-            participants = await response.json()
-        return participants.participantInfo
+        participants = await response.json()
+      return participants.participantInfo
     }
 
     async function getContractTransactions(contract) {
       const response = await fetch(`${tokenapiUrl}/api/v1.0/getSmartContractTransactions?contractName=${contract.name}&contractAddress=${contract.address}`),
-            transactions = await response.json()
-        return transactions.contractTransactions
+        transactions = await response.json()
+      return transactions.contractTransactions
     }
 
-    function getViewallBlocks() {
+    async function getTxFrag(txList) {
+      // Check if "txList" is array or object
+      if (!Array.isArray(txList)) {
+        // Object
+        latestTxArray = [];
+
+        let txids = Object.keys(txList);
+        for (let i = 0; i < txids.length; i++) {
+          let obj = {
+            hash: txList[txids[i]]["transactionDetails"]["txid"],
+            blockHeight: txList[txids[i]]["transactionDetails"]["blockheight"],
+          };
+
+          let txtype = txList[txids[i]]["parsedFloData"]["type"];
+
+          if (txtype != "smartContractPays") {
+            // determine token
+            obj["token"] = txList[txids[i]]["parsedFloData"]["tokenIdentification"];
+            switch (txtype) {
+              case 'transfer':
+                let transferType = txList[txids[i]]["parsedFloData"]["transferType"]
+                if (transferType == "token") {
+                  let receiveraddress = "";
+                  for (
+                    let i = 0,
+                    voutlist =
+                      txList[txids[i]][
+                      "transactionDetails"
+                      ]["vout"]; i < voutlist.length; i++
+                  ) {
+                    if (
+                      voutlist[i]["scriptPubKey"]["addresses"][0] !=
+                      txList[txids[i]][
+                      "transactionDetails"
+                      ]["vin"][0]["addr"]
+                    ) {
+                      receiveraddress =
+                        voutlist[i]["scriptPubKey"]["addresses"][0];
+                    }
+                  }
+
+                  obj = Object.assign({}, obj, {
+                    sender: txList[txids[i]][
+                      "transactionDetails"
+                    ]["vin"][0]["addr"],
+                    receiver: receiveraddress,
+                    amount: `${
+                      txList[txids[i]][
+                      "parsedFloData"
+                      ]["tokenAmount"]
+                      }`,
+                    type: "tokentransfer",
+                  });
+                  latestTxArray.push(obj);
+                  break;
+
+                }
+
+                if (transferType == 'smartContract') {
+                  // smart contract transfer
+                  let receiveraddress = "";
+                  for (
+                    let i = 0,
+                    voutlist =
+                      txList[txids[i]][
+                      "transactionDetails"
+                      ]["vout"];
+                    i < voutlist.length;
+                    i++
+                  ) {
+                    if (
+                      voutlist[i]["scriptPubKey"]["addresses"][0] !=
+                      txList[txids[i]][
+                      "transactionDetails"
+                      ]["vin"][0]["addr"]
+                    ) {
+                      receiveraddress =
+                        voutlist[i]["scriptPubKey"]["addresses"][0];
+                    }
+                  }
+
+                  obj = Object.assign({}, obj, {
+                    sender:
+                      txList[txids[i]][
+                      "transactionDetails"
+                      ]["vin"][0]["addr"],
+                    receiver: receiveraddress,
+                    amount: `${
+                      txList[txids[i]][
+                      "parsedFloData"
+                      ]["tokenAmount"]
+                      }`,
+                    contractName: `${
+                      txList[txids[i]][
+                      "parsedFloData"
+                      ]["contractName"]
+                      }`,
+                    userChoice: `${
+                      txList[txids[i]][
+                      "parsedFloData"
+                      ]["userChoice"]
+                      }`,
+                    type: "contracttransfer",
+                  });
+                  latestTxArray.push(obj);
+                  break;
+
+                }
+
+              case 'tokenIncorporation':
+                // token incorporation
+                // smart contract incorporation
+                obj = Object.assign({}, obj, {
+                  incAddress:
+                    txList[txids[i]][
+                    "transactionDetails"
+                    ]["vin"][0]["addr"],
+                  supply:
+                    txList[txids[i]][
+                    "parsedFloData"
+                    ]["tokenAmount"],
+                  type: "tokenincorp",
+                });
+                latestTxArray.push(obj);
+                break;
+
+              case 'smartContractIncorporation':
+                // smart contract incorporation
+                // todo : add checks to determine obj for different types of smart contract incorporation
+                obj = Object.assign({}, obj, {
+                  contractName:
+                    txList[txids[i]][
+                    "parsedFloData"
+                    ]["contractName"],
+                  incAddress:
+                    txList[txids[i]][
+                    "parsedFloData"
+                    ]["contractAddress"],
+                  contractType:
+                    txList[txids[i]][
+                    "parsedFloData"
+                    ]["contractType"],
+                  expiration:
+                    txList[txids[i]][
+                    "parsedFloData"
+                    ]["contractConditions"]["expiryTime"],
+                  participationFees:
+                    txList[txids[i]][
+                    "parsedFloData"
+                    ]["contractConditions"]["contractAmount"],
+                  availableChoices: "",
+                  type: "contractincorp",
+                });
+                latestTxArray.push(obj);
+                break;
+            }
+
+          } else {
+            // transaction is a FLO Smart Contract Committe trigger
+
+            let receiver = "", sender = txList[txids[i]]['transactionDetails']['vin'][0]['addr'], vout = txList[txids[i]]['transactionDetails']['vout'], vin = txList[txids[i]]['transactionDetails']['vin'];
+            for (let i = 0; i < vout.length; i++) {
+              if (vout[i]["scriptPubKey"]["addresses"][0] !== vin[0]["addr"]) {
+                receiver = vout[i]["scriptPubKey"]["addresses"][0];
+              }
+            }
+
+            obj = Object.assign({}, obj, {
+              hash: txList[txids[i]]['txid'],
+              blockHeight: txList[txids[i]]['transactionDetails']['blockheight'],
+              contractName: txList[txids[i]]['parsedFloData']['contractName'],
+              contractAddress: receiver,
+              winningChoice: txList[txids[i]]['parsedFloData']['triggerCondition'],
+              committeeAddress: sender,
+              type: 'contracttrigger'
+            });
+
+            latestTxArray.push(obj);
+
+          }
+        }
+
+        return latestTxArray;
+      } else {
+        // Array
+
+      }
+    }
+
+    function getAllBlocks() {
       return fetch(
         `${tokenapiUrl}/api/v1.0/getLatestBlockDetails?limit=100`
       )
@@ -1144,7 +1435,6 @@
           return response.json();
         })
         .then(function (contractTxs) {
-          debugger;
           /*let obj = {
             blockHeight: blockInfo["height"],
             size: blockInfo["size"],
@@ -1158,307 +1448,1089 @@
         });
     }
 
-    function getViewallTxs() {
-      return fetch(
-        `${tokenapiUrl}/api/v1.0/getLatestTransactionDetails?limit=200`
-      )
-        .then(function (response) {
-          return response.json();
-        })
-        .then(function (contractTxs) {
-          let obj = {
-            blockHeight: blockInfo["height"],
-            size: blockInfo["size"],
-            transactions: "",
-            reward: blockInfo["reward"],
-            hash: blockInfo["hash"],
-            difficulty: blockInfo["difficulty"],
-            nonce: blockInfo["nonce"],
-          };
-          return obj;
-        });
+    async function getAllTxs() {
+      const response = await fetch(`${tokenapiUrl}/api/v1.0/getLatestTransactionDetails?limit=200`),
+        allTxs = await response.json()
+      return allTxs.latestTransactions
     }
 
-    function getAddressInfo(floAddress) {
-      return fetch(
-        `${tokenapiUrl}/api/v1.0/getFloAddressInfo?floAddress=${floAddress}`
-      )
-        .then(function (response) {
-          return response.json();
-        })
-        .then(function (addressInfo) {
-          // tokens
-          if (typeof addressInfo["floAddressBalances"] === "undefined") {
-            for (
-              let i = 0,
-              tokenkeys = Object.keys(addressInfo["floAddressBalances"]);
-              i < tokenkeys.length;
-              i++
-            ) { }
-          }
-
-          // contracts
-          if (typeof addressInfo["incorporatedSmartContracts"] === "undefined") {
-            for (let i = 0,
-              contractkeys = Object.keys(
-                addressInfo["incorporatedSmartContracts"]
-              );
-              i < contractkeys.length;
-              i++
-            ) { }
-          }
-
-          /*let obj = {
-            blockHeight: blockInfo["height"],
-            size: blockInfo["size"],
-            transactions: "",
-            reward: blockInfo["reward"],
-            hash: blockInfo["hash"],
-            difficulty: blockInfo["difficulty"],
-            nonce: blockInfo["nonce"],
-          };*/
-          return (obj = {});
-        });
+    async function getAddressInfo(floAddress) {
+      const response = await fetch(`${tokenapiUrl}/api/v1.0/getFloAddressInfo?floAddress=${floAddress}`),
+        addressInfo = await response.json()
+      return addressInfo.floAddressBalances
     }
 
     async function getAddressBalance(floAddress) {
-      const response =  await fetch(`${floapiUrl}/api/addr/${floAddress}/balance`),
-            balance = await response.json()
+      const response = await fetch(`${floapiUrl}/api/addr/${floAddress}/balance`),
+        balance = await response.json()
       return balance;
     }
 
-    function getAddressTxs(floAddress) {
-      return fetch(
-        `${tokenapiUrl}/api/v1.0/getFloAddressTransactions?floAddress=${floAddress}`
-      )
-        .then(function (response) {
-          return response.json();
-        })
-        .then(function (addressTxs) {
-          /*
-          let obj = {
-            blockHeight: blockInfo["height"],
-            size: blockInfo["size"],
-            transactions: "",
-            reward: blockInfo["reward"],
-            hash: blockInfo["hash"],
-            difficulty: blockInfo["difficulty"],
-            nonce: blockInfo["nonce"],
-          };
-          */
-          return (obj = {});
-        });
+    async function getAddressTxs(floAddress) {
+      const response = await fetch(`${tokenapiUrl}/api/v1.0/getFloAddressTransactions?floAddress=${floAddress}`),
+        transactions = await response.json()
+      return transactions.transactions
     }
-//type, name, blockHeight, amount, sender, receiver, floData, hash, confirmations 
+
     async function getTxInfo(thisTx) {
       const response = await fetch(`${tokenapiUrl}/api/v1.0/getTransactionDetails/${thisTx}`),
-            transaction = await response.json(),
-            transactionHash = transaction.transactionHash,
-            {flodata, tokenAmount, tokenIdentification, transferType, type} = transaction.parsedFloData,
-            {blockheight, vin, vout, confirmations} = transaction.transactionDetails;
-            let receiver = "",sender = vin[0].addr;
-            for (let i = 0;i < vout.length;i++) {
-              if (vout[i]["scriptPubKey"]["addresses"][0] !== vin[0]["addr"]) {
-                receiver =vout[i]["scriptPubKey"]["addresses"][0];
-              }
-            }
-            return {
-              type: `${transferType} ${type}`,
-              name: tokenIdentification,
-              blockHeight: blockheight,
-              amount: tokenAmount,
-              sender: sender,
-              receiver: receiver,
-              floData: flodata,
-              hash: transactionHash,
-              confirmations: confirmations
-            }
-    }
-
-  </script>
-  
-<!-- Set urls for token and flo Apis -->
-<script>
-  window.tokenapiUrl = 'https://ranchimallflo.duckdns.org'
-  window.floapiUrl = 'https://flosight.duckdns.org'
-</script>
-
-<!-- Flex search content -->
-<script>
-  /*
-   FlexSearch v0.6.22
-   Copyright 2019 Nextapps GmbH
-   Author: Thomas Wilkerling
-   Released under the Apache 2.0 Licence
-   https://github.com/nextapps-de/flexsearch
-  */
-  //FlexSearch min mode
-  DEBUG = true;
-  'use strict'; (function (I, R, v) { let K; (K = v.define) && K.amd ? K([], function () { return R }) : (K = v.modules) ? K[I.toLowerCase()] = R : "object" === typeof exports ? module.exports = R : v[I] = R })("FlexSearch", function ma(I) {
-    function v(a, b) { const c = b ? b.id : a && a.id; this.id = c || 0 === c ? c : na++; this.init(a, b); fa(this, "index", function () { return this.a ? Object.keys(this.a.index[this.a.keys[0]].c) : Object.keys(this.c) }); fa(this, "length", function () { return this.index.length }) } function K(a, b, c, d) {
-      this.u !== this.g && (this.o = this.o.concat(c), this.u++,
-        d && this.o.length >= d && (this.u = this.g), this.u === this.g && (this.cache && this.l.set(b, this.o), this.F && this.F(this.o))); return this
-    } function S(a) { const b = B(); for (const c in a) if (a.hasOwnProperty(c)) { const d = a[c]; b[c] = E(d) ? d.slice(0) : J(d) ? S(d) : d } return b } function W(a, b) { const c = a.length, d = O(b), e = []; for (let f = 0, g = 0; f < c; f++) { const h = a[f]; if (d && b(h) || !d && !b[h]) e[g++] = h } return e } function P(a, b, c, d, e, f, g, h, l, m) {
-      c = ha(c, g ? 0 : e, h, f, b, l, m); let n; h && (h = c.page, n = c.next, c = c.result); if (g) b = this.where(g, null, e, c); else {
-        b =
-          c; c = this.h; e = b.length; f = Array(e); for (g = 0; g < e; g++)f[g] = c[b[g]]; b = f
-      } c = b; d && (O(d) || (L = d.split(":"), 1 < L.length ? d = oa : (L = L[0], d = pa)), c.sort(d)); c = T(h, n, c); this.cache && this.l.set(a, c); return c
-    } function fa(a, b, c) { Object.defineProperty(a, b, { get: c }) } function q(a) { return new RegExp(a, "g") } function Q(a, b) { for (let c = 0; c < b.length; c += 2)a = a.replace(b[c], b[c + 1]); return a } function V(a, b, c, d, e, f, g, h) {
-      if (b[c]) return b[c]; e = e ? (h - (g || h / 1.5)) * f + (g || h / 1.5) * e : f; b[c] = e; e >= g && (a = a[h - (e + .5 >> 0)], a = a[c] || (a[c] = []), a[a.length] =
-        d); return e
-    } function ba(a, b) { if (a) { const c = Object.keys(a); for (let d = 0, e = c.length; d < e; d++) { const f = c[d], g = a[f]; if (g) for (let h = 0, l = g.length; h < l; h++)if (g[h] === b) { 1 === l ? delete a[f] : g.splice(h, 1); break } else J(g[h]) && ba(g[h], b) } } } function ca(a) { let b = "", c = ""; var d = ""; for (let e = 0; e < a.length; e++) { const f = a[e]; if (f !== c) if (e && "h" === f) { if (d = "a" === d || "e" === d || "i" === d || "o" === d || "u" === d || "y" === d, ("a" === c || "e" === c || "i" === c || "o" === c || "u" === c || "y" === c) && d || " " === c) b += f } else b += f; d = e === a.length - 1 ? "" : a[e + 1]; c = f } return b }
-    function qa(a, b) { a = a.length - b.length; return 0 > a ? 1 : a ? -1 : 0 } function pa(a, b) { a = a[L]; b = b[L]; return a < b ? -1 : a > b ? 1 : 0 } function oa(a, b) { const c = L.length; for (let d = 0; d < c; d++)a = a[L[d]], b = b[L[d]]; return a < b ? -1 : a > b ? 1 : 0 } function T(a, b, c) { return a ? { page: a, next: b ? "" + b : null, result: c } : c } function ha(a, b, c, d, e, f, g) {
-      let h, l = []; if (!0 === c) { c = "0"; var m = "" } else m = c && c.split(":"); const n = a.length; if (1 < n) {
-        const y = B(), r = []; let w, x; var p = 0, k; let G; var u = !0; let C, D = 0, N, da, X, ea; m && (2 === m.length ? (X = m, m = !1) : m = ea = parseInt(m[0], 10));
-        if (g) { for (w = B(); p < n; p++)if ("not" === e[p]) for (x = a[p], G = x.length, k = 0; k < G; k++)w["@" + x[k]] = 1; else da = p + 1; if (H(da)) return T(c, h, l); p = 0 } else N = M(e) && e; let Y; for (; p < n; p++) {
-          const ra = p === (da || n) - 1; if (!N || !p) if ((k = N || e && e[p]) && "and" !== k) if ("or" === k) Y = !1; else continue; else Y = f = !0; x = a[p]; if (G = x.length) {
-            if (u) if (C) { var t = C.length; for (k = 0; k < t; k++) { u = C[k]; var A = "@" + u; g && w[A] || (y[A] = 1, f || (l[D++] = u)) } C = null; u = !1 } else { C = x; continue } A = !1; for (k = 0; k < G; k++) {
-              t = x[k]; var z = "@" + t; const Z = f ? y[z] || 0 : p; if (!(!Z && !d || g && w[z] || !f &&
-                y[z])) if (Z === p) { if (ra) { if (!ea || --ea < D) if (l[D++] = t, b && D === b) return T(c, D + (m || 0), l) } else y[z] = p + 1; A = !0 } else d && (z = r[Z] || (r[Z] = []), z[z.length] = t)
-            } if (Y && !A && !d) break
-          } else if (Y && !d) return T(c, h, x)
-        } if (C) if (p = C.length, g) for (k = m ? parseInt(m, 10) : 0; k < p; k++)a = C[k], w["@" + a] || (l[D++] = a); else l = C; if (d) for (D = l.length, X ? (p = parseInt(X[0], 10) + 1, k = parseInt(X[1], 10) + 1) : (p = r.length, k = 0); p--;)if (t = r[p]) { for (G = t.length; k < G; k++)if (d = t[k], !g || !w["@" + d]) if (l[D++] = d, b && D === b) return T(c, p + ":" + k, l); k = 0 }
-      } else !n || e && "not" === e[0] ||
-        (l = a[0], m && (m = parseInt(m[0], 10))); b && (g = l.length, m && m > g && (m = 0), m = m || 0, h = m + b, h < g ? l = l.slice(m, h) : (h = 0, m && (l = l.slice(m)))); return T(c, h, l)
-    } function M(a) { return "string" === typeof a } function E(a) { return a.constructor === Array } function O(a) { return "function" === typeof a } function J(a) { return "object" === typeof a } function H(a) { return "undefined" === typeof a } function ia(a) { const b = Array(a); for (let c = 0; c < a; c++)b[c] = B(); return b } function B() { return Object.create(null) } function sa() {
-      let a, b; self.onmessage = function (c) {
-        if (c =
-          c.data) if (c.search) { const d = b.search(c.content, c.threshold ? { limit: c.limit, threshold: c.threshold, where: c.where } : c.limit); self.postMessage({ id: a, content: c.content, limit: c.limit, result: d }) } else c.add ? b.add(c.id, c.content) : c.update ? b.update(c.id, c.content) : c.remove ? b.remove(c.id) : c.clear ? b.clear() : c.info ? (c = b.info(), c.worker = a, console.log(c)) : c.register && (a = c.id, c.options.cache = !1, c.options.async = !1, c.options.worker = !1, b = (new Function(c.register.substring(c.register.indexOf("{") + 1, c.register.lastIndexOf("}"))))(),
-            b = new b(c.options))
+        transaction = await response.json(),
+        transactionHash = transaction.transactionHash,
+        { flodata, tokenAmount, tokenIdentification, type } = transaction.parsedFloData,
+        { blockheight, vin, vout, confirmations } = transaction.transactionDetails;
+      let receiver = "",
+        sender = vin[0].addr;
+      for (let i = 0; i < vout.length; i++) {
+        if (vout[i]["scriptPubKey"]["addresses"][0] !== vin[0]["addr"]) {
+          receiver = vout[i]["scriptPubKey"]["addresses"][0];
+        }
       }
-    } function ta(a, b, c, d) { a = I("flexsearch", "id" + a, sa, function (f) { (f = f.data) && f.result && d(f.id, f.content, f.result, f.limit, f.where, f.cursor, f.suggest) }, b); const e = ma.toString(); c.id = b; a.postMessage({ register: e, options: c, id: b }); return a } const F = { encode: "icase", f: "forward", split: /\W+/, cache: !1, async: !1, g: !1, D: !1, a: !1, b: 9, threshold: 0, depth: 0 }, ja = {
-      memory: { encode: "extra", f: "strict", threshold: 0, b: 1 }, speed: { encode: "icase", f: "strict", threshold: 1, b: 3, depth: 2 }, match: {
-        encode: "extra", f: "full", threshold: 1,
-        b: 3
-      }, score: { encode: "extra", f: "strict", threshold: 1, b: 9, depth: 4 }, balance: { encode: "balance", f: "strict", threshold: 0, b: 3, depth: 3 }, fast: { encode: "icase", f: "strict", threshold: 8, b: 9, depth: 1 }
-    }, aa = []; let na = 0; const ka = {}, la = {}; v.create = function (a, b) { return new v(a, b) }; v.registerMatcher = function (a) { for (const b in a) a.hasOwnProperty(b) && aa.push(q(b), a[b]); return this }; v.registerEncoder = function (a, b) { U[a] = b.bind(U); return this }; v.registerLanguage = function (a, b) { ka[a] = b.filter; la[a] = b.stemmer; return this }; v.encode =
-      function (a, b) { return U[a](b) }; v.prototype.init = function (a, b) {
-        this.v = []; if (b) { var c = b.preset; a = b } else a || (a = F), c = a.preset; b = {}; M(a) ? (b = ja[a], a = {}) : c && (b = ja[c]); if (c = a.worker) if ("undefined" === typeof Worker) a.worker = !1, this.m = null; else { var d = parseInt(c, 10) || 4; this.C = -1; this.u = 0; this.o = []; this.F = null; this.m = Array(d); for (var e = 0; e < d; e++)this.m[e] = ta(this.id, e, a, K.bind(this)) } this.f = a.tokenize || b.f || this.f || F.f; this.split = a.split || this.split || F.split; this.D = a.rtl || this.D || F.D; this.async = "undefined" === typeof Promise ||
-          H(c = a.async) ? this.async || F.async : c; this.g = H(c = a.worker) ? this.g || F.g : c; this.threshold = H(c = a.threshold) ? b.threshold || this.threshold || F.threshold : c; this.b = H(c = a.resolution) ? c = b.b || this.b || F.b : c; c <= this.threshold && (this.b = this.threshold + 1); this.depth = "strict" !== this.f || H(c = a.depth) ? b.depth || this.depth || F.depth : c; this.w = (c = H(c = a.encode) ? b.encode || F.encode : c) && U[c] && U[c].bind(U) || (O(c) ? c : this.w || !1); (c = a.matcher) && this.addMatcher(c); if (c = (b = a.lang) || a.filter) {
-            M(c) && (c = ka[c]); if (E(c)) {
-              d = this.w; e = B(); for (var f =
-                0; f < c.length; f++) { var g = d ? d(c[f]) : c[f]; e[g] = 1 } c = e
-            } this.filter = c
-          } if (c = b || a.stemmer) { var h; b = M(c) ? la[c] : c; d = this.w; e = []; for (h in b) b.hasOwnProperty(h) && (f = d ? d(h) : h, e.push(q(f + "($|\\W)"), d ? d(b[h]) : b[h])); this.stemmer = h = e } this.a = e = (c = a.doc) ? S(c) : this.a || F.a; this.j = ia(this.b - (this.threshold || 0)); this.i = B(); this.c = B(); if (e) {
-            this.h = B(); a.doc = null; h = e.index = {}; b = e.keys = []; d = e.field; f = e.tag; E(e.id) || (e.id = e.id.split(":")); if (f) {
-              this.G = B(); g = B(); if (d) if (M(d)) g[d] = a; else if (E(d)) for (let l = 0; l < d.length; l++)g[d[l]] =
-                a; else J(d) && (g = d); E(f) || (e.tag = f = [f]); for (d = 0; d < f.length; d++)this.G[f[d]] = B(); this.I = f; d = g
-            } if (d) { let l; E(d) || (J(d) ? (l = d, e.field = d = Object.keys(d)) : e.field = d = [d]); for (e = 0; e < d.length; e++)f = d[e], E(f) || (l && (a = l[f]), b[e] = f, d[e] = f.split(":")), h[f] = new v(a), h[f].h = this.h }
-          } this.B = !0; this.l = (this.cache = c = H(c = a.cache) ? this.cache || F.cache : c) ? new ua(c) : !1; return this
-      }; v.prototype.encode = function (a) {
-        a && aa.length && (a = Q(a, aa)); a && this.v.length && (a = Q(a, this.v)); a && this.w && (a = this.w(a)); a && this.stemmer && (a = Q(a, this.stemmer));
+      console.log(transaction)
+      return {
+        type: `${transaction.parsedFloData?.transferType} ${type}`,
+        name: tokenIdentification,
+        blockHeight: blockheight,
+        amount: tokenAmount,
+        sender: sender,
+        receiver: receiver,
+        floData: flodata,
+        hash: transactionHash,
+        confirmations: confirmations
+      }
+    }
+  </script>
+
+  <!-- Set urls for token and flo Apis -->
+  <script>
+    window.tokenapiUrl = 'https://ranchimallflo.duckdns.org'
+    window.floapiUrl = 'https://flosight.duckdns.org'
+  </script>
+
+  <!-- Flex search content -->
+  <script>
+    /*
+                                                                                                 FlexSearch v0.6.22
+                                                                                                 Copyright 2019 Nextapps GmbH
+                                                                                                 Author: Thomas Wilkerling
+                                                                                                 Released under the Apache 2.0 Licence
+                                                                                                 https://github.com/nextapps-de/flexsearch
+                                                                                                */
+    //FlexSearch min mode
+    DEBUG = true;
+    'use strict';
+    (function (I, R, v) {
+      let K;
+      (K = v.define) && K.amd ? K([], function () {
+        return R
+      }) : (K = v.modules) ? K[I.toLowerCase()] = R : "object" === typeof exports ? module.exports = R : v[I] = R
+    })("FlexSearch", function ma(I) {
+      function v(a, b) {
+        const c = b ? b.id : a && a.id;
+        this.id = c || 0 === c ? c : na++;
+        this.init(a, b);
+        fa(this, "index", function () {
+          return this.a ? Object.keys(this.a.index[this.a.keys[0]].c) : Object.keys(this.c)
+        });
+        fa(this, "length", function () {
+          return this.index.length
+        })
+      }
+
+      function K(a, b, c, d) {
+        this.u !== this.g && (this.o = this.o.concat(c), this.u++,
+          d && this.o.length >= d && (this.u = this.g), this.u === this.g && (this.cache && this.l.set(b, this.o), this.F && this.F(this.o)));
+        return this
+      }
+
+      function S(a) {
+        const b = B();
+        for (const c in a)
+          if (a.hasOwnProperty(c)) {
+            const d = a[c];
+            b[c] = E(d) ? d.slice(0) : J(d) ? S(d) : d
+          }
+        return b
+      }
+
+      function W(a, b) {
+        const c = a.length,
+          d = O(b),
+          e = [];
+        for (let f = 0, g = 0; f < c; f++) {
+          const h = a[f];
+          if (d && b(h) || !d && !b[h]) e[g++] = h
+        }
+        return e
+      }
+
+      function P(a, b, c, d, e, f, g, h, l, m) {
+        c = ha(c, g ? 0 : e, h, f, b, l, m);
+        let n;
+        h && (h = c.page, n = c.next, c = c.result);
+        if (g) b = this.where(g, null, e, c);
+        else {
+          b =
+            c;
+          c = this.h;
+          e = b.length;
+          f = Array(e);
+          for (g = 0; g < e; g++) f[g] = c[b[g]];
+          b = f
+        }
+        c = b;
+        d && (O(d) || (L = d.split(":"), 1 < L.length ? d = oa : (L = L[0], d = pa)), c.sort(d));
+        c = T(h, n, c);
+        this.cache && this.l.set(a, c);
+        return c
+      }
+
+      function fa(a, b, c) {
+        Object.defineProperty(a, b, {
+          get: c
+        })
+      }
+
+      function q(a) {
+        return new RegExp(a, "g")
+      }
+
+      function Q(a, b) {
+        for (let c = 0; c < b.length; c += 2) a = a.replace(b[c], b[c + 1]);
         return a
-      }; v.prototype.addMatcher = function (a) { const b = this.v; for (const c in a) a.hasOwnProperty(c) && b.push(q(c), a[c]); return this }; v.prototype.add = function (a, b, c, d, e) {
-        if (this.a && J(a)) return this.A("add", a, b); if (b && M(b) && (a || 0 === a)) {
-          var f = "@" + a; if (this.c[f] && !d) return this.update(a, b); if (this.g) return ++this.C >= this.m.length && (this.C = 0), this.m[this.C].postMessage({ add: !0, id: a, content: b }), this.c[f] = "" + this.C, c && c(), this; if (!e) {
+      }
+
+      function V(a, b, c, d, e, f, g, h) {
+        if (b[c]) return b[c];
+        e = e ? (h - (g || h / 1.5)) * f + (g || h / 1.5) * e : f;
+        b[c] = e;
+        e >= g && (a = a[h - (e + .5 >> 0)], a = a[c] || (a[c] = []), a[a.length] =
+          d);
+        return e
+      }
+
+      function ba(a, b) {
+        if (a) {
+          const c = Object.keys(a);
+          for (let d = 0, e = c.length; d < e; d++) {
+            const f = c[d],
+              g = a[f];
+            if (g)
+              for (let h = 0, l = g.length; h < l; h++)
+                if (g[h] === b) {
+                  1 === l ? delete a[f] : g.splice(h, 1);
+                  break
+                } else J(g[h]) && ba(g[h], b)
+          }
+        }
+      }
+
+      function ca(a) {
+        let b = "",
+          c = "";
+        var d = "";
+        for (let e = 0; e < a.length; e++) {
+          const f = a[e];
+          if (f !== c)
+            if (e && "h" === f) {
+              if (d = "a" === d || "e" === d || "i" === d || "o" === d || "u" === d || "y" === d, ("a" === c || "e" === c || "i" === c || "o" === c || "u" === c || "y" === c) && d || " " === c) b += f
+            } else b += f;
+          d = e === a.length - 1 ? "" : a[e + 1];
+          c = f
+        }
+        return b
+      }
+
+      function qa(a, b) {
+        a = a.length - b.length;
+        return 0 > a ? 1 : a ? -1 : 0
+      }
+
+      function pa(a, b) {
+        a = a[L];
+        b = b[L];
+        return a < b ? -1 : a > b ? 1 : 0
+      }
+
+      function oa(a, b) {
+        const c = L.length;
+        for (let d = 0; d < c; d++) a = a[L[d]], b = b[L[d]];
+        return a < b ? -1 : a > b ? 1 : 0
+      }
+
+      function T(a, b, c) {
+        return a ? {
+          page: a,
+          next: b ? "" + b : null,
+          result: c
+        } : c
+      }
+
+      function ha(a, b, c, d, e, f, g) {
+        let h, l = [];
+        if (!0 === c) {
+          c = "0";
+          var m = ""
+        } else m = c && c.split(":");
+        const n = a.length;
+        if (1 < n) {
+          const y = B(),
+            r = [];
+          let w, x;
+          var p = 0,
+            k;
+          let G;
+          var u = !0;
+          let C, D = 0,
+            N, da, X, ea;
+          m && (2 === m.length ? (X = m, m = !1) : m = ea = parseInt(m[0], 10));
+          if (g) {
+            for (w = B(); p < n; p++)
+              if ("not" === e[p])
+                for (x = a[p], G = x.length, k = 0; k < G; k++) w["@" + x[k]] = 1;
+              else da = p + 1;
+            if (H(da)) return T(c, h, l);
+            p = 0
+          } else N = M(e) && e;
+          let Y;
+          for (; p < n; p++) {
+            const ra = p === (da || n) - 1;
+            if (!N || !p)
+              if ((k = N || e && e[p]) && "and" !== k)
+                if ("or" === k) Y = !1;
+                else continue;
+              else Y = f = !0;
+            x = a[p];
+            if (G = x.length) {
+              if (u)
+                if (C) {
+                  var t = C.length;
+                  for (k = 0; k < t; k++) {
+                    u = C[k];
+                    var A = "@" + u;
+                    g && w[A] || (y[A] = 1, f || (l[D++] = u))
+                  }
+                  C = null;
+                  u = !1
+                } else {
+                  C = x;
+                  continue
+                }
+              A = !1;
+              for (k = 0; k < G; k++) {
+                t = x[k];
+                var z = "@" + t;
+                const Z = f ? y[z] || 0 : p;
+                if (!(!Z && !d || g && w[z] || !f &&
+                  y[z]))
+                  if (Z === p) {
+                    if (ra) {
+                      if (!ea || --ea < D)
+                        if (l[D++] = t, b && D === b) return T(c, D + (m || 0), l)
+                    } else y[z] = p + 1;
+                    A = !0
+                  } else d && (z = r[Z] || (r[Z] = []), z[z.length] = t)
+              }
+              if (Y && !A && !d) break
+            } else if (Y && !d) return T(c, h, x)
+          }
+          if (C)
+            if (p = C.length, g)
+              for (k = m ? parseInt(m, 10) : 0; k < p; k++) a = C[k], w["@" + a] || (l[D++] = a);
+            else l = C;
+          if (d)
+            for (D = l.length, X ? (p = parseInt(X[0], 10) + 1, k = parseInt(X[1], 10) + 1) : (p = r.length, k = 0); p--;)
+              if (t = r[p]) {
+                for (G = t.length; k < G; k++)
+                  if (d = t[k], !g || !w["@" + d])
+                    if (l[D++] = d, b && D === b) return T(c, p + ":" + k, l);
+                k = 0
+              }
+        } else !n || e && "not" === e[0] ||
+          (l = a[0], m && (m = parseInt(m[0], 10)));
+        b && (g = l.length, m && m > g && (m = 0), m = m || 0, h = m + b, h < g ? l = l.slice(m, h) : (h = 0, m && (l = l.slice(m))));
+        return T(c, h, l)
+      }
+
+      function M(a) {
+        return "string" === typeof a
+      }
+
+      function E(a) {
+        return a.constructor === Array
+      }
+
+      function O(a) {
+        return "function" === typeof a
+      }
+
+      function J(a) {
+        return "object" === typeof a
+      }
+
+      function H(a) {
+        return "undefined" === typeof a
+      }
+
+      function ia(a) {
+        const b = Array(a);
+        for (let c = 0; c < a; c++) b[c] = B();
+        return b
+      }
+
+      function B() {
+        return Object.create(null)
+      }
+
+      function sa() {
+        let a, b;
+        self.onmessage = function (c) {
+          if (c =
+            c.data)
+            if (c.search) {
+              const d = b.search(c.content, c.threshold ? {
+                limit: c.limit,
+                threshold: c.threshold,
+                where: c.where
+              } : c.limit);
+              self.postMessage({
+                id: a,
+                content: c.content,
+                limit: c.limit,
+                result: d
+              })
+            } else c.add ? b.add(c.id, c.content) : c.update ? b.update(c.id, c.content) : c.remove ? b.remove(c.id) : c.clear ? b.clear() : c.info ? (c = b.info(), c.worker = a, console.log(c)) : c.register && (a = c.id, c.options.cache = !1, c.options.async = !1, c.options.worker = !1, b = (new Function(c.register.substring(c.register.indexOf("{") + 1, c.register.lastIndexOf("}"))))(),
+              b = new b(c.options))
+        }
+      }
+
+      function ta(a, b, c, d) {
+        a = I("flexsearch", "id" + a, sa, function (f) {
+          (f = f.data) && f.result && d(f.id, f.content, f.result, f.limit, f.where, f.cursor, f.suggest)
+        }, b);
+        const e = ma.toString();
+        c.id = b;
+        a.postMessage({
+          register: e,
+          options: c,
+          id: b
+        });
+        return a
+      }
+      const F = {
+        encode: "icase",
+        f: "forward",
+        split: /\W+/,
+        cache: !1,
+        async: !1,
+        g: !1,
+        D: !1,
+        a: !1,
+        b: 9,
+        threshold: 0,
+        depth: 0
+      },
+        ja = {
+          memory: {
+            encode: "extra",
+            f: "strict",
+            threshold: 0,
+            b: 1
+          },
+          speed: {
+            encode: "icase",
+            f: "strict",
+            threshold: 1,
+            b: 3,
+            depth: 2
+          },
+          match: {
+            encode: "extra",
+            f: "full",
+            threshold: 1,
+            b: 3
+          },
+          score: {
+            encode: "extra",
+            f: "strict",
+            threshold: 1,
+            b: 9,
+            depth: 4
+          },
+          balance: {
+            encode: "balance",
+            f: "strict",
+            threshold: 0,
+            b: 3,
+            depth: 3
+          },
+          fast: {
+            encode: "icase",
+            f: "strict",
+            threshold: 8,
+            b: 9,
+            depth: 1
+          }
+        },
+        aa = [];
+      let na = 0;
+      const ka = {},
+        la = {};
+      v.create = function (a, b) {
+        return new v(a, b)
+      };
+      v.registerMatcher = function (a) {
+        for (const b in a) a.hasOwnProperty(b) && aa.push(q(b), a[b]);
+        return this
+      };
+      v.registerEncoder = function (a, b) {
+        U[a] = b.bind(U);
+        return this
+      };
+      v.registerLanguage = function (a, b) {
+        ka[a] = b.filter;
+        la[a] = b.stemmer;
+        return this
+      };
+      v.encode =
+        function (a, b) {
+          return U[a](b)
+        };
+      v.prototype.init = function (a, b) {
+        this.v = [];
+        if (b) {
+          var c = b.preset;
+          a = b
+        } else a || (a = F), c = a.preset;
+        b = {};
+        M(a) ? (b = ja[a], a = {}) : c && (b = ja[c]);
+        if (c = a.worker)
+          if ("undefined" === typeof Worker) a.worker = !1, this.m = null;
+          else {
+            var d = parseInt(c, 10) || 4;
+            this.C = -1;
+            this.u = 0;
+            this.o = [];
+            this.F = null;
+            this.m = Array(d);
+            for (var e = 0; e < d; e++) this.m[e] = ta(this.id, e, a, K.bind(this))
+          }
+        this.f = a.tokenize || b.f || this.f || F.f;
+        this.split = a.split || this.split || F.split;
+        this.D = a.rtl || this.D || F.D;
+        this.async = "undefined" === typeof Promise ||
+          H(c = a.async) ? this.async || F.async : c;
+        this.g = H(c = a.worker) ? this.g || F.g : c;
+        this.threshold = H(c = a.threshold) ? b.threshold || this.threshold || F.threshold : c;
+        this.b = H(c = a.resolution) ? c = b.b || this.b || F.b : c;
+        c <= this.threshold && (this.b = this.threshold + 1);
+        this.depth = "strict" !== this.f || H(c = a.depth) ? b.depth || this.depth || F.depth : c;
+        this.w = (c = H(c = a.encode) ? b.encode || F.encode : c) && U[c] && U[c].bind(U) || (O(c) ? c : this.w || !1);
+        (c = a.matcher) && this.addMatcher(c);
+        if (c = (b = a.lang) || a.filter) {
+          M(c) && (c = ka[c]);
+          if (E(c)) {
+            d = this.w;
+            e = B();
+            for (var f =
+              0; f < c.length; f++) {
+              var g = d ? d(c[f]) : c[f];
+              e[g] = 1
+            }
+            c = e
+          }
+          this.filter = c
+        }
+        if (c = b || a.stemmer) {
+          var h;
+          b = M(c) ? la[c] : c;
+          d = this.w;
+          e = [];
+          for (h in b) b.hasOwnProperty(h) && (f = d ? d(h) : h, e.push(q(f + "($|\\W)"), d ? d(b[h]) : b[h]));
+          this.stemmer = h = e
+        }
+        this.a = e = (c = a.doc) ? S(c) : this.a || F.a;
+        this.j = ia(this.b - (this.threshold || 0));
+        this.i = B();
+        this.c = B();
+        if (e) {
+          this.h = B();
+          a.doc = null;
+          h = e.index = {};
+          b = e.keys = [];
+          d = e.field;
+          f = e.tag;
+          E(e.id) || (e.id = e.id.split(":"));
+          if (f) {
+            this.G = B();
+            g = B();
+            if (d)
+              if (M(d)) g[d] = a;
+              else if (E(d))
+                for (let l = 0; l < d.length; l++) g[d[l]] =
+                  a;
+              else J(d) && (g = d);
+            E(f) || (e.tag = f = [f]);
+            for (d = 0; d < f.length; d++) this.G[f[d]] = B();
+            this.I = f;
+            d = g
+          }
+          if (d) {
+            let l;
+            E(d) || (J(d) ? (l = d, e.field = d = Object.keys(d)) : e.field = d = [d]);
+            for (e = 0; e < d.length; e++) f = d[e], E(f) || (l && (a = l[f]), b[e] = f, d[e] = f.split(":")), h[f] = new v(a), h[f].h = this.h
+          }
+        }
+        this.B = !0;
+        this.l = (this.cache = c = H(c = a.cache) ? this.cache || F.cache : c) ? new ua(c) : !1;
+        return this
+      };
+      v.prototype.encode = function (a) {
+        a && aa.length && (a = Q(a, aa));
+        a && this.v.length && (a = Q(a, this.v));
+        a && this.w && (a = this.w(a));
+        a && this.stemmer && (a = Q(a, this.stemmer));
+        return a
+      };
+      v.prototype.addMatcher = function (a) {
+        const b = this.v;
+        for (const c in a) a.hasOwnProperty(c) && b.push(q(c), a[c]);
+        return this
+      };
+      v.prototype.add = function (a, b, c, d, e) {
+        if (this.a && J(a)) return this.A("add", a, b);
+        if (b && M(b) && (a || 0 === a)) {
+          var f = "@" + a;
+          if (this.c[f] && !d) return this.update(a, b);
+          if (this.g) return ++this.C >= this.m.length && (this.C = 0), this.m[this.C].postMessage({
+            add: !0,
+            id: a,
+            content: b
+          }), this.c[f] = "" + this.C, c && c(), this;
+          if (!e) {
             if (this.async && "function" !== typeof importScripts) {
-              let r = this; f = new Promise(function (w) {
+              let r = this;
+              f = new Promise(function (w) {
                 setTimeout(function () {
                   r.add(a,
-                    b, null, d, !0); r = null; w()
+                    b, null, d, !0);
+                  r = null;
+                  w()
                 })
-              }); if (c) f.then(c); else return f; return this
-            } if (c) return this.add(a, b, null, d, !0), c(), this
-          } b = this.encode(b); if (!b.length) return this; c = this.f; e = O(c) ? c(b) : b.split(this.split); this.filter && (e = W(e, this.filter)); const p = B(); p._ctx = B(); const k = e.length, u = this.threshold, t = this.depth, A = this.b, z = this.j, y = this.D; for (let r = 0; r < k; r++) {
-            var g = e[r]; if (g) {
-              var h = g.length, l = (y ? r + 1 : k - r) / k, m = ""; switch (c) {
-                case "reverse": case "both": for (var n = h; --n;)m = g[n] + m, V(z, p, m, a, y ? 1 : (h - n) / h, l, u, A - 1); m = "";
-                case "forward": for (n = 0; n < h; n++)m += g[n], V(z, p, m, a, y ? (n + 1) / h : 1, l, u, A - 1); break; case "full": for (n = 0; n < h; n++) { const w = (y ? n + 1 : h - n) / h; for (let x = h; x > n; x--)m = g.substring(n, x), V(z, p, m, a, w, l, u, A - 1) } break; default: if (h = V(z, p, g, a, 1, l, u, A - 1), t && 1 < k && h >= u) for (h = p._ctx[g] || (p._ctx[g] = B()), g = this.i[g] || (this.i[g] = ia(A - (u || 0))), l = r - t, m = r + t + 1, 0 > l && (l = 0), m > k && (m = k); l < m; l++)l !== r && V(g, h, e[l], a, 0, A - (l < r ? r - l : l - r), u, A - 1)
+              });
+              if (c) f.then(c);
+              else return f;
+              return this
+            }
+            if (c) return this.add(a, b, null, d, !0), c(), this
+          }
+          b = this.encode(b);
+          if (!b.length) return this;
+          c = this.f;
+          e = O(c) ? c(b) : b.split(this.split);
+          this.filter && (e = W(e, this.filter));
+          const p = B();
+          p._ctx = B();
+          const k = e.length,
+            u = this.threshold,
+            t = this.depth,
+            A = this.b,
+            z = this.j,
+            y = this.D;
+          for (let r = 0; r < k; r++) {
+            var g = e[r];
+            if (g) {
+              var h = g.length,
+                l = (y ? r + 1 : k - r) / k,
+                m = "";
+              switch (c) {
+                case "reverse":
+                case "both":
+                  for (var n = h; --n;) m = g[n] + m, V(z, p, m, a, y ? 1 : (h - n) / h, l, u, A - 1);
+                  m = "";
+                case "forward":
+                  for (n = 0; n < h; n++) m += g[n], V(z, p, m, a, y ? (n + 1) / h : 1, l, u, A - 1);
+                  break;
+                case "full":
+                  for (n = 0; n < h; n++) {
+                    const w = (y ? n + 1 : h - n) / h;
+                    for (let x = h; x > n; x--) m = g.substring(n, x), V(z, p, m, a, w, l, u, A - 1)
+                  }
+                  break;
+                default:
+                  if (h = V(z, p, g, a, 1, l, u, A - 1), t && 1 < k && h >= u)
+                    for (h = p._ctx[g] || (p._ctx[g] = B()), g = this.i[g] || (this.i[g] = ia(A - (u || 0))), l = r - t, m = r + t + 1, 0 > l && (l = 0), m > k && (m = k); l < m; l++) l !== r && V(g, h, e[l], a, 0, A - (l < r ? r - l : l - r), u, A - 1)
               }
             }
-          } this.c[f] = 1; this.B = !1
-        } return this
-      }; v.prototype.A = function (a, b, c) {
-        if (E(b)) for (let l = 0, m = b.length; l < m; l++) {
-          if (l ===
-            m - 1) return this.A(a, b[l], c); this.A(a, b[l])
-        } else {
-          const l = this.a.index, m = this.a.keys; var d = this.a.tag, e = this.a.id; let n; let p; for (var f = 0; f < e.length; f++)n = (n || b)[e[f]]; if (d) { for (e = 0; e < d.length; e++) { var g = d[e]; var h = g.split(":"); for (f = 0; f < h.length; f++)p = (p || b)[h[f]]; p = "@" + p } h = this.G[g]; h = h[p] || (h[p] = []) } if ("remove" === a) { delete this.h[n]; for (let k = 0, u = m.length; k < u; k++) { if (k === u - 1) return l[m[k]].remove(n, c), this; l[m[k]].remove(n) } } e = this.a.field; h && (h[h.length] = b); this.h[n] = b; for (let k = 0, u = e.length; k <
-            u; k++) { d = e[k]; let t; for (g = 0; g < d.length; g++)t = (t || b)[d[g]]; d = l[m[k]]; g = "add" === a ? d.add : d.update; k === u - 1 ? g.call(d, n, t, c) : g.call(d, n, t) }
-        } return this
-      }; v.prototype.update = function (a, b, c) { if (this.a && J(a)) return this.A("update", a, b); this.c["@" + a] && M(b) && (this.remove(a), this.add(a, b, c, !0)); return this }; v.prototype.remove = function (a, b, c) {
-        if (this.a && J(a)) return this.A("remove", a, b); var d = "@" + a; if (this.c[d]) {
-          if (this.g) return this.m[this.c[d]].postMessage({ remove: !0, id: a }), delete this.c[d], b && b(), this; if (!c) {
-            if (this.async &&
-              "function" !== typeof importScripts) { let e = this; d = new Promise(function (f) { setTimeout(function () { e.remove(a, null, !0); e = null; f() }) }); if (b) d.then(b); else return d; return this } if (b) return this.remove(a, null, !0), b(), this
-          } for (b = 0; b < this.b - (this.threshold || 0); b++)ba(this.j[b], a); this.depth && ba(this.i, a); delete this.c[d]; this.B = !1
-        } return this
-      }; let L; v.prototype.search = function (a, b, c, d) {
-        if (J(b)) { if (E(b)) for (var e = 0; e < b.length; e++)b[e].query = a; else b.query = a; a = b; b = 1E3 } else b && O(b) ? (c = b, b = 1E3) : b || 0 === b || (b = 1E3);
-        let f = [], g = a; let h, l, m; if (J(a) && !E(a)) { c || (c = a.callback) && (g.callback = null); l = a.sort; h = a.page; b = a.limit; var n = a.threshold; m = a.suggest; a = a.query } if (this.a) {
-          n = this.a.index; const y = g.where; var p = g.bool || "or", k = g.field; let r = p; let w, x; if (k) E(k) || (k = [k]); else if (E(g)) { var u = g; k = []; r = []; for (var t = 0; t < g.length; t++)d = g[t], e = d.bool || p, k[t] = d.field, r[t] = e, "not" === e ? w = !0 : "and" === e && (x = !0) } else k = this.a.keys; p = k.length; for (t = 0; t < p; t++)u && (g = u[t]), h && !M(g) && (g.page = null, g.limit = 0), f[t] = n[k[t]].search(g, 0); if (this.g) {
-            this.F =
-              c; this.u = 0; this.o = []; for (n = 0; n < this.g; n++)this.m[n].postMessage({ search: !0, limit: b, content: g }); return
-          } if (c) return c(P.call(this, a, r, f, l, b, m, y, h, x, w)); if (this.async) { const G = this; return new Promise(function (C) { Promise.all(f).then(function (D) { C(P.call(G, a, r, D, l, b, m, y, h, x, w)) }) }) } return P.call(this, a, r, f, l, b, m, y, h, x, w)
-        } n || (n = this.threshold || 0); if (!d) {
-          if (this.async && "function" !== typeof importScripts) {
-            let y = this; n = new Promise(function (r) { setTimeout(function () { r(y.search(g, b, null, !0)); y = null }) }); if (c) n.then(c);
-            else return n; return this
-          } if (c) return c(this.search(g, b, null, !0)), this
-        } if (!a || !M(a)) return f; g = a; if (this.cache) if (this.B) { if (c = this.l.get(a)) return c } else this.l.clear(), this.B = !0; g = this.encode(g); if (!g.length) return f; c = this.f; c = O(c) ? c(g) : g.split(this.split); this.filter && (c = W(c, this.filter)); u = c.length; d = !0; e = []; const A = B(); let z = 0; 1 < u && (this.depth && "strict" === this.f ? p = !0 : c.sort(qa)); if (!p || (t = this.i)) {
-          const y = this.b; for (; z < u; z++) {
-            let r = c[z]; if (r) {
-              if (p) {
-                if (!k) if (t[r]) k = r, A[r] = 1; else if (!m) return f;
-                if (m && z === u - 1 && !e.length) p = !1, r = k || r, A[r] = 0; else if (!k) continue
-              } if (!A[r]) { const w = []; let x = !1, G = 0; const C = p ? t[k] : this.j; if (C) { let D; for (let N = 0; N < y - n; N++)if (D = C[N] && C[N][r]) w[G++] = D, x = !0 } if (x) k = r, e[e.length] = 1 < G ? w.concat.apply([], w) : w[0]; else if (!m) { d = !1; break } A[r] = 1 }
+          }
+          this.c[f] = 1;
+          this.B = !1
+        }
+        return this
+      };
+      v.prototype.A = function (a, b, c) {
+        if (E(b))
+          for (let l = 0, m = b.length; l < m; l++) {
+            if (l ===
+              m - 1) return this.A(a, b[l], c);
+            this.A(a, b[l])
+          } else {
+          const l = this.a.index,
+            m = this.a.keys;
+          var d = this.a.tag,
+            e = this.a.id;
+          let n;
+          let p;
+          for (var f = 0; f < e.length; f++) n = (n || b)[e[f]];
+          if (d) {
+            for (e = 0; e < d.length; e++) {
+              var g = d[e];
+              var h = g.split(":");
+              for (f = 0; f < h.length; f++) p = (p || b)[h[f]];
+              p = "@" + p
+            }
+            h = this.G[g];
+            h = h[p] || (h[p] = [])
+          }
+          if ("remove" === a) {
+            delete this.h[n];
+            for (let k = 0, u = m.length; k < u; k++) {
+              if (k === u - 1) return l[m[k]].remove(n, c), this;
+              l[m[k]].remove(n)
             }
           }
-        } else d = !1; d && (f = ha(e, b, h, m)); this.cache && this.l.set(a, f); return f
-      }; v.prototype.find = function (a, b) { return this.where(a, b, 1)[0] || null }; v.prototype.where = function (a, b, c, d) {
-        const e = this.h, f = []; let g = 0; let h; var l; let m; if (J(a)) {
-          c || (c =
-            b); var n = Object.keys(a); var p = n.length; h = !1; if (1 === p && "id" === n[0]) return [e[a.id]]; if ((l = this.I) && !d) for (var k = 0; k < l.length; k++) { var u = l[k], t = a[u]; if (!H(t)) { m = this.G[u]["@" + t]; if (0 === --p) return m; n.splice(n.indexOf(u), 1); delete a[u]; break } } l = Array(p); for (k = 0; k < p; k++)l[k] = n[k].split(":")
-        } else { if (O(a)) { b = d || Object.keys(e); c = b.length; for (n = 0; n < c; n++)p = e[b[n]], a(p) && (f[g++] = p); return f } if (H(b)) return [e[a]]; if ("id" === a) return [e[b]]; n = [a]; p = 1; l = [a.split(":")]; h = !0 } d = m || d || Object.keys(e); k = d.length; for (u =
-          0; u < k; u++) { t = m ? d[u] : e[d[u]]; let A = !0; for (let z = 0; z < p; z++) { h || (b = a[n[z]]); const y = l[z], r = y.length; let w = t; if (1 < r) for (let x = 0; x < r; x++)w = w[y[x]]; else w = w[y[0]]; if (w !== b) { A = !1; break } } if (A && (f[g++] = t, c && g === c)) break } return f
-      }; v.prototype.info = function () {
-        if (this.g) for (let a = 0; a < this.g; a++)this.m[a].postMessage({ info: !0, id: this.id }); else return {
-          id: this.id, items: this.length, cache: this.cache && this.cache.s ? this.cache.s.length : !1, matcher: aa.length + (this.v ? this.v.length : 0), worker: this.g, threshold: this.threshold,
-          depth: this.depth, resolution: this.b, contextual: this.depth && "strict" === this.f
-        }
-      }; v.prototype.clear = function () { return this.destroy().init() }; v.prototype.destroy = function () { this.cache && (this.l.clear(), this.l = null); this.j = this.i = this.c = null; if (this.a) { const a = this.a.keys; for (let b = 0; b < a.length; b++)this.a.index[a[b]].destroy(); this.a = this.h = null } return this }; v.prototype.export = function () {
-        let a; if (this.a) {
-          const b = this.a.keys; a = Array(b.length + 1); let c = 0; for (; c < b.length; c++) {
-            const d = this.a.index[b[c]]; a[c] =
-              [d.j, d.i, Object.keys(d.c)]
-          } a[c] = this.h
-        } else a = [this.j, this.i, Object.keys(this.c)]; return JSON.stringify(a)
-      }; v.prototype.import = function (a) { a = JSON.parse(a); const b = B(); if (this.a) { var c = this.a.keys, d = c.length, e = a[0][2]; for (var f = 0; f < e.length; f++)b[e[f]] = 1; for (e = 0; e < d; e++)f = this.a.index[c[e]], f.j = a[e][0], f.i = a[e][1], f.c = b, f.h = a[d]; this.h = a[d] } else { c = a[2]; for (d = 0; d < c.length; d++)b[c[d]] = 1; this.j = a[0]; this.i = a[1]; this.c = b } }; const U = {
-        icase: function (a) { return a.toLowerCase() }, simple: function () {
-          const a = [q("[\u00e0\u00e1\u00e2\u00e3\u00e4\u00e5]"),
-            "a", q("[\u00e8\u00e9\u00ea\u00eb]"), "e", q("[\u00ec\u00ed\u00ee\u00ef]"), "i", q("[\u00f2\u00f3\u00f4\u00f5\u00f6\u0151]"), "o", q("[\u00f9\u00fa\u00fb\u00fc\u0171]"), "u", q("[\u00fd\u0177\u00ff]"), "y", q("\u00f1"), "n", q("[\u00e7c]"), "k", q("\u00df"), "s", q(" & "), " and ", q("[-/]"), " ", q("[^a-z0-9 ]"), "", q("\\s+"), " "]; return function (b) { b = Q(b.toLowerCase(), a); return " " === b ? "" : b }
-        }(), advanced: function () {
-          const a = [q("ae"), "a", q("ai"), "ei", q("ay"), "ei", q("ey"), "ei", q("oe"), "o", q("ue"), "u", q("ie"), "i", q("sz"),
-            "s", q("zs"), "s", q("sh"), "s", q("ck"), "k", q("cc"), "k", q("th"), "t", q("dt"), "t", q("ph"), "f", q("pf"), "f", q("ou"), "o", q("uo"), "u"]; return function (b, c) { if (!b) return b; b = this.simple(b); 2 < b.length && (b = Q(b, a)); c || 1 < b.length && (b = ca(b)); return b }
-        }(), extra: function () {
-          const a = [q("p"), "b", q("z"), "s", q("[cgq]"), "k", q("n"), "m", q("d"), "t", q("[vw]"), "f", q("[aeiouy]"), ""]; return function (b) {
-            if (!b) return b; b = this.advanced(b, !0); if (1 < b.length) {
-              b = b.split(" "); for (let c = 0; c < b.length; c++) {
-                const d = b[c]; 1 < d.length && (b[c] =
-                  d[0] + Q(d.substring(1), a))
-              } b = b.join(" "); b = ca(b)
-            } return b
+          e = this.a.field;
+          h && (h[h.length] = b);
+          this.h[n] = b;
+          for (let k = 0, u = e.length; k <
+            u; k++) {
+            d = e[k];
+            let t;
+            for (g = 0; g < d.length; g++) t = (t || b)[d[g]];
+            d = l[m[k]];
+            g = "add" === a ? d.add : d.update;
+            k === u - 1 ? g.call(d, n, t, c) : g.call(d, n, t)
           }
-        }(), balance: function () { const a = [q("[-/]"), " ", q("[^a-z0-9 ]"), "", q("\\s+"), " "]; return function (b) { return ca(Q(b.toLowerCase(), a)) } }()
-      }, ua = function () {
-        function a(b) { this.clear(); this.H = !0 !== b && b } a.prototype.clear = function () { this.cache = B(); this.count = B(); this.index = B(); this.s = [] }; a.prototype.set = function (b, c) {
-          if (this.H && H(this.cache[b])) {
-            let d = this.s.length; if (d === this.H) { d--; const e = this.s[d]; delete this.cache[e]; delete this.count[e]; delete this.index[e] } this.index[b] =
-              d; this.s[d] = b; this.count[b] = -1; this.cache[b] = c; this.get(b)
-          } else this.cache[b] = c
-        }; a.prototype.get = function (b) { const c = this.cache[b]; if (this.H && c) { var d = ++this.count[b]; const f = this.index; let g = f[b]; if (0 < g) { const h = this.s; for (var e = g; this.count[h[--g]] <= d && -1 !== g;); g++; if (g !== e) { for (d = e; d > g; d--)e = h[d - 1], h[d] = e, f[e] = d; h[g] = b; f[b] = g } } } return c }; return a
-      }(); return v
-  }(function () {
-    const I = {}, R = "undefined" !== typeof Blob && "undefined" !== typeof URL && URL.createObjectURL; return function (v, K, S, W, P) {
-      S = R ? URL.createObjectURL(new Blob(["(" +
-        S.toString() + ")()"], { type: "text/javascript" })) : v + ".min.js"; v += "-" + K; I[v] || (I[v] = []); I[v][P] = new Worker(S); I[v][P].onmessage = W; return I[v][P]
-    }
-  }()), this);
-</script>
+        }
+        return this
+      };
+      v.prototype.update = function (a, b, c) {
+        if (this.a && J(a)) return this.A("update", a, b);
+        this.c["@" + a] && M(b) && (this.remove(a), this.add(a, b, c, !0));
+        return this
+      };
+      v.prototype.remove = function (a, b, c) {
+        if (this.a && J(a)) return this.A("remove", a, b);
+        var d = "@" + a;
+        if (this.c[d]) {
+          if (this.g) return this.m[this.c[d]].postMessage({
+            remove: !0,
+            id: a
+          }), delete this.c[d], b && b(), this;
+          if (!c) {
+            if (this.async &&
+              "function" !== typeof importScripts) {
+              let e = this;
+              d = new Promise(function (f) {
+                setTimeout(function () {
+                  e.remove(a, null, !0);
+                  e = null;
+                  f()
+                })
+              });
+              if (b) d.then(b);
+              else return d;
+              return this
+            }
+            if (b) return this.remove(a, null, !0), b(), this
+          }
+          for (b = 0; b < this.b - (this.threshold || 0); b++) ba(this.j[b], a);
+          this.depth && ba(this.i, a);
+          delete this.c[d];
+          this.B = !1
+        }
+        return this
+      };
+      let L;
+      v.prototype.search = function (a, b, c, d) {
+        if (J(b)) {
+          if (E(b))
+            for (var e = 0; e < b.length; e++) b[e].query = a;
+          else b.query = a;
+          a = b;
+          b = 1E3
+        } else b && O(b) ? (c = b, b = 1E3) : b || 0 === b || (b = 1E3);
+        let f = [],
+          g = a;
+        let h, l, m;
+        if (J(a) && !E(a)) {
+          c || (c = a.callback) && (g.callback = null);
+          l = a.sort;
+          h = a.page;
+          b = a.limit;
+          var n = a.threshold;
+          m = a.suggest;
+          a = a.query
+        }
+        if (this.a) {
+          n = this.a.index;
+          const y = g.where;
+          var p = g.bool || "or",
+            k = g.field;
+          let r = p;
+          let w, x;
+          if (k) E(k) || (k = [k]);
+          else if (E(g)) {
+            var u = g;
+            k = [];
+            r = [];
+            for (var t = 0; t < g.length; t++) d = g[t], e = d.bool || p, k[t] = d.field, r[t] = e, "not" === e ? w = !0 : "and" === e && (x = !0)
+          } else k = this.a.keys;
+          p = k.length;
+          for (t = 0; t < p; t++) u && (g = u[t]), h && !M(g) && (g.page = null, g.limit = 0), f[t] = n[k[t]].search(g, 0);
+          if (this.g) {
+            this.F =
+              c;
+            this.u = 0;
+            this.o = [];
+            for (n = 0; n < this.g; n++) this.m[n].postMessage({
+              search: !0,
+              limit: b,
+              content: g
+            });
+            return
+          }
+          if (c) return c(P.call(this, a, r, f, l, b, m, y, h, x, w));
+          if (this.async) {
+            const G = this;
+            return new Promise(function (C) {
+              Promise.all(f).then(function (D) {
+                C(P.call(G, a, r, D, l, b, m, y, h, x, w))
+              })
+            })
+          }
+          return P.call(this, a, r, f, l, b, m, y, h, x, w)
+        }
+        n || (n = this.threshold || 0);
+        if (!d) {
+          if (this.async && "function" !== typeof importScripts) {
+            let y = this;
+            n = new Promise(function (r) {
+              setTimeout(function () {
+                r(y.search(g, b, null, !0));
+                y = null
+              })
+            });
+            if (c) n.then(c);
+            else return n;
+            return this
+          }
+          if (c) return c(this.search(g, b, null, !0)), this
+        }
+        if (!a || !M(a)) return f;
+        g = a;
+        if (this.cache)
+          if (this.B) {
+            if (c = this.l.get(a)) return c
+          } else this.l.clear(), this.B = !0;
+        g = this.encode(g);
+        if (!g.length) return f;
+        c = this.f;
+        c = O(c) ? c(g) : g.split(this.split);
+        this.filter && (c = W(c, this.filter));
+        u = c.length;
+        d = !0;
+        e = [];
+        const A = B();
+        let z = 0;
+        1 < u && (this.depth && "strict" === this.f ? p = !0 : c.sort(qa));
+        if (!p || (t = this.i)) {
+          const y = this.b;
+          for (; z < u; z++) {
+            let r = c[z];
+            if (r) {
+              if (p) {
+                if (!k)
+                  if (t[r]) k = r, A[r] = 1;
+                  else if (!m) return f;
+                if (m && z === u - 1 && !e.length) p = !1, r = k || r, A[r] = 0;
+                else if (!k) continue
+              }
+              if (!A[r]) {
+                const w = [];
+                let x = !1,
+                  G = 0;
+                const C = p ? t[k] : this.j;
+                if (C) {
+                  let D;
+                  for (let N = 0; N < y - n; N++)
+                    if (D = C[N] && C[N][r]) w[G++] = D, x = !0
+                }
+                if (x) k = r, e[e.length] = 1 < G ? w.concat.apply([], w) : w[0];
+                else if (!m) {
+                  d = !1;
+                  break
+                }
+                A[r] = 1
+              }
+            }
+          }
+        } else d = !1;
+        d && (f = ha(e, b, h, m));
+        this.cache && this.l.set(a, f);
+        return f
+      };
+      v.prototype.find = function (a, b) {
+        return this.where(a, b, 1)[0] || null
+      };
+      v.prototype.where = function (a, b, c, d) {
+        const e = this.h,
+          f = [];
+        let g = 0;
+        let h;
+        var l;
+        let m;
+        if (J(a)) {
+          c || (c =
+            b);
+          var n = Object.keys(a);
+          var p = n.length;
+          h = !1;
+          if (1 === p && "id" === n[0]) return [e[a.id]];
+          if ((l = this.I) && !d)
+            for (var k = 0; k < l.length; k++) {
+              var u = l[k],
+                t = a[u];
+              if (!H(t)) {
+                m = this.G[u]["@" + t];
+                if (0 === --p) return m;
+                n.splice(n.indexOf(u), 1);
+                delete a[u];
+                break
+              }
+            }
+          l = Array(p);
+          for (k = 0; k < p; k++) l[k] = n[k].split(":")
+        } else {
+          if (O(a)) {
+            b = d || Object.keys(e);
+            c = b.length;
+            for (n = 0; n < c; n++) p = e[b[n]], a(p) && (f[g++] = p);
+            return f
+          }
+          if (H(b)) return [e[a]];
+          if ("id" === a) return [e[b]];
+          n = [a];
+          p = 1;
+          l = [a.split(":")];
+          h = !0
+        }
+        d = m || d || Object.keys(e);
+        k = d.length;
+        for (u =
+          0; u < k; u++) {
+          t = m ? d[u] : e[d[u]];
+          let A = !0;
+          for (let z = 0; z < p; z++) {
+            h || (b = a[n[z]]);
+            const y = l[z],
+              r = y.length;
+            let w = t;
+            if (1 < r)
+              for (let x = 0; x < r; x++) w = w[y[x]];
+            else w = w[y[0]];
+            if (w !== b) {
+              A = !1;
+              break
+            }
+          }
+          if (A && (f[g++] = t, c && g === c)) break
+        }
+        return f
+      };
+      v.prototype.info = function () {
+        if (this.g)
+          for (let a = 0; a < this.g; a++) this.m[a].postMessage({
+            info: !0,
+            id: this.id
+          });
+        else return {
+          id: this.id,
+          items: this.length,
+          cache: this.cache && this.cache.s ? this.cache.s.length : !1,
+          matcher: aa.length + (this.v ? this.v.length : 0),
+          worker: this.g,
+          threshold: this.threshold,
+          depth: this.depth,
+          resolution: this.b,
+          contextual: this.depth && "strict" === this.f
+        }
+      };
+      v.prototype.clear = function () {
+        return this.destroy().init()
+      };
+      v.prototype.destroy = function () {
+        this.cache && (this.l.clear(), this.l = null);
+        this.j = this.i = this.c = null;
+        if (this.a) {
+          const a = this.a.keys;
+          for (let b = 0; b < a.length; b++) this.a.index[a[b]].destroy();
+          this.a = this.h = null
+        }
+        return this
+      };
+      v.prototype.export = function () {
+        let a;
+        if (this.a) {
+          const b = this.a.keys;
+          a = Array(b.length + 1);
+          let c = 0;
+          for (; c < b.length; c++) {
+            const d = this.a.index[b[c]];
+            a[c] = [d.j, d.i, Object.keys(d.c)]
+          }
+          a[c] = this.h
+        } else a = [this.j, this.i, Object.keys(this.c)];
+        return JSON.stringify(a)
+      };
+      v.prototype.import = function (a) {
+        a = JSON.parse(a);
+        const b = B();
+        if (this.a) {
+          var c = this.a.keys,
+            d = c.length,
+            e = a[0][2];
+          for (var f = 0; f < e.length; f++) b[e[f]] = 1;
+          for (e = 0; e < d; e++) f = this.a.index[c[e]], f.j = a[e][0], f.i = a[e][1], f.c = b, f.h = a[d];
+          this.h = a[d]
+        } else {
+          c = a[2];
+          for (d = 0; d < c.length; d++) b[c[d]] = 1;
+          this.j = a[0];
+          this.i = a[1];
+          this.c = b
+        }
+      };
+      const U = {
+        icase: function (a) {
+          return a.toLowerCase()
+        },
+        simple: function () {
+          const a = [q("[\u00e0\u00e1\u00e2\u00e3\u00e4\u00e5]"),
+            "a", q("[\u00e8\u00e9\u00ea\u00eb]"), "e", q("[\u00ec\u00ed\u00ee\u00ef]"), "i", q("[\u00f2\u00f3\u00f4\u00f5\u00f6\u0151]"), "o", q("[\u00f9\u00fa\u00fb\u00fc\u0171]"), "u", q("[\u00fd\u0177\u00ff]"), "y", q("\u00f1"), "n", q("[\u00e7c]"), "k", q("\u00df"), "s", q(" & "), " and ", q("[-/]"), " ", q("[^a-z0-9 ]"), "", q("\\s+"), " "
+          ];
+          return function (b) {
+            b = Q(b.toLowerCase(), a);
+            return " " === b ? "" : b
+          }
+        }(),
+        advanced: function () {
+          const a = [q("ae"), "a", q("ai"), "ei", q("ay"), "ei", q("ey"), "ei", q("oe"), "o", q("ue"), "u", q("ie"), "i", q("sz"),
+            "s", q("zs"), "s", q("sh"), "s", q("ck"), "k", q("cc"), "k", q("th"), "t", q("dt"), "t", q("ph"), "f", q("pf"), "f", q("ou"), "o", q("uo"), "u"
+          ];
+          return function (b, c) {
+            if (!b) return b;
+            b = this.simple(b);
+            2 < b.length && (b = Q(b, a));
+            c || 1 < b.length && (b = ca(b));
+            return b
+          }
+        }(),
+        extra: function () {
+          const a = [q("p"), "b", q("z"), "s", q("[cgq]"), "k", q("n"), "m", q("d"), "t", q("[vw]"), "f", q("[aeiouy]"), ""];
+          return function (b) {
+            if (!b) return b;
+            b = this.advanced(b, !0);
+            if (1 < b.length) {
+              b = b.split(" ");
+              for (let c = 0; c < b.length; c++) {
+                const d = b[c];
+                1 < d.length && (b[c] =
+                  d[0] + Q(d.substring(1), a))
+              }
+              b = b.join(" ");
+              b = ca(b)
+            }
+            return b
+          }
+        }(),
+        balance: function () {
+          const a = [q("[-/]"), " ", q("[^a-z0-9 ]"), "", q("\\s+"), " "];
+          return function (b) {
+            return ca(Q(b.toLowerCase(), a))
+          }
+        }()
+      },
+        ua = function () {
+          function a(b) {
+            this.clear();
+            this.H = !0 !== b && b
+          }
+          a.prototype.clear = function () {
+            this.cache = B();
+            this.count = B();
+            this.index = B();
+            this.s = []
+          };
+          a.prototype.set = function (b, c) {
+            if (this.H && H(this.cache[b])) {
+              let d = this.s.length;
+              if (d === this.H) {
+                d--;
+                const e = this.s[d];
+                delete this.cache[e];
+                delete this.count[e];
+                delete this.index[e]
+              }
+              this.index[b] =
+                d;
+              this.s[d] = b;
+              this.count[b] = -1;
+              this.cache[b] = c;
+              this.get(b)
+            } else this.cache[b] = c
+          };
+          a.prototype.get = function (b) {
+            const c = this.cache[b];
+            if (this.H && c) {
+              var d = ++this.count[b];
+              const f = this.index;
+              let g = f[b];
+              if (0 < g) {
+                const h = this.s;
+                for (var e = g; this.count[h[--g]] <= d && -1 !== g;);
+                g++;
+                if (g !== e) {
+                  for (d = e; d > g; d--) e = h[d - 1], h[d] = e, f[e] = d;
+                  h[g] = b;
+                  f[b] = g
+                }
+              }
+            }
+            return c
+          };
+          return a
+        }();
+      return v
+    }(function () {
+      const I = {},
+        R = "undefined" !== typeof Blob && "undefined" !== typeof URL && URL.createObjectURL;
+      return function (v, K, S, W, P) {
+        S = R ? URL.createObjectURL(new Blob(["(" +
+          S.toString() + ")()"
+        ], {
+          type: "text/javascript"
+        })) : v + ".min.js";
+        v += "-" + K;
+        I[v] || (I[v] = []);
+        I[v][P] = new Worker(S);
+        I[v][P].onmessage = W;
+        return I[v][P]
+      }
+    }()), this);
+  </script>
 
   <!-- Navbar functionality -->
   <script>
-
     // THIS TAG CONTAINS CODE REQUIRED FOR THE NAVBAR TO FUNCTION
     function returnHexaNumber(s) {
       var regExp = /^[-+]?[0-9A-Fa-f]+\.?[0-9A-Fa-f]*?$/;
@@ -1491,8 +2563,7 @@
           thisField: text,
         }
         history.pushState(appState, null, null)
-      }
-      else if (typeof (text) == 'string') {
+      } else if (typeof (text) == 'string') {
         if (text.length == 34 && text[0] == 'F') {
           //console.log('data entered is a FLO address');
           inputElement.value = '';
@@ -1502,8 +2573,7 @@
             thisField: text,
           }
           history.pushState(appState, null, null)
-        }
-        else if (window.ranchimallflo.tokenlist.includes(text)) {
+        } else if (window.ranchimallflo.tokenlist.includes(text)) {
           //console.log('data entered is a token name');
           inputElement.value = '';
           render("token_page", text)
@@ -1512,8 +2582,7 @@
             thisField: text,
           }
           history.pushState(appState, null, null)
-        }
-        else if (window.ranchimallflo.smartcontractnamelist.includes(text)) {
+        } else if (window.ranchimallflo.smartcontractnamelist.includes(text)) {
           //console.log('data entered is a smart contract name');
           for (var i = 0; i < window.ranchimallflo.smartcontractnameaddresslist.length; i++) {
 
@@ -1521,8 +2590,10 @@
 
             if (window.ranchimallflo.smartcontractnamelist.includes(text)) {
               inputElement.value = '';
-              render("contract_page", contract={name:'',
-                                               address: ''})
+              render("contract_page", contract = {
+                name: '',
+                address: ''
+              })
               appState = {
                 page: "contract_page",
                 thisField: text,
@@ -1531,8 +2602,8 @@
             }
           }
 
-        }
-        else if (text.length == 64 && returnHexaNumber(text)) {
+
+        } else if (text.length == 64 && returnHexaNumber(text)) {
 
           fetch(`${window.tokenapiUrl}/api/v1.0/categoriseString/` + text)
             .then(function (response) {
@@ -1548,8 +2619,7 @@
                   thisField: text,
                 }
                 history.pushState(appState, null, null)
-              }
-              else if (myJson['type'] == 'block') {
+              } else if (myJson['type'] == 'block') {
                 //console.log('data entered is a block hash');
                 inputElement.value = '';
                 render("block_page", text)
@@ -1558,14 +2628,12 @@
                   thisField: text,
                 }
                 history.pushState(appState, null, null)
-              }
-              else {
+              } else {
                 //console.log('data entered is noise');
               }
             });
 
-        }
-        else {
+        } else {
           //console.log('data entered is noise')
         }
 
@@ -1620,55 +2688,53 @@
 
     // loading of global variables which contains name of all tokens and smart contracts
 
-    function getAllSuggestions(){
+    function getAllSuggestions() {
       window.data = [];
       fetch(`${window.tokenapiUrl}/api/v1.0/getTokenSmartContractList`)
-      .then(function (response) {
-        return response.json();
-      })
-      .then(function (myJson) {
+        .then(function (response) {
+          return response.json();
+        })
+        .then(function (myJson) {
 
-        //console.log('first line of the fetch result');
+          //console.log('first line of the fetch result');
 
-        window.ranchimallflo = {};
-        ranchimallflo.tokenlist = myJson['tokens'];
-        ranchimallflo.smartcontractlist = myJson['smartContracts'];
-        ranchimallflo.smartcontractnamelist = [];
-        ranchimallflo.smartcontractnameaddresslist = [];
-        //console.log(ranchimallflo.smartcontractlist.length);
-        for (var i = 0; i < ranchimallflo.smartcontractlist.length; i++) {
-          //ranchimallflo.smartcontractnamelist.append(ranchimallflo.smartcontractlist[i]['contractName']);
-          data.push(ranchimallflo.smartcontractlist[i]['contractName']);
-          ranchimallflo.smartcontractnamelist.push(ranchimallflo.smartcontractlist[i]['contractName']);
-          ranchimallflo.smartcontractnameaddresslist.push(ranchimallflo.smartcontractlist[i]['contractName'] + '-' + ranchimallflo.smartcontractlist[i]['contractAddress']);
-        }
+          window.ranchimallflo = {};
+          ranchimallflo.tokenlist = myJson['tokens'];
+          ranchimallflo.smartcontractlist = myJson['smartContracts'];
+          ranchimallflo.smartcontractnamelist = [];
+          ranchimallflo.smartcontractnameaddresslist = [];
+          //console.log(ranchimallflo.smartcontractlist.length);
+          for (var i = 0; i < ranchimallflo.smartcontractlist.length; i++) {
+            //ranchimallflo.smartcontractnamelist.append(ranchimallflo.smartcontractlist[i]['contractName']);
+            data.push(ranchimallflo.smartcontractlist[i]['contractName']);
+            ranchimallflo.smartcontractnamelist.push(ranchimallflo.smartcontractlist[i]['contractName']);
+            ranchimallflo.smartcontractnameaddresslist.push(ranchimallflo.smartcontractlist[i]['contractName'] + '-' + ranchimallflo.smartcontractlist[i]['contractAddress']);
+          }
 
-        for (var i = 0; i < ranchimallflo.tokenlist.length; i++) {
-          //ranchimallflo.smartcontractnamelist.append(ranchimallflo.smartcontractlist[i]['contractName']);
-          data.push(ranchimallflo.tokenlist[i]);
-        }
+          for (var i = 0; i < ranchimallflo.tokenlist.length; i++) {
+            //ranchimallflo.smartcontractnamelist.append(ranchimallflo.smartcontractlist[i]['contractName']);
+            data.push(ranchimallflo.tokenlist[i]);
+          }
 
-        window.index = new FlexSearch({
-          encode: "advanced",
-          tokenize: "reverse",
-          suggest: true
+          window.index = new FlexSearch({
+            encode: "advanced",
+            tokenize: "reverse",
+            suggest: true
+          });
+
+          for (var i = 0; i < data.length; i++) {
+            index.add(i, data[i]);
+          }
+
+          window.suggestion = function (str) {
+            let li = document.createElement('li')
+            li.textContent = str
+            li.tabIndex = 0
+            li.classList.add('suggestion')
+            return li;
+          }
         });
-
-        for (var i = 0; i < data.length; i++) {
-          index.add(i, data[i]);
-        }
-
-        window.suggestion = function(str){
-          let li = document.createElement('li')
-          li.textContent = str
-          li.tabIndex = 0
-          li.classList.add('suggestion')
-          return li;
-        }
-      });
     }
-
-
   </script>
 </body>