Better footer markup

diff --git a/root/footer.php b/root/footer.php
index 14bedb6..a24bbfc 100644 (file)
--- a/root/footer.php
+++ b/root/footer.php
@@ -1,23 +1,31 @@
                         <footer>
+                            <?php if (is_active_sidebar('sidebar-f')) :?>
+                                <?php dynamic_sidebar('sidebar-f');?>
+                            <?php endif;?>
                             <div class="row">
-                                <div id="address" class=" small-offset-1 small-11 medium-offset-2 medium-5 columns">
-                                    <h2>{%= title %}</h2>
-                                    <p>{%= street %}, {%= city %}}, {%= state %} {%= zip %}<br>{%= phone %}</p>
+                                <div id="footer_address" class="row small-centered small-11 medium-6 columns">
+                                    <h2>Blues, Brews, & Dunes Festival</h2>
+                                    <span>8301 W. Hazel Road</span>
+                                    <span class="bullet"> &#8226; </span>
+                                    <span>Silver Lake, Michigan 49436</span>
+                                    <span class="bullet"> &#8226; </span>
+                                    <span>517-2143411</span>
                                 </div>
                             </div>
                         </footer>
                     </div><!--End of main-->
                 </div><!--End of shadow-->
-                <div class="row">
-                    <div id="copyright" class="small-12 columns text-center">
-                        <p>&copy; <?php echo date('Y');?> {%= title %} &#8226; All Rights Reserved. Produced by <a target="_blank" href="http://www.gaslightmedia.com">Gaslight Media</a></p>
-                    </div>
+                <div id="copyright" class="small-12 text-center row columns">
+                    <span>&copy; <?php echo date('Y');?> Blues, Brews, & Dunes Festival</span>
+                    <span class="bullet"> &#8226; </span>
+                    <span> All Rights Reserved.</span>
+                    <span class="bullet"> &#8226; </span>
+                    <span> Produced by <a target="_blank" href="http://www.gaslightmedia.com">Gaslight Media</a></span>
                 </div>
             </div>
         <a class="exit-off-canvas"></a>
         </div><!--End of inner-wrap-->
-      </div><!--End of off-canvas-->
-
+      </div><!--End of off-canvas-->  
   </body>
   <?php wp_footer();?>
-</html>
+</html>
\ No newline at end of file

diff --git a/root/header.php b/root/header.php
index b8ab732..5745709 100644 (file)
--- a/root/header.php
+++ b/root/header.php
@@ -17,7 +17,7 @@
                     <header>
                         <div class="row">
                             <div class="small-12 small-centered medium-4 medium-uncentered columns">
-                                <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/assets/logo.png"></a>
+                                <a href="<?php bloginfo('url');?>"><img src="<?php echo get_template_directory_uri(); ?>/assets/logo.png"></a>
                             </div>
                             <div class="medium-6 large-3 columns show-for-medium-up">
                                 <div id="top_search" style="margin-top:50px">

diff --git a/root/scss/_structure.scss b/root/scss/_structure.scss
index bbaf06b..7037a43 100644 (file)
--- a/root/scss/_structure.scss
+++ b/root/scss/_structure.scss
@@ -269,6 +269,7 @@ body {
                     padding: 15px 0 0;
                     position: relative;
                     text-align: center;
+                    
                 }
             }
             #searchform_container {
@@ -297,17 +298,22 @@ body {
             footer {
                 background: url(../assets/wave.png) no-repeat;
                 width: 100%;
-                min-height: 242px;
+                min-height: auto;
                 margin-top: 80px;
+                padding-bottom: 20px;
+                text-align: center;
                 div {    
                     #address {
                         margin-top: rem-calc(145);
                         h2 {
-                            margin: 0 0 0 rem-calc(85);
+                            text-align: center;
                         }
-                        p {
-                            margin-left: rem-calc(85);
+                        span {
+                            text-align: center;
                             line-height: 1.4;
+                            @media #{$small-only} {
+                                display: block;
+                            }
                         }
                     }
                     .sym {
@@ -360,13 +366,22 @@ body {
             }
         }
         #copyright {
-            margin-top: 20px;
-            p{
+            padding: 20px 0;
+            margin: 0 auto;
+            float: none;
+            span {
                 font-size: rem-calc(12);
             }
             a {
                 color: $black;
             }
         }
+        #footer_address span.bullet,
+        #copyright span.bullet {
+            margin: 0 5px;
+            @media #{$small-only} {
+                display: none !important;
+            }
+        }
     }
 }
\ No newline at end of file