From fe5548546b48ae67bdb954a1e4a6b582c2ad8ed6 Mon Sep 17 00:00:00 2001
From: srph <seraphipod@gmail.com>
Date: Thu, 12 Feb 2015 18:26:48 +0800
Subject: [PATCH 1/6] Init gh-pages.

---
 examples/container.html | 89 +++++++++++++++++++++++++++++++++++++++++
 examples/window.html    | 83 ++++++++++++++++++++++++++++++++++++++
 index.html              | 34 ++++++++++++++++
 script.js               | 14 +++++++
 4 files changed, 220 insertions(+)
 create mode 100644 examples/container.html
 create mode 100644 examples/window.html
 create mode 100644 index.html
 create mode 100644 script.js

diff --git a/examples/container.html b/examples/container.html
new file mode 100644
index 0000000..6f822b3
--- /dev/null
+++ b/examples/container.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title> srph/angular-infinite-scroll | Examples - Container </title>
+  <meta charset="utf-8">
+
+  <style>
+    #yolo {
+      height: 400px;
+      width: 100%;
+      overflow: scroll;
+      background: green;
+    }
+
+    .yolo {
+      height: 100px;
+      width: 100%;
+      margin-bottom: 25px;
+      margin-top: 25px;
+      background: red;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div ng-controller="YoloController">
+      <div id="yolo" srph-infinite-scroll="$load()" container="true" disabled="isDisabled" threshold="5000">
+        <div ng-repeat="n in collection track by $index" class="yolo"> <h1> {{ n }} </h1> </div>
+        <div ng-if="isLoading"> Loading.. </div>
+      </div>
+    </div>
+  </div>
+
+
+  <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
+  <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.12/angular.js"></script>
+  <script src="../dist/angular-srph-infinite-scroll.js"></script>
+
+  <script>
+    +function(angular) {
+      angular
+        .module('app', ['srph.infinite-scroll'])
+        .controller('YoloController', YoloController);
+
+      function YoloController($scope, $timeout) {
+        var n;
+
+        angular.extend($scope, {
+          collection: (function() {
+            var collection = [];
+
+            for ( n = 0; n < 5; n++ ) collection.push(n)
+
+            return collection;
+          })(),
+          isLoading: false,
+          isDisabled: false,
+          $load: $load
+        });
+
+        function $load() {
+          $scope.isLoading = true;
+
+          return $timeout(function() {
+            var collection = [];
+            var last = n + 5;
+
+            for ( ; n < last; n++ ) {
+              // collection.push(Math.random() * 12345 + 0);
+              $scope.collection.push( n );
+            }
+
+            if ( n > 20 ) {
+              $scope.isDisabled = true;
+            }
+
+            // $scope.collection.concat(collection);
+            $scope.isLoading = false;
+            console.log('yolo');
+          }, 250);
+        }
+      }
+
+      angular.bootstrap(document, ['app']);
+    }(angular);
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/examples/window.html b/examples/window.html
new file mode 100644
index 0000000..1894975
--- /dev/null
+++ b/examples/window.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title> srph/angular-infinite-scroll | Examples - Default (No Container) </title>
+  <meta charset="utf-8">
+
+  <style>
+
+    .yolo {
+      height: 100px;
+      width: 100%;
+      margin-bottom: 25px;
+      margin-top: 25px;
+      background: red;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div ng-controller="YoloController">
+      <div srph-infinite-scroll="$load()" disabled="isDisabled">
+        <div ng-repeat="n in collection track by $index" class="yolo"> <h1> {{ n }} </h1> </div>
+        <div ng-if="isLoading"> Loading.. </div>
+      </div>
+    </div>
+  </div>
+
+
+  <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
+  <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.12/angular.js"></script>
+  <script src="//cdn.rawgit.com/srph/angular-infinite-scroll/master/dist/angular-srph-infinite-scroll.min.js"></script>
+
+  <script>
+    +function(angular) {
+      angular
+        .module('app', ['srph.infinite-scroll'])
+        .controller('YoloController', YoloController);
+
+      function YoloController($scope, $timeout) {
+        var n;
+
+        angular.extend($scope, {
+          collection: (function() {
+            var collection = [];
+
+            for ( n = 0; n < 5; n++ ) collection.push(n)
+
+            return collection;
+          })(),
+          isLoading: false,
+          isDisabled: false,
+          $load: $load
+        });
+
+        function $load() {
+          $scope.isLoading = true;
+
+          return $timeout(function() {
+            var collection = [];
+            var last = n + 5;
+
+            for ( ; n < last; n++ ) {
+              // collection.push(Math.random() * 12345 + 0);
+              $scope.collection.push( n );
+            }
+
+            if ( n > 20 ) {
+              $scope.isDisabled = true;
+            }
+
+            // $scope.collection.concat(collection);
+            $scope.isLoading = false;
+            console.log('yolo');
+          }, 2500);
+        }
+      }
+
+      angular.bootstrap(document, ['app']);
+    }(angular);
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..5effaab
--- /dev/null
+++ b/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>srph/angular-infinite-scroll</title>
+  <meta charset="utf-8">
+
+  <link href="//cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" rel="stylesheet">
+</head>
+<body>
+  <div class="container">
+    <h1> srph/angular-infinite-scroll </h1>
+    <a href="#" class="button button-primary"> Github Repository </a>
+    <iframe src="https://ghbtns.com/github-btn.html?user=srph&repo=angular-infinite-scroll&type=star&count=true"
+      frameborder="0"
+      scrolling="0"
+      width="170px"
+      height="20px">
+    </iframe>
+
+    <iframe src="https://ghbtns.com/github-btn.html?user=srph&type=follow&count=true"
+      frameborder="0"
+      scrolling="0"
+      width="170px"
+      height="20px">
+    </iframe>
+  </div>
+
+  <!-- Thanks, Raw GIT, CDNjs -->
+  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.12/angular.min.js"></script>
+  <script src="//cdn.rawgit.com/srph/angular-infinite-scroll/master/dist/angular-srph-infinite-scroll.min.js"></script>
+  <script src="script.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..6806798
--- /dev/null
+++ b/script.js
@@ -0,0 +1,14 @@
++function(angular, undefined) {
+  angular
+    .module('app', ['srph.infinite-scroll'])
+    .controller('ContainerController', ContainerController)
+    .controller('WindowController', WindowController);
+
+  function ContainerController($scope) {
+
+  }
+
+  function WindowController($scope) {
+    
+  }
+}(angular);
\ No newline at end of file

From 0007f63b2ccac2dab638e4e5b7b762a88da2f7c2 Mon Sep 17 00:00:00 2001
From: srph <seraphipod@gmail.com>
Date: Thu, 12 Feb 2015 18:52:23 +0800
Subject: [PATCH 2/6] Added states.

---
 index.html |  1 +
 script.js  | 35 ++++++++++++++++++++++++++++++++++-
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 5effaab..c7bde41 100644
--- a/index.html
+++ b/index.html
@@ -28,6 +28,7 @@ <h1> srph/angular-infinite-scroll </h1>
   <!-- Thanks, Raw GIT, CDNjs -->
   <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
   <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.12/angular.min.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.13/angular-ui-router.min.js"></script>
   <script src="//cdn.rawgit.com/srph/angular-infinite-scroll/master/dist/angular-srph-infinite-scroll.min.js"></script>
   <script src="script.js"></script>
 </body>
diff --git a/script.js b/script.js
index 6806798..c01bde1 100644
--- a/script.js
+++ b/script.js
@@ -1,9 +1,42 @@
 +function(angular, undefined) {
   angular
-    .module('app', ['srph.infinite-scroll'])
+    .module('app', ['ui.router', 'srph.infinite-scroll'])
+    .config(statesBlock)
     .controller('ContainerController', ContainerController)
     .controller('WindowController', WindowController);
 
+  function statesBlock($stateProvider) {
+
+    var example = {
+      name: 'example'
+      url: '',
+      abstract: true
+    };
+
+    var home = {
+      parent: 'example'
+      name: 'home',
+      url: '/'
+    };
+
+    var win = {
+      parent: 'example',
+      name: 'window',
+      url: '/window'
+    };
+
+    var con = {
+      parent: 'example',
+      name: 'container',
+      url: '/container'
+    };
+
+    $stateProvider.state(example);
+    $stateProvider.state(home);
+    $stateProvider.state(win);
+    $stateProvider.state(con);
+  }
+
   function ContainerController($scope) {
 
   }

From 8f5bbab1e5051f2672b0537860d5c53ad8d91e10 Mon Sep 17 00:00:00 2001
From: srph <seraphipod@gmail.com>
Date: Fri, 13 Feb 2015 07:19:46 +0800
Subject: [PATCH 3/6] Updated examples.

---
 examples/container.html | 89 -----------------------------------------
 examples/window.html    | 83 --------------------------------------
 index.html              | 71 +++++++++++++++++++++++++++-----
 script.js               | 47 ----------------------
 4 files changed, 62 insertions(+), 228 deletions(-)
 delete mode 100644 examples/container.html
 delete mode 100644 examples/window.html
 delete mode 100644 script.js

diff --git a/examples/container.html b/examples/container.html
deleted file mode 100644
index 6f822b3..0000000
--- a/examples/container.html
+++ /dev/null
@@ -1,89 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title> srph/angular-infinite-scroll | Examples - Container </title>
-  <meta charset="utf-8">
-
-  <style>
-    #yolo {
-      height: 400px;
-      width: 100%;
-      overflow: scroll;
-      background: green;
-    }
-
-    .yolo {
-      height: 100px;
-      width: 100%;
-      margin-bottom: 25px;
-      margin-top: 25px;
-      background: red;
-    }
-  </style>
-</head>
-<body>
-  <div class="container">
-    <div ng-controller="YoloController">
-      <div id="yolo" srph-infinite-scroll="$load()" container="true" disabled="isDisabled" threshold="5000">
-        <div ng-repeat="n in collection track by $index" class="yolo"> <h1> {{ n }} </h1> </div>
-        <div ng-if="isLoading"> Loading.. </div>
-      </div>
-    </div>
-  </div>
-
-
-  <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
-  <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.12/angular.js"></script>
-  <script src="../dist/angular-srph-infinite-scroll.js"></script>
-
-  <script>
-    +function(angular) {
-      angular
-        .module('app', ['srph.infinite-scroll'])
-        .controller('YoloController', YoloController);
-
-      function YoloController($scope, $timeout) {
-        var n;
-
-        angular.extend($scope, {
-          collection: (function() {
-            var collection = [];
-
-            for ( n = 0; n < 5; n++ ) collection.push(n)
-
-            return collection;
-          })(),
-          isLoading: false,
-          isDisabled: false,
-          $load: $load
-        });
-
-        function $load() {
-          $scope.isLoading = true;
-
-          return $timeout(function() {
-            var collection = [];
-            var last = n + 5;
-
-            for ( ; n < last; n++ ) {
-              // collection.push(Math.random() * 12345 + 0);
-              $scope.collection.push( n );
-            }
-
-            if ( n > 20 ) {
-              $scope.isDisabled = true;
-            }
-
-            // $scope.collection.concat(collection);
-            $scope.isLoading = false;
-            console.log('yolo');
-          }, 250);
-        }
-      }
-
-      angular.bootstrap(document, ['app']);
-    }(angular);
-  </script>
-</body>
-</html>
\ No newline at end of file
diff --git a/examples/window.html b/examples/window.html
deleted file mode 100644
index 1894975..0000000
--- a/examples/window.html
+++ /dev/null
@@ -1,83 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title> srph/angular-infinite-scroll | Examples - Default (No Container) </title>
-  <meta charset="utf-8">
-
-  <style>
-
-    .yolo {
-      height: 100px;
-      width: 100%;
-      margin-bottom: 25px;
-      margin-top: 25px;
-      background: red;
-    }
-  </style>
-</head>
-<body>
-  <div class="container">
-    <div ng-controller="YoloController">
-      <div srph-infinite-scroll="$load()" disabled="isDisabled">
-        <div ng-repeat="n in collection track by $index" class="yolo"> <h1> {{ n }} </h1> </div>
-        <div ng-if="isLoading"> Loading.. </div>
-      </div>
-    </div>
-  </div>
-
-
-  <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
-  <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.12/angular.js"></script>
-  <script src="//cdn.rawgit.com/srph/angular-infinite-scroll/master/dist/angular-srph-infinite-scroll.min.js"></script>
-
-  <script>
-    +function(angular) {
-      angular
-        .module('app', ['srph.infinite-scroll'])
-        .controller('YoloController', YoloController);
-
-      function YoloController($scope, $timeout) {
-        var n;
-
-        angular.extend($scope, {
-          collection: (function() {
-            var collection = [];
-
-            for ( n = 0; n < 5; n++ ) collection.push(n)
-
-            return collection;
-          })(),
-          isLoading: false,
-          isDisabled: false,
-          $load: $load
-        });
-
-        function $load() {
-          $scope.isLoading = true;
-
-          return $timeout(function() {
-            var collection = [];
-            var last = n + 5;
-
-            for ( ; n < last; n++ ) {
-              // collection.push(Math.random() * 12345 + 0);
-              $scope.collection.push( n );
-            }
-
-            if ( n > 20 ) {
-              $scope.isDisabled = true;
-            }
-
-            // $scope.collection.concat(collection);
-            $scope.isLoading = false;
-            console.log('yolo');
-          }, 2500);
-        }
-      }
-
-      angular.bootstrap(document, ['app']);
-    }(angular);
-  </script>
-</body>
-</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index c7bde41..5f1b616 100644
--- a/index.html
+++ b/index.html
@@ -1,35 +1,88 @@
+<!--
+  angular-infinite-scroll - (c) 2014 Kier Borromeo | @srph
+  @link http://srph.github.io/angular-infinite-scroll
+  @repository http://github.com/srph/angular-infinite-scroll
+  @license MIT
+   __   .__                                    .__ 
+  |  | _|__| ___________  ______   ____   ____ |__|
+  |  |/ /  |/ __ \_  __ \ \____ \ /  _ \ / ___\|  |
+  |    <|  \  ___/|  | \/ |  |_> >  <_> ) /_/  >  |
+  |__|_ \__|\___  >__|    |   __/ \____/\___  /|__|
+       \/       \/        |__|         /_____/     
+-->
 <!DOCTYPE html>
 <html>
 <head>
   <title>srph/angular-infinite-scroll</title>
   <meta charset="utf-8">
-
+  <link href='http://fonts.googleapis.com/css?family=Raleway:400,700,500,600,300,200,100' rel='stylesheet' type='text/css'>
   <link href="//cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" rel="stylesheet">
+  <style>
+    .u-text-center { text-align: center; }
+    .u-box-allowance { margin-top: 50px; margin-bottom: 25px;}
+    .container { width: 768px; margin-top: 25px; margin-bottom: 25px; }
+  </style>
 </head>
 <body>
-  <div class="container">
+  <div class="container u-text-center">
     <h1> srph/angular-infinite-scroll </h1>
-    <a href="#" class="button button-primary"> Github Repository </a>
-    <iframe src="https://ghbtns.com/github-btn.html?user=srph&repo=angular-infinite-scroll&type=star&count=true"
+
+    <p>A simple infinite scroll for AngularJS weighing  <kbd>&lt;1 KB</kbd>. </p>.
+
+    <a href="#" class="button button-primary" style="margin-right: 5px;"> Github Repository </a>
+
+    <iframe src="https://ghbtns.com/github-btn.html?user=srph&type=follow&count=true"
       frameborder="0"
       scrolling="0"
-      width="170px"
+      width="135px"
       height="20px">
     </iframe>
 
-    <iframe src="https://ghbtns.com/github-btn.html?user=srph&type=follow&count=true"
+    <iframe src="https://ghbtns.com/github-btn.html?user=srph&repo=angular-infinite-scroll&type=star&count=true"
       frameborder="0"
       scrolling="0"
-      width="170px"
+      width="75px"
       height="20px">
     </iframe>
+
+    <hr>
+
+    <p class="u-text-center">Here are some examples to help you get started.</p>
+
+
+    <div style="1px solid #ddd" class="u-text-center u-box-allowance">
+      <h3> Basic </h3>
+      <p>
+        Here is a basic implementation of the infinite-scroll. Keep on scrolling, <em>forever</em> (<em>Walang forever</em>).
+      </p>
+      <iframe src="http://embed.plnkr.co/MjtyRMY8ixSwGai9ypZG/preview"
+        frameborder="0"
+        height="500px"
+        width="700px">
+      </iframe>
+    </div>
+
+    Infinite scrolling on a container element (which means we track the scrolling on an element instead of window).
+        Keep on scrolling, we should stop by 24.
+
+    <div style="1px solid #ddd" class="u-text-center u-box-allowance">
+      <h3> Advanced </h3>
+      <p> All together now! </p>
+      <p>
+        Implements the infinite scrolling on a container element, with a <kbd>threshold</kbd> of <kbd>500px</kbd>,
+        with a throttle of <kbd>50s</kbd>, and an asynchronous callback (<kbd>$timeout</kbd> is an asynchronous method) which finishes in <kbd>2s</kbd> (notice that scrolling won't trigger the callback until it finishes).
+      </p>
+      <iframe src="http://embed.plnkr.co/9mfa7WMi5S8OTPrQrDi0/preview"
+        frameborder="0"
+        height="500px"
+        width="700px">
+      </iframe>
+    </div>
   </div>
 
   <!-- Thanks, Raw GIT, CDNjs -->
   <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
   <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.12/angular.min.js"></script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.13/angular-ui-router.min.js"></script>
   <script src="//cdn.rawgit.com/srph/angular-infinite-scroll/master/dist/angular-srph-infinite-scroll.min.js"></script>
-  <script src="script.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/script.js b/script.js
deleted file mode 100644
index c01bde1..0000000
--- a/script.js
+++ /dev/null
@@ -1,47 +0,0 @@
-+function(angular, undefined) {
-  angular
-    .module('app', ['ui.router', 'srph.infinite-scroll'])
-    .config(statesBlock)
-    .controller('ContainerController', ContainerController)
-    .controller('WindowController', WindowController);
-
-  function statesBlock($stateProvider) {
-
-    var example = {
-      name: 'example'
-      url: '',
-      abstract: true
-    };
-
-    var home = {
-      parent: 'example'
-      name: 'home',
-      url: '/'
-    };
-
-    var win = {
-      parent: 'example',
-      name: 'window',
-      url: '/window'
-    };
-
-    var con = {
-      parent: 'example',
-      name: 'container',
-      url: '/container'
-    };
-
-    $stateProvider.state(example);
-    $stateProvider.state(home);
-    $stateProvider.state(win);
-    $stateProvider.state(con);
-  }
-
-  function ContainerController($scope) {
-
-  }
-
-  function WindowController($scope) {
-    
-  }
-}(angular);
\ No newline at end of file

From a7d68d433e9de80d8b93fc9bb2d1beafe0939695 Mon Sep 17 00:00:00 2001
From: srph <seraphipod@gmail.com>
Date: Fri, 13 Feb 2015 10:33:33 +0800
Subject: [PATCH 4/6] Updated links positioning

---
 index.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 5f1b616..829807b 100644
--- a/index.html
+++ b/index.html
@@ -29,7 +29,9 @@ <h1> srph/angular-infinite-scroll </h1>
 
     <p>A simple infinite scroll for AngularJS weighing  <kbd>&lt;1 KB</kbd>. </p>.
 
-    <a href="#" class="button button-primary" style="margin-right: 5px;"> Github Repository </a>
+    <div style="margin-bottom: 10px;">
+      <a href="#" class="button button-primary" style="margin-right: 5px;"> Github Repository </a>
+    </div>
 
     <iframe src="https://ghbtns.com/github-btn.html?user=srph&type=follow&count=true"
       frameborder="0"

From c44f5f46a63c923fe1eaaaea6250a2954927a3b6 Mon Sep 17 00:00:00 2001
From: srph <seraphipod@gmail.com>
Date: Fri, 13 Feb 2015 10:56:17 +0800
Subject: [PATCH 5/6] Fixed link.

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 829807b..9740261 100644
--- a/index.html
+++ b/index.html
@@ -30,7 +30,7 @@ <h1> srph/angular-infinite-scroll </h1>
     <p>A simple infinite scroll for AngularJS weighing  <kbd>&lt;1 KB</kbd>. </p>.
 
     <div style="margin-bottom: 10px;">
-      <a href="#" class="button button-primary" style="margin-right: 5px;"> Github Repository </a>
+      <a href="github.com/srph/angular-infinite-scroll" class="button button-primary" style="margin-right: 5px;"> Fork it on Github </a>
     </div>
 
     <iframe src="https://ghbtns.com/github-btn.html?user=srph&type=follow&count=true"

From 80126134675c258546419c4caa65b4dfb6df0c2b Mon Sep 17 00:00:00 2001
From: Kier Borromeo <seraphipod@gmail.com>
Date: Thu, 19 Feb 2015 22:01:10 +0800
Subject: [PATCH 6/6] Fixed repository link

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 9740261..825ee9a 100644
--- a/index.html
+++ b/index.html
@@ -30,7 +30,7 @@ <h1> srph/angular-infinite-scroll </h1>
     <p>A simple infinite scroll for AngularJS weighing  <kbd>&lt;1 KB</kbd>. </p>.
 
     <div style="margin-bottom: 10px;">
-      <a href="github.com/srph/angular-infinite-scroll" class="button button-primary" style="margin-right: 5px;"> Fork it on Github </a>
+      <a href="//github.com/srph/angular-infinite-scroll" class="button button-primary" style="margin-right: 5px;"> Fork it on Github </a>
     </div>
 
     <iframe src="https://ghbtns.com/github-btn.html?user=srph&type=follow&count=true"
@@ -87,4 +87,4 @@ <h3> Advanced </h3>
   <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.12/angular.min.js"></script>
   <script src="//cdn.rawgit.com/srph/angular-infinite-scroll/master/dist/angular-srph-infinite-scroll.min.js"></script>
 </body>
-</html>
\ No newline at end of file
+</html>
