Parrotslanding responsive design.
authorLaury GvR <laury@gaslightmedia.com>
Tue, 7 Oct 2014 14:51:41 +0000 (10:51 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Tue, 7 Oct 2014 14:51:41 +0000 (10:51 -0400)
Back to splitting things up header/sidebar/index/footer.
Images responsive. Cleaning up css. A bunch more things.

footer.php
header.php
index.php
page-38.php
sidebar.php
style.css

index 2587701..4a7d8a7 100755 (executable)
@@ -1,6 +1,14 @@
-
-
-        <?php wp_footer();?>
+                        <div id="copyright">
+                            Copyright&copy;<?php echo date('Y');?> <?php bloginfo('name');?> - Produced by <a href="http://www.gaslightmedia.com">Gaslight Media</a>, All Rights Reserved.
+                        </div><!-- /#copyright -->
+                    </div> <!-- inner-container -->
+                </div> <!-- container -->
+                <a class="exit-off-canvas"></a>
+            </div> <!-- inner-wrap -->
+        </div> <!-- off-canvas-wrap -->
+    </body>
+</html>
+<?php wp_footer();?>
 <script src="<?php bloginfo('template_url'); ?>/js/vendor/jquery.js"></script>
 <script src="<?php bloginfo('template_url'); ?>/js/foundation.min.js"></script>
 <script>
index a5cd73b..8ed9983 100755 (executable)
 <script src="<?php bloginfo('template_url'); ?>/js/vendor/modernizr.js"></script>
 <!-- Google Analytics Code -->
 </head>
+<body>
+    <div class="off-canvas-wrap" data-offcanvas>
+        <div class="inner-wrap">
+            <div class="container">
+                <header class="row collapse" >
+                    <div id="top" class="small-12 columns">
+                    <a href="<?php echo home_url();?>">
+                        <img id="logo" src="<?php echo get_template_directory_uri();?>/assets/logo.gif">
+                    </a>
+                </header>
+                <div class="inner-container">
+                    <nav class="tab-bar show-for-small-only"> 
+                        <section class="left-small"> 
+                            <a class="left-off-canvas-toggle menu-icon" href="#">
+                                <span></span>
+                            </a> 
+                        </section> 
+                    </nav>
\ No newline at end of file
index 934d2a5..17739d1 100644 (file)
--- a/index.php
+++ b/index.php
@@ -1,41 +1,5 @@
-<?php get_header();?>
-    
-<body>
-    <div class="off-canvas-wrap" data-offcanvas>
-        <div class="inner-wrap">
-            <div class="container">
-                <header class="row collapse" >
-                    <div id="top" class="small-12 columns">
-                    <a href="<?php echo home_url();?>">
-                        <img id="logo" src="<?php echo get_template_directory_uri();?>/assets/logo.gif">
-                    </a>
-                </header>
-                <div class="inner-container">
-                    <nav class="tab-bar"> 
-                        <section class="left-small"> 
-                            <a class="left-off-canvas-toggle menu-icon" href="#">
-                                <span></span>
-                            </a> 
-                        </section> 
-                    </nav> 
-                    <div id="column" class="medium-2 columns sidebar">
-                        <div id="nav">
-                            <?php wp_nav_menu(array('ParrotsLanding' => 'header-menu'));?>
-                        </div>
-                        <div id="address" class="vcard">
-                            <h2 class="fn org"><?php bloginfo('name');?></h2>
-                            <p class="street-address">8110 W. Hazel Rd</p>
-                            <p>
-                                <span flexy:if="city" class="locality">Mears,</span>
-                                <abbr class="region" title="Michigan">MI</abbr>
-                                <span class="postal-code">49436</span>
-                            </p>
-                            <p class="tel">
-                                <span class="type">Phone</span>:
-                                <span class="value">231-873-8400</span>
-                            </p>
-                        </div><!-- /#address -->
-                    </div><!-- /#column -->
+                    
+                    <?php get_header();?>
                     <?php get_sidebar();?>
                     <aside class="left-off-canvas-menu"> 
                         <ul class="off-canvas-list"> 
                             <p><?php _e('Sorry, no posts yet');?></p>
                             <?php endif;?>
                         </div><!-- /#toolbox -->
-                        <div id="wildbillfooter">
+                        <div id="main-footer">
                             For Dune Buggy and Quad Rentals visit us at  <a target="_blank" href="http://wildbillsatvs.com">Wild Bill's Atvs</a>
                         </div>
                     </div><!-- /#main -->
-                    <div id="copyright">
-                        Copyright&copy;<?php echo date('Y');?> <?php bloginfo('name');?> - Produced by <a href="http://www.gaslightmedia.com">Gaslight Media</a>, All Rights Reserved.
-                    </div><!-- /#copyright -->
-                </div> <!-- inner-container -->
-            </div> <!-- container -->
-            <a class="exit-off-canvas"></a>
-        </div> <!-- inner-wrap -->
-    
-    </div> <!-- off-canvas-wrap -->
-                        <?php get_footer();?>
-
-</body>
-</html>
+                <?php get_footer();?>
index bcb0f2e..a2d518b 100644 (file)
@@ -1,30 +1,35 @@
-<?php get_header();?>
-<?php get_sidebar();?>
+                    <?php get_header();?>
+                    <?php get_sidebar();?>
+                    <aside class="left-off-canvas-menu show-for-small-only"> 
+                        <ul class="off-canvas-list"> 
+                            <?php wp_nav_menu(array('ParrotsLanding' => 'header-menu', 'menu_class' => 'left'));?>
+                        </ul> 
+                    </aside> <!-- left-off-canvas-menu -->
+                    <div id="main" class="small-12 medium-9 columns">
+                        <br> <br>
+                        <div class="breadcrumbs">
+                            <?php if(function_exists('bcn_display'))
+                            {
+                                bcn_display();
+                            }?>
+                            <br> <br>
+                        </div>
+                        <div id="toolbox">
+                            <?php if(have_posts()) : while(have_posts()): the_post();?>
+                            <?php the_content();?>
+                            <?php endwhile; else:?>
+                            <p><?php _e('Sorry, no posts yet');?></p>
+                            <?php endif;?>
 
-        <div id="main" class="small-12 medium-9 columns">
-            <br>
-            <div class="breadcrumbs">
-                <?php if(function_exists('bcn_display'))
-                {
-                    bcn_display();
-                }?>
-                <br> <br>
-            </div>
-            <div id="toolbox">
-                <?php if(have_posts()) : while(have_posts()): the_post();?>
-                <?php the_content();?>
-                <?php endwhile; else:?>
-                <p><?php _e('Sorry, no posts yet');?></p>
-                <?php endif;?>
-                
-                <?php echo "<h1>" . get_the_title() . "</h1>"; ?>
-                <p>Fill out this form to request a reservation or send us an email 
-                    <a href="mailto:rentals@parrotslanding.com">rentals@parrotslanding.com</a> 
-                    . Be sure to include the dates, and equipment desired. We would love to hear form you!
-                </p>
-                <?php echo do_shortcode('[contact-form-7 id="48" title="Contact form 1"]');?>
-            </div><!-- /#toolbox -->
-
-  
-                    
-<?php get_footer();?>
+                            <?php echo "<h1>" . get_the_title() . "</h1>"; ?>
+                            <p>Fill out this form to request a reservation or send us an email 
+                                <a href="mailto:rentals@parrotslanding.com">rentals@parrotslanding.com</a> 
+                                . Be sure to include the dates, and equipment desired. We would love to hear form you!
+                            </p>
+                            <?php echo do_shortcode('[contact-form-7 id="48" title="Contact form 1"]');?>
+                        </div><!-- /#toolbox -->
+                        <div id="wildbillfooter">
+                            For Dune Buggy and Quad Rentals visit us at  <a target="_blank" href="http://wildbillsatvs.com">Wild Bill's Atvs</a>
+                        </div>
+                    </div><!-- /#main -->
+                    <?php get_footer();?>
\ No newline at end of file
index e69de29..9f8fb9c 100755 (executable)
@@ -0,0 +1,18 @@
+                    <div id="column" class="show-for-medium-up medium-2 columns sidebar">
+                        <div id="nav">
+                            <?php wp_nav_menu(array('ParrotsLanding' => 'header-menu'));?>
+                        </div>
+                        <div id="address" class="vcard">
+                            <h2 class="fn org"><?php bloginfo('name');?></h2>
+                            <p class="street-address">8110 W. Hazel Rd</p>
+                            <p>
+                                <span flexy:if="city" class="locality">Mears,</span>
+                                <abbr class="region" title="Michigan">MI</abbr>
+                                <span class="postal-code">49436</span>
+                            </p>
+                            <p class="tel">
+                                <span class="type">Phone</span>:
+                                <span class="value">231-873-8400</span>
+                            </p>
+                        </div><!-- /#address -->
+                    </div><!-- /#column -->
index 68b1ca8..ad0d666 100755 (executable)
--- a/style.css
+++ b/style.css
@@ -69,6 +69,9 @@ img {
        border: 0;
        display: block;
        }
+#toolbox img {
+        margin: 4px 8px;
+        }
 /* Wrappers */
 #wrapper {
         background-color: #f7941d;
@@ -141,7 +144,7 @@ img {
     }
     @media (min-width: 641px) {
         .tab-bar{
-            display: none;
+/*            display: none;*/
         }
     }
 /* Main Contant Area */
@@ -305,11 +308,11 @@ aside.left-off-canvas-menu ul.off-canvas-list li a {
     list-style-position: inside;
 }
 /* End of each page */
-#wildbillfooter {
+#main-footer {
         text-align: center;
         font-size: 16px;
         line-height: 18px;
-        margin: 13px 0 18px 0;
+        margin: 24px 0 24px 0;
 }
 /* Copyright */
 #copyright {
@@ -378,10 +381,6 @@ aside.left-off-canvas-menu ul.off-canvas-list li a {
 }
 
 @media (max-width: 640px) {
-    #column {
-        display: none;
-        width: 0;
-    }
     #main {
         margin: 0px;
     }