diff --git a/index.html b/index.html
index ab756466..9157da1d 100644
--- a/index.html
+++ b/index.html
@@ -17,42 +17,58 @@
         <meta name="twitter:description" content="FOSSASIA Open Tech Organization - Developing Open Source, Open Hardware and Open Knowledge Tools with Asia's Premier Open Technology Community">
         <meta name="twitter:creator" content="@fossasia">
         <meta name="twitter:image" content="https://fossasia.org/img/fossasia.png">
-		<link rel=icon href="fossasia.ico">
-
-		<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
-        <link href="css/flexslider.css" rel="stylesheet" type="text/css" media="all"/>
-        <link href="css/elegant-icons.min.css" rel="stylesheet" type="text/css" media="all"/>
-        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all"/>
-        <link href="css/pe-icon-7-stroke.min.css" rel="stylesheet" type="text/css" media="all"/>
-        <link href="css/lightbox.min.css" rel="stylesheet" type="text/css" media="all"/>
-        <link href="css/theme-lava.css" rel="stylesheet" type="text/css" media="all"/>
-        <link href="css/custom.css" rel="stylesheet" type="text/css" media="all"/>
-        <link href="css/custom-blog.css" rel="stylesheet" type="text/css" media="all"/>
-        <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" media="all"/>
-        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,300' rel='stylesheet' type='text/css'>
+			<link rel=icon href="fossasia.ico">
+
+			<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
+			<link href="css/flexslider.css" rel="stylesheet" type="text/css" media="all"/>
+			<link href="css/elegant-icons.min.css" rel="stylesheet" type="text/css" media="all"/>
+			<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all"/>
+			<link href="css/pe-icon-7-stroke.min.css" rel="stylesheet" type="text/css" media="all"/>
+			<link href="css/lightbox.min.css" rel="stylesheet" type="text/css" media="all"/>
+			<link href="css/theme-lava.css" rel="stylesheet" type="text/css" media="all"/>
+			<link href="css/custom.css" rel="stylesheet" type="text/css" media="all"/>
+			<link href="css/custom-blog.css" rel="stylesheet" type="text/css" media="all"/>
+			<link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" media="all"/>
+			<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,300' rel='stylesheet' type='text/css'>
         <script>
-     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-     m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-     })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-     ga('create', 'UA-17146009-5', 'auto');
-     ga('send', 'pageview');
-    </script>
+					(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+					(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+					m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+					})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+					ga('create', 'UA-17146009-5', 'auto');
+					ga('send', 'pageview');
+				</script>
     </head>
 
-    <body class="no-loader">
+    <body>
+			<div class="modal fade" style="width: 100%;" id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+				<div class="modal-dialog modal-xl">
+					<div class="modal-content">
+						<div class="modal-header">
+							<strong class="modal-title" id="exampleModalLabel">We ask you, humbly, to help.</>
+							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+								<span aria-hidden="true">&times;</span>
+							</button>
+						</div>
+						<div class="modal-body">
+							<p>
+								Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic sint perferendis nam, error iusto id porro tempore quia numquam nesciunt, commodi vero non vitae facilis, velit nulla quisquam sequi optio.
+							</p>
+							<a class="btn btn-sm btn-dark" rel="noopener noreferrer" target="_blank" href="http://fossasia.org/donate/" role="button">Donate</a>
+						</div>
+					</div>
+				</div>
+			</div>
 
-    	<div class="loader">
+    	<!-- <div class="loader">
     		<div class="strip-holder">
 				<div class="strip-1"></div>
 				<div class="strip-2"></div>
 				<div class="strip-3"></div>
     		</div>
-    	</div>
-
+    	</div> -->
     	<a id="top"></a>
-		<div class="nav-container">
-
+			<div class="nav-container">
 				<nav class="overlay-nav">
 					<div class="container">
 						<div class="row">
@@ -1651,7 +1667,8 @@ <h1>Friends and Partners</h1>
  			</a>
 			</footer>
 		</div>
-	    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>
+		</body>
+		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>
 		<script src="js/feednami.js"></script>
         <script src="js/bootstrap.min.js"></script>
         <script src="js/skrollr.min.js"></script>
