From b6e1f8b02b6511f1b36a9c42cdf8c7990abaf520 Mon Sep 17 00:00:00 2001
From: Dugan Knoll <ddknoll@gmail.com>
Date: Thu, 15 May 2014 22:33:04 -0700
Subject: [PATCH] Updated mobile CSS

---
 README.md              | 33 ++++++++++++++++++++++-----------
 css/instagram-feed.css |  6 ++++++
 js/main.js             | 10 +++++++---
 3 files changed, 35 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index 4937688..af9d65b 100644
--- a/README.md
+++ b/README.md
@@ -8,19 +8,28 @@ Sample Usage:
 
     <script src="js/ractive/Ractive-legacy.0.3.9.min.js"></script><!-- Get Ractive-->
     <script src="js/instagram.js"></script> <!-- Get Instagram extension -->
+    <script>
+    //Check URL for search parameter.
+    query = (window.location.search.length ? window.location.search.slice(1) : 'dribbble');
 
-
-    /** This code is just for the infinite scroll.  You don't have to use this. */
+    //Infinite Scroll Window Bindings.
     var infiniteScrollBinding = function(){
-        //Infinite Scroll Window Bindings
-        $(window).scroll(function(evt){
-          var bod = $('body')[0];
-          pageHeight = bod.offsetHeight;
-          bottomScroll = window.scrollY + bod.clientHeight;
-          if(pageHeight - bottomScroll < 200){
-              insta.load('after');
-          }
-        });
+      $(window).scroll(function(evt){
+        
+        //Calculate Window Values on every scroll event.
+        var bod = $('body')[0];
+        pageHeight = bod.offsetHeight;
+        bottomScroll = window.scrollY + bod.clientHeight;
+        distanceToBottom = pageHeight - bottomScroll;
+
+        //Load more posts as needed.
+        if(distanceToBottom < 200){
+          insta.load('after');
+        }
+        else if(window.scrollY <= 0){
+          insta.load('before');
+        }
+      });
     }
 
     // Get our template file.
@@ -36,6 +45,7 @@ Sample Usage:
       });
 
     });
+    </script>
 
 
 Function Reference
@@ -51,3 +61,4 @@ TODO:
 
 1. Minify JS
 2. Finish Documentation
+3. Develop Testing Framework
diff --git a/css/instagram-feed.css b/css/instagram-feed.css
index 332345e..4b45036 100644
--- a/css/instagram-feed.css
+++ b/css/instagram-feed.css
@@ -212,4 +212,10 @@ Media Queries
   .title .heading-text{
     font-size:36px;
   }
+  .title a i{
+    line-height:1.2em;
+  }
+  h3,h4{
+    margin: .2em;
+  }
 }
diff --git a/js/main.js b/js/main.js
index d01294d..93b3943 100755
--- a/js/main.js
+++ b/js/main.js
@@ -1,16 +1,20 @@
 
 var instafeed = {};
 
-//Check URL for search parameter
+//Check URL for search parameter.
 query = (window.location.search.length ? window.location.search.slice(1) : 'dribbble');
 
+ //Infinite Scroll Window Bindings.
 var infiniteScrollBinding = function(){
-  //Infinite Scroll Window Bindings
   $(window).scroll(function(evt){
+    //Calculate Window Values on every scroll event.
     var bod = $('body')[0];
     pageHeight = bod.offsetHeight;
     bottomScroll = window.scrollY + bod.clientHeight;
-    if(pageHeight - bottomScroll < 200){
+    distanceToBottom = pageHeight - bottomScroll;
+
+    //Load more posts as needed.
+    if(distanceToBottom < 200){
       insta.load('after');
     }
     else if(window.scrollY <= 0){