added social icons

diff --git a/assets/Instagram-icon.png b/assets/Instagram-icon.png
new file mode 100644 (file)
index 0000000..0f0b8f2
Binary files /dev/null and b/assets/Instagram-icon.png differ

diff --git a/assets/google-plus-icon.png b/assets/google-plus-icon.png
new file mode 100644 (file)
index 0000000..a29ba34
Binary files /dev/null and b/assets/google-plus-icon.png differ

diff --git a/styles.css b/styles.css
index 66c3262..6f50b89 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -259,6 +259,12 @@ header .social li a.twitter {
 header .social li a.facebook {
   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjA5NzkwOEYxNUQ1MTFFNEI2M0I5OTE3QkYwMDFGMzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjA5NzkwOTAxNUQ1MTFFNEI2M0I5OTE3QkYwMDFGMzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMUExMDM4NjE1RDQxMUU0QjYzQjk5MTdCRjAwMUYzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMDk3OTA4RTE1RDUxMUU0QjYzQjk5MTdCRjAwMUYzNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PndP9VsAAAGVSURBVHjaYlGz7xRjYGBYAMQeQMzIQB/wH4h3AHECE9RyT1pYzsvNzsDEhNVYRqidC1igPqcKYAZaFuFvyBDsqcugpijCwMrKDBb/9+8/w7sP3xgeP/vAsH7nFYaVmy/CtHiwUMvnIMsmNwUwOFoqY8iBQkFEiBuMz1x6ghISTNTyfVacFVbL0cGdh29QHUctB4R56xGl7vZ9VAewUMNyKXE+cPBiA6cuPma4+/AtAz8PB4OqkgjDnQdvqe8AQX4urOKL1p5laJ28F69eqkQBNxcbVvHrt18S1MvEMMBgwB1AdhoQF+FhSIkwh7DFeLGq8XHRYtBUEUcR6597mOHb91+UO0BIgIshLsQYrxprEwUwRgbdMw8MXBR8//Gb4dfvvwPnAFB9QLU08O37b3AhAwJ8POwMGspiGGruP37H8PrdVzj/4ZP3mNUisD3wn1KfmRnIMSyeEIEhXtmxjWHdjiuj5cCoA0YdMOqAUQeMOoCgA/4PoP3/WaC9VE9KTHkDrHLXY6n1Hj79QEjrDsaB7p4DBBgAvwZrwmITt3YAAAAASUVORK5CYII=') no-repeat center center;
 }
+header .social li a.instagram {
+    background: url(assets/Instagram-icon.png) no-repeat center center;
+}
+header .social li a.google {
+    background: url(assets/google-plus-icon.png) no-repeat center center;
+}
 @media only screen and (max-width: 40em) {
   header {
     padding-right: 15px;

diff --git a/templates/template.html b/templates/template.html
index f262e98..ca7eabb 100755 (executable)
--- a/templates/template.html
+++ b/templates/template.html
@@ -54,8 +54,11 @@
               </form>
             </section>
               <ul class="right social">
-                <li><a href="http://twitter.com/#!/KeweenawCVB" class="twitter"></a></li>
                 <li><a href="http://www.facebook.com/pages/Michigans-Keweenaw-Peninsula/137047840080" class="facebook"></a></li>
+                <li><a href="http://twitter.com/#!/KeweenawCVB" class="twitter"></a></li>
+                <li><a href="https://instagram.com/michiganskeweenaw/" class="instagram"></a></li>
+                <li><a href="https://plus.google.com/u/0/b/102633747928473540911/102633747928473540911/posts/p/pub" class="google"></a></li>
+                
               </ul>
 
             </div>