Default header, timely events feed, footer info.

Header image now changed to one twice as large
per client request. Footer has the phone number
changed.
Time.ly calendar uses an excerpt for displaying
events on the posterboard view (the one we use on
the frontpage). The excerpt will strip out all
formatting (bold, breaks, images) and this cannot
be easily changed. Currently we're enforcing the
breaks and boldening with jQuery. Yet another
plugin for us to develop!..

diff --git a/assets/default-header.jpg b/assets/default-header.jpg
index 1b33e3e..2dd556b 100644 (file)
Binary files a/assets/default-header.jpg and b/assets/default-header.jpg differ

diff --git a/css/app.css b/css/app.css
index 4b4b869..58d83de 100755 (executable)
--- a/css/app.css
+++ b/css/app.css
@@ -5733,16 +5733,16 @@ header {
 #still {
   margin-top: 0;
   padding-top: 0;
-  background-size: cover !important;
-  background-position: center !important;
-  background-repeat: no-repeat;
+  background-size: contain !important;
+  /*    background-position: center !important;*/
+  background-repeat: no-repeat !important;
   position: relative; }
   @media only screen and (min-width:40.063em) and (max-width:64em) {
     #still {
-      min-height: 150px !important; } }
+      min-height: 257px !important; } }
   @media only screen and (max-width: 40em) {
     #still {
-      min-height: 70px !important; } }
+      min-height: 140px !important; } }
   #still.no-image {
     height: 100px;
     border-top: 1px solid grey; }
@@ -6683,6 +6683,9 @@ a[href^=tel] {
 
 /* */
 /* 5.4 Time.ly event calendar */
+.timely .ai1ec-allday-badge {
+  display: none; }
+
 .events_mini .ai1ec-btn-toolbar, .events_mini .ai1ec-calendar-toolbar, .events_mini .ai1ec-views-dropdown {
   display: none; }
 
@@ -6696,6 +6699,9 @@ a[href^=tel] {
   border: 1px solid lightgrey;
   border-radius: 5px; }
 
+.ai1ec-event-wrap footer, .ai1ec-categories {
+  display: none; }
+
 /* End Time.ly event calendar */
 .cycle-slide img {
   width: 100%;

diff --git a/footer.php b/footer.php
index e0d65e4..7272cf2 100755 (executable)
--- a/footer.php
+++ b/footer.php
@@ -58,7 +58,14 @@
         jQuery(document).ready(function(){
             jQuery(".top-bar > section > ul > li > a").attr('href','#');
             jQuery(".left-off-canvas-menu > ul.off-canvas-list > div > ul > li > a:first-child").attr('href','#');
+            if ($('.ai1ec-event-description').length > 0) { // it exists }    
+                var str = "Curbside Recycling";    
+                var newhtml = $('.ai1ec-event-description').html().replace(str, '<br><b>' + str + '</b>');
+                $('.ai1ec-event-description').html(newhtml);
+                var str = "Drop-off Center";
+                var newhtml = $('.ai1ec-event-description').html().replace(str, '<b>' + str + '</b>');
+                $('.ai1ec-event-description').html(newhtml);
+            }
         });
-    
     </script>
 </html>
\ No newline at end of file

diff --git a/functions.php b/functions.php
index c47e720..ad6ee4b 100755 (executable)
--- a/functions.php
+++ b/functions.php
@@ -104,16 +104,14 @@ add_action('wp_enqueue_scripts', 'glm_site_scripts');
 
 /* Header for posts*/
 function GLM_get_header() {
-    echo '<header';
-    
     if (has_post_thumbnail()) {
             $image_data = wp_get_attachment_image_src(get_post_thumbnail_id(), "full");
-            echo ' style="background: url('.$image_data[0].');min-height: '.$image_data[2].'px;';
+            echo '<header id="still" style="background: url('.$image_data[0].');'
+                    . 'min-height: '.$image_data[2].'px;max-height: 400px"></header>';
     } else {
-            echo ' style="background: url('.get_template_directory_uri().'/assets/default-header.jpg);min-height:200px;';
+            echo '<header id="still" style="background: url('.get_template_directory_uri().'/assets/default-header.jpg);'
+                    . 'min-height: 400px;max-height: 400px"></header>';
     }
-    echo 'max-height: 200px; ">';
-    echo '</header>';
 }
 
 

diff --git a/page.php b/page.php
index 96ab677..6d4c978 100755 (executable)
--- a/page.php
+++ b/page.php
@@ -1,11 +1,9 @@
 <?php get_header(); ?>
 <div class="row">
     <div class="small-12 columns side_space">
-        <header id="still"
         <?php
             GLM_get_header();
         ?>
-        </header>
     </div>
 </div>
 <div id="main" class="row">
@@ -34,7 +32,7 @@
                     <img class="left" src="<?php bloginfo('template_url'); ?>/assets/sm-logo.png">
                 </div>
                 <div id="locate" class="medium-9 medium-offset-4">
-                    <p>Emmet County Department of Public Works<br>200 Division Street, Petoskey, MI 49770 &#8226; 231-348-1702</p>
+                    <p>Emmet County Department of Public Works<br>200 Division Street, G-76, Petoskey, MI 49770 &#8226; 231-348-0640</p>
                 </div>
             </div>
         </div>

diff --git a/scss/_structure.scss b/scss/_structure.scss
index 3c281a6..9763af2 100755 (executable)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -76,16 +76,16 @@ header {
 #still {
     margin-top: 0;
     padding-top: 0;
-    background-size: cover !important;
-    background-position: center !important;
-    background-repeat: no-repeat;
+    background-size: contain !important;
+/*    background-position: center !important;*/
+    background-repeat: no-repeat !important;
     position: relative;
 
     @media #{$medium-only} {
-        min-height: 150px !important;
+        min-height: 257px !important;
     }
     @media #{$small-only} {
-        min-height: 70px !important;
+        min-height: 140px !important;
     }
     &.no-image {
         height: 100px;
@@ -100,7 +100,7 @@ header {
     font-size: 18px;
     color: #000;
     font-family: Open Sans, sans-serif;
-}
+} 
 #phone {
     font-family: Open Sans, sans-serif;
     font-size: 20px;
@@ -1084,6 +1084,11 @@ a[href^=tel]{
 /* */
 
 /* 5.4 Time.ly event calendar */
+.timely {
+    .ai1ec-allday-badge {
+        display: none;
+    }
+}
 .events_mini {
     .ai1ec-btn-toolbar,
     .ai1ec-calendar-toolbar,
@@ -1101,6 +1106,10 @@ a[href^=tel]{
     border: 1px solid lightgrey;
     border-radius: 5px;
 }
+.ai1ec-event-wrap footer, 
+.ai1ec-categories {
+    display: none;
+}
 
 /* End Time.ly event calendar */