Fixes #389 - Created a separate Js file for fetching issues from github (#398)

* cleanup

* Fixed Links to direct to correct area

* Fixed Links to direct to correct area

* removed spaces

* Fixed

* Added scroll to top button

* conflicts removed

* external services removed

* external services removed

* Script to get issues has been reallocated to js folder

* Added fade in/out button

* Fade in/out button added

* Re

* Delete .DS_Store

* Update index.html

* removed ds store

* Delete .DS_Store

* Update .gitignore

* Update scripts.js

* Update scripts.js

* Relocated github scripts to JS folder

* Relocated github scripts to JS folder

* Update index.html

Done

Author: anishagg17

index.html

@@ -611,6 +611,7 @@ <h1>How Can I Participate in FOSSASIA projects?</h1>
         <script src="js/twitterfetcher.min.js"></script>
         <script src="js/placeholders.min.js"></script>
         <script src="js/scripts.js"></script>
+        <script src="js/githubScripts.js"></script>
         <script src="js/backToTop.js"></script>
 
 
@@ -619,59 +620,6 @@ <h1>How Can I Participate in FOSSASIA projects?</h1>
 
 
         <script type="text/javascript">
-		$.getJSON(
-			"https://api.github.com/repos/fossasia/labs.fossasia.org/issues?labels=project&state=open&per_page=100"
-		)
-		.done(function(data){
-			$('.loading').hide();
-			$.each(data, function(i, item) {
-				//List of Content
-				var tag, tempHeading;
-				$.each(item["labels"], function(i, label) {
-					if (label["name"] != "project") {
-						//tag = label["name"].replace(" ", "-");
-            tempHeading = label["name"];
-            tag = label["name"].split(" ").join("-");
-					}
-				});
-				if ($("#" + tag + "-issues").length <= 0) {
-					var a0 = $("<a>", {href: "#" + tag + "", id:"issue-tag", onClick: "desc"});
-					var li0 = $("<li>", {class: "tags"});
-					var ul = $("<ul>", {id: tag + "-issues"});
-					var wrapperDiv = $("<div>", {id: tag + ""});
-					var h1 = $("<h1>", {id: tag + "-description"});
-					a0.html(tempHeading);
-					li0.html(a0);
-					li0.append(ul);
-					$('#table').append(li0);
-					h1.html(tempHeading);
-					wrapperDiv.html(h1);
-					$('#results_projects').append(wrapperDiv);
-				}
-				var a = $("<a>", {href: "#" + item["id"], id:"issue-link", onClick:"desc()"});
-				var li = $("<li>");
-				a.html(item["title"] + "<br>");
-				li.html(a);
-				$('#' + tag + '-issues').append(li);
-				//Content Description
-				var div = $("<div>", {id: item["id"]});
-				var h4 = $("<h4>");
-				var p = $("<p>");
-				var bes = $("<a>",{href: item["html_url"], id: "issue-button"});
-				var converter = new showdown.Converter();
-				converter.setOption('simplifiedAutoLink', true);
-				var body = converter.makeHtml(item["body"]);
-				h4.html(item["title"]);
-				p.html(body);
-				bes.html("<p>"+"Read More.."+"</p>");
-				div.html(h4);
-				div.append(p);
-				div.append(bes);
-				$('#'+tag+'-description').append(div);
-			});
-			$("#results_projects div img").parent().css("border", "none");
-			$("#results_projects div a").parent().css("list-style", "none");
-		});
 		function desc(){
 			document.getElementById("gsoc-proj").style.paddingTop="0rem";
 		};

js/githubScripts.js

@@ -0,0 +1,53 @@
+$.getJSON(
+    "https://api.github.com/repos/fossasia/labs.fossasia.org/issues?labels=project&state=open&per_page=100"
+)
+.done(function(data){
+    $('.loading').hide();
+    $.each(data, function(i, item) {
+        //List of Content
+        var tag, tempHeading;
+        $.each(item["labels"], function(i, label) {
+            if (label["name"] != "project") {
+                //tag = label["name"].replace(" ", "-");
+    tempHeading = label["name"];
+    tag = label["name"].split(" ").join("-");
+            }
+        });
+        if ($("#" + tag + "-issues").length <= 0) {
+            var a0 = $("<a>", {href: "#" + tag + "", id:"issue-tag", onClick: "desc"});
+            var li0 = $("<li>", {class: "tags"});
+            var ul = $("<ul>", {id: tag + "-issues"});
+            var wrapperDiv = $("<div>", {id: tag + ""});
+            var h1 = $("<h1>", {id: tag + "-description"});
+            a0.html(tempHeading);
+            li0.html(a0);
+            li0.append(ul);
+            $('#table').append(li0);
+            h1.html(tempHeading);
+            wrapperDiv.html(h1);
+            $('#results_projects').append(wrapperDiv);
+        }
+        var a = $("<a>", {href: "#" + item["id"], id:"issue-link", onClick:"desc()"});
+        var li = $("<li>");
+        a.html(item["title"] + "<br>");
+        li.html(a);
+        $('#' + tag + '-issues').append(li);
+        //Content Description
+        var div = $("<div>", {id: item["id"]});
+        var h4 = $("<h4>");
+        var p = $("<p>");
+        var bes = $("<a>",{href: item["html_url"], id: "issue-button"});
+        var converter = new showdown.Converter();
+        converter.setOption('simplifiedAutoLink', true);
+        var body = converter.makeHtml(item["body"]);
+        h4.html(item["title"]);
+        p.html(body);
+        bes.html("<p>"+"Read More.."+"</p>");
+        div.html(h4);
+        div.append(p);
+        div.append(bes);
+        $('#'+tag+'-description').append(div);
+    });
+    $("#results_projects div img").parent().css("border", "none");
+    $("#results_projects div a").parent().css("list-style", "none");
+});