Add & Style Houzz Icon

.fontcustom-manifest.json

@@ -1,7 +1,7 @@
 {
   "checksum": {
-    "previous": "4a8381366308927397118a9bad71269bb86caa60b9d2e8431cf98fd7b6043f30",
-    "current": "4a8381366308927397118a9bad71269bb86caa60b9d2e8431cf98fd7b6043f30"
+    "previous": "87ffa0122ffd029e854bb5b137819c25506815f98de7e65e034daf3088987efd",
+    "current": "87ffa0122ffd029e854bb5b137819c25506815f98de7e65e034daf3088987efd"
   },
   "fonts": [
     "./css/zocial.ttf",
@@ -182,6 +182,10 @@
       "codepoint": 61739,
       "source": "./src/guest.svg"
     },
+    "houzz": {
+      "codepoint": 61799,
+      "source": "./src/houzz.svg"
+    },
     "html5": {
       "codepoint": 61740,
       "source": "./src/html5.svg"

sample.html

@@ -69,6 +69,7 @@
 	<a href="#" class="zocial quora">Follow me on Quora</a>
 	<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>
 
 	<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>
@@ -268,6 +269,7 @@
 	<a href="#" class="zocial persona icon">Sign in with Persona</a>
 	<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>
 	<br />
 	<a href="#" class="zocial call icon">Call a phone</a>
 	<a href="#" class="zocial email icon">Send a message</a>

src/houzz.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+	<path d="M16,32l9.2-5.4V16L16,21.5V32 M16,10.9l9.2,5.2V5.4L16,10.9"/>
+	<path d="M6.8,16.3v10.6l9.2-5.4L6.8,16.3 M16,0L6.8,5.4v10.9l9.2-5.4V0"/>
+</svg>

templates/zocial.css

@@ -144,7 +144,8 @@ a.zocial {
 .zocial.stackoverflow,
 .zocial.viadeo,
 .zocial.weibo,
-.zocial.wikipedia {
+.zocial.wikipedia,
+.zocial.houzz  {
 	border: 1px solid #aaa;
 	border-color: rgba(0,0,0,0.3);
 	border-bottom-color: #777;
@@ -197,7 +198,9 @@ a.zocial {
 .zocial.weibo:focus,
 .zocial.weibo:hover,
 .zocial.wikipedia:focus,
-.zocial.wikipedia:hover {
+.zocial.wikipedia:hover,
+.zocial.houzz:focus, 
+.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));
@@ -227,7 +230,8 @@ a.zocial {
 .zocial.stackoverflow:active,
 .zocial.viadeo:active,
 .zocial.weibo:active,
-.zocial.wikipedia:active {
+.zocial.wikipedia:active,
+.zocial.houzz: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));
@@ -262,6 +266,7 @@ a.zocial {
 .zocial.statusnet:before {color: #fff;}
 .zocial.viadeo:before {color: #f59b20;}
 .zocial.weibo:before {color: #e6162d;}
+.zocial.houzz:before {color: #ffffff;}
 
 /* Button background and text color */
 
@@ -366,6 +371,7 @@ a.zocial {
 .zocial.ycombinator {background-color: #ff6600;}
 .zocial.yelp {background-color: #e60010;}
 .zocial.youtube {background-color: #f00;}
+.zocial.houzz {background-color: #9ac641; color: #fff;}
 
 /*
 The Miscellaneous Buttons