Permalink
Browse files

Adds OpenTable, Reddit and Digg buttons and icons

  • Loading branch information...
1 parent 446b8c3 commit 8f6ab581319d56acbc82983cec8487c93c2af442 Sam Collins committed May 18, 2012
View
@@ -6,7 +6,7 @@ I basically rewrote this entire set so they are full vector buttons, meaning:
- custom font file for all social icons
- icon font use private unicode spaces for accessibility
- em sizing based on button font-size
-- support for about 74 different services
+- support for about 79 different services
- buttons and icons supported
- no raster images (sweet)
- works splendidly on any browser supporting @font-face
Binary file not shown.
@@ -118,6 +118,7 @@
<glyph unicode="&#xe05c;" horiz-adv-x="1777" d="M0 221q0 91 64.5 156t156.5 65q91 0 156 -65t65 -156q0 -94 -69 -160q133 -151 334 -151q141 0 237 84q96 87 96 217q0 81 -51 158q-48 78 -123 131q-65 44 -235 116q-154 61 -250 121q-87 57 -150 131q-62 73 -94 152q-28 79 -28 162q0 209 165 352q168 145 404 145 q159 0 317 -67q135 -59 232 -164q76 -66 76 -164q0 -92 -65.5 -156.5t-156.5 -64.5q-92 0 -156.5 64.5t-64.5 156.5q0 39 21 90q-65 33 -181 33q-141 0 -229 -64t-88 -163q0 -87 78 -156q81 -68 262 -145q183 -79 289 -150q103 -68 168 -151q68 -83 98 -175q1 -2 2 -6t2 -6 q-72 -60 -113 -143.5t-41 -179.5q0 -109 58 -213q-25 -31 -49 -56q-177 -168 -422 -168q-243 0 -426 131q-181 130 -285 398l6 2q-10 30 -10 59zM1255 68q0 -106 74 -181t180 -75t180 75t74 181q0 105 -74.5 179.5t-179.5 74.5t-179.5 -74.5t-74.5 -179.5z" />
<glyph unicode="&#xe05d;" horiz-adv-x="1359" d="M0 1649h205l16 -248h21l10 6q79 133 208 202.5t296 69.5q176 0 313.5 -91.5t214 -255.5t76.5 -374q0 -154 -36.5 -282t-98.5 -216t-145.5 -149t-176.5 -89.5t-192 -28.5q-142 0 -258 58.5t-177 162.5l-4 6h-22l-6 -14v-775h-232v1559q0 181 -12 459zM244 803 q0 -63 12 -113q38 -143 151 -231t259 -88q207 0 331.5 157t124.5 418q0 244 -124.5 397.5t-321.5 153.5q-147 0 -262 -93t-152 -241q-18 -67 -18 -108v-252z" />
<glyph unicode="&#xe05e;" horiz-adv-x="1773" d="M0 -401v1015v1016l1026 -1016zM0 -401l1026 1015l274 -272l-413 -240l-887 -512v9zM0 1630v8l887 -512l413 -239l-274 -273zM1026 614l274 273l474 -273l-474 -272z" />
+<glyph unicode="&#xe05f;" horiz-adv-x="2650" d="M27 643v105q0 51 81.5 94.5t222 68.5t306.5 25t306.5 -25t222 -68.5t81.5 -94.5v-105q-2 -77 -180.5 -131.5t-429.5 -54.5t-429.5 54.5t-180.5 131.5zM614 1141v55q3 38 131 66t306 28q177 0 304 -28t130 -66h2v-55h-2q-3 -40 -129.5 -68.5t-304.5 -28.5t-305 28.5 t-132 68.5zM1047 129v121v10q5 75 112.5 137.5t288 98.5t393.5 36t393.5 -36t287.5 -98.5t112 -137.5v-8v-115v-8q-4 -75 -111 -137.5t-288 -98.5t-394 -36t-393.5 36t-288 98.5t-112.5 137.5zM1513 827v2v78v6q5 59 155 100.5t360 41.5t359.5 -41.5t154.5 -100.5v-4v-80v-2 q0 -60 -150 -102.5t-364 -42.5t-364.5 42.5t-150.5 102.5z" />
<glyph horiz-adv-x="1359" />
</font>
</defs></svg>
Binary file not shown.
Binary file not shown.
View
@@ -139,6 +139,7 @@ a.zocial {
.zocial.openid,
.zocial.plancast,
.zocial.posterous,
+.zocial.reddit,
.zocial.secondary,
.zocial.viadeo,
.zocial.weibo,
@@ -179,6 +180,8 @@ a.zocial {
.zocial.plancast:hover,
.zocial.posterous:focus,
.zocial.posterous:hover,
+.zocial.reddit:focus,
+.zocial.reddit:hover,
.zocial.secondary:focus,
.zocial.secondary:hover,
.zocial.twitter:focus,
@@ -210,6 +213,7 @@ a.zocial {
.zocial.openid:active,
.zocial.plancast:active,
.zocial.posterous:active,
+.zocial.reddit:active,
.zocial.secondary:active,
.zocial.viadeo:active,
.zocial.weibo:active,
@@ -236,6 +240,7 @@ a.zocial {
.zocial.cloudapp::before {content: "\E042";}
.zocial.creativecommons::before {content: "\E022";}
.zocial.delicious::before {content: "\E002";}
+.zocial.digg::before {content: "\E01A";}
.zocial.disqus::before {content: "\E030";}
.zocial.dribbble::before {content: "\E023";}
.zocial.dropbox::before {content: "\E043"; color: #1f75cc;}
@@ -272,6 +277,7 @@ a.zocial {
.zocial.myspace::before {content: "\E03E";}
.zocial.ninetyninedesigns::before {content: "\E018"; color: #f50;}
.zocial.openid::before {content: "\E04E"; color: #ff921d;}
+.zocial.opentable::before {content: "\E05F";}
.zocial.paypal::before {content: "\E003";}
.zocial.pinboard::before {content: "\E04D";}
.zocial.pinterest::before {content: "\E010";}
@@ -280,6 +286,7 @@ a.zocial {
.zocial.podcast::before {content: "\E03F";}
.zocial.posterous::before {content: "\E05D";}
.zocial.quora::before {content: "\E050";}
+.zocial.reddit::before {content: "\E01D"; color: red;}
.zocial.rss::before {content: "\E031";}
.zocial.scribd::before {content: "\E05C"; color: #00d5ea;}
.zocial.skype::before {content: "\E032";}
@@ -315,6 +322,7 @@ a.zocial {
.zocial.cloudapp {background-color: #fff; color: #312c2a;}
.zocial.creativecommons {background-color: #000;}
.zocial.delicious {background-color: #3271cb;}
+.zocial.digg {background-color: #164673;}
.zocial.disqus {background-color: #5d8aad;}
.zocial.dribbble {background-color: #ea4c89;}
.zocial.dropbox {background-color: #fff; color: #312c2a;}
@@ -351,6 +359,7 @@ a.zocial {
.zocial.myspace {background-color: #000;}
.zocial.ninetyninedesigns {background-color: #fff; color: #072243;}
.zocial.openid {background-color: #f5f5f5; color: #333;}
+.zocial.opentable {background-color: #990000;}
.zocial.paypal {background-color: #fff; color: #32689a; text-shadow: 0 1px 0 rgba(255,255,255,0.5);}
.zocial.pinboard {background-color: blue;}
.zocial.pinterest {background-color: #c91618;}
@@ -359,6 +368,7 @@ a.zocial {
.zocial.podcast {background-color: #9365ce;}
.zocial.posterous {background-color: #ffd959; color: #bc7134;}
.zocial.quora {background-color: #a82400;}
+.zocial.reddit {background-color: #fff; color: #222;}
.zocial.rss {background-color: #ff7f25;}
.zocial.scribd {background-color: #231c1a;}
.zocial.skype {background-color: #00a2ed;}
View
@@ -131,6 +131,9 @@ <h2 id="kids-by-request">Kids By Request</h2>
<a href="#" class="zocial flickr">Upload to Flickr</a>
<a href="#" class="zocial delicious">Sign in with Del.icio.us</a>
<a href="#" class="zocial googleplay">Download from Google Play</a>
+ <a href="#" class="zocial opentable">Reserve with OpenTable</a>
+ <a href="#" class="zocial digg">Digg this</a>
+ <a href="#" class="zocial reddit">Share on Reddit</a>
<h2 id="multipurpose-kids">The Multi-Purpose Kids</h2>
<a href="#" class="zocial call">Call a phone</a>
@@ -221,6 +224,10 @@ <h2 id="icons">Icon versions of the above</h2>
<a href="#" class="zocial flickr icon">Upload to Flickr</a>
<a href="#" class="zocial delicious icon">Sign in with Del.icio.us</a>
<a href="#" class="zocial googleplay icon">Download from Google Play</a>
+ <a href="#" class="zocial opentable icon">Reserve with OpenTable</a>
+ <a href="#" class="zocial digg icon">Digg this</a>
+ <a href="#" class="zocial reddit icon">Share on Reddit</a>
+
<p>Thanks to <a href="http://twitter.com/guillermovs" target="_blank">@guillermovs</a>, <a href="http://twitter.com/kamens" target="_blank">@kamens</a>, and <a href="http://twitter.com/leaverou" target="_blank">@leaverou</a> for code refinements and suggestions.</p>

0 comments on commit 8f6ab58

Please sign in to comment.