Add & Style Slack icon

Remove light text shadow from Houzz icon

.fontcustom-manifest.json

@@ -1,7 +1,7 @@
 {
   "checksum": {
-    "previous": "87ffa0122ffd029e854bb5b137819c25506815f98de7e65e034daf3088987efd",
-    "current": "87ffa0122ffd029e854bb5b137819c25506815f98de7e65e034daf3088987efd"
+    "previous": "7c717a8dae1796b03c4a2642ea2cd91d4e7a3cd907a48693f20704b4e2f71830",
+    "current": "7c717a8dae1796b03c4a2642ea2cd91d4e7a3cd907a48693f20704b4e2f71830"
   },
   "fonts": [
     "./css/zocial.ttf",
@@ -326,6 +326,10 @@
       "codepoint": 61772,
       "source": "./src/skype.svg"
     },
+    "slack": {
+      "codepoint": 61800,
+      "source": "./src/slack.svg"
+    },
     "smashing": {
       "codepoint": 61773,
       "source": "./src/smashing.svg"

css/zocial.svg

@@ -1,13 +1,13 @@
 <?xml version="1.0" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <!--
-2016-3-30: Created with FontForge (http://fontforge.org)
+2016-5-13: Created with FontForge (http://fontforge.org)
 -->
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
 <metadata>
-Created by FontForge 20150913 at Wed Mar 30 14:55:32 2016
- By Cody Alder
-Copyright (c) 2016, Cody Alder
+Created by FontForge 20150913 at Fri May 13 16:03:41 2016
+ By System Administrator
+Copyright (c) 2016, System Administrator
 </metadata>
 <defs>
 <font id="zocial" horiz-adv-x="512" >
@@ -22,7 +22,7 @@ Copyright (c) 2016, Cody Alder
     bbox="-96 -79.3604 667.062 521.728"
     underline-thickness="25.6"
     underline-position="-51.2"
-    unicode-range="U+0020-F167"
+    unicode-range="U+0020-F168"
   />
     <missing-glyph />
     <glyph glyph-name="space" unicode=" " horiz-adv-x="200" 
@@ -734,6 +734,14 @@ c-6.81641 6.83203 -15.1836 10.2393 -25.0723 10.2393c-9.90332 0 -18.3359 -3.40723
 c-41.3115 0 -76.6396 14.5918 -105.984 43.7764c-29.3438 29.1836 -44.0312 64.6074 -44.0312 106.24zM292.464 82.9443v93.6953l45.5684 -21.5195l68.624 20.4961v-94.2246c0 -9.90332 3.4082 -18.3359 10.2236 -25.3438
 c6.84766 -7.00781 15.2002 -10.4961 25.0879 -10.4961c9.9043 0 18.2725 3.50391 25.0879 10.4961c6.81641 6.99219 10.2559 15.4404 10.2559 25.3438v95.7441h114.688v-92.6719c0 -41.2959 -14.5918 -76.6396 -43.7764 -105.983
 c-29.1836 -29.3604 -64.4316 -44.0322 -105.728 -44.0322s-76.624 14.4961 -105.984 43.5195c-29.3594 29.04 -44.0479 64.0166 -44.0479 104.977z" />
+    <glyph glyph-name="uniF168" unicode="&#xf168;" 
+d="M331.928 416.324c-7.7793 23.9502 -33.5039 37.0557 -57.4473 29.2715c-23.9521 -7.7793 -37.0605 -33.5039 -29.2744 -57.4492l117.894 -362.73c8.09668 -22.374 32.2646 -34.9463 55.4648 -28.2695c24.1992 6.96582 38.9492 32.668 31.2275 56.4336l-117.864 362.744z
+M149.252 356.968c-7.78418 23.9482 -33.5059 37.0518 -57.4521 29.2725c-23.9521 -7.78027 -37.0596 -33.5 -29.2734 -57.4521l117.894 -362.732c8.0957 -22.3721 32.2656 -34.9453 55.4658 -28.2637c24.2002 6.95996 38.9482 32.6641 31.2266 56.4336l-117.86 362.74z
+M480.324 115.91c23.9502 7.78027 37.0518 33.5 29.2715 57.4521c-7.7793 23.9473 -33.5039 37.0557 -57.4492 29.2734l-362.73 -117.899c-22.374 -8.08984 -34.9463 -32.2607 -28.2695 -55.46c6.96582 -24.1963 32.668 -38.9482 56.4336 -31.2266l362.744 117.86z
+M165.016 13.46l86.6943 28.168l-28.1719 86.7041l-86.7002 -28.1797l28.1758 -86.6943zM347.694 72.8203c32.7754 10.6436 63.2393 20.5439 86.6953 28.166l-28.1758 86.7197l-86.7002 -28.1797l28.1807 -86.708zM420.968 298.588
+c23.9482 7.78027 37.0547 33.5 29.2744 57.4541c-7.78027 23.9482 -33.5 37.0537 -57.4521 29.2744l-362.734 -117.902c-22.3721 -8.08789 -34.9453 -32.2578 -28.2637 -55.458c6.95996 -24.1963 32.6641 -38.9482 56.4336 -31.2256l362.74 117.859zM105.644 196.134
+c23.6104 7.67188 54.0508 17.5645 86.708 28.1719c-10.6455 32.7803 -20.5459 63.2441 -28.168 86.7041l-86.7197 -28.1836l28.1797 -86.6924zM288.32 255.488l86.7119 28.1758c-10.6523 32.7861 -20.5518 63.2598 -28.1807 86.7197l-86.7119 -28.1836l28.1807 -86.7119z
+" />
     <glyph glyph-name="uniF159" unicode="&#xf159;" 
 d="M-42.752 308.736c18.7676 22.1914 37.5518 41.9834 56.3203 59.3916c18.7676 17.4082 35.0713 30.6396 48.8955 39.6797s26.1924 16.3848 37.1201 22.0166s19.1201 9.2959 24.5762 11.0078l8.7041 2.04785c4.0957 0.688477 8.19141 1.02441 12.2881 1.02441
 c6.47949 0 12.4473 -1.02441 17.9199 -3.07227c8.87988 -3.4082 16.1279 -9.2959 21.7598 -17.6641s10.5762 -17.7441 14.8477 -28.1602c4.27246 -10.416 7.93652 -22.6875 11.0088 -36.8643c3.07129 -14.1592 5.63184 -27.3916 7.67969 -39.6797

sample.html

@@ -70,6 +70,7 @@
 	<a href="#" class="zocial lanyrd">Attend on Lanyrd</a>
 	<a href="#" class="zocial twitch">Sign in with Twitch</a>
 	<a href="#" class="zocial houzz">Sign in with Houzz</a>
+	<a href="#" class="zocial slack">Sign in with Slack</a>
 
 	<h2 id="not-so-cool-kids">The Not-So-Cool But Have-To-Be-Invited Kids</h2>
 	<a href="#" class="zocial paypal">Pay with Paypal</a>
@@ -270,6 +271,7 @@
 	<a href="#" class="zocial joinme icon">Sign in with join.me</a>
 	<a href="#" class="zocial twitch icon">Sign in with Twitch</a>
 	<a href="#" class="zocial houzz icon">Sign in with Houzz</a>
+	<a href="#" class="zocial slack icon">Sign in with Slack</a>
 	<br />
 	<a href="#" class="zocial call icon">Call a phone</a>
 	<a href="#" class="zocial email icon">Send a message</a>

src/slack.svg

@@ -0,0 +1 @@
+<svg width="256" height="256" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M165.964 15.838C162.074 3.863 149.212-2.69 137.24 1.202c-11.976 3.89-18.53 16.752-14.637 28.725l58.947 181.365c4.048 11.187 16.132 17.473 27.732 14.135 12.1-3.483 19.475-16.334 15.614-28.217L165.964 15.838" fill="#000000"/><path d="M74.626 45.516C70.734 33.542 57.873 26.99 45.9 30.88c-11.976 3.89-18.53 16.75-14.637 28.726L90.21 240.972c4.048 11.186 16.133 17.473 27.733 14.132 12.1-3.48 19.474-16.332 15.613-28.217l-58.93-181.37" fill="#000000"/><path d="M240.162 166.045c11.975-3.89 18.526-16.75 14.636-28.726-3.89-11.974-16.752-18.528-28.725-14.637l-181.365 58.95c-11.187 4.045-17.473 16.13-14.135 27.73 3.483 12.098 16.334 19.474 28.217 15.613l181.372-58.93" fill="#000000"/><path d="M82.508 217.27l43.347-14.084-14.086-43.352-43.35 14.09 14.088 43.347" fill="#000000"/><path d="M173.847 187.59c16.388-5.322 31.62-10.272 43.348-14.083l-14.088-43.36-43.35 14.09 14.09 43.354" fill="#000000"/><path d="M210.484 74.706c11.974-3.89 18.527-16.75 14.637-28.727-3.89-11.974-16.75-18.527-28.726-14.637L15.028 90.293C3.842 94.337-2.445 106.422.896 118.022c3.48 12.098 16.332 19.474 28.217 15.613l181.37-58.93" fill="#000000"/><path d="M52.822 125.933c11.805-3.836 27.025-8.782 43.354-14.086-5.323-16.39-10.273-31.622-14.084-43.352l-43.36 14.092 14.09 43.346" fill="#000000"/><path d="M144.16 96.256l43.356-14.088c-5.326-16.393-10.276-31.63-14.09-43.36L130.07 52.9l14.09 43.356" fill="#000000"/></svg>

templates/zocial.css

@@ -144,8 +144,7 @@ a.zocial {
 .zocial.stackoverflow,
 .zocial.viadeo,
 .zocial.weibo,
-.zocial.wikipedia,
-.zocial.houzz  {
+.zocial.wikipedia {
 	border: 1px solid #aaa;
 	border-color: rgba(0,0,0,0.3);
 	border-bottom-color: #777;
@@ -200,7 +199,7 @@ a.zocial {
 .zocial.wikipedia:focus,
 .zocial.wikipedia:hover,
 .zocial.houzz:focus, 
-.zocial.houzz:hover  {
+.zocial.houzz:hover {
 	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)), color-stop(49%, rgba(255,255,255,0.2)), color-stop(51%, rgba(0,0,0,0.05)), to(rgba(0,0,0,0.15)));
 	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
 	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15));
@@ -230,8 +229,7 @@ a.zocial {
 .zocial.stackoverflow:active,
 .zocial.viadeo:active,
 .zocial.weibo:active,
-.zocial.wikipedia:active,
-.zocial.houzz:active  {
+.zocial.wikipedia:active {
 	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(30%, rgba(255,255,255,0)), color-stop(50%, rgba(0,0,0,0)), to(rgba(0,0,0,0.1)));
 	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1));
 	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1));
@@ -267,6 +265,7 @@ a.zocial {
 .zocial.viadeo:before {color: #f59b20;}
 .zocial.weibo:before {color: #e6162d;}
 .zocial.houzz:before {color: #ffffff;}
+.zocial.slack:before {color: #fff;}
 
 /* Button background and text color */
 
@@ -372,6 +371,7 @@ a.zocial {
 .zocial.yelp {background-color: #e60010;}
 .zocial.youtube {background-color: #f00;}
 .zocial.houzz {background-color: #9ac641; color: #fff;}
+.zocial.slack {background-color: #3eb890; color: #fff;}
 
 /*
 The Miscellaneous Buttons