From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Wed, 3 Aug 2016 18:47:30 +0000 (-0400)
Subject: added sticky class to header, not working with pure foundation so added javascript... 
X-Git-Tag: v1.0.0^2~182
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=136917769aec3826a2e7b14f232d3fe45f03b144;p=WP-Themes%2Fpetoskeyarea.git

added sticky class to header, not working with pure foundation so added javascript to added a fixed class when scrolling and remove it if scrolltop is 0
---

diff --git a/front-page.php b/front-page.php
index 822f9b0..330d428 100644
--- a/front-page.php
+++ b/front-page.php
@@ -48,6 +48,11 @@
                         </map>
                         <img src="<?php echo get_template_directory_uri();?>/assets/map-fpo.png" usemap="#community-map">
                 </div>
+                <?php 
+//                    $json = file_get_contents("https://api.hubapi.com/content/api/v2/blog-posts?hapikey=demo");
+//                    $data = json_decode($json, TRUE);
+//                    print_r($data);
+                ?>
                 <div id="blog-feed" class="small-12 medium-6 columns">
                     <h1>From the Blog</h1>
                     <img src="<?php echo get_template_directory_uri();?>/assets/blog-image-sample.jpg">
diff --git a/header.php b/header.php
index 842278a..5e29941 100644
--- a/header.php
+++ b/header.php
@@ -12,7 +12,9 @@
       <div class="off-canvas-wrap" data-offcanvas>
         <div class="inner-wrap">
             <div id="page-wrapper">
-                    <header>
+                  <div class="stickyContainer" data-sticky-container >
+                   <div class="sticky" data-sticky data-margin-top="0">
+                       <header>
                         <div id="left-float" class="left show-for-large-up">
                             <ul>
                                 <li><a href="<?php echo get_permalink(154);?>">Groups</a></li>
@@ -55,12 +57,14 @@
                                     <a class="right-off-canvas-toggle menu-icon" href="#"><span>Book a Room</span></a>
                                         
                                 </section>
-                                
+                        
                             </nav>
                         </div>
                      <div class="reservation-front" id="reservationContent">
                         <?php get_template_part('parts/reservation-form-content'); ?>
                     </div>
                     </header>
+                </div>
+                </div>
           
                     <?php get_template_part('parts/off-canvas-menu');?>
diff --git a/js/app.js b/js/app.js
index aeaa0cd..556b8d5 100644
--- a/js/app.js
+++ b/js/app.js
@@ -192,21 +192,19 @@ $(document).ready(function () {
                 slidesToScroll: 1
             });
         }
-    }
+    
      check_window_width();
     $(window).resize(function () {
         check_window_width();
     });
     
-    var url = "https://api.hubapi.com/content/api/v2/blogs?hapikey=demo";
-
-//    $.ajax({
-//        url: url,
-//        dataType: 'JSONP',
-//        jsonpCallback: 'callback',
-//        type: 'GET',
-//        success: function (data) {
-//            console.log(data);
-//        }
-//    });
+    var sticky = $(".sticky");
+    $(window).on("scroll", function () {
+        var scrollTop = $(window).scrollTop();
+        if(scrollTop > 0){
+            $(sticky).addClass("fixed");
+        } else if(scrollTop <= 0){
+            $(sticky).removeClass("fixed");
+        }
+    });
 });
diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index a122c27..c7850db 100644
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -183,21 +183,19 @@ $(document).ready(function () {
                 slidesToScroll: 1
             });
         }
-    }
+    
      check_window_width();
     $(window).resize(function () {
         check_window_width();
     });
     
-    var url = "https://api.hubapi.com/content/api/v2/blogs?hapikey=demo";
-
-//    $.ajax({
-//        url: url,
-//        dataType: 'JSONP',
-//        jsonpCallback: 'callback',
-//        type: 'GET',
-//        success: function (data) {
-//            console.log(data);
-//        }
-//    });
+    var sticky = $(".sticky");
+    $(window).on("scroll", function () {
+        var scrollTop = $(window).scrollTop();
+        if(scrollTop > 0){
+            $(sticky).addClass("fixed");
+        } else if(scrollTop <= 0){
+            $(sticky).removeClass("fixed");
+        }
+    });
 });
diff --git a/parts/top-bar.php b/parts/top-bar.php
index 985cd9b..1c4e28d 100644
--- a/parts/top-bar.php
+++ b/parts/top-bar.php
@@ -1,7 +1,9 @@
-<nav class="top-bar text-right show-for-large-up" data-topbar role="navigation">
+
+   <nav class="top-bar text-right show-for-large-up" data-topbar role="navigation">
     <section class="top-bar-section">
         <?php get_template_part("parts/community-map"); ?>
         <?php glm_theme_top_bar(); ?>
     </section>
 </nav>
 
+