integrate smoothstate.js

1 files changed, 8 insertions, 4 deletions

diff --git a/themes/flog/layouts/partials/footer.html b/themes/flog/layouts/partials/footer.html
index c3c6fca..c499460 100644
--- a/themes/flog/layouts/partials/footer.html
+++ b/themes/flog/layouts/partials/footer.html
@@ -1,17 +1,21 @@
-        </div> <!-- .container -->
+            </div> <!-- .container -->
+        </div> <!-- #main -->
         <script type="text/javascript" src="/js/jquery-2.2.4.min.js"></script>
         <script type="text/javascript" src="/js/materialize-0.97.7.min.js"></script>
-        <script type="text/javascript" src="/js/masonry-4.1.min.js"></script>
+        <script type="text/javascript" src="/js/smoothstate-0.5.2.min.js"></script>
         <script type="text/javascript">
             function parallax() {
                 var yPos = -($(window).scrollTop() / $('body').data('speed'));
                 var coords = '50% ' + yPos + 'px';
                 $('body').css({ backgroundPosition: coords });
             };
+            function ready() {
+                parallax();
+            };
             $(document).ready(function() {
-                new Masonry('.grid', { itemSelector: '.grid-item', percentPosition: true, columnWidth: '.grid-sizer' });
                 $(window).scroll(parallax);
-                parallax();
+                $('#main').smoothState({ prefetch: true, onAfter: ready });
+                ready();
             });
         </script>
     </body>