Adjust footer and action items based on meeting notes

diff --git a/assets/seal.png b/assets/seal.png
new file mode 100644 (file)
index 0000000..a38d6d9
Binary files /dev/null and b/assets/seal.png differ

diff --git a/parts/action-items.php b/parts/action-items.php
index 8e270a3..d562717 100644 (file)
--- a/parts/action-items.php
+++ b/parts/action-items.php
@@ -1,5 +1,14 @@
 <div class="action-items-container">
     <div class="row">
+        <div class="small-12 medium-4 columns seal-column">
+            <div class="action-item-image">
+                <a href="<?php echo get_bloginfo('url');?>" class="action-item-link" target="_blank">
+                    <div class="image-frame">
+                        <img src="<?php echo get_template_directory_uri() . '/assets/seal.png'; ?>" alt=""> 
+                    </div>
+                </a>    
+            </div>
+        </div>
         <div class="small-12 medium-4 columns enews-text-column">
             <div class="enews-text-container">
                 <a href="http://www.efficiencyunited.com/select-utility" target="_blank">
@@ -7,8 +16,6 @@
                 </a>
             </div>
         </div>
-        <div class="small-12 medium-4 columns seal-column">
-        </div>
         <div class="small-12 medium-4 columns enews-logo-column">
             <div class="action-item-image">
                 <a href="http://uglos.mtu.edu/station_page.php?station=45022" class="action-item-link" target="_blank">

diff --git a/scss/_main.scss b/scss/_main.scss
index 216de78..7d83b71 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -205,8 +205,10 @@ main {
         }
     }
     .enews-text-container{
-        max-width: 275px;
-        float: right;
+        max-width: 275px;    
+        float: none;
+        margin: 0 auto;
+        text-align: center;
 
         @media #{$medium-down}{
             float: none;
@@ -234,12 +236,12 @@ main {
             cursor: pointer;
         }
         .image-frame{
-            max-width: 125px;
+            max-width: 150px;
             margin: 0 auto;
             overflow: hidden;
             border-radius: 50%;
             img{
-                max-width: 125px;
+                max-width: 150px;
                 border-radius: 50%;
                 margin: 0 auto;
                 display: block;

diff --git a/scss/_page.footer.scss b/scss/_page.footer.scss
index d361b18..8b8e0d1 100644 (file)
--- a/scss/_page.footer.scss
+++ b/scss/_page.footer.scss
@@ -22,7 +22,23 @@ footer.main {
         border-color: $l-blue;
     }
 }
-.footer-address {
+#footer-address {
+    text-align: center;
+}
+#footer-address-separator {
+    width: 55%;
+    margin: 10px auto;
+    display: inline-block;
+}
+#footer-info > #footer-contacts-separator {
+    width: 60%;
+    margin: 15px auto;
+    display: none;
+    @media #{$small-only} {
+        display: inline-block;
+    }
+}
+.client-info {
     font-size: 15px;
     text-align: center;
     @media #{$small-only} {
@@ -42,7 +58,7 @@ footer.main {
     display: inline-block;
 
     color: $blue;
-    font-size: 20px;
+    font-size: 17px;
     text-align: left;
 
 }
@@ -145,7 +161,7 @@ footer{
 
 .contacts-section {
     @media #{$large-up} {
-        max-width: 300px;
+        max-width: 280px;
         margin: 0 auto;
     }
     @media #{$medium-only} {
@@ -183,6 +199,21 @@ aside .contacts-section {
         font-size: 14px;
     }
 }
+#footer-info {
+    > * {
+      clear: both;
+      float: none;
+      margin: 0px auto;
+      display: block;
+      line-height: 1.2;
+      text-align: center;
+    }
+    .contacts-label {
+        font-weight: bold;
+        font-size: 17px;
+        text-decoration: underline;
+    }
+}
 #copyright {
     padding: 5px 0;
     margin: 0 auto;
@@ -197,11 +228,18 @@ aside .contacts-section {
         color: $d-blue;
     }
 }
-#footer_address span.bullet,
+#footer-address span.bullet {
+    color: white;
+    margin: 0 5px;
+    @media #{$small-only} {
+        display: none !important;
+    }
+}
+
 #copyright span.bullet {
     color: $d-blue;
     margin: 0 5px;
     @media #{$small-only} {
         display: none !important;
     }
-}
+}
\ No newline at end of file

diff --git a/sections/footer.php b/sections/footer.php
index baba9f7..14d9192 100644 (file)
--- a/sections/footer.php
+++ b/sections/footer.php
@@ -2,35 +2,51 @@
 <?php get_template_part('parts/action-items'); ?>
 <footer class="main opensearchserver.ignore">
 
