added blog link, separating blog search from from topbar search form

diff --git a/css/app.css b/css/app.css
index 27b3539..e7f542c 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6640,9 +6640,9 @@ header {
   -webkit-column-count: 1; }
 
 @media only screen and (min-width:64.063em) {
-  #searchform .button {
+  #topSearchForm .button {
     display: none; }
-  #searchform {
+  #topSearchForm {
     display: none;
     float: right;
     height: 30px; }
@@ -7066,6 +7066,12 @@ input[type="submit"].blogbutton {
     line-height: 1.1; }
 
 .blog-featured {
+  height: 250px;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center; }
+
+.blog-featured-home {
   height: 250px;
   float: left;
   background-size: cover;
@@ -7554,13 +7560,6 @@ a#big-lens h1 {
 #social2 #in2 a {
   background: url(http://www.discoverkalamazoo.com/assets/social.png) -175px 0 no-repeat; }
 
-.blog-featured {
-  height: 250px;
-  float: none;
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-position: center; }
-
 /* for the mobile menu */
 aside.left-off-canvas-menu li.page_item {
   display: block;

diff --git a/header.php b/header.php
index abc7e4a..19b56c0 100644 (file)
--- a/header.php
+++ b/header.php
@@ -25,6 +25,7 @@
                                 <li><a>Sports Planning</a></li>
                                 <li><a>Travel Partners</a></li>
                                 <li><a>Media</a></li>
+                                <li><a>Blog</a></li>
                                 <li id="searchIcon"><a><img src="<?php bloginfo('template_url'); ?>/assets/search-icon.jpg"></a></li>
                                 <li><?php get_template_part("parts/search"); ?></li>
                             </ul>

diff --git a/home.php b/home.php
index 8c1e003..a0e9de1 100644 (file)
--- a/home.php
+++ b/home.php
@@ -26,7 +26,7 @@
                 <?php
                     if (has_post_thumbnail()) {
                         $image_data = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), "full");
-                        echo '<a href="'.get_the_permalink().'" class="blog-featured small-12 medium-6" style="background-image:url('.$image_data[0].');"></a>';
+                        echo '<a href="'.get_the_permalink().'" class="blog-featured-home small-12 medium-6" style="background-image:url('.$image_data[0].');"></a>';
                         echo '<div class="small-12 medium-6 small-centered columns right">';
                     } else {
                         echo '<div class="small-12 small-centered columns">';

diff --git a/js/app.js b/js/app.js
index d5982d8..78513d9 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -55,15 +55,15 @@ $(document).ready(function () {
 //    };
 //        blocks.init();
     $("#searchIcon").click(function(){
-        if($("#searchform").css("display") == "none"){
+        if($("#topSearchForm").css("display") == "none"){
 //           $("#searchform").css("display", "inline");
-            $("#searchform").toggle("slide");
+            $("#topSearchForm").toggle("slide");
             $("#searchIcon").css("visibility", "hidden");
         } 
          $("#lar-search").focus();
     });
     $("#lar-search").blur(function(){
-        $("#searchform").toggle("slide");
+        $("#topSearchForm").toggle("slide");
         $("#searchIcon").css("visibility", "visible");
     });
 });

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index 9e1c330..ae84b6c 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -46,15 +46,15 @@ $(document).ready(function () {
 //    };
 //        blocks.init();
     $("#searchIcon").click(function(){
-        if($("#searchform").css("display") == "none"){
+        if($("#topSearchForm").css("display") == "none"){
 //           $("#searchform").css("display", "inline");
-            $("#searchform").toggle("slide");
+            $("#topSearchForm").toggle("slide");
             $("#searchIcon").css("visibility", "hidden");
         } 
          $("#lar-search").focus();
     });
     $("#lar-search").blur(function(){
-        $("#searchform").toggle("slide");
+        $("#topSearchForm").toggle("slide");
         $("#searchIcon").css("visibility", "visible");
     });
 });

diff --git a/parts/search.php b/parts/search.php
index fddee5b..ad9d780 100644 (file)
--- a/parts/search.php
+++ b/parts/search.php
@@ -1,5 +1,5 @@
 
-   <form role="search" method="get" id="searchform" action="<?php echo home_url('/'); ?>">
+   <form role="search" method="get" id="topSearchForm" action="<?php echo home_url('/'); ?>">
     <input class="search-input" type="text" placeholder="Search" value="" name="s" id="lar-search">
     <input type="submit" class="button" name="submit" value="Search">
 </form>

diff --git a/scss/_blog.scss b/scss/_blog.scss
index 7d51bc2..5bb5a5a 100644 (file)
--- a/scss/_blog.scss
+++ b/scss/_blog.scss
@@ -158,6 +158,12 @@ input[type="submit"].blogbutton {
     }
 }
 .blog-featured{
+    height: 250px;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+.blog-featured-home{
     height: 250px;
     float: left;
     background-size: cover;

diff --git a/scss/_structure.scss b/scss/_structure.scss
index ba7cd05..8b4fbba 100644 (file)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -124,12 +124,4 @@ a#big-lens h1 {
 }
 #social2 #in2 a {
        background: url(http://www.discoverkalamazoo.com/assets/social.png) -175px 0 no-repeat;
-}
-.blog-featured {
-    //max-height: 200px;
-    height: 250px;
-    float: none;
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: center;
-}
+}
\ No newline at end of file

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 1462ce5..bc83415 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -440,10 +440,10 @@
     -webkit-column-count: 1;
 }
 @media #{$large-up}{
-    #searchform .button{
+    #topSearchForm .button{
         display: none;
     }
-    #searchform{
+    #topSearchForm{
         display: none;
         float: right;
         height: 30px;