From: Steve Sutton <steve@gaslightmedia.com>
Date: Tue, 10 Apr 2018 14:33:22 +0000 (-0400)
Subject: Updating site with facebook icon
X-Git-Tag: v1.0.0^2
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/index.cgi?a=commitdiff_plain;h=bfcfaf5e74a11e448cdb37bc1f4a872eecc40338;p=WP-Themes%2Fharborsprings.git

Updating site with facebook icon

Placing facebook icon to the left of the Call number.
---

diff --git a/header.php b/header.php
index d63a16c..4fdb244 100644
--- a/header.php
+++ b/header.php
@@ -8,11 +8,14 @@
 </head>
 <body<?php global $post; $slug = get_post($post)->post_name; $dir = " id=\"$slug\""; echo $dir ?>>
 <header class="container">
-<div class="row">
-<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" width="500" height="98" id="logo"></a>
-<p><span>Call:</span> (231) 526-2111</p>
-<address>210 Artesian Avenue<br>Harbor Springs MI 49740</address>
-</div>
+    <div class="row">
+        <a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" width="500" height="98" id="logo"></a>
+        <p style="position: relative;">
+            <a target="_blank" href="https://www.facebook.com/hotelharborsprings/"><img id="facebook-icon" src="<?php bloginfo('template_url'); ?>/images/FB-1.png" height="24" width="24"></a>
+            <span>Call:</span> (231) 526-2111
+        </p>
+        <address>210 Artesian Avenue<br>Harbor Springs MI 49740</address>
+    </div>
 </header>
     <menu class="navbar yamm navbar-default">
       <nav class="container">
@@ -64,8 +67,9 @@
         </div>
       </nav>
     </menu>
-<?php if (is_front_page()) {
-  if(get_field('slideshow')) {
+<?php
+if (is_front_page()) {
+  if(function_exists( 'get_field') && get_field('slideshow')) {
     echo "<div id=\"featured\"><div id=\"slideshow\"><div class=\"cycle-prev\"><i class=\"fa\">&#xf137;</i></div><div class=\"cycle-next\"><i class=\"fa\">&#xf138;</i></div>";
     while(has_sub_field('slideshow'))  {
       $image = get_sub_field('image');
@@ -74,10 +78,11 @@
     echo "</div></div>\n";
   }
 } else {
-  if(get_field('banner-image')) {
+  if(function_exists( 'get_field') && get_field('banner-image')) {
     echo "<div id=\"banner\">";
     $image = get_field('banner-image');
     if(!empty($image)){ echo '<img src="'. $image['url'] . '" width="1170" height="376" alt="' . $image['alt'] . '">'; }
     echo "</div>\n";
   }
-} ?>
+}
+?>
diff --git a/images/FB-1.png b/images/FB-1.png
new file mode 100644
index 0000000..ee99f08
Binary files /dev/null and b/images/FB-1.png differ
diff --git a/style.css b/style.css
index e094cce..a4400eb 100644
--- a/style.css
+++ b/style.css
@@ -234,9 +234,12 @@ ul.room-gallery { list-style:none; width:100%; margin:1.5em 0 0; padding:0; clea
 ul.room-gallery li { width:100%; margin:0; padding:0 0 1px; display:block; }
 ul.room-gallery li img { display:block; margin:0 auto; }
 
+/* facebook in header */
+
 /* Media Queries */
 @media(min-width:419px) {
   body { font-size:15px; }
+  #facebook-icon { position: relative; float: left; margin-left: 20%; display: inline !important; }
 }
 @media(max-width:499px) {
   #slideshow div.slide { height:160px }
@@ -306,5 +309,6 @@ ul.room-gallery li img { display:block; margin:0 auto; }
   #banner img { max-width:1170px; }
   h1{font-size:32px}
   h2{font-size:28px}
+    #facebook-icon { position: absolute; right: 200px; top: 6px; }
 }
 @media print{*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}a,a:visited{text-decoration:underline;}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}tr,img{page-break-inside:avoid;}img{max-width:100% !important;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}