Parts files added and implemented in off-canvas nav.
authorLaury GvR <laury@gaslightmedia.com>
Wed, 1 Apr 2015 17:02:44 +0000 (13:02 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Wed, 1 Apr 2015 17:02:44 +0000 (13:02 -0400)
header.php
parts/address.php [new file with mode: 0644]
parts/bread-crumbs.php [new file with mode: 0644]
parts/glm-blocks.php [new file with mode: 0644]
parts/search.php [new file with mode: 0644]
parts/social.php [new file with mode: 0644]
scss/_structure.scss

index 0aa0d7d..cf2af99 100644 (file)
                                     </ul>
                                 </nav>
                             </div>
-                            <div class="small-4 columns show-for-medium-up social">
+                            <div class="small-4 columns show-for-large-up social-top">
                                 <div id="soc-top">
-                                    <a target="_blank" href="http://www.facebook.com/#!/GilmoreCarMuseum"><img src="<?php bloginfo('template_url'); ?>/assets/facebook.png"></a>
-                                    <a target="_blank" href="https://www.pinterest.com/GilmoreMuseum/"><img src="<?php bloginfo('template_url'); ?>/assets/pin.jpg"></a>
-                                    <a target="_blank" href="https://twitter.com/GilmoreMuseum"><img src="<?php bloginfo('template_url'); ?>/assets/twitt.jpg"></a>
-                                    <a target="_blank" href="http://www.flickr.com/photos/101564849@N03/"><img src="<?php bloginfo('template_url'); ?>/assets/flickr-icon.jpg"></a>
-                                    <a target="_blank" href="https://www.youtube.com/watch?v=FeIWHJvRS0k"><img src="<?php bloginfo('template_url'); ?>/assets/youtube_icon.jpg"></a>
-                                    <a target="_blank" href="https://plus.google.com/+gilmorecarmuseum/"><img src="<?php bloginfo('template_url'); ?>/assets/google.png"></a>
-                                    <span class='st_sharethis' st_title='<?php the_title(); ?>' st_url='<?php the_permalink(); ?>'></span>
+                                    <?php get_template_part('parts/social');?>
                                 </div>
-                                <div class="search">
-                                    <form role="search" method="get" id="searchform" action="<?php echo home_url('/'); ?>">
-                                         <input type="text" placeholder="SEARCH" value="" name="s" id="lar-search">
-                                         <input id="top-search-button" type="image" 
-                                        src="<?php bloginfo('template_url'); ?>/assets/search_button.jpg" 
-                                        value="submit" form="searchform" name="searchButton">
-                                    </form>
-
+                                <div class="search-top">
+                                    <?php get_template_part('parts/search');?>
                                 </div>
                             </div>
                             <div id="slogan" class="small-12 columns small-only-text-center medium-text-right">
                     </nav>
                     <aside class="left-off-canvas-menu show-for-medium-down">
                         <?php glm_offcanvas_menu(); ?>
+                        
+                        <div class="off-canvas-social">
+                            <?php get_template_part('parts/social');?>
+                        </div>
+                        <div class="off-canvas-search">
+                            <?php get_template_part('parts/search');?>
+                        </div>
+                        <div class="off-canvas-address">
+                            <?php get_template_part('parts/address');?>
+                        </div>
+                        
                     </aside>
                 </header>
diff --git a/parts/address.php b/parts/address.php
new file mode 100644 (file)
index 0000000..6a21766
--- /dev/null
@@ -0,0 +1,8 @@
+<span>The Gilmore Car Museum</span>
+<span class="bullet"> • </span>
+<span>6865 W Hickory Rd.</span>
+<span class="bullet"> • </span>
+<span>Hickory Corners, MI 49060</span>
+<span class="bullet"> • </span>
+<span>269-671-5089</span>
+<span class="bullet">•</span>
\ No newline at end of file
diff --git a/parts/bread-crumbs.php b/parts/bread-crumbs.php
new file mode 100644 (file)
index 0000000..cb7c2bc
--- /dev/null
@@ -0,0 +1,8 @@
+<?php if(function_exists('bcn_display') && !is_front_page())
+{
+    echo "<div class=\"breadcrumbs\">";
+    bcn_display();
+    echo "</div>";
+    echo '<div class="separator"><hr></div>';
+}
+?>
diff --git a/parts/glm-blocks.php b/parts/glm-blocks.php
new file mode 100644 (file)
index 0000000..8453786
--- /dev/null
@@ -0,0 +1,13 @@
+<?php if (is_front_page()) {
+    if (function_exists('glm_blocks_show')) {
+        echo '<h3 class="text-center">Featured Partner</h3>';
+        glm_blocks_show();
+        echo '<br>';
+        echo '<div class="block-button">
+            <label><a href="#">View All Partners</a></label>
+        </div>';
+        echo '</div>';
+
+    }
+}
+?>
\ No newline at end of file
diff --git a/parts/search.php b/parts/search.php
new file mode 100644 (file)
index 0000000..d4a2f5c
--- /dev/null
@@ -0,0 +1,6 @@
+<form role="search" method="get" id="searchform" action="<?php echo home_url('/'); ?>">
+     <input type="text" placeholder="SEARCH" value="" name="s" id="lar-search">
+     <input id="search-button" type="image" 
+    src="<?php bloginfo('template_url'); ?>/assets/search_button.jpg" 
+    value="submit" name="searchButton">
+</form>
\ No newline at end of file
diff --git a/parts/social.php b/parts/social.php
new file mode 100644 (file)
index 0000000..44d97b3
--- /dev/null
@@ -0,0 +1,7 @@
+<a target="_blank" href="http://www.facebook.com/#!/GilmoreCarMuseum"><img src="<?php bloginfo('template_url'); ?>/assets/facebook.png"></a>
+<a target="_blank" href="https://www.pinterest.com/GilmoreMuseum/"><img src="<?php bloginfo('template_url'); ?>/assets/pin.jpg"></a>
+<a target="_blank" href="https://twitter.com/GilmoreMuseum"><img src="<?php bloginfo('template_url'); ?>/assets/twitt.jpg"></a>
+<a target="_blank" href="http://www.flickr.com/photos/101564849@N03/"><img src="<?php bloginfo('template_url'); ?>/assets/flickr-icon.jpg"></a>
+<a target="_blank" href="https://www.youtube.com/watch?v=FeIWHJvRS0k"><img src="<?php bloginfo('template_url'); ?>/assets/youtube_icon.jpg"></a>
+<a target="_blank" href="https://plus.google.com/+gilmorecarmuseum/"><img src="<?php bloginfo('template_url'); ?>/assets/google.png"></a>
+<span class='st_sharethis' st_title='<?php the_title(); ?>' st_url='<?php the_permalink(); ?>'></span>
\ No newline at end of file
index 199c4a7..717f189 100644 (file)
@@ -169,7 +169,7 @@ header .row .search img {
                 margin: 0;
             }
         }
