Fix infinite scroll

Author: seanpdoyle

_layouts/posts.html

@@ -15,5 +15,6 @@
     {% include carousel-scripts.html %}
 
     <script src="/js/application.js"></script>
+    <script src="/js/infinite-jekyll.js"></script>
   </body>
 </html>

index.html

@@ -4,7 +4,7 @@
 
 <section class="blog">
   <section class="posts">
-    {% for post in site.posts limit: 10 %}
+    {% for post in site.posts limit: 5 %}
     <article class="post">
       <a href="{{ post.url }}">
         <h1 class="name">
@@ -19,4 +19,6 @@ <h1 class="name">
     </article>
     {% endfor %}
   </section>
+
+  <div class="infinite-spinner"></div>
 </section>

js/application.js

@@ -1,8 +1,17 @@
-$(document).ready(function() {
+$.ajaxSetup({
+  global: true,
+});
+
+function resizePostVideoPlayers() {
   $(".post iframe").
     attr("width", 775).
     attr("height", 432);
+}
 
+$(document).ready(resizePostVideoPlayers);
+$(document).ajaxComplete(resizePostVideoPlayers);
+
+$(document).ready(function() {
   if ($.fn.jcarousel) {
     $("[data-behavior*=carousel]").jcarousel({
       wrap: "circular",