I added the instagram image in the footer
authorIan Weller <ian@gaslightmedia.com>
Mon, 30 Jan 2017 17:43:31 +0000 (12:43 -0500)
committerIan Weller <ian@gaslightmedia.com>
Mon, 30 Jan 2017 17:43:31 +0000 (12:43 -0500)
I added the instagram icons to the theme.  I placed it in the footer,
but not in the off canvas yet.

assets/instagram-icon-lrg.png [new file with mode: 0644]
assets/instagram-icon-sm.png [new file with mode: 0644]
scss/_page.footer.scss
sections/footer.php
style.css

diff --git a/assets/instagram-icon-lrg.png b/assets/instagram-icon-lrg.png
new file mode 100644 (file)
index 0000000..67e2df3
Binary files /dev/null and b/assets/instagram-icon-lrg.png differ
diff --git a/assets/instagram-icon-sm.png b/assets/instagram-icon-sm.png
new file mode 100644 (file)
index 0000000..0eb0963
Binary files /dev/null and b/assets/instagram-icon-sm.png differ
index ed4aba5..589e0f0 100644 (file)
@@ -73,6 +73,10 @@ footer.main {
                     background-position: -78px 0;
                     margin: 0 4.5px;
                 }
+                &.insta {
+                    background: url(../assets/instagram-icon-lrg.png);
+                    margin: 0 4.5px;
+                }
                 &.blog {
                     background: url(../assets/blog-icon-lrg.png);
                     margin-left: 4.5px;
index 37188d7..0e4f52c 100644 (file)
@@ -55,6 +55,7 @@
                 <li><a class="facebook" target="_blank" href="https://www.facebook.com/Harbor.Country.Chamber.of.Commerce/"></a></li>
                 <li><a class="twitter" target="_blank" href="https://twitter.com/HarborCountry/"></a></li>
                 <li><a class="pin" target="_blank" href="https://www.pinterest.com/harborcntrychmb/"></a></li>
+                <li><a class="insta" target="_blank" href="https://www.instagram.com/harborcountrychamber/"></a></li>
                 <li><a class="blog" href="<?php echo get_permalink(145);?>"></a></li>
             </ul>
         </div>
index 89d6709..992ffc0 100644 (file)
--- a/style.css
+++ b/style.css
@@ -3,5 +3,5 @@ Theme Name: HarborCountry
 Author: Gaslight Media
 Author URI: http://www.gaslightmedia.com
 Description: A theme for HarborCountry
-Version: 1.0.9
+Version: 1.0.11
 */