C2branch (#363)

* Fixed Issue #355 - Added Leaderboard link in Navbar

* Fixes Issue #355

* Fixed Issue #356 Added go to top button

Author: neerajd007

css/main.css

@@ -225,7 +225,7 @@ body{
   border: none;
   outline: none;
   background-color: white;
-  color: black;
+  color: red;
   cursor: pointer;
   padding: 8px;
   border-radius: 2px;

index.html

@@ -61,7 +61,7 @@
 
 
     <a class=" ribbn-ref" href="https://github.com/opencodeiiita/Opencode-Collaborative-19" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
-    <button onclick="topFunction()" id="myBtn" title="Go to top" class="dark-scrl-btn"><i class="fas fa-arrow-up"></i></button>
+    
     <!-- Navigation -->
 
 
@@ -1009,6 +1009,7 @@ <h2 class="my-4">Issues</h2>
       <div class="container night-footer-ref">    
         <p class="m-0 text-center text-white">Copyright &copy; OpenCode'19</p>
       </div>
+      <button onclick="topFunction()" id="myBtn" title="Go to top" class="dark-scrl-btn"><i class="fas fa-arrow-up"></i></button>
       <!-- /.container -->
     </footer>
 
@@ -1055,6 +1056,20 @@ <h2 class="my-4">Issues</h2>
     var scrolled = (winScroll / height) * 100;
     document.getElementById("myBar").style.width = scrolled + "%";
   }
+  window.onscroll = function() {scrollFunction()};
+
+  function scrollFunction() {
+    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+      document.getElementById("myBtn").style.display = "block";
+    } else {
+      document.getElementById("myBtn").style.display = "none";
+    }
+  }
+
+  function topFunction() {
+    document.body.scrollTop = 0;
+    document.documentElement.scrollTop = 0;
+  }
   </script>
 
 </html>