From: Ian Weller <ian@gaslightmedia.com>
Date: Tue, 17 Jan 2017 20:34:24 +0000 (-0500)
Subject: I added the new social media
X-Git-Tag: v1.0.8^2
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=b748b6a7b50c246c4850bb2628c63a901c61b66b;p=web%2FCedarvilleMarine.git

I added the new social media

I removed the old Facebook graphic and added the new socail media icons.
Links are included and they are centered.
---

diff --git a/assets/Social-Icons-Set-color.png b/assets/Social-Icons-Set-color.png
new file mode 100644
index 0000000..155b388
Binary files /dev/null and b/assets/Social-Icons-Set-color.png differ
diff --git a/styles.css b/styles.css
index 162f816..0f4bad7 100644
--- a/styles.css
+++ b/styles.css
@@ -194,10 +194,25 @@ nav a {
     font-size: 2.4rem;
     display: block;
     }
+#social {
+    float: none;
+    margin: 0 auto;
+    text-align: center;
+}
 #cFace {
-    background-image: url(assets/facebook.gif);
-    width: 251px;
-    height: 82px;
+    background-image: url(assets/Social-Icons-Set-color.png);
+    width: 64px;
+    height: 64px;
+    background-position: 0 0;
+    margin-right: 10px;
+    display: inline-block;
+    }
+#cInsta {
+    background-image: url(assets/Social-Icons-Set-color.png);
+    width: 64px;
+    height: 64px;
+    background-position: -159px 0;
+    display: inline-block;
     }
 
 /* Toolbox */
diff --git a/templates/template.html b/templates/template.html
index e1e259f..e2b3ac5 100644
--- a/templates/template.html
+++ b/templates/template.html
@@ -91,7 +91,9 @@
                     <span class="wCond">{weather}</span>
                 </div><!-- /#weather -->
 		<a href="http://w3.lre.usace.army.mil/hh/GreatLakesWaterLevels/GLWL-CurrentMonth-Feet.pdf" id="waterLevel">Great Lakes Lake Levels (USACE)</a>
-                <a href="https://www.facebook.com/cedarville.marine" id="cFace" class="glmTxtImg">Find us on Facebook</a>
+                <div id="social">
+                    <a href="https://www.facebook.com/CedarvilleMarineest1984/" id="cFace" class="glmTxtImg">Find us on Facebook</a><a href="https://www.instagram.com/cedarvillemarine/" id="cInsta" class="glmTxtImg">Find us on Instagram</a>
+                </div>
             </div><!-- /#cSide -->
         </div><!-- /#cMain -->
     </div><!-- /#row -->