+    <?php if (function_exists('glm_get_clientinfo_option')) :?>
+        <div id="footer-address" class="row">
+            <div class="small-12 columns">
+                <?php if (glm_get_clientinfo_option('businessName')) :?>
+                    <span class="businessName"><?php echo glm_get_clientinfo_option('businessName');?>, </span>      
+                <?php endif;?>
+
+                <?php if (glm_get_clientinfo_option('address')) :?>
+                    <span><?php echo glm_get_clientinfo_option('address');?></span>
+                    <span class="bullet"> &#8226; </span>
+                <?php endif;?>
+                <br class="show-for-small-only">
+                <?php if (glm_get_clientinfo_option('city')) :?>
+                    <span><?php echo glm_get_clientinfo_option('city');?>,</span>
+                <?php endif;?>
+                <?php if (glm_get_clientinfo_option('state')) :?>
+                    <span><?php echo glm_get_clientinfo_option('state');?></span>
+                <?php endif;?>
+                <?php if (glm_get_clientinfo_option('zip')) :?>
+                    <span><?php echo glm_get_clientinfo_option('zip');?></span>
+                <?php endif;?>
+                
+                <?php if (glm_get_clientinfo_option('email')) :?>
+                    <span class="bullet"> &#8226; </span>
+                    <span><?php echo glm_get_clientinfo_option('email');?></span>
+                <?php endif;?>
+            </div>
+            <hr id="footer-address-separator">
+        </div>
+    <?php endif; ?>
+
     <div class="row large-row">
         <div class="small-12 medium-6 large-4 columns">
             <br class="show-for-medium-only">
-            <div id="footer_address" class="footer-address">
+            <div id="footer-info" class="client-info">
+                <span class="contacts-label">City Hall</span>
+                <a class="contacts-number" href="tel:231-526-2104">(231) 526-2104</a>
                 <?php if (function_exists('glm_get_clientinfo_option')) :?>
-                    <?php if (glm_get_clientinfo_option('businessName')) :?>
-                        <span class="businessName"><?php echo glm_get_clientinfo_option('businessName');?></span>
-                        <br>
-                    <?php endif;?>
-                    <?php if (glm_get_clientinfo_option('address')) :?>
-                        <span><?php echo glm_get_clientinfo_option('address');?>,</span>
-                    <?php endif;?>
-                    <?php if (glm_get_clientinfo_option('city')) :?>
-                        <span><?php echo glm_get_clientinfo_option('city');?>,</span>
-                    <?php endif;?>
-                    <?php if (glm_get_clientinfo_option('state')) :?>
-                        <span><?php echo glm_get_clientinfo_option('state');?></span>
-                    <?php endif;?>
-                    <?php if (glm_get_clientinfo_option('zip')) :?>
-                        <span><?php echo glm_get_clientinfo_option('zip');?></span>
-                        <br>
-                    <?php endif;?>
                     <?php if (glm_get_clientinfo_option('extra')) :?>
                         <span><?php echo glm_get_clientinfo_option('extra');?></span>
-                        <br>
                     <?php endif;?>
                 <?php endif;?>
                 <a class="contact-us-link" href="<?php echo get_permalink(CONTACT_PAGE_ID);?>">Contact</a>
-                <hr class="show-for-small-only">
+                
+                <hr id="footer-contacts-separator">
             </div>
         </div>
 
@@ -38,8 +54,6 @@
             <div class="row">
                 <div class="contacts-section-container small-12 medium-12 large-6 columns">
                     <div class="contacts-section">
-                        <span class="contacts-label">City Hall</span> <a class="contacts-number" href="tel:231-526-2104">(231) 526-2104</a>
-                        <br>
                         <span class="contacts-label">Billing Questions</span> <a class="contacts-number" href="tel:231-526-0602">(231) 526-0602</a>
                         <br>
                         <span class="contacts-label">Electric Dept.</span> <a class="contacts-number" href="tel:231-526-2122">(231) 526-2122</a>

diff --git a/sections/off-canvas.php b/sections/off-canvas.php
index 3ad7940..9b57ad2 100644 (file)
--- a/sections/off-canvas.php
+++ b/sections/off-canvas.php
@@ -3,7 +3,7 @@
                         <?php get_template_part('parts/search');?>
                   
                         <div class="row">
-                            <div id="oc_footer_address" class="footer-address small-12 medium-4 large-4 columns">
+                            <div id="oc-footer-address" class="client-info small-12 medium-4 large-4 columns">
                                 <?php if (function_exists('glm_get_clientinfo_option')) :?>
                                     <?php if (glm_get_clientinfo_option('businessName')) :?>
                                         <span class="businessName"><?php echo glm_get_clientinfo_option('businessName');?></span>