rounding out the contribute page

This commit is contained in:
davegandy 2013-05-05 23:34:45 -04:00
parent 604b02479a
commit e25b77efde
9 changed files with 355 additions and 363 deletions

View file

@ -1,38 +1,45 @@
<section id="contribute">
<h2 class="page-header">Contribute Icons to Font Awesome</h2>
<div class="row">
<div class="span3">
<img class="img-rounded" src="assets/img/contribution-sample.png">
</div>
<div class="span9">
<section>
<h2 class="page-header">GitHub Project</h2>
<p class="lead">
Want to help make Font Awesome even more awesome? Contribute back to the Font Awesome community by designing
new pictograms for the set.
Found a bug? Want to request a new icon? Want to see what's up next for the project?
<a href="{{ site.font-awesome.github.url }}/issues">Submit an issue</a> on the
<a href="{{ site.font-awesome.github.url }}">GitHub project</a>. Here are a few guidelines:
</p>
<p>
If selected, you'll retain the CC-BY license to your pictogram and get attribution
right here on the Font Awesome site.
</p>
<h3>How to Submit New Icons</h3>
<ol>
<li>Download the <a href="assets/img/icon-flag.pdf">icon-flag.pdf template</a>.</li>
<li>Be nice. No one likes a jackass.</li>
<li>Check to see if your issue you want to open already exists. Search is a beautiful invention. <i class="icon-smile"></i></li>
<li>
Open the PDF in Adobe Illustrator. You'll notice the file has dimensions of 60x56. This is exactly 4x the
max icon size of 15 wide by 14 tall. The template is an example of the flag icon to use as a guide.
</li>
<li>
Design your icon. In order to make it into the set, your icon must look pixel perfect. The easiest way to do
this is to make sure your line widths in the template are some multiple of 4px. Diagonals are rough, too.
Don't split pixels right down the middle, as they blur more when rendering. Zoom out to 25% to get a good idea
of how it will render in the font.
</li>
<li>
Submit your icon. Drop me an email at <a href="mailto:dave@davegandy.com">dave@davegandy.com</a>. Make sure to
use the subject <code>[Font Awesome] [Icon Contribution] icon-name</code> and attach your PDF file. If your
icon makes it into Font Awesome (I'm keeping a very tight reign on quality), I'll ask what contact info you'd
like to use for attribution.
If you're making a request for a new icon, it's helpful if you include the following:
<ul>
<li>Title your request <code>Icon request: icon-name</code></li>
<li>Icon use cases. How do you want to be using it?</li>
<li>Attach an image or two that represent the idea you're going for. Remember that font icons are a single color.</li>
</ul>
</li>
</ol>
</section>
<section id="say-thanks">
<h2 class="page-header">Say Thanks</h2>
<p class="lead">
Hopefully you think Font Awesome <em>is</em> awesome. I've put hundreds of hours into the project to give back to the
open source community. If you'd like, here are a couple of ways you can tell me thanks for all my hard work.
</p>
<div class="row">
<div class="span6">
<h3><a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Help me buy an iMac</a></h3>
<p>
<a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Contribute</a> to a shiny
new iMac for me to keep making great icons.
</p>
</div>
<div class="span6">
<h3><a href="http://amzn.com/w/G64X58AY416W" target="_blank">My Amazon Wish List</a></h3>
<p>
Or pick something straight
from <a href="http://amzn.com/w/G64X58AY416W" target="_blank">my wish list</a>. Gift cards are great.
</p>
</div>
</div>
</section>

View file

@ -20,8 +20,8 @@
<li>
Paste the following code into the <code>&lt;head&gt;</code> section of your site's HTML.
{% highlight html %}
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/{{ site.bootstrap.version }}/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/{{ site.font-awesome.version }}/css/font-awesome.css" rel="stylesheet">
{% endhighlight %}
<div class="alert alert-info margin-top">
<i class="icon-info-sign"></i> Want to use Font Awesome by itself without Bootstrap? Just skip pasting in the first line.
@ -45,7 +45,10 @@
<li>Copy font-awesome.min.css into your project.</li>
<li>
Open your project's font-awesome.min.css and edit the font paths to ensure they point to the right place.
<p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your CSS directory.</p>
<p class="alert alert-info">
<i class="icon-info-sign"></i> The font path is relative from your CSS directory. If you're having an issue
getting Font Awesome icons to load, this is likely the issue.
</p>
</li>
<li>
In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome.min.css.

View file

@ -1,6 +1,6 @@
<section id="icons-medical" class="row">
<div class="span12">
<h2 class="page-header">Medical Icons <small>Want to change healthcare? Work with me at <a href="#kyruus">Kyruus</a>.</small></h2>
<h2 class="page-header">Medical Icons</h2>
</div>
<div class="span3">
<ul class="the-icons">

View file

@ -8,8 +8,8 @@
<li{% if page.navbar_active == "icons" %} class="active"{% endif %}><a href="{{ site.baseurl }}icons/">Icons</a></li>
<li{% if page.navbar_active == "examples" %} class="active"{% endif %}><a href="{{ site.baseurl }}examples/">Examples</a></li>
<li{% if page.navbar_active == "whats-new" %} class="active"{% endif %}><a href="{{ site.baseurl }}whats-new/">What's New</a></li>
<li{% if page.navbar_active == "contribute" %} class="active"{% endif %}><a href="{{ site.baseurl }}contribute/">Contribute</a></li>
<li{% if page.navbar_active == "roadmap" %} class="active"{% endif %}><a href="{{ site.baseurl }}roadmap/">Roadmap</a></li>
<li{% if page.navbar_active == "thanks" %} class="active"{% endif %}><a href="{{ site.baseurl }}thanks/">Say Thanks</a></li>
</ul>
<ul class="nav pull-right">
<li><a href="mailto:{{ site.font-awesome.author.email }}"><i class="icon-envelope"></i> Me</a></li>

View file

@ -1,22 +0,0 @@
<section id="say-thanks">
<p class="lead">
Hopefully you think Font Awesome <em>is</em> awesome. I've put hundreds of hours into the project to give back to the
open source community. If you'd like, here are a couple of ways you can tell me thanks for all my hard work.
</p>
<div class="row">
<div class="span6">
<h4><a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Help me buy an iMac</a></h4>
<p>
<a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Contribute</a> to a shiny
new iMac for me to keep making great icons.
</p>
</div>
<div class="span6">
<h4><a href="http://amzn.com/w/G64X58AY416W" target="_blank">My Amazon Wish List</a></h4>
<p>
Or pick something straight
from <a href="http://amzn.com/w/G64X58AY416W" target="_blank">my wish list</a>. Gift cards are great.
</p>
</div>
</div>
</section>

Binary file not shown.

View file

@ -0,0 +1,14 @@
---
layout: base
title: How to Contribute to Font Awesome
navbar_active: contribute
---
{% capture jumbotron_h1 %}<i class="icon-thumbs-up icon-large"></i>&nbsp; Contribute{% endcapture %}
{% capture jumbotron_p %}A few ways to get involved with Font Awesome{% endcapture %}
{% include jumbotron.html %}
{% include stripe-social.html %}
<div class="container">
{% include contribute.html %}
</div>

View file

@ -20,42 +20,42 @@ icons:
categories:
- Web Application Icons
- name: envelope
- name: Envelope
id: envelope
unicode: f003
created: 1.0.0
categories:
- Web Application Icons
- name: heart
- name: Heart
id: heart
unicode: f004
created: 1.0.0
categories:
- Web Application Icons
- name: star
- name: Star
id: star
unicode: f005
created: 1.0.0
categories:
- Web Application Icons
- name: star-empty
- name: Star Empty
id: star-empty
unicode: f006
created: 1.0.0
categories:
- Web Application Icons
- name: user
- name: User
id: user
unicode: f007
created: 1.0.0
categories:
- Web Application Icons
- name: film
- name: Film
id: film
unicode: f008
created: 1.0.0
@ -67,37 +67,37 @@ icons:
unicode: f009
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: th
id: th
unicode: f00a
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: th-list
id: th-list
unicode: f00b
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: ok
- name: OK
id: ok
unicode: f00c
created: 1.0.0
categories:
- Web Application Icons
- name: remove
- name: Remove
id: remove
unicode: f00d
created: 1.0.0
categories:
- Web Application Icons
- name: zoom-in
- name: Zoom In
id: zoom-in
unicode: f00e
created: 1.0.0
@ -105,17 +105,19 @@ icons:
- Web Application Icons
- name: zoom-out
- name: Zoom Out
id: zoom-out
unicode: f010
created: 1.0.0
categories:
- Web Application Icons
- name: off
id: off
- name: Off
id: 'off'
unicode: f011
created: 1.0.0
aliases:
- power-off
categories:
- Web Application Icons
@ -152,7 +154,7 @@ icons:
unicode: f016
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: time
id: time
@ -201,7 +203,7 @@ icons:
unicode: f01d
created: 1.0.0
categories:
- Web Application Icons
- Video Player Icons
- name: repeat
id: repeat
@ -210,7 +212,7 @@ icons:
aliases:
- rotate-right
categories:
- Web Application Icons
- Text Editor Icons
- name: refresh
@ -225,7 +227,7 @@ icons:
unicode: f022
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: lock
id: lock
@ -331,84 +333,84 @@ icons:
unicode: f031
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: bold
id: bold
unicode: f032
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: italic
id: italic
unicode: f033
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: text-height
id: text-height
unicode: f034
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: text-width
id: text-width
unicode: f035
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: align-left
id: align-left
unicode: f036
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: align-center
id: align-center
unicode: f037
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: align-right
id: align-right
unicode: f038
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: align-justify
id: align-justify
unicode: f039
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: list
id: list
unicode: f03a
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: indent-left
id: indent-left
unicode: f03b
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: indent-right
id: indent-right
unicode: f03c
created: 1.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: facetime-video
id: facetime-video
@ -486,49 +488,49 @@ icons:
unicode: f048
created: 1.0.0
categories:
- Web Application Icons
- Video Player Icons
- name: fast-backward
id: fast-backward
unicode: f049
created: 1.0.0
categories:
- Web Application Icons
- Video Player Icons
- name: backward
id: backward
unicode: f04a
created: 1.0.0
categories:
- Web Application Icons
- Video Player Icons
- name: play
id: play
unicode: f04b
created: 1.0.0
categories:
- Web Application Icons
- Video Player Icons
- name: pause
id: pause
unicode: f04c
created: 1.0.0
categories:
- Web Application Icons
- Video Player Icons
- name: stop
id: stop
unicode: f04d
created: 1.0.0
categories:
- Web Application Icons
- Video Player Icons
- name: forward
id: forward
unicode: f04e
created: 1.0.0
categories:
- Web Application Icons
- Video Player Icons
- name: fast-forward
@ -536,35 +538,35 @@ icons:
unicode: f050
created: 1.0.0
categories:
- Web Application Icons
- Video Player Icons
- name: step-forward
id: step-forward
unicode: f051
created: 1.0.0
categories:
- Web Application Icons
- Video Player Icons
- name: eject
id: eject
unicode: f052
created: 1.0.0
categories:
- Web Application Icons
- Video Player Icons
- name: chevron-left
id: chevron-left
unicode: f053
created: 1.0.0
categories:
- Web Application Icons
- Directional Icons
- name: chevron-right
id: chevron-right
unicode: f054
created: 1.0.0
categories:
- Web Application Icons
- Directional Icons
- name: plus-sign
id: plus-sign
@ -642,28 +644,28 @@ icons:
unicode: f060
created: 1.0.0
categories:
- Web Application Icons
- Directional Icons
- name: arrow-right
id: arrow-right
unicode: f061
created: 1.0.0
categories:
- Web Application Icons
- Directional Icons
- name: arrow-up
id: arrow-up
unicode: f062
created: 1.0.0
categories:
- Web Application Icons
- Directional Icons
- name: arrow-down
id: arrow-down
unicode: f063
created: 1.0.0
categories:
- Web Application Icons
- Directional Icons
- name: share-alt
id: share-alt
@ -679,14 +681,14 @@ icons:
unicode: f065
created: 1.0.0
categories:
- Web Application Icons
- Video Player Icons
- name: resize-small
id: resize-small
unicode: f066
created: 1.0.0
categories:
- Web Application Icons
- Video Player Icons
- name: plus
id: plus
@ -799,14 +801,14 @@ icons:
unicode: f077
created: 1.0.0
categories:
- Web Application Icons
- Directional Icons
- name: chevron-down
id: chevron-down
unicode: f078
created: 1.0.0
categories:
- Web Application Icons
- Directional Icons
- name: retweet
id: retweet
@ -863,14 +865,14 @@ icons:
unicode: f081
created: 1.0.0
categories:
- Web Application Icons
- Social Icons
- name: facebook-sign
id: facebook-sign
unicode: f082
created: 1.0.0
categories:
- Web Application Icons
- Social Icons
- name: camera-retro
id: camera-retro
@ -940,7 +942,7 @@ icons:
unicode: f08c
created: 1.0.0
categories:
- Web Application Icons
- Social Icons
- name: pushpin
id: pushpin
@ -976,7 +978,7 @@ icons:
unicode: f092
created: 1.0.0
categories:
- Web Application Icons
- Social Icons
- name: upload-alt
id: upload-alt
@ -997,7 +999,7 @@ icons:
unicode: f095
created: 2.0.0
categories:
- Web Application Icons
- Social Icons
- name: check-empty
id: check-empty
@ -1018,28 +1020,28 @@ icons:
unicode: f098
created: 2.0.0
categories:
- Web Application Icons
- Social Icons
- name: twitter
id: twitter
unicode: f099
created: 2.0.0
categories:
- Web Application Icons
- Social Icons
- name: facebook
id: facebook
unicode: f09a
created: 2.0.0
categories:
- Web Application Icons
- Social Icons
- name: github
id: github
unicode: f09b
created: 2.0.0
categories:
- Web Application Icons
- Social Icons
- name: unlock
id: unlock
@ -1096,56 +1098,56 @@ icons:
unicode: f0a4
created: 2.0.0
categories:
- Web Application Icons
- Directional Icons
- name: hand-left
id: hand-left
unicode: f0a5
created: 2.0.0
categories:
- Web Application Icons
- Directional Icons
- name: hand-up
id: hand-up
unicode: f0a6
created: 2.0.0
categories:
- Web Application Icons
- Directional Icons
- name: hand-down
id: hand-down
unicode: f0a7
created: 2.0.0
categories:
- Web Application Icons
- Directional Icons
- name: circle-arrow-left
id: circle-arrow-left
unicode: f0a8
created: 2.0.0
categories:
- Web Application Icons
- Directional Icons
- name: circle-arrow-right
id: circle-arrow-right
unicode: f0a9
created: 2.0.0
categories:
- Web Application Icons
- Directional Icons
- name: circle-arrow-up
id: circle-arrow-up
unicode: f0aa
created: 2.0.0
categories:
- Web Application Icons
- Directional Icons
- name: circle-arrow-down
id: circle-arrow-down
unicode: f0ab
created: 2.0.0
categories:
- Web Application Icons
- Directional Icons
- name: globe
id: globe
@ -1188,7 +1190,7 @@ icons:
unicode: f0b2
created: 2.0.0
categories:
- Web Application Icons
- Video Player Icons
- name: group
@ -1203,7 +1205,7 @@ icons:
unicode: f0c1
created: 2.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: cloud
id: cloud
@ -1224,35 +1226,35 @@ icons:
unicode: f0c4
created: 2.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: copy
id: copy
unicode: f0c5
created: 2.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: paper-clip
id: paper-clip
unicode: f0c6
created: 2.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: save
id: save
unicode: f0c7
created: 2.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: sign-blank
id: sign-blank
unicode: f0c8
created: 2.0.0
categories:
- Web Application Icons
- Social Icons
- name: reorder
id: reorder
@ -1266,35 +1268,35 @@ icons:
unicode: f0ca
created: 2.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: list-ol
id: list-ol
unicode: f0cb
created: 2.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: strikethrough
id: strikethrough
unicode: f0cc
created: 2.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: underline
id: underline
unicode: f0cd
created: 2.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: table
id: table
unicode: f0ce
created: 2.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: magic
@ -1316,28 +1318,28 @@ icons:
unicode: f0d2
created: 2.0.0
categories:
- Web Application Icons
- Social Icons
- name: pinterest-sign
id: pinterest-sign
unicode: f0d3
created: 2.0.0
categories:
- Web Application Icons
- Social Icons
- name: google-plus-sign
id: google-plus-sign
unicode: f0d4
created: 2.0.0
categories:
- Web Application Icons
- Social Icons
- name: google-plus
id: google-plus
unicode: f0d5
created: 2.0.0
categories:
- Web Application Icons
- Social Icons
- name: money
id: money
@ -1351,35 +1353,35 @@ icons:
unicode: f0d7
created: 2.0.0
categories:
- Web Application Icons
- Directional Icons
- name: caret-up
id: caret-up
unicode: f0d8
created: 2.0.0
categories:
- Web Application Icons
- Directional Icons
- name: caret-left
id: caret-left
unicode: f0d9
created: 2.0.0
categories:
- Web Application Icons
- Directional Icons
- name: caret-right
id: caret-right
unicode: f0da
created: 2.0.0
categories:
- Web Application Icons
- Directional Icons
- name: columns
id: columns
unicode: f0db
created: 2.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: sort
id: sort
@ -1415,7 +1417,7 @@ icons:
unicode: f0e1
created: 2.0.0
categories:
- Web Application Icons
- Social Icons
- name: undo
@ -1425,7 +1427,7 @@ icons:
aliases:
- rotate-left
categories:
- Web Application Icons
- Text Editor Icons
- name: legal
id: legal
@ -1481,7 +1483,7 @@ icons:
unicode: f0ea
created: 2.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: lightbulb
id: lightbulb
@ -1517,14 +1519,14 @@ icons:
unicode: f0f0
created: 2.0.0
categories:
- Web Application Icons
- Medical Icons
- name: stethoscope
id: stethoscope
unicode: f0f1
created: 3.0.0
categories:
- Web Application Icons
- Medical Icons
- name: suitcase
id: suitcase
@ -1559,7 +1561,7 @@ icons:
unicode: f0f6
created: 3.0.0
categories:
- Web Application Icons
- Text Editor Icons
- name: building
id: building
@ -1573,21 +1575,21 @@ icons:
unicode: f0f8
created: 3.0.0
categories:
- Web Application Icons
- Medical Icons
- name: ambulance
id: ambulance
unicode: f0f9
created: 3.0.0
categories:
- Web Application Icons
- Medical Icons
- name: medkit
id: medkit
unicode: f0fa
created: 3.0.0
categories:
- Web Application Icons
- Medical Icons
- name: fighter-jet
id: fighter-jet
@ -1608,14 +1610,14 @@ icons:
unicode: f0fd
created: 3.0.0
categories:
- Web Application Icons
- Medical Icons
- name: plus-sign-alt
id: plus-sign-alt
unicode: f0fe
created: 3.0.0
categories:
- Web Application Icons
- Medical Icons
- name: double-angle-left
@ -1623,56 +1625,56 @@ icons:
unicode: f100
created: 3.0.0
categories:
- Web Application Icons
- Directional Icons
- name: double-angle-right
id: double-angle-right
unicode: f101
created: 3.0.0
categories:
- Web Application Icons
- Directional Icons
- name: double-angle-up
id: double-angle-up
unicode: f102
created: 3.0.0
categories:
- Web Application Icons
- Directional Icons
- name: double-angle-down
id: double-angle-down
unicode: f103
created: 3.0.0
categories:
- Web Application Icons
- Directional Icons
- name: angle-left
id: angle-left
unicode: f104
created: 3.0.0
categories:
- Web Application Icons
- Directional Icons
- name: angle-right
id: angle-right
unicode: f105
created: 3.0.0
categories:
- Web Application Icons
- Directional Icons
- name: angle-up
id: angle-up
unicode: f106
created: 3.0.0
categories:
- Web Application Icons
- Directional Icons
- name: angle-down
id: angle-down
unicode: f107
created: 3.0.0
categories:
- Web Application Icons
- Directional Icons
- name: desktop
id: desktop
@ -1707,6 +1709,7 @@ icons:
unicode: f10c
created: 3.0.0
categories:
- Directional Icons
- Web Application Icons
- name: quote-left
@ -1736,6 +1739,7 @@ icons:
unicode: f111
created: 3.0.0
categories:
- Directional Icons
- Web Application Icons
- name: reply
@ -1752,7 +1756,7 @@ icons:
unicode: f113
created: 3.0.0
categories:
- Web Application Icons
- Social Icons
- name: folder-close-alt
id: folder-close-alt
@ -1893,7 +1897,7 @@ icons:
unicode: f127
created: 3.1.0
categories:
- Web Application Icons
- Text Editor Icons
- name: question
id: question

View file

@ -1,14 +0,0 @@
---
layout: base
title: Say Thanks
navbar_active: thanks
---
{% capture jumbotron_h1 %}<i class="icon-thumbs-up icon-large"></i>&nbsp; Say Thanks{% endcapture %}
{% capture jumbotron_p %}Like Font Awesome? Here's some ways to tell me thanks.{% endcapture %}
{% include jumbotron.html %}
{% include stripe-social.html %}
<div class="container">
{% include say-thanks.html %}
</div>