-        .search {
+        .search-top {
             padding-bottom: 25px;
             padding-top: 5px;
             #lar-search {
@@ -180,10 +180,14 @@ header .row .search img {
                 margin: 0;
                 border-radius: 10px;
             }
-            #top-search-button {
+            #search-button {
                 float: right;
                 margin-top: -24px;
                 border-radius: 10px;
+                border: 1px solid lightgrey;
+                padding: 0;
+                position: sticky;
+                width: 32px;
             }
         }
         h1 {
@@ -305,6 +309,38 @@ header .row .search img {
         }
     }
     .left-off-canvas-menu {
+        .off-canvas-search {
+            padding-bottom: 25px;
+            padding-top: 5px;
+            #lar-search {
+                width: 100%;
+                height: 40px;
+                font-size: rem-calc(12);
+                margin: 0;
+            }
+            #search-button {
+                background: none repeat scroll 0 0 white;
+                color: black;
+                height: 40px;
+                padding: 7px 108px;
+                width: 100%;
+            }
+        }
+        .off-canvas-social {
+            padding: 10px 5px;
+            img {
+                padding: 0 5px;
+            }
+        }
+        .off-canvas-address {
+            span {
+                text-align: center;
+                display: block;
+            }
+            .bullet {
+                display: none;
+            }
+        }
         .left-off-canvas-list {
             ul {
                 list-style: none;