Added salesforce icon. Updated README to include running fontcustom f…

…rom Docker.

.fontcustom-manifest.json

@@ -1,14 +1,13 @@
 {
   "checksum": {
-    "previous": "e29477d791915347e3972b017c4157b6cb80af31d0f648e5cc2b1089d92e8dfc",
-    "current": "e29477d791915347e3972b017c4157b6cb80af31d0f648e5cc2b1089d92e8dfc"
+    "previous": "1b6f02da79557c45c06249000018795c362b31f80a42f933ba1ca0e29d6150b6",
+    "current": "1b6f02da79557c45c06249000018795c362b31f80a42f933ba1ca0e29d6150b6"
   },
   "fonts": [
     "./css/zocial.ttf",
     "./css/zocial.svg",
     "./css/zocial.woff",
-    "./css/zocial.eot",
-    "./css/zocial.woff2"
+    "./css/zocial.eot"
   ],
   "glyphs": {
     "acrobat": {
@@ -347,6 +346,10 @@
       "codepoint": 61777,
       "source": "./src/rss.svg"
     },
+    "salesforce": {
+      "codepoint": 61808,
+      "source": "./src/salesforce.svg"
+    },
     "scribd": {
       "codepoint": 61778,
       "source": "./src/scribd.svg"
@@ -463,8 +466,6 @@
   "options": {
     "autowidth": false,
     "config": "fontcustom.yml",
-    "copyright": "",
-    "css3": false,
     "css_selector": ".zocial.{{glyph}}",
     "debug": false,
     "font_ascent": 448,

README.md

@@ -45,14 +45,16 @@ https://cdnjs.com/libraries/css-social-buttons
 
 ## How to contribute
 
-1. Install [Font Custom](https://github.com/FontCustom/fontcustom)
+1. Install [Font Custom](https://github.com/FontCustom/fontcustom) (*)
 2. Add or update the icon .svg in the `src/` folder.
 3. Set the button and font color in `templates/zocial.css` file.
 4. Run `fontcustom compile`
 5. Update the demo page (`index.html`) with both the button and icon.
 6. Test rendering. If broken go to step 2.
 7. Send pull-request !
 
+(*) if you are having difficulting installing Font Custom, you can use a docker container. Instead of running #4, run `docker run -v ${PWD}:/project  drichner/fontcustom compile` from the root of this directory.
+
 ## License
 
 Under [MIT License](http://opensource.org/licenses/mit-license.php)

index.html

@@ -215,6 +215,7 @@ <h2>Some Popular Buttons</h2>
   <a href="#" class="zocial print">Print this page</a>
   <a href="#" class="zocial primary" title="A primary button for general purposes to keep consistency with Zocial">Primary action</a>
   <a href="#" class="zocial secondary" title="A secondary button for general purposes to keep consistency with Zocial">Secondary action</a>
+  <a href="#" class="zocial salesforce">Sign in with Salesforce</a>
 
 
 
@@ -330,6 +331,7 @@ <h2 id="icons">Icon versions</h2>
   <a href="#" class="zocial cal icon">Add to calendar</a>
   <a href="#" class="zocial print icon">Print this page</a>
   <a href="#" class="zocial cart icon">Add to cart</a>
+  <a href="#" class="zocial icon salesforce">Sign in with Salesforce</a>
 </div>
 
 <p>Under MIT License. <a href="https://github.com/smcllns/css-social-buttons">Zocial on Github.</a></p>

templates/zocial.css

@@ -144,6 +144,7 @@ a.zocial {
 .zocial.pocket,
 .zocial.posterous,
 .zocial.reddit,
+.zocial.salesforce,
 .zocial.secondary,
 .zocial.stackoverflow,
 .zocial.viadeo,
@@ -194,6 +195,8 @@ a.zocial {
 .zocial.posterous:hover,
 .zocial.reddit:focus,
 .zocial.reddit:hover,
+.zocial.salesforce:focus,
+.zocial.salesforce:hover,
 .zocial.secondary:focus,
 .zocial.secondary:hover,
 .zocial.stackoverflow:focus,
@@ -243,6 +246,7 @@ a.zocial {
 .zocial.pocket:active,
 .zocial.posterous:active,
 .zocial.reddit:active,
+.zocial.salesforce:active,
 .zocial.secondary:active,
 .zocial.stackoverflow:active,
 .zocial.viadeo:active,
@@ -279,6 +283,7 @@ a.zocial {
 .zocial.pocket:before {color:#ee4056;}
 .zocial.persona:before {color:#fff;}
 .zocial.reddit:before {color: red;}
+.zocial.salesforce:before {color: #00a1e0;}
 .zocial.scribd:before {color: #00d5ea;}
 .zocial.stackoverflow:before {color: #ff7a15;}
 .zocial.statusnet:before {color: #fff;}
@@ -371,6 +376,7 @@ a.zocial {
 .zocial.print {background-color: #f0f0eb; color: #222; text-shadow: 0 1px 0 rgba(255,255,255,0.8);}
 .zocial.quora {background-color: #a82400;}
 .zocial.reddit {background-color: #fff; color: #222;}
+.zocial.salesforce {background-color: #fff; color: #000;}
 .zocial.rss {background-color: #ff7f25;}
 .zocial.scribd {background-color: #231c1a;}
 .zocial.skype {background-color: #00a2ed;}