Added infinite scroll, removed unused functions, updated font awesome

assets/scripts/manual-scroll.js

@@ -0,0 +1,61 @@
+/*
+	--------------------------------
+	Infinite Scroll Behavior
+	Manual / Twitter-style
+	--------------------------------
+	+ https://github.com/paulirish/infinitescroll/
+	+ version 2.0b2.110617
+	+ Copyright 2011 Paul Irish & Luke Shumard
+	+ Licensed under the MIT license
+	
+	+ Documentation: http://infinite-scroll.com/
+	
+*/
+
+(function($, undefined) {
+	$.extend($.infinitescroll.prototype,{
+
+		_setup_twitter: function infscr_setup_twitter () {
+			var opts = this.options,
+				instance = this;
+
+			// Bind nextSelector link to retrieve
+			$(opts.nextSelector).click(function(e) {
+				if (e.which == 1 && !e.metaKey && !e.shiftKey) {
+					e.preventDefault();
+					instance.retrieve();
+				}
+			});
+
+			// Define loadingStart to never hide pager
+			instance.options.loading.start = function (opts) {
+				opts.loading.msg
+					.appendTo(opts.loading.selector)
+					.show(opts.loading.speed, function () {
+						instance.beginAjax(opts);
+					});
+			}
+		},
+		_showdonemsg_twitter: function infscr_showdonemsg_twitter () {
+			var opts = this.options,
+				instance = this;
+
+			//Do all the usual stuff
+			opts.loading.msg
+				.find('img')
+				.hide()
+				.parent()
+				.find('div').html(opts.loading.finishedMsg).animate({ opacity: 1 }, 2000, function () {
+					$(this).parent().fadeOut('normal');
+				});
+
+			//And also hide the navSelector
+			$(opts.navSelector).fadeOut('normal');
+
+			// user provided callback when done
+			opts.errorCallback.call($(opts.contentSelector)[0],'done');
+
+		}
+
+	});
+})(jQuery);

default.hbs

@@ -24,7 +24,7 @@
     {{> google-authorship}}
 
     {{! Styles'n'Scripts }}
-    <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
+    <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
     <link rel="stylesheet" type="text/css" href="{{asset "css/screen.css"}}" />
     <style>
         /* Gulp keeps removing webkit/moz support */
@@ -86,6 +86,10 @@
 
     <script src="{{asset "scripts/jquery.magnific-popup.min.js"}}"></script>
 
+    <script src="{{asset "scripts/infinitescroll.js"}}"></script>
+
+    <script src="{{asset "scripts/manual-scroll.js"}}"></script>
+
     <script src="{{asset "scripts/main.js"}}"></script>
 
     {{> google-analytics}}

index.hbs

@@ -48,7 +48,14 @@
     {{/foreach}}
 
     {{!! After all the posts, we have the previous/next pagination links }}
-    {{pagination}}
+
+    </div>
+
+
+</section>
+<section>
+    <div class="grid-container grid-720">
+        {{pagination}}
     </div>
 </section>