trebleshot · mubashir-rehman · Oct 7, 2020 · Oct 7, 2020 · Oct 7, 2020 · Oct 7, 2020
diff --git a/Contributors_Page/android-contributors.js b/Contributors_Page/android-contributors.js
@@ -0,0 +1,30 @@
+var users = []
+var i = 0
+
+var getData = (function ($) {
+  var URL = 'https://api.github.com/repos/trebleshot/android/contributors'
+
+  $.get(URL, function (data, status) {
+    data.forEach(function (d) {
+      if (d.login == null) {
+        return true
+      }
+
+      if (users.indexOf(d.url) == -1) {
+	    var template =
+	    "<div class='col-md-3 col-xs-6 col-lg-3' id='author'><div class='container-fluid'>" +
+		    "<a class='thumbnail' target='_blank' href='" + d.html_url + "'>" +
+			    "<img src='" + d.avatar_url + "' alt='' class='img-responsive'>" +
+		    '</a>' +
+		    "<div class='caption'>" +
+			    '<strong>' + d.login + '</strong>' +
+			    '<p> Contributions: ' + d.contributions + '</p>' +
+		    '</div></div></div>'
+
+        $('#android-contributors').append(template)
+        users[i] = d.url
+        i = i + 1
+      }
+    })
+  })
+})($)
diff --git a/Contributors_Page/desktop-contributors.js b/Contributors_Page/desktop-contributors.js
@@ -0,0 +1,30 @@
+var users = []
+var i = 0
+
+var getData = (function ($) {
+  var URL = 'https://api.github.com/repos/trebleshot/desktop/contributors'
+
+  $.get(URL, function (data, status) {
+    data.forEach(function (d) {
+      if (d.login == null) {
+        return true
+      }
+
+      if (users.indexOf(d.url) == -1) {
+	    var template =
+	    "<div class='col-md-3 col-xs-6 col-lg-3' id='author'><div class='container-fluid'>" +
+		    "<a class='thumbnail' target='_blank' href='" + d.html_url + "'>" +
+			    "<img src='" + d.avatar_url + "' alt='' class='img-responsive'>" +
+		    '</a>' +
+		    "<div class='caption'>" +
+			    '<strong>' + d.login + '</strong>' +
+			    '<p> Contributions: ' + d.contributions + '</p>' +
+		    '</div></div></div>'
+
+        $('#desktop-contributors').append(template)
+        users[i] = d.url
+        i = i + 1
+      }
+    })
+  })
+})($)
diff --git a/Contributors_Page/index.css b/Contributors_Page/index.css
@@ -0,0 +1,31 @@
+body {
+     background-color: #303030;
+     padding: 0px;
+     margin: 0px;
+     color: #E8E8E8;
+}
+
+h1,h3 {
+	text-align: center;
+	margin-top: 0px;
+}
+
+h1 {
+	margin-bottom: 15px;
+}
+
+h3 {
+	margin-bottom: 25px;
+}
+.template {
+	display: none;
+}
+
+#author { 
+	padding :2%;
+	min-height: 55vh;
+	max-height: 55vh;
+}
+#wrap {
+	min-height: 55vh;
+}
diff --git a/Contributors_Page/index.html b/Contributors_Page/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+
+    <head>
+	    <meta charset="UTF-8">
+	    <title>Contributors</title>
+    </head>
+
+
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+    <link rel="stylesheet" href="./index.css">
+
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
+    <body>
+        <div id="gradient" />
+        <div align="center">
+
+        <h1 href="https://trebleshot.monora.org/"> Trebleshot </h1>
+        <div>
+          <h3>Android App Contributors</h3>
+           <div class="container" id="wrap">
+	           <div class="row" id="android-contributors">
+	           </div>
+           </div>
+            <script type="text/javascript" src="android-contributors.js"></script>
+         </div>
+         <div>
+           <h3>Desktop App Contributors</h3>
+           	<div class="container" id="wrap">
+	           <div class="row" id="desktop-contributors">
+	           </div>
+          	</div>
+          </div>
+            <script type="text/javascript" src="desktop-contributors.js"></script>
+
+	<div>
+           <h3>Website Contributors</h3>
+           	<div class="container" id="wrap">
+	           <div class="row" id="web-contributors">
+	           </div>
+          	</div>
+          </div>
+            <script type="text/javascript" src="web-contributors.js"></script>
+        </div>
+    </body>
+</html>
diff --git a/Contributors_Page/web-contributors.js b/Contributors_Page/web-contributors.js
@@ -0,0 +1,30 @@
+var users = []
+var i = 0
+
+var getData = (function ($) {
+  var URL = 'https://api.github.com/repos/trebleshot/trebleshot.github.io/contributors'
+
+  $.get(URL, function (data, status) {
+    data.forEach(function (d) {
+      if (d.login == null) {
+        return true
+      }
+
+      if (users.indexOf(d.url) == -1) {
+	    var template =
+	    "<div class='col-md-3 col-xs-6 col-lg-3' id='author'><div class='container-fluid'>" +
+		    "<a class='thumbnail' target='_blank' href='" + d.html_url + "'>" +
+			    "<img src='" + d.avatar_url + "' alt='' class='img-responsive'>" +
+		    '</a>' +
+		    "<div class='caption'>" +
+			    '<strong>' + d.login + '</strong>' +
+			    '<p> Contributions: ' + d.contributions + '</p>' +
+		    '</div></div></div>'
+
+        $('#web-contributors').append(template)
+        users[i] = d.url
+        i = i + 1
+      }
+    })
+  })
+})($)
diff --git a/index.html b/index.html
@@ -95,6 +95,9 @@
           <li class="nav-item">
             <a class="nav-link page-scroll" href="#features">FEATURES</a>
           </li>
+          <li class="nav-item">
+            <a class="nav-link page-scroll" href="/Contributors_Page/index.html">CONTRIBUTORS</a>
+          </li>
         </ul>
         <span class="nav-item social-icons">
           <span class="fa-stack">