Browse Source

Added salesforce icon. Updated README to include running fontcustom from Docker.

pull/113/head
Garth 4 years ago
parent
commit
07f129f44c
11 changed files with 703 additions and 681 deletions
  1. +7
    -6
      .fontcustom-manifest.json
  2. +3
    -1
      README.md
  3. +8
    -1
      css/zocial.css
  4. BIN
      css/zocial.eot
  5. +676
    -673
      css/zocial.svg
  6. BIN
      css/zocial.ttf
  7. BIN
      css/zocial.woff
  8. BIN
      css/zocial.woff2
  9. +2
    -0
      index.html
  10. +1
    -0
      src/salesforce.svg
  11. +6
    -0
      templates/zocial.css

+ 7
- 6
.fontcustom-manifest.json View File

@@ -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,


+ 3
- 1
README.md View File

@@ -45,7 +45,7 @@ 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`
@@ -53,6 +53,8 @@ https://cdnjs.com/libraries/css-social-buttons
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)


+ 8
- 1
css/zocial.css
File diff suppressed because it is too large
View File


BIN
css/zocial.eot View File


+ 676
- 673
css/zocial.svg
File diff suppressed because it is too large
View File


BIN
css/zocial.ttf View File


BIN
css/zocial.woff View File


BIN
css/zocial.woff2 View File


+ 2
- 0
index.html View File

@@ -215,6 +215,7 @@
<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 @@
<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>


+ 1
- 0
src/salesforce.svg View File

@@ -0,0 +1 @@
<?xml version="1.0" standalone="yes"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="96px" height="96px" style="zoom: 4;"><path fill="#000000" d="M36.5,12 c-1.326,0 -2.59,0.256 -3.758,0.705 C31.321,10.48 28.836,9 26,9 c-2.107,0 -4.018,0.821 -5.447,2.152 C18.815,9.221 16.303,8 13.5,8 C8.253,8 4,12.253 4,17.5 c0,0.792 0.108,1.558 0.29,2.293 C2.291,21.349 1,23.771 1,26.5 C1,31.194 4.806,35 9.5,35 c0.413,0 0.816,-0.039 1.214,-0.096 C12.027,37.903 15.017,40 18.5,40 c3.162,0 5.916,-1.731 7.38,-4.293 C26.556,35.893 27.265,36 28,36 c2.62,0 4.938,-1.265 6.398,-3.211 C35.077,32.927 35.78,33 36.5,33 C42.299,33 47,28.299 47,22.5 C47,16.701 42.299,12 36.5,12 z "></path></svg>

+ 6
- 0
templates/zocial.css View File

@@ -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;}


Loading…
Cancel
Save