@@ -1665,5 +1682,9 @@ <h1>Friends and Partners</h1>
         <script src="js/scripts.js"></script>
         <script src="js/tweets.js"></script>
         <script src="js/blog.js"></script>
-    </body>
+		<script>
+			$(document).ready(function() {
+				$('#myModal').modal('show');
+			})
+		</script>
 </html>
diff --git a/js/blog.js b/js/blog.js
index b3302fcd..9bda1de3 100644
--- a/js/blog.js
+++ b/js/blog.js
@@ -1,51 +1,39 @@
-$(document).ready(function() {
-    
-    var url = 'https://blog.fossasia.org/feed/?format=xml';
-    feeds(url);
- });
+$(document).ready(function () {
+  var url = "https://blog.fossasia.org/feed/?format=xml";
+  feeds(url);
+});
 
+function feeds(url) {
+  var blog = $("#result");
+  var html = [];
+  feednami.load(url, function (result) {
+    if (result.error) {
+      console.log(result.error);
+    } else {
+      var entries = result.feed.entries;
+      html = [];
+      for (var x = 0; x < 10; x++) {
+        var count = 0;
+        var text = entries[x];
 
-function feeds(url){
-var blog = $("#result");
-var html = [];
-feednami.load(url,function(result){
-        if(result.error) {
-            console.log(result.error);
+        var title = text.title;
+        if (x === 0) {
+          html.push("<div class='item active'><h1>" + title + "</h1>");
         } else {
-          
-            var entries = result.feed.entries;
-            html=[];
-          for( var x=0 ; x< 10; x++){
-            
-            var count =0;
-            var text = entries[x];
-            
-            var title = text.title;
-            if(x===0){
-                html.push("<div class='item active'><h1>"+title+"</h1>");
-            }
-            else{
-                html.push("<div class='item' ><h1 class='blogtitle'>"+title+"</h1>");
-            }
-            var author = text.author ;
-            html.push("<h1>By - "+(author)+"</h1>");
-           
-            var link = text.guid ;
-            var date = new Date(text.date);
-             summary = text.summary
-             html.push("<hr><p class ='summary'>"+summary + "<p>");
-             html.push("<span class='date'> Posted On - "+(date)+"</span></div>");
-            
-             
-            
-         }
-          blog.html(html.join(""));
-        
-      
-      
-            
-       }
-        
-    });
- 
+          html.push(
+            "<div class='item' ><h1 class='blogtitle'>" + title + "</h1>"
+          );
+        }
+        var author = text.author;
+        html.push("<h1>By - " + author + "</h1>");
+
+        var link = text.guid;
+        var date = new Date(text.date);
+        summary = text.summary;
+        html.push("<hr><p class ='summary'>" + summary + "<p>");
+        html.push("<span class='date'> Posted On - " + date + "</span></div>");
+      }
+      blog.html(html.join(""));
+    }
+  });
 }
diff --git a/js/navbar.js b/js/navbar.js
index 0a6dbe0d..61f97b9e 100644
--- a/js/navbar.js
+++ b/js/navbar.js
@@ -1,46 +1,42 @@
 /**
  * Created by championswimmer on 27/08/16.
  */
-$(function() {
-    $('.nav.navbar-nav > li a').removeClass('active');
-    var linkUrl=window.location.href.split("/");
-    if(findMatch(linkUrl, "tracks.html")){
-        $("#trackslink").addClass('active');
-    }
-    else if(findMatch(linkUrl, "rooms.html")){
-        $("#roomslink").addClass('active');
-    }
-    else if(findMatch(linkUrl, "schedule.html")){
-        $("#schedulelink").addClass('active');
-    }
-    else if(findMatch(linkUrl, "speakers.html")){
-        $("#speakerslink").addClass('active');
-    }
-    else if(findMatch(linkUrl, "sessions.html")){
-        $("#sessionslink").addClass('active');
-    }
-    else {
-        $("#homelink").addClass('active');
-    }
+$(function () {
+  $(".nav.navbar-nav > li a").removeClass("active");
+  var linkUrl = window.location.href.split("/");
+  if (findMatch(linkUrl, "tracks.html")) {
+    $("#trackslink").addClass("active");
+  } else if (findMatch(linkUrl, "rooms.html")) {
+    $("#roomslink").addClass("active");
+  } else if (findMatch(linkUrl, "schedule.html")) {
+    $("#schedulelink").addClass("active");
+  } else if (findMatch(linkUrl, "speakers.html")) {
+    $("#speakerslink").addClass("active");
+  } else if (findMatch(linkUrl, "sessions.html")) {
+    $("#sessionslink").addClass("active");
+  } else {
+    $("#homelink").addClass("active");
+  }
 });
 
 //The function below checks whether any of the entries of the array match against the
 //given pattern or not.
 
-function findMatch(arr, pattern){
-    // len stores the no. of elements checked so far and flag tells whether we found any
-    // pattern or not.
-    var len = 0, flag = 0;
-    arr.forEach(function(val){
-        len += 1;
-        if(val.indexOf(pattern) !== -1){
-            flag = 1;
-        }
-    });
-
-    // the check below makes sure that the function doesn't return any value before all
-    // of the entries of the array are checked against the pattern.
-    if(len === arr.length){
-        return flag;
+function findMatch(arr, pattern) {
+  // len stores the no. of elements checked so far and flag tells whether we found any
+  // pattern or not.
+  var len = 0,
+    flag = 0;
+  arr.forEach(function (val) {
+    len += 1;
+    if (val.indexOf(pattern) !== -1) {
+      flag = 1;
     }
+  });
+
+  // the check below makes sure that the function doesn't return any value before all
+  // of the entries of the array are checked against the pattern.
+  if (len === arr.length) {
+    return flag;
+  }
 }
diff --git a/js/tweets.js b/js/tweets.js
index 8f05276d..fb8c7fb2 100644
--- a/js/tweets.js
+++ b/js/tweets.js
@@ -3,90 +3,112 @@
 var interval_id = null;
 
 function Interval() {
-	if (interval_id !== null){
-		clearInterval(interval_id)
-		interval_id = window.setInterval(nextTweet, 6600); //6.6 secs
-	} else{
-		interval_id = window.setInterval(nextTweet, 6600); //6.6 secs
-	}
+  if (interval_id !== null) {
+    clearInterval(interval_id);
+    interval_id = window.setInterval(nextTweet, 6600); //6.6 secs
+  } else {
+    interval_id = window.setInterval(nextTweet, 6600); //6.6 secs
+  }
 }
 
 function datafetcher() {
-	loklakFetcher.getTweets({}, datahandler);
-	Interval();
+  loklakFetcher.getTweets({}, datahandler);
+  Interval();
 }
 
 function datahandler(raw) {
-	stuff = raw;   //Makes the data available globally.
-	parser(stuff);
+  stuff = raw; //Makes the data available globally.
+  parser(stuff);
 }
 
 var tweetNum = 0;
 
-function parseFunc(){
-	parser(stuff)
+function parseFunc() {
+  parser(stuff);
 }
 
 function nextTweet() {
-	tweetNum += 1;
-	var tweetsEl = document.getElementsByClassName('tweets-feed')[0];
-	//go back to the first tweet if it's greater than the amount of tweets available
-	if(tweetNum == tweetsEl.dataset.count) {
-		tweetNum = 0;
-	}
-	Interval();
-	document.getElementsByClassName('tweets-feed')[0].style.opacity =  0;
-	window.setTimeout(parseFunc, 560);
+  tweetNum += 1;
+  var tweetsEl = document.getElementsByClassName("tweets-feed")[0];
+  //go back to the first tweet if it's greater than the amount of tweets available
+  if (tweetNum == tweetsEl.dataset.count) {
+    tweetNum = 0;
+  }
+  Interval();
+  document.getElementsByClassName("tweets-feed")[0].style.opacity = 0;
+  window.setTimeout(parseFunc, 560);
 }
 function lastTweet() {
-	if (tweetNum > 0) {
-		tweetNum -= 1;
-		Interval();
-		document.getElementsByClassName('tweets-feed')[0].style.opacity =  0;
-		window.setTimeout(parseFunc, 560);
-	}
+  if (tweetNum > 0) {
+    tweetNum -= 1;
+    Interval();
+    document.getElementsByClassName("tweets-feed")[0].style.opacity = 0;
+    window.setTimeout(parseFunc, 560);
+  }
 }
 
 function parser(data) {
-	var parsed = ""
-	var tweet = data.statuses[tweetNum].text;
-	var words = tweet.split(" ");
-	var loklakLinkCount = 0;
-	for (word in words) {
-		if (words[word].startsWith("@")) {
-			parsed += "<a href='https://twitter.com/" + words[word].slice(1) + "' target='_blank'>" + words[word] + "</a> ";
-		} else if (words[word].startsWith("#")) {
-			parsed += "<a href='https://twitter.com/hashtag/" + words[word].slice(1) + "' target='_blank'>" + words[word] + "</a> ";
-		} else if (words[word].startsWith("http")) {
-			if (words[word].startsWith("https://api.loklak")) {
-				parsed += "<a href='" + data.statuses[tweetNum].links[loklakLinkCount] + "' target='_blank'>" + data.statuses[tweetNum].links[loklakLinkCount] + "</a> ";
-				loklakLinkCount += 1;
-			} else {
-				parsed += "<a href='" + words[word] + "' target='_blank' style='word-break:break-all'>" + words[word] + "</a> ";
-			}
-		} else {
-			parsed += words[word] + " ";
-		}
-	}
+  var parsed = "";
+  var tweet = data.statuses[tweetNum].text;
+  var words = tweet.split(" ");
+  var loklakLinkCount = 0;
+  for (word in words) {
+    if (words[word].startsWith("@")) {
+      parsed +=
+        "<a href='https://twitter.com/" +
+        words[word].slice(1) +
+        "' target='_blank'>" +
+        words[word] +
+        "</a> ";
+    } else if (words[word].startsWith("#")) {
+      parsed +=
+        "<a href='https://twitter.com/hashtag/" +
+        words[word].slice(1) +
+        "' target='_blank'>" +
+        words[word] +
+        "</a> ";
+    } else if (words[word].startsWith("http")) {
+      if (words[word].startsWith("https://api.loklak")) {
+        parsed +=
+          "<a href='" +
+          data.statuses[tweetNum].links[loklakLinkCount] +
+          "' target='_blank'>" +
+          data.statuses[tweetNum].links[loklakLinkCount] +
+          "</a> ";
+        loklakLinkCount += 1;
+      } else {
+        parsed +=
+          "<a href='" +
+          words[word] +
+          "' target='_blank' style='word-break:break-all'>" +
+          words[word] +
+          "</a> ";
+      }
+    } else {
+      parsed += words[word] + " ";
+    }
+  }
   var date = +new Date(data.statuses[tweetNum].created_at);
   var myDate = new Date();
   myDate = myDate.getTime();
-  var difference = myDate-date; //it's in miliseconds
-  var tweetAge = Math.round(difference/1000/3600) > 24 ? Math.round(difference/1000/3600/24) + " days ago" : Math.round(difference/1000/3600) + " hours ago";
-  parsed += "<span class='dateTweeted'>Tweeted "+tweetAge+"</div>";
-
-	document.getElementsByClassName("tweets-feed")[0].innerHTML =  parsed;
-	document.getElementsByClassName("tweets-feed")[0].style.opacity =  1;
+  var difference = myDate - date; //it's in miliseconds
+  var tweetAge =
+    Math.round(difference / 1000 / 3600) > 24
+      ? Math.round(difference / 1000 / 3600 / 24) + " days ago"
+      : Math.round(difference / 1000 / 3600) + " hours ago";
+  parsed += "<span class='dateTweeted'>Tweeted " + tweetAge + "</div>";
+
+  document.getElementsByClassName("tweets-feed")[0].innerHTML = parsed;
+  document.getElementsByClassName("tweets-feed")[0].style.opacity = 1;
 }
 
 /* Taken from https://github.com/fossasia/fossasia-loklak-webtweets/blob/gh-pages/js/loklak-fetcher.js
 See documentation at https://github.com/fossasia/fossasia-loklak-webtweets
 */
 
-
 var loklakFetcher;
 
-window.onload = (function() {
+window.onload = function () {
   var script = null;
 
   loklakFetcher = {
@@ -97,70 +119,78 @@ window.onload = (function() {
      * @param  {function} callback Function called after getting the results.
      *                             These are passed as first argument
      */
-    getTweets: function(options, callback) {
-      if(typeof options === 'function') { // A callback has been provided as 2nd
-                                          // argument (no options)
+    getTweets: function (options, callback) {
+      if (typeof options === "function") {
+        // A callback has been provided as 2nd
+        // argument (no options)
         var callback = options;
         options = {};
-      } else if(callback === undefined) { // No callback has been provided, even
-                                          // as 2nd argument
-        throw new Error('[LOKLAK-FETCHER] No callback provided');
+      } else if (callback === undefined) {
+        // No callback has been provided, even
+        // as 2nd argument
+        throw new Error("[LOKLAK-FETCHER] No callback provided");
       }
 
-      var settings = [ 'count', 'source', 'tzOffset', 'minified' ];  // Field names for all the possible parameters
-      var defaults = [ 100, 'all', new Date().getTimezoneOffset(), true ];  // Default values
+      var settings = ["count", "source", "tzOffset", "minified"]; // Field names for all the possible parameters
+      var defaults = [100, "all", new Date().getTimezoneOffset(), true]; // Default values
 
       // Check if no options have been provided
-      if(typeof options === 'undefined') {
+      if (typeof options === "undefined") {
         var options = {}; // Create 'options' to avoid ReferenceErrors later
       }
       var query = "";
       //Check if there are any data elements set
       var tweetsEl = document.getElementsByClassName("tweets-feed")[0];
       var dataset = tweetsEl.dataset;
-      if(dataset.count) {
+      if (dataset.count) {
         options[settings[0]] = dataset.count; //count is index 0
       }
 
-      if(dataset.query) {
-        query = dataset.query.replace(/\s/gi, '%20').replace(/#/gi, '%23'); //replace spaces and hashtags in URL
+      if (dataset.query) {
+        query = dataset.query.replace(/\s/gi, "%20").replace(/#/gi, "%23"); //replace spaces and hashtags in URL
       } else {
         query = "";
       }
 
-      if(dataset.start) {
+      if (dataset.start) {
         query = query + "%20since:" + dataset.start;
       }
 
-      if(dataset.end) {
+      if (dataset.end) {
         query = query + "%20until:" + dataset.end;
       }
 
-      if(dataset.from) {
-        var sources = dataset.from.split(',');
-	sources.forEach(source => {
-	  query = query + "from:" + source + "%20OR%20"
-	})
-	query = query.substring(0, query.length - 8);
+      if (dataset.from) {
+        var sources = dataset.from.split(",");
+        sources.forEach((source) => {
+          query = query + "from:" + source + "%20OR%20";
+        });
+        query = query.substring(0, query.length - 8);
       }
 
       // Write unset options as their default
-      for(index in settings) {
-        if(options[settings[index]] === undefined) {
+      for (index in settings) {
+        if (options[settings[index]] === undefined) {
           options[settings[index]] = defaults[index];
         }
       }
 
       // Create the URL with all the parameters
-      var url = 'https://api.loklak.org/api/search.json' +
-        '?callback=loklakFetcher.handleData' +
-        '&q=' + query +
-        '&count=' + options.count +
-        '&source=' + options.source +
-        '&timezoneOffset=' + options.tzOffset +
-        '&minified=' + options.minified;
+      var url =
+        "https://api.loklak.org/api/search.json" +
+        "?callback=loklakFetcher.handleData" +
+        "&q=" +
+        query +
+        "&count=" +
+        options.count +
+        "&source=" +
+        options.source +
+        "&timezoneOffset=" +
+        options.tzOffset +
+        "&minified=" +
+        options.minified;
       // If the script element for JSONP already exists, remove it
-      if(script !== null) {
+      if (script !== null) {
         document.head.removeChild(script);
       }
       /**
@@ -168,7 +198,7 @@ window.onload = (function() {
        * first and only argument.
        * @param  {object} data JSON coming from loklak's API
        */
-      this.handleData = function(data) {
+      this.handleData = function (data) {
         callback(data);
       };
 
@@ -176,8 +206,7 @@ window.onload = (function() {
       script = document.createElement("script");
       script.src = url;
       document.head.appendChild(script);
-    }
+    },
   };
   datafetcher();
-
-});
+};
