diff options
Diffstat (limited to 'bower_components/font-awesome/src/_includes')
48 files changed, 738 insertions, 953 deletions
diff --git a/bower_components/font-awesome/src/_includes/brand-license.html b/bower_components/font-awesome/src/_includes/brand-license.html index 07dea295..33001834 100644 --- a/bower_components/font-awesome/src/_includes/brand-license.html +++ b/bower_components/font-awesome/src/_includes/brand-license.html @@ -1,4 +1,4 @@ -<ul class="margin-bottom-none"> +<ul class="margin-bottom-none padding-left-lg"> <li>All brand icons are trademarks of their respective owners.</li> <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li> </ul> diff --git a/bower_components/font-awesome/src/_includes/cheatsheet.html b/bower_components/font-awesome/src/_includes/cheatsheet.html deleted file mode 100644 index 81e508c4..00000000 --- a/bower_components/font-awesome/src/_includes/cheatsheet.html +++ /dev/null @@ -1,19 +0,0 @@ -{% capture stripe_ad_content %} -<p class="lead"> - Print this page to PDF for the complete set of vectors. Or to use on the desktop, install FontAwesome.otf and copy - and paste the icons (not the unicode) directly into your designs. -</p> -{% endcapture %} -{% include stripe-ad.html %} - -<h2 class="page-header">Every Font Awesome {{ site.fontawesome.version }} Icon, CSS Class, & Unicode</h2> - -<div class="row"> -{% for icon in icons %} - <div class="span4"> - <i class="icon-fixed-width">&#x{{ icon.unicode }}</i> - icon-{{ icon.id }} - <span class="muted">(&#x{{ icon.unicode }};)</span> - </div> -{% endfor %} -</div> diff --git a/bower_components/font-awesome/src/_includes/community.html b/bower_components/font-awesome/src/_includes/community.html deleted file mode 100644 index f6ba9f06..00000000 --- a/bower_components/font-awesome/src/_includes/community.html +++ /dev/null @@ -1,20 +0,0 @@ -{% capture stripe_ad_content %} -<p class="lead"> - Font Awesome has a vibrant community of folks helping each other out. You can - <a href="#getting-support">get support</a>, - <a href="#reporting-bugs">report bugs</a>, - <a href="#requesting-new-icons">request new icons</a>, - <a href="#submitting-pull-requests">submit pull requests</a>, and - <a href="#project-milestones">check upcoming milestones</a>. -</p> -{% endcapture %} -{% include stripe-ad.html %} - -{% include community/getting-support.html %} -{% include community/reporting-bugs.html %} -{% include community/requesting-new-icons.html %} -{% include community/submitting-pull-requests.html %} -{% include community/project-milestones.html %} - -{% include thanks-to.html %} -{% include tell-me-thanks.html %} diff --git a/bower_components/font-awesome/src/_includes/community/reporting-bugs.html b/bower_components/font-awesome/src/_includes/community/reporting-bugs.html index 3dde63fa..b8fb61e4 100644 --- a/bower_components/font-awesome/src/_includes/community/reporting-bugs.html +++ b/bower_components/font-awesome/src/_includes/community/reporting-bugs.html @@ -5,7 +5,7 @@ </p> <ol> <li>Please be nice. Font Awesome is a happy place.</li> - <li>Please <a href="{{ site.fontawesome.github.url }}/search?type=Issues">search</a> to see if your icon request already exists.</li> + <li>Please <a href="{{ site.fontawesome.github.url }}/search?type=Issues">search</a> to see if your bug was already reported.</li> <li> Before opening any issue, please read the generic <a href="https://github.com/necolas/issue-guidelines">issue guidelines</a>, by <a href="https://github.com/necolas/">Nicolas Gallagher</a>. diff --git a/bower_components/font-awesome/src/_includes/community/requesting-new-icons.html b/bower_components/font-awesome/src/_includes/community/requesting-new-icons.html index d710e2bb..1b723dea 100644 --- a/bower_components/font-awesome/src/_includes/community/requesting-new-icons.html +++ b/bower_components/font-awesome/src/_includes/community/requesting-new-icons.html @@ -21,7 +21,7 @@ </li> <li> Concrete objects make good icons, since abstract concepts are, well, abstract. It's harder to make an icon - to represent happiness. It's easier to make a smiley face. <i class="icon-smile"></i> + to represent happiness. It's easier to make a smiley face. <i class="fa fa-smile"></i> </li> </ol> </section> diff --git a/bower_components/font-awesome/src/_includes/examples.html b/bower_components/font-awesome/src/_includes/examples.html deleted file mode 100644 index 0598e28b..00000000 --- a/bower_components/font-awesome/src/_includes/examples.html +++ /dev/null @@ -1,24 +0,0 @@ -{% capture stripe_ad_content %} -<p class="lead"> - After you <a href="{{ page.relative_path }}get-started/">get up and running</a>, you can place Font Awesome icons just about - anywhere with the <code><i></code> tag. - Many examples appreciatively re-used from the <a href="{{ site.bootstrap.url }}">Bootstrap documentation</a>. -</p> -{% endcapture %} -{% include stripe-ad.html %} - -{% include examples/new.html %} - -{% include examples/inline-icons.html %} -{% include examples/larger-icons.html %} -{% include examples/bordered-pulled.html %} -{% include examples/buttons.html %} -{% include examples/button-groups.html %} -{% include examples/button-dropdowns.html %} -{% include examples/bulleted-lists.html %} -{% include examples/navigation.html %} -{% include examples/form-inputs.html %} -{% include examples/animated-spinner.html %} -{% include examples/rotated-flipped.html %} -{% include examples/stacked.html %} -{% include examples/custom.html %} diff --git a/bower_components/font-awesome/src/_includes/examples/animated-spinner.html b/bower_components/font-awesome/src/_includes/examples/animated-spinner.html deleted file mode 100644 index eee013a1..00000000 --- a/bower_components/font-awesome/src/_includes/examples/animated-spinner.html +++ /dev/null @@ -1,20 +0,0 @@ -<section id="animated-spinner"> - <h2 class="page-header">Animated Spinner</h2> - <div class="row"> - <div class="span3"> - Use the <code>icon-spin</code> class to get any icon to rotate. Works well with <code>icon-spinner</code> and - <code>icon-refresh</code>. - </div> - <div class="span9"> - <div class="well well-large well-transparent lead"> - <i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content... - </div> -{% highlight html %} -<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content... -{% endhighlight %} - <p class="alert alert-info"> - <i class="icon-info-sign"></i> CSS3 animations aren't supported in IE7 - IE9. - </p> - </div> - </div> -</section> diff --git a/bower_components/font-awesome/src/_includes/examples/bootstrap.html b/bower_components/font-awesome/src/_includes/examples/bootstrap.html new file mode 100644 index 00000000..1142b908 --- /dev/null +++ b/bower_components/font-awesome/src/_includes/examples/bootstrap.html @@ -0,0 +1,93 @@ +<section id="bootstrap"> + <h2 class="page-header">Bootstrap 3 Examples</h2> + <div class="row"> + <div class="col-md-3 col-sm-4"> + <p> + <a class="btn btn-danger" href="#"> + <i class="fa fa-trash-o fa-lg"></i> Delete</a> + <a class="btn btn-default btn-sm" href="#"> + <i class="fa fa-cog"></i> Settings</a> + </p> + <p> + <a class="btn btn-lg btn-success" href="#"> + <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a> + </p> + <div class="margin-bottom"> + <div class="btn-group"> + <a class="btn btn-default" href="#"><i class="fa fa-align-left"></i></a> + <a class="btn btn-default" href="#"><i class="fa fa-align-center"></i></a> + <a class="btn btn-default" href="#"><i class="fa fa-align-right"></i></a> + <a class="btn btn-default" href="#"><i class="fa fa-align-justify"></i></a> + </div> + </div> + <div class="margin-bottom"> + <div class="input-group margin-bottom-sm"> + <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span> + <input class="form-control" type="text" placeholder="Email address"> + </div> + <div class="input-group"> + <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span> + <input class="form-control" type="password" placeholder="Password"> + </div> + </div> + <div class="margin-bottom"> + <div class="btn-group open"> + <a class="btn btn-primary" href="#"><i class="fa fa-user fa-fw"></i> User</a> + <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="fa fa-caret-down"></span></a> + <ul class="dropdown-menu"> + <li><a href="#"><i class="fa fa-pencil fa-fw"></i> Edit</a></li> + <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li> + <li><a href="#"><i class="fa fa-ban fa-fw"></i> Ban</a></li> + <li class="divider"></li> + <li><a href="#"><i class="i"></i> Make admin</a></li> + </ul> + </div> + </div> + + </div> + <div class="col-md-9 col-sm-8"> + <p> + Font Awesome works great with the full range of Bootstrap components. + </p> +{% highlight html %} +<a class="btn btn-danger" href="#"> + <i class="fa fa-trash-o fa-lg"></i> Delete</a> +<a class="btn btn-default btn-sm" href="#"> + <i class="fa fa-cog"></i> Settings</a> + +<a class="btn btn-lg btn-success" href="#"> + <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a> + +<div class="btn-group"> + <a class="btn btn-default" href="#"><i class="fa fa-align-left"></i></a> + <a class="btn btn-default" href="#"><i class="fa fa-align-center"></i></a> + <a class="btn btn-default" href="#"><i class="fa fa-align-right"></i></a> + <a class="btn btn-default" href="#"><i class="fa fa-align-justify"></i></a> +</div> + +<div class="input-group margin-bottom-sm"> + <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span> + <input class="form-control" type="text" placeholder="Email address"> +</div> +<div class="input-group"> + <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span> + <input class="form-control" type="password" placeholder="Password"> +</div> + +<div class="btn-group open"> + <a class="btn btn-primary" href="#"><i class="fa fa-user fa-fw"></i> User</a> + <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="fa fa-caret-down"></span></a> + <ul class="dropdown-menu"> + <li><a href="#"><i class="fa fa-pencil fa-fw"></i> Edit</a></li> + <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li> + <li><a href="#"><i class="fa fa-ban fa-fw"></i> Ban</a></li> + <li class="divider"></li> + <li><a href="#"><i class="i"></i> Make admin</a></li> + </ul> +</div> +{% endhighlight %} + </div> + </div> +</section> diff --git a/bower_components/font-awesome/src/_includes/examples/bordered-pulled.html b/bower_components/font-awesome/src/_includes/examples/bordered-pulled.html index b5aa2bf1..f22ee8e3 100644 --- a/bower_components/font-awesome/src/_includes/examples/bordered-pulled.html +++ b/bower_components/font-awesome/src/_includes/examples/bordered-pulled.html @@ -1,32 +1,20 @@ <section id="bordered-pulled"> <h2 class="page-header">Bordered & Pulled Icons</h2> <div class="row"> - <div class="span3"> + <div class="col-md-3 col-sm-4"> <p> - Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or - article graphics. + <i class="fa fa-quote-left fa-2x pull-left fa-border"></i> + Use a few styles together and you'll have easy pull quotes or a great introductory article icon. </p> </div> - <div class="span9"> - <div class="well well-large well-transparent"> - <i class="icon-quote-left icon-4x pull-left icon-muted"></i> - Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. - Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all - of them in any combination to get lots of new possibilities. - </div> -{% highlight html %} -<i class="icon-quote-left icon-4x pull-left icon-muted"></i> -Use a few of the new styles together ... lots of new possibilities. -{% endhighlight %} - <div class="well well-large well-transparent clearfix"> - <i class="icon-flag icon-4x pull-left icon-border"></i> - Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. - Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all - of them in any combination to get lots of new possibilities. - </div> + <div class="col-md-9 col-sm-8"> + <p> + Use <code>fa-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or + article graphics. + </p> {% highlight html %} -<i class="icon-flag icon-4x pull-left icon-border"></i> -Use a few of the new styles together ... lots of new possibilities. +<i class="fa fa-quote-left fa-2x pull-left fa-border"></i> +Use a few styles together and you'll have easy pull quotes or a great introductory article icon. {% endhighlight %} </div> </div> diff --git a/bower_components/font-awesome/src/_includes/examples/bulleted-lists.html b/bower_components/font-awesome/src/_includes/examples/bulleted-lists.html deleted file mode 100644 index 73db34e4..00000000 --- a/bower_components/font-awesome/src/_includes/examples/bulleted-lists.html +++ /dev/null @@ -1,31 +0,0 @@ -<section id="bulleted-lists"> - <h2 class="page-header">Bulleted Lists</h2> - <div class="row"> - <div class="span12"> - </div> - <div class="span3"> - <ul class="icons-ul"> - <li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li> - <li><i class="icon-li icon-ok"></i>Buttons</li> - <li><i class="icon-li icon-ok"></i>Button groups</li> - <li><i class="icon-li icon-ok"></i>Navigation</li> - <li><i class="icon-li icon-ok"></i>Prepended form inputs</li> - <li><i class="icon-li icon-ok"></i>…and many more with custom CSS</li> - </ul> - </div> - <div class="span9"> - <p>Easily replace individual bullets.</p> -{% highlight html %} -<ul class="icons-ul"> - <li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li> - <li><i class="icon-li icon-ok"></i>Buttons</li> - <li><i class="icon-li icon-ok"></i>Button groups</li> - <li><i class="icon-li icon-ok"></i>Navigation</li> - <li><i class="icon-li icon-ok"></i>Prepended form inputs</li> - <li><i class="icon-li icon-ok"></i>…and many more with custom CSS</li> -</ul> -{% endhighlight %} - <div class="alert alert-info"><i class="icon-info-sign"></i> Make sure to NOT include any whitespace after the icon declaration.</div> - </div> - </div> -</section> diff --git a/bower_components/font-awesome/src/_includes/examples/button-dropdowns.html b/bower_components/font-awesome/src/_includes/examples/button-dropdowns.html deleted file mode 100644 index 201eb1cd..00000000 --- a/bower_components/font-awesome/src/_includes/examples/button-dropdowns.html +++ /dev/null @@ -1,36 +0,0 @@ -<section id="button-dropdowns"> - <h2 class="page-header">Button Dropdowns</h2> - <div class="row"> - <div class="span3"> - <div class="btn-group open"> - <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> - <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="icon-caret-down"></span></a> - <ul class="dropdown-menu"> - <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Edit</a></li> - <li><a href="#"><i class="icon-fixed-width icon-trash"></i> Delete</a></li> - <li><a href="#"><i class="icon-fixed-width icon-ban-circle"></i> Ban</a></li> - <li class="divider"></li> - <li><a href="#"><i class="i"></i> Make admin</a></li> - </ul> - </div> - </div> - <div class="span9"> -{% highlight html %} -<div class="btn-group open"> - <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> - <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="icon-caret-down"></span></a> - <ul class="dropdown-menu"> - <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Edit</a></li> - <li><a href="#"><i class="icon-fixed-width icon-trash"></i> Delete</a></li> - <li><a href="#"><i class="icon-fixed-width icon-ban-circle"></i> Ban</a></li> - <li class="divider"></li> - <li><a href="#"><i class="i"></i> Make admin</a></li> - </ul> -</div> -{% endhighlight %} - <div class="alert alert-info"><i class="icon-info-sign"></i> Don't forget to add the appropriate JavaScript to enable button dropdowns.</div> - </div> - </div> -</section> diff --git a/bower_components/font-awesome/src/_includes/examples/button-groups.html b/bower_components/font-awesome/src/_includes/examples/button-groups.html deleted file mode 100644 index ce489230..00000000 --- a/bower_components/font-awesome/src/_includes/examples/button-groups.html +++ /dev/null @@ -1,25 +0,0 @@ -<section id="button-groups"> - <h2 class="page-header">Button Groups</h2> - <div class="row"> - <div class="span3"> - <p> - <div class="btn-group"> - <a class="btn" href="#"><i class="icon-align-left"></i></a> - <a class="btn" href="#"><i class="icon-align-center"></i></a> - <a class="btn" href="#"><i class="icon-align-right"></i></a> - <a class="btn" href="#"><i class="icon-align-justify"></i></a> - </div> - </p> - </div> - <div class="span9"> -{% highlight html %} -<div class="btn-group"> - <a class="btn" href="#"><i class="icon-align-left"></i></a> - <a class="btn" href="#"><i class="icon-align-center"></i></a> - <a class="btn" href="#"><i class="icon-align-right"></i></a> - <a class="btn" href="#"><i class="icon-align-justify"></i></a> -</div> -{% endhighlight %} - </div> - </div> -</section> diff --git a/bower_components/font-awesome/src/_includes/examples/buttons.html b/bower_components/font-awesome/src/_includes/examples/buttons.html deleted file mode 100644 index b8d147c0..00000000 --- a/bower_components/font-awesome/src/_includes/examples/buttons.html +++ /dev/null @@ -1,57 +0,0 @@ -<section id="buttons"> - <h2 class="page-header">Buttons</h2> - <div class="row"> - <div class="span3"> - <p> - <a class="btn" href="#"> - <i class="icon-repeat"></i> Reload</a> - <a class="btn btn-success" href="#"> - <i class="icon-shopping-cart icon-large"></i> Checkout</a> - </p> - <p> - <a class="btn btn-large btn-primary" href="#"> - <i class="icon-comment"></i> Comment</a> - <a class="btn btn-small btn-info" href="#"> - <i class="icon-info-sign"></i> Info</a> - </p> - <p> - <a class="btn btn-danger" href="#"> - <i class="icon-trash icon-large"></i> Delete</a> - <a class="btn btn-small" href="#"> - <i class="icon-cog"></i> Settings</a> - </p> - <p> - <a class="btn btn-large btn-danger" href="#"> - <i class="icon-flag icon-2x pull-left"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a> - </p> - <p> - <a class="btn btn-primary" href="#"> - <i class="icon-refresh icon-spin"></i> Synchronizing Content...</a> - </p> - </div> - <div class="span9"> - <p> - Font Awesome icons work great in buttons. You can even combine them with larger icon styles, - <code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>. - </p> -{% highlight html %} -<a class="btn" href="#"> - <i class="icon-repeat"></i> Reload</a> -<a class="btn btn-success" href="#"> - <i class="icon-shopping-cart icon-large"></i> Checkout</a> -<a class="btn btn-large btn-primary" href="#"> - <i class="icon-comment"></i> Comment</a> -<a class="btn btn-small btn-info" href="#"> - <i class="icon-info-sign"></i> Info</a> -<a class="btn btn-danger" href="#"> - <i class="icon-trash icon-large"></i> Delete</a> -<a class="btn btn-small" href="#"> - <i class="icon-cog"></i> Settings</a> -<a class="btn btn-large btn-danger" href="#"> - <i class="icon-flag icon-2x pull-left"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a> -<a class="btn btn-primary" href="#"> - <i class="icon-refresh icon-spin"></i> Synchronizing Content...</a> -{% endhighlight %} - </div> - </div> -</section> diff --git a/bower_components/font-awesome/src/_includes/examples/custom.html b/bower_components/font-awesome/src/_includes/examples/custom.html index dfad1900..2de7ad7a 100644 --- a/bower_components/font-awesome/src/_includes/examples/custom.html +++ b/bower_components/font-awesome/src/_includes/examples/custom.html @@ -1,10 +1,10 @@ <section id="custom"> <h2 class="page-header">Custom CSS</h2> <div class="row"> - <div class="span3"> + <div class="col-md-3 col-sm-4"> <p>Anything you can do with CSS font styles, you can do with Font Awesome.</p> </div> - <div class="span9"> + <div class="col-md-9 col-sm-8"> <p>Star Ratings (inspired by <a href="http://css-tricks.com/star-ratings/" target="_blank">CSS Tricks</a>)</p> <div class="well"> <span class="rating"> diff --git a/bower_components/font-awesome/src/_includes/examples/fixed-width.html b/bower_components/font-awesome/src/_includes/examples/fixed-width.html new file mode 100644 index 00000000..f14e7e43 --- /dev/null +++ b/bower_components/font-awesome/src/_includes/examples/fixed-width.html @@ -0,0 +1,27 @@ +<section id="fixed-width"> + <h2 class="page-header">Fixed Width Icons</h2> + <div class="row"> + <div class="col-md-3 col-sm-4"> + <ul class="nav nav-pills nav-stacked margin-bottom"> + <li class="active"><a href="#"><i class="fa fa-home fa-fw"></i> Home</a></li> + <li><a href="#"><i class="fa fa-book fa-fw"></i> Library</a></li> + <li><a href="#"><i class="fa fa-pencil fa-fw"></i> Applications</a></li> + <li><a href="#"><i class="fa fa-cogs fa-fw"></i> Settings</a></li> + </ul> + </div> + <div class="col-md-9 col-sm-8"> + <p> + Use <code>fa-fw</code> to set icons at a fixed width. Great to use when variable icon widths throw off alignment. + Especially useful in things like nav lists. + </p> +{% highlight html %} +<ul class="nav nav-pills nav-stacked"> + <li class="active"><a href="#"><i class="fa fa-home fa-fw"></i> Home</a></li> + <li><a href="#"><i class="fa fa-book fa-fw"></i> Library</a></li> + <li><a href="#"><i class="fa fa-pencil fa-fw"></i> Applications</a></li> + <li><a href="#"><i class="fa fa-cogs fa-fw"></i> Settings</a></li> +</ul> +{% endhighlight %} + </div> + </div> +</section> diff --git a/bower_components/font-awesome/src/_includes/examples/form-inputs.html b/bower_components/font-awesome/src/_includes/examples/form-inputs.html deleted file mode 100644 index dcb39a8f..00000000 --- a/bower_components/font-awesome/src/_includes/examples/form-inputs.html +++ /dev/null @@ -1,31 +0,0 @@ -<section id="form-inputs"> - <h2 class="page-header">Prepended & Appended Form Inputs</h2> - <div class="row"> - <div class="span3"> - <form> - <div class="input-prepend"> - <span class="add-on"><i class="icon-envelope"></i></span> - <input class="span2" type="text" placeholder="Email address"> - </div> - <div class="input-prepend"> - <span class="add-on"><i class="icon-key"></i></span> - <input class="span2" type="password" placeholder="Password"> - </div> - </form> - </div> - <div class="span9"> -{% highlight html %} -<form> - <div class="input-prepend"> - <span class="add-on"><i class="icon-envelope"></i></span> - <input class="span2" type="text" placeholder="Email address"> - </div> - <div class="input-prepend"> - <span class="add-on"><i class="icon-key"></i></span> - <input class="span2" type="password" placeholder="Password"> - </div> -</form> -{% endhighlight %} - </div> - </div> -</section> diff --git a/bower_components/font-awesome/src/_includes/examples/inline-icons.html b/bower_components/font-awesome/src/_includes/examples/inline-icons.html deleted file mode 100644 index 3965e7c2..00000000 --- a/bower_components/font-awesome/src/_includes/examples/inline-icons.html +++ /dev/null @@ -1,19 +0,0 @@ -<section id="inline-icons"> - <h2 class="page-header">Inline Icons</h2> - <div class="row"> - <div class="span3"> - <p>Place Font Awesome icons just about anywhere with the <code><i></code> tag.</p> - </div> - <div class="span9"> - <div class="well well-transparent"> - <div style="font-size: 24px; line-height: 1.5em;"> - <i class="icon-camera-retro"></i> icon-camera-retro - </div> - </div> -{% highlight html %} -<i class="icon-camera-retro"></i> icon-camera-retro -{% endhighlight %} - <div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div> - </div> - </div> -</section> diff --git a/bower_components/font-awesome/src/_includes/examples/inline.html b/bower_components/font-awesome/src/_includes/examples/inline.html new file mode 100644 index 00000000..93f30245 --- /dev/null +++ b/bower_components/font-awesome/src/_includes/examples/inline.html @@ -0,0 +1,17 @@ +<section id="inline"> + <h2 class="page-header">Inline Icons</h2> + <div class="row"> + <div class="col-md-3 col-sm-4"> + <p> + <i class="fa fa-camera-retro"></i> fa-camera-retro + </p> + </div> + <div class="col-md-9 col-sm-8"> + <p>Place Font Awesome icons just about anywhere with the <code><i></code> tag.</p> +{% highlight html %} +<i class="fa fa-camera-retro"></i> fa-camera-retro +{% endhighlight %} + <div class="alert alert-success"><i class="fa fa-info-circle"></i> Icon classes are echoed via CSS :before.</div> + </div> + </div> +</section> diff --git a/bower_components/font-awesome/src/_includes/examples/larger-icons.html b/bower_components/font-awesome/src/_includes/examples/larger-icons.html deleted file mode 100644 index 95f1ee13..00000000 --- a/bower_components/font-awesome/src/_includes/examples/larger-icons.html +++ /dev/null @@ -1,35 +0,0 @@ -<section id="larger-icons"> - <h2 class="page-header">Larger Icons</h2> - <div class="row"> - <div class="span3"> - <p> - To increase the size of icons relative to its container, use <code>icon-large</code>, <code>icon-2x</code>, - <code>icon-3x</code>, or <code>icon-4x</code>. - </p> - </div> - <div class="span9"> - <p> - Increase the icon size by using the <code>icon-large</code> (33% increase), <code>icon-2x</code>, - <code>icon-3x</code>, or <code>icon-4x</code> classes. - </p> - <div class="well well-transparent"> - <div style="font-size: 24px; line-height: 1.5em;"> - <p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p> - <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p> - <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p> - <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p> - </div> - </div> -{% highlight html %} -<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p> -<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p> -<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p> -<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p> -{% endhighlight %} - <div class="alert alert-info"> - <i class="icon-info-sign"></i> If your icons are getting chopped off on top and bottom, make sure you have - sufficient line-height. - </div> - </div> - </div> -</section> diff --git a/bower_components/font-awesome/src/_includes/examples/larger.html b/bower_components/font-awesome/src/_includes/examples/larger.html new file mode 100644 index 00000000..8c5e2463 --- /dev/null +++ b/bower_components/font-awesome/src/_includes/examples/larger.html @@ -0,0 +1,29 @@ +<section id="larger"> + <h2 class="page-header">Larger Icons</h2> + <div class="row"> + <div class="col-md-3 col-sm-4"> + <p><i class="fa fa-camera-retro fa-lg"></i> fa-camera-retro</p> + <p><i class="fa fa-camera-retro fa-2x"></i> fa-camera-retro</p> + <p><i class="fa fa-camera-retro fa-3x"></i> fa-camera-retro</p> + <p><i class="fa fa-camera-retro fa-4x"></i> fa-camera-retro</p> + <p><i class="fa fa-camera-retro fa-5x"></i> fa-camera-retro</p> + </div> + <div class="col-md-9 col-sm-8"> + <p> + To increase icon sizes relative to their container, use the <code>fa-lg</code> (33% increase), <code>fa-2x</code>, + <code>fa-3x</code>, <code>fa-4x</code>, or <code>fa-5x</code> classes. + </p> +{% highlight html %} +<p><i class="fa fa-camera-retro fa-lg"></i> fa-camera-retro</p> +<p><i class="fa fa-camera-retro fa-2x"></i> fa-camera-retro</p> +<p><i class="fa fa-camera-retro fa-3x"></i> fa-camera-retro</p> +<p><i class="fa fa-camera-retro fa-4x"></i> fa-camera-retro</p> +<p><i class="fa fa-camera-retro fa-5x"></i> fa-camera-retro</p> +{% endhighlight %} + <div class="alert alert-success"> + <i class="fa fa-info-circle"></i> If your icons are getting chopped off on top and bottom, make sure you have + sufficient line-height. + </div> + </div> + </div> +</section> diff --git a/bower_components/font-awesome/src/_includes/examples/list.html b/bower_components/font-awesome/src/_includes/examples/list.html new file mode 100644 index 00000000..5cbc1758 --- /dev/null +++ b/bower_components/font-awesome/src/_includes/examples/list.html @@ -0,0 +1,24 @@ +<section id="list"> + <h2 class="page-header">List Icons</h2> + <div class="row"> + <div class="col-md-3 col-sm-4"> + <ul class="fa-ul"> + <li><i class="fa-li fa fa-check-square"></i>List icons (like these)</li> + <li><i class="fa-li fa fa-check-square"></i>can be used</li> + <li><i class="fa-li fa fa-spinner fa-spin"></i>to easily replace</li> + <li><i class="fa-li fa fa-square"></i>default bullets in lists</li> + </ul> + </div> + <div class="col-md-9 col-sm-8"> + <p>Use <code>fa-ul</code> and <code>fa-li</code> to easily replace default bullets in unordered lists.</p> +{% highlight html %} +<ul class="fa-ul"> + <li><i class="fa-li fa fa-check-square"></i>List icons (like these)</li> + <li><i class="fa-li fa fa-check-square"></i>can be used</li> + <li><i class="fa-li fa fa-spinner fa-spin"></i>to replace</li> + <li><i class="fa-li fa fa-square"></i>default bullets in lists</li> +</ul> +{% endhighlight %} + </div> + </div> +</section> diff --git a/bower_components/font-awesome/src/_includes/examples/navigation.html b/bower_components/font-awesome/src/_includes/examples/navigation.html deleted file mode 100644 index 850e6444..00000000 --- a/bower_components/font-awesome/src/_includes/examples/navigation.html +++ /dev/null @@ -1,26 +0,0 @@ -<section id="navigation"> - <h2 class="page-header">Navigation</h2> - <div class="row"> - <div class="span3"> - <div class="well" style="padding: 8px 0;"> - <ul class="nav nav-list"> - <li class="active"><a href="#"><i class="icon-fixed-width icon-home"></i> Home</a></li> - <li><a href="#"><i class="icon-fixed-width icon-book"></i> Library</a></li> - <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Applications</a></li> - <li><a href="#"><i class="icon-fixed-width icon-cogs"></i> Settings</a></li> - </ul> - </div> - </div> - <div class="span9"> - <p>Use Font Awesome icons in navigation to provide helpful visual cues.</p> -{% highlight html %} -<ul class="nav nav-list"> - <li class="active"><a href="#"><i class="icon-fixed-width icon-home"></i> Home</a></li> - <li><a href="#"><i class="icon-fixed-width icon-book"></i> Library</a></li> - <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Applications</a></li> - <li><a href="#"><i class="icon-fixed-width icon-cogs"></i> Settings</a></li> -</ul> -{% endhighlight %} - </div> - </div> -</section> diff --git a/bower_components/font-awesome/src/_includes/examples/new.html b/bower_components/font-awesome/src/_includes/examples/new.html deleted file mode 100644 index 8393f7d3..00000000 --- a/bower_components/font-awesome/src/_includes/examples/new.html +++ /dev/null @@ -1,47 +0,0 @@ -<{% if page.navbar_active == "examples" %}div{% else %}section{% endif %} id="new-styles"> - <h2 class="page-header">New Styles in {{ site.fontawesome.minor_version }}</h2> - <div class="row"> - <div class="span4"> - <h4><a href="#rotated-flipped">Rotated and Flipped Icons</a></h4> - <div class="well well-transparent"> - <i class="icon-shield"></i> normal<br> - <i class="icon-shield icon-rotate-90"></i> icon-rotate-90<br> - <i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br> - <i class="icon-shield icon-rotate-270"></i> icon-rotate-270<br> - <i class="icon-shield icon-flip-horizontal"></i> icon-flip-horizontal<br> - <i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical - </div> - </div> - <div class="span4"> - <h4><a href="#stacked">Stacked Icons</a></h4> - <div class="well well-transparent stacked"> - <span class="icon-stack"> - <i class="icon-check-empty icon-stack-base"></i> - <i class="icon-twitter"></i> - </span> - icon-twitter on icon-check-empty<br> - <span class="icon-stack"> - <i class="icon-circle icon-stack-base"></i> - <i class="icon-flag icon-light"></i> - </span> - icon-flag on icon-circle<br> - <span class="icon-stack"> - <i class="icon-sign-blank icon-stack-base"></i> - <i class="icon-terminal icon-light"></i> - </span> - icon-terminal on icon-sign-blank - </div> - </div> - <div class="span4"> - <h4><a href="#bulleted-lists">Better Bulleted Lists</a></h4> - <div class="well well-transparent"> - <ul class="icons-ul"> - <li><i class="icon-li icon-chevron-sign-right"></i>New bulleted lists</li> - <li><i class="icon-li icon-bullseye"></i>Fix some old bugs</li> - <li><i class="icon-li icon-play-sign"></i>And deal with arbitrary</li> - <li><i class="icon-li icon-ok-sign"></i>Font sizes better</li> - </ul> - </div> - </div> - </div> -</{% if page.navbar_active == "examples" %}div{% else %}section{% endif %}> diff --git a/bower_components/font-awesome/src/_includes/examples/rotated-flipped.html b/bower_components/font-awesome/src/_includes/examples/rotated-flipped.html index cf061cd5..ff55f2c1 100644 --- a/bower_components/font-awesome/src/_includes/examples/rotated-flipped.html +++ b/bower_components/font-awesome/src/_includes/examples/rotated-flipped.html @@ -1,29 +1,28 @@ <section id="rotated-flipped"> <h2 class="page-header">Rotated & Flipped</h2> <div class="row"> - <div class="span3"> - A set of classes that can be used to arbitrarily rotate and flip icons. + <div class="col-md-3 col-sm-4"> + <p style="font-size: 18px;"> + <i class="fa fa-shield"></i> normal<br> + <i class="fa fa-shield fa-rotate-90"></i> fa-rotate-90<br> + <i class="fa fa-shield fa-rotate-180"></i> fa-rotate-180<br> + <i class="fa fa-shield fa-rotate-270"></i> fa-rotate-270<br> + <i class="fa fa-shield fa-flip-horizontal"></i> fa-flip-horizontal<br> + <i class="fa fa-shield fa-flip-vertical"></i> fa-flip-vertical + </p> </div> - <div class="span9"> - <div class="well well-large well-transparent lead"> - <i class="icon-shield"></i> normal<br> - <i class="icon-shield icon-rotate-90"></i> icon-rotate-90<br> - <i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br> - <i class="icon-shield icon-rotate-270"></i> icon-rotate-270<br> - <i class="icon-shield icon-flip-horizontal"></i> icon-flip-horizontal<br> - <i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical - </div> + <div class="col-md-9 col-sm-8"> + <p> + To arbitrarily rotate and flip icons, use the <code>fa-rotate-*</code> and <code>fa-flip-*</code> classes. + </p> {% highlight html %} -<i class="icon-shield"></i> normal<br> -<i class="icon-shield icon-rotate-90"></i> icon-rotate-90<br> -<i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br> -<i class="icon-shield icon-rotate-270"></i> icon-rotate-270<br> -<i class="icon-shield icon-flip-horizontal"></i> icon-flip-horizontal<br> -<i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical +<i class="fa fa-shield"></i> normal<br> +<i class="fa fa-shield fa-rotate-90"></i> fa-rotate-90<br> +<i class="fa fa-shield fa-rotate-180"></i> fa-rotate-180<br> +<i class="fa fa-shield fa-rotate-270"></i> fa-rotate-270<br> +<i class="fa fa-shield fa-flip-horizontal"></i> fa-flip-horizontal<br> +<i class="fa fa-shield fa-flip-vertical"></i> icon-flip-vertical {% endhighlight %} - <p class="alert alert-info"> - <i class="icon-info-sign"></i> Rotating and flipping icons aren't yet supported in IE7. - </p> </div> </div> </section> diff --git a/bower_components/font-awesome/src/_includes/examples/spinning.html b/bower_components/font-awesome/src/_includes/examples/spinning.html new file mode 100644 index 00000000..4bdb3d0e --- /dev/null +++ b/bower_components/font-awesome/src/_includes/examples/spinning.html @@ -0,0 +1,26 @@ +<section id="spinning"> + <h2 class="page-header">Spinning Icons</h2> + <div class="row"> + <div class="col-md-3 col-sm-4"> + <p> + <button class="btn btn-default btn-lg"><i class="fa fa-spinner fa-spin"></i></button> + <button class="btn btn-default btn-lg"><i class="fa fa-refresh fa-spin"></i></button> + <button class="btn btn-default btn-lg"><i class="fa fa-cog fa-spin"></i></button> + </p> + </div> + <div class="col-md-9 col-sm-8"> + <p> + Use the <code>fa-spin</code> class to get any icon to rotate. Works well with <code>fa-spinner</code>, + <code>fa-refresh</code>, and <code>fa-cog</code>. + </p> +{% highlight html %} +<i class="fa fa-spinner fa-spin"></i> +<i class="fa fa-refresh fa-spin"></i> +<i class="fa fa-cog fa-spin"></i> +{% endhighlight %} + <p class="alert alert-success"> + <i class="fa fa-info-circle"></i> CSS3 animations aren't supported in IE8 - IE9. + </p> + </div> + </div> +</section> diff --git a/bower_components/font-awesome/src/_includes/examples/stacked.html b/bower_components/font-awesome/src/_includes/examples/stacked.html index 3e7240c1..0a34c5c2 100644 --- a/bower_components/font-awesome/src/_includes/examples/stacked.html +++ b/bower_components/font-awesome/src/_includes/examples/stacked.html @@ -1,54 +1,58 @@ <section id="stacked"> <h2 class="page-header">Stacked Icons</h2> <div class="row"> - <div class="span3"> - A method for easily stacking multiple icons. Use the <code>icon-stack</code> class on the parent and - <code>icon-stack-base</code> for the bottom icon. - </div> - <div class="span9"> - <div class="well well-large well-transparent lead"> - <span class="icon-stack"> - <i class="icon-check-empty icon-stack-base"></i> - <i class="icon-twitter"></i> + <div class="col-md-3 col-sm-4"> + <div class="margin-bottom"> + <span class="fa-stack fa-lg"> + <i class="fa fa-square-o fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x"></i> </span> - icon-twitter on icon-check-empty<br> - <span class="icon-stack"> - <i class="icon-circle icon-stack-base"></i> - <i class="icon-flag icon-light"></i> + fa-twitter on fa-square-o<br> + <span class="fa-stack fa-lg"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-flag fa-stack-1x fa-inverse"></i> </span> - icon-flag on icon-circle<br> - <span class="icon-stack"> - <i class="icon-sign-blank icon-stack-base"></i> - <i class="icon-terminal icon-light"></i> + fa-flag on fa-circle<br> + <span class="fa-stack fa-lg"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-terminal fa-stack-1x fa-inverse"></i> </span> - icon-terminal on icon-sign-blank<br> - <span class="icon-stack"> - <i class="icon-camera"></i> - <i class="icon-ban-circle icon-stack-base text-error"></i> + fa-terminal on fa-square<br> + <span class="fa-stack fa-lg"> + <i class="fa fa-camera fa-stack-1x"></i> + <i class="fa fa-ban fa-stack-2x text-danger"></i> </span> - icon-camera on icon-ban-circle + fa-ban on fa-camera </div> + </div> + <div class="col-md-9 col-sm-8"> + <p> + To stack multiple icons, use the <code>fa-stack</code> class on the parent, the <code>fa-stack-1x</code> + for the regularly sized icon, and <code>fa-stack-2x</code> for the larger icon. <code>fa-inverse</code> + can be used as an alternative icon color. You can even throw <a href="#larger">larger icon</a> classes on the parent + to get further control of sizing. + </p> {% highlight html %} -<span class="icon-stack"> - <i class="icon-check-empty icon-stack-base"></i> - <i class="icon-twitter"></i> +<span class="fa-stack fa-lg"> + <i class="fa fa-square-o fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x"></i> </span> -icon-twitter on icon-check-empty<br> -<span class="icon-stack"> - <i class="icon-circle icon-stack-base"></i> - <i class="icon-flag icon-light"></i> +fa-twitter on fa-square-o<br> +<span class="fa-stack fa-lg"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-flag fa-stack-1x fa-inverse"></i> </span> -icon-flag on icon-circle<br> -<span class="icon-stack"> - <i class="icon-sign-blank icon-stack-base"></i> - <i class="icon-terminal icon-light"></i> +fa-flag on fa-circle<br> +<span class="fa-stack fa-lg"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-terminal fa-stack-1x fa-inverse"></i> </span> -icon-terminal on icon-sign-blank<br> -<span class="icon-stack"> - <i class="icon-camera"></i> - <i class="icon-ban-circle icon-stack-base text-error"></i> +fa-terminal on fa-square<br> +<span class="fa-stack fa-lg"> + <i class="fa fa-camera fa-stack-1x"></i> + <i class="fa fa-ban fa-stack-2x text-danger"></i> </span> -icon-camera on icon-ban-circle +fa-ban on fa-camera {% endhighlight %} </div> </div> diff --git a/bower_components/font-awesome/src/_includes/footer.html b/bower_components/font-awesome/src/_includes/footer.html index af80db1a..7cdc852b 100644 --- a/bower_components/font-awesome/src/_includes/footer.html +++ b/bower_components/font-awesome/src/_includes/footer.html @@ -1,23 +1,24 @@ -<footer class="footer hidden-print"> +<footer id="footer" class="footer hidden-print"> <div class="container text-center"> <div> - <i class="icon-flag"></i> Font Awesome {{ site.fontawesome.version }} - <span class="hidden-phone">·</span><br class="visible-phone"> - Created and Maintained by <a href="http://twitter.com/byscuits">Dave Gandy</a> + <i class="fa fa-flag"></i> Font Awesome {{ site.fontawesome.version }} + <span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg"> + Created by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a> </div> <div> Font Awesome licensed under <a href="{{ site.fontawesome.license.font.url }}">{{ site.fontawesome.license.font.version }}</a> - <span class="hidden-phone">·</span><br class="visible-phone"> + <span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg"> Code licensed under <a href="{{ site.fontawesome.license.code.url }}">{{ site.fontawesome.license.code.version }}</a> - <span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet"> + <span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg"> Documentation licensed under <a href="{{ site.fontawesome.license.documentation.url }}">{{ site.fontawesome.license.documentation.version }}</a> </div> <div> - Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a> + Thanks to <a href="http://maxcdn.com"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a> </div> <div class="project"> <a href="{{ site.fontawesome.github.url }}">GitHub Project</a> · - <a href="{{ site.fontawesome.github.url }}/issues">Issues</a> + <a href="{{ site.fontawesome.github.url }}/issues">Issues</a> · + <a href="{{ page.relative_path }}3.2.1">Old 3.2.1 Docs</a> </div> </div> </footer> diff --git a/bower_components/font-awesome/src/_includes/get-started.html b/bower_components/font-awesome/src/_includes/get-started.html deleted file mode 100644 index 34b970fd..00000000 --- a/bower_components/font-awesome/src/_includes/get-started.html +++ /dev/null @@ -1,105 +0,0 @@ -{% capture stripe_ad_content %} -<p class="lead"> - Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and - customize the LESS yourself! Font Awesome even plays nicely with - <a href="{{ site.bootstrap.url }}">Bootstrap</a>! -</p> -{% endcapture %} -{% include stripe-ad.html %} - -<div id="bootstrapcdn"> - <h2 class="page-header">EASIEST: <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN</a></h2> - <p>Add Font Awesome + Bootstrap into your website with two lines of code. You don't even have to download or install anything!</p> - <ol> - <li> - Paste the following code into the <code><head></code> section of your site's HTML. -{% highlight html %} -<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.fontawesome.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 don't include the first line. - </div> - </li> - <li> - Pat yourself on the back for your scalable-vector-icons-on-the-website - <a href="http://37signals.com/svn/posts/312-lingo-judo">judo solution</a> in two lines of code. - </li> - <li> - Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using Font Awesome! - </li> - </ol> -</div> - -<section id="default-css"> - <h2 class="page-header">EASY: Default CSS</h2> - <p>Use this method to get the default Font Awesome CSS with the default Bootstrap CSS.</p> - <ol> - <li>Copy the <code>font-awesome</code> directory into your project.</li> - <li> - In the <code><head></code> of your html, reference the location to your font-awesome.min.css. -{% highlight html %} -<link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css"> -<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> -{% endhighlight %} - </li> - <li>Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using Font Awesome!</li> - </ol> -</section> - -<section id="custom-less"> - <h2 class="page-header">PRO: Custom LESS</h2> - <p>Use this method to customize Font Awesome and Bootstrap {{ site.bootstrap.version }} using LESS.</p> - <ol> - <li>Copy the <code>font-awesome</code> directory into your project.</li> - <li>Open your project's bootstrap/bootstrap.less and replace -{% highlight html %} -@import "sprites.less"; -{% endhighlight %} - with -{% highlight html %} -@import "path/to/font-awesome/less/font-awesome.less"; -{% endhighlight %} - </li> - <li> - Open your project's font-awesome/variables.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory. -{% highlight html %} -@FontAwesomePath: "../font"; -{% endhighlight %} - <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p> - </li> - <li>Re-compile your LESS if using a static compiler. Otherwise, you should be good to go.</li> - <li>Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using Font Awesome!</li> - </ol> -</section> - -<section id="not-using-bootstrap"> - <h2 class="page-header">Not using Bootstrap?</h2> - <p>Font Awesome works just as well without Bootstrap.</p> - <ol> - <li>Copy the <code>font-awesome</code> directory into your project.</li> - <li>Follow the above directions and skip the Bootstrap parts.</li> - <li>Open your project's font-awesome.less or font-awesome.min.css and edit the font location to point it to your font directory (see above examples).</li> - <li>Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using Font Awesome!</li> - </ol> -</section> - -<section class="need-ie7"> - <h2 class="page-header">Need IE7 Support?</h2> - <p>Font Awesome supports IE7. If you need it, you have my condolences.</p> - <ol> - <li>Get Font Awesome working properly in a modern browser.</li> - <li>Copy font-awesome-ie7.min.css into your project.</li> - <li> - In the <code><head></code> of your html, reference the location to your font-awesome-ie7.min.css. -{% highlight html %} -<link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css"> -<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> -<!--[if IE 7]> - <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome-ie7.min.css"> -<![endif]--> -{% endhighlight %} - </li> - <li>Go complain to whoever decided your project needs IE7 support.</li> - </ol> -</section> diff --git a/bower_components/font-awesome/src/_includes/icons.html b/bower_components/font-awesome/src/_includes/icons.html deleted file mode 100644 index aeb80280..00000000 --- a/bower_components/font-awesome/src/_includes/icons.html +++ /dev/null @@ -1,18 +0,0 @@ -{% capture stripe_ad_content %} -<p class="lead"> - You asked, Font Awesome delivers with {{ icons | version:site.fontawesome.minor_version | size }} shiny new icons in version {{ site.fontawesome.minor_version }}. - Want to request new icons? <a href="{{ page.relative_path }}community/#requesting-new-icons">Here's how</a>. - <!--The ever-expanding list of Font Awesome {{ site.fontawesome.version }} icons.--> - Need vectors or want to use on the desktop? Check the <a href="{{ page.relative_path }}cheatsheet/">cheatsheet</a>. -</p> -{% endcapture %} -{% include stripe-ad.html %} - -{% include icons/new.html %} -{% include icons/web-application.html %} -{% include icons/currency.html %} -{% include icons/text-editor.html %} -{% include icons/directional.html %} -{% include icons/video-player.html %} -{% include icons/brand.html %} -{% include icons/medical.html %} diff --git a/bower_components/font-awesome/src/_includes/jumbotron-carousel.html b/bower_components/font-awesome/src/_includes/jumbotron-carousel.html new file mode 100644 index 00000000..49ef1cf9 --- /dev/null +++ b/bower_components/font-awesome/src/_includes/jumbotron-carousel.html @@ -0,0 +1,52 @@ +<div class="jumbotron jumbotron-carousel hidden-print"> + <div class="container"> + <div class="row"> + <div class="col-md-8 col-sm-8 text-center"> + <h1>Font Awesome</h1> + <p>The iconic font designed for Bootstrap</p> + <div class="actions"> + <a class="btn btn-default btn-lg" href="{{ page.relative_path }}assets/font-awesome-{{ site.fontawesome.version }}.zip" + onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);"> + <i class="fa fa-download fa-lg"></i> + Download + </a> + </div> + <div class="shameless-self-promotion"> + Version {{ site.fontawesome.version }} · + <a href="{{ site.fontawesome.github.url }}" + onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);"> + GitHub Project</a> · + <a href="{{ page.relative_path }}3.2.1">Old 3.2.1 Docs</a> · + Created by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a> + </div> + </div> + <div class="col-md-4 col-sm-4"> + <div id="icon-carousel" class="carousel slide"> + <!-- Carousel items --> + <div class="carousel-inner"> + <div class="active item"><div><i class="fa fa-flag"></i></div></div> + <div class="item"><div><i class="fa fa-compass"></i></div></div> + <div class="item"><div><i class="fa fa-rocket"></i></div></div> + <div class="item"><div><i class="fa fa-shield"></i></div></div> + <div class="item"><div><i class="fa fa-star-half-empty"></i></div></div> + <div class="item"><div><i class="fa fa-envelope-o"></i></div></div> + <div class="item"><div><i class="fa fa-medkit"></i></div></div> + <div class="item"><div><i class="fa fa-book"></i></div></div> + <div class="item"><div><i class="fa fa-fighter-jet"></i></div></div> + <div class="item"><div><i class="fa fa-beer"></i></div></div> + <div class="item"><div><i class="fa fa-heart-o"></i></div></div> + <div class="item"><div><i class="fa fa-thumbs-o-up"></i></div></div> + </div> + <!-- Carousel nav --> + <a class="carousel-control left" href="#icon-carousel" data-slide="prev" + onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);"> + <i class="fa fa-arrow-circle-left"></i></a> + <a class="carousel-control right" href="#icon-carousel" data-slide="next" + onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);"> + <i class="fa fa-arrow-circle-right"></i></a> + </div> + </div> + </div> + + </div> +</div> diff --git a/bower_components/font-awesome/src/_includes/jumbotron-slider.html b/bower_components/font-awesome/src/_includes/jumbotron-slider.html deleted file mode 100644 index 362eeac7..00000000 --- a/bower_components/font-awesome/src/_includes/jumbotron-slider.html +++ /dev/null @@ -1,53 +0,0 @@ -<div class="jumbotron jumbotron-index hidden-print"> - <div class="container"> - <div class="row"> - <div class="span8"> - <div class="hero-content"> - <h1>Font Awesome</h1> - <p>The iconic font designed for Bootstrap</p> - <div class="actions"> - <a class="btn btn-primary btn-large" href="{{ page.relative_path }}assets/font-awesome.zip" - onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);"> - <i class="icon-download-alt icon-large"></i> - Download - </a> - </div> - <div class="shameless-self-promotion"> - <a href="{{ site.fontawesome.github.url }}" - onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);"> - GitHub Project</a> · - Version {{ site.fontawesome.version }} · - Created & Maintained by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a> - </div> - </div> - </div> - <div class="span4"> - <div id="iconCarousel" class="carousel slide"> - <!-- Carousel items --> - <div class="carousel-inner"> - <div class="active item"><div><i class="icon-flag"></i></div></div> - <div class="item"><div><i class="icon-compass"></i></div></div> - <div class="item"><div><i class="icon-rocket"></i></div></div> - <div class="item"><div><i class="icon-shield"></i></div></div> - <div class="item"><div><i class="icon-star-half-empty"></i></div></div> - <div class="item"><div><i class="icon-envelope-alt"></i></div></div> - <div class="item"><div><i class="icon-medkit"></i></div></div> - <div class="item"><div><i class="icon-book"></i></div></div> - <div class="item"><div><i class="icon-fighter-jet"></i></div></div> - <div class="item"><div><i class="icon-beer"></i></div></div> - <div class="item"><div><i class="icon-heart-empty"></i></div></div> - <div class="item"><div><i class="icon-thumbs-up"></i></div></div> - </div> - <!-- Carousel nav --> - <a class="carousel-control left" href="#iconCarousel" data-slide="prev" - onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);"> - <i class="icon-circle-arrow-left"></i></a> - <a class="carousel-control right" href="#iconCarousel" data-slide="next" - onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);"> - <i class="icon-circle-arrow-right"></i></a> - </div> - </div> - </div> - - </div> -</div> diff --git a/bower_components/font-awesome/src/_includes/license-code.less b/bower_components/font-awesome/src/_includes/license-code.less index 940e9a58..7e503a80 100644 --- a/bower_components/font-awesome/src/_includes/license-code.less +++ b/bower_components/font-awesome/src/_includes/license-code.less @@ -1,25 +1,4 @@ /*! - * Font Awesome {{ site.fontawesome.version }} - * the iconic font designed for Bootstrap - * ------------------------------------------------------------------------------ - * The full suite of pictographic icons, examples, and documentation can be - * found at {{ site.fontawesome.url }}. Stay up to date on Twitter at - * http://twitter.com/{{ site.fontawesome.twitter }}. - * - * License - * ------------------------------------------------------------------------------ - * - The Font Awesome font is licensed under {{ site.fontawesome.license.font.version }} - - * {{ site.fontawesome.license.font.url }} - * - Font Awesome CSS, LESS, and SASS files are licensed under {{ site.fontawesome.license.code.version }} - - * {{ site.fontawesome.license.code.url }} - * - Font Awesome documentation licensed under {{ site.fontawesome.license.documentation.version }} - - * {{ site.fontawesome.license.documentation.url }} - * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: - * "Font Awesome by Dave Gandy - {{ site.fontawesome.url }}" - * - * Author - Dave Gandy - * ------------------------------------------------------------------------------ - * Email: {{ site.fontawesome.author.email }} - * Twitter: http://twitter.com/{{ site.fontawesome.author.twitter }} - * Work: {{ site.fontawesome.author.work.title }} @ {{ site.fontawesome.author.work.name }} - {{ site.fontawesome.author.work.url }} + * Font Awesome {{ site.fontawesome.version }} by @{{ site.fontawesome.author.twitter }} - {{ site.fontawesome.url }} - @{{ site.fontawesome.twitter }} + * License - {{ site.fontawesome.url }}/license (Font: {{ site.fontawesome.license.font.version }}, CSS: {{ site.fontawesome.license.code.version }}) */
\ No newline at end of file diff --git a/bower_components/font-awesome/src/_includes/license.html b/bower_components/font-awesome/src/_includes/license.html deleted file mode 100644 index 8b294809..00000000 --- a/bower_components/font-awesome/src/_includes/license.html +++ /dev/null @@ -1,57 +0,0 @@ -{% capture stripe_ad_content %} -<p class="lead"> - Font Awesome is fully open source and is GPL compatible. You can use it for commercial projects, open source - projects, or really just about whatever you want. -</p> -{% endcapture %} -{% include stripe-ad.html %} - -<div> - <div class="alert alert-info"> - <ul class="icons-ul margin-bottom-none"> - <li> - <i class="icon-li icon-info-sign icon-large"></i>Attribution is no longer required as of Font Awesome 3.0 but is much appreciated: - "Font Awesome by Dave Gandy - http://fontawesome.io". - </li> - </ul> - </div> -</div> - -<section> - <h2 class="page-header">Font License</h2> - <ul> - <li> - Applies to all desktop and webfont files in the following directory: - <code>font-awesome/font/</code>. - </li> - <li>License: {{ site.fontawesome.license.font.version }}</li> - <li>URL: <a href="{{ site.fontawesome.license.font.url }}">{{ site.fontawesome.license.font.url }}</a></li> - </ul> -</section> - -<section> - <h2 class="page-header">Code License</h2> - <ul> - <li> - Applies to all CSS and LESS files in the following directories: - <code>font-awesome/css/</code> and - <code>font-awesome/less/</code>. - </li> - <li>License: {{ site.fontawesome.license.code.version }}</li> - <li>URL: <a href="{{ site.fontawesome.license.code.url }}">{{ site.fontawesome.license.code.url }}</a></li> - </ul> -</section> - -<section> - <h2 class="page-header">Documentation License</h2> - <ul> - <li>Applies to all Font Awesome project files that are not a part of the Font or Code licenses.</li> - <li>License: {{ site.fontawesome.license.documentation.version }}</li> - <li>URL: <a href="{{ site.fontawesome.license.documentation.url }}">{{ site.fontawesome.license.documentation.url }}</a></li> - </ul> -</section> - -<section> - <h2 class="page-header">Brand Icons</h2> - {% include brand-license.html %} -</section> diff --git a/bower_components/font-awesome/src/_includes/navbar.html b/bower_components/font-awesome/src/_includes/navbar.html index 99e1f581..ae5696f2 100644 --- a/bower_components/font-awesome/src/_includes/navbar.html +++ b/bower_components/font-awesome/src/_includes/navbar.html @@ -1,69 +1,69 @@ <div class="navbar navbar-inverse navbar-static-top hidden-print"> - <div class="navbar-inner"> - <div class="container"> - <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </a> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> + <span class="sr-only">Toggle navigation</span> + <i class="fa fa-bars fa-lg"></i> + </button> + <a class="navbar-brand" href="{{ page.relative_path }}"><i class="fa fa-flag"></i> Font Awesome</a> + </div> - <a class="brand" href="{{ page.relative_path }}"><i class="icon-flag"></i> Font Awesome</a> - <div class="nav-collapse collapse"> - <ul class="nav"> - <li class="hidden-tablet {% if page.navbar_active == "home" %} active{% endif %}"><a href="{{ page.relative_path }}">Home</a></li> - <li{% if page.navbar_active == "get-started" %} class="active"{% endif %}><a href="{{ page.relative_path }}get-started/">Get Started</a></li> - <li class="dropdown-split-left{% if page.navbar_active == "icons" %} active{% endif %}"><a href="{{ page.relative_path }}icons/">Icons</a></li> - <li class="dropdown dropdown-split-right hidden-phone{% if page.navbar_active == "icons" %} active{% endif %}"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown"> - <i class="icon-caret-down"></i> - </a> - <ul class="dropdown-menu pull-right"> - <li><a href="{{ page.relative_path }}icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li> - <li class="divider"></li> - <li><a href="{{ page.relative_path }}icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in {{ site.fontawesome.version }}</a></li> - <li><a href="{{ page.relative_path }}icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li> - <li><a href="{{ page.relative_path }}icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li> - <li><a href="{{ page.relative_path }}icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li> - <li><a href="{{ page.relative_path }}icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li> - <li><a href="{{ page.relative_path }}icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li> - <li><a href="{{ page.relative_path }}icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li> - <li><a href="{{ page.relative_path }}icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li> - </ul> - </li> - <li class="dropdown-split-left{% if page.navbar_active == "examples" %} active{% endif %}"><a href="{{ page.relative_path }}examples/">Examples</a></li> - <li class="dropdown dropdown-split-right hidden-phone{% if page.navbar_active == "examples" %} active{% endif %}"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown"> - <i class="icon-caret-down"></i> - </a> - <ul class="dropdown-menu pull-right"> - <li><a href="{{ page.relative_path }}examples/">Examples</a></li> - <li class="divider"></li> - <li><a href="{{ page.relative_path }}examples/#new-styles">New Styles</a></li> - <li><a href="{{ page.relative_path }}examples/#inline-icons">Inline Icons</a></li> - <li><a href="{{ page.relative_path }}examples/#larger-icons">Larger Icons</a></li> - <li><a href="{{ page.relative_path }}examples/#bordered-pulled">Bordered & Pulled</a></li> - <li><a href="{{ page.relative_path }}examples/#buttons">Buttons</a></li> - <li><a href="{{ page.relative_path }}examples/#button-groups">Button Groups</a></li> - <li><a href="{{ page.relative_path }}examples/#button-dropdowns">Button Dropdowns</a></li> - <li><a href="{{ page.relative_path }}examples/#bulleted-lists">Bulleted Lists</a></li> - <li><a href="{{ page.relative_path }}examples/#navigation">Navigation</a></li> - <li><a href="{{ page.relative_path }}examples/#form-inputs">Form Inputs</a></li> - <li><a href="{{ page.relative_path }}examples/#animated-spinner">Animated Spinner</a></li> - <li><a href="{{ page.relative_path }}examples/#rotated-flipped">Rotated & Flipped</a></li> - <li><a href="{{ page.relative_path }}examples/#stacked">Stacked</a></li> - <li><a href="{{ page.relative_path }}examples/#custom">Custom CSS</a></li> - </ul> - </li> - <li{% if page.navbar_active == "whats-new" %} class="active"{% endif %}><a href="{{ page.relative_path }}whats-new/"> - <span class="hidden-tablet">What's </span>New</a> - </li> - <li{% if page.navbar_active == "community" %} class="active"{% endif %}><a href="{{ page.relative_path }}community/">Community</a></li> - <li{% if page.navbar_active == "license" %} class="active"{% endif %}><a href="{{ page.relative_path }}license/">License</a></li> - </ul> - <ul class="nav pull-right"> - <li><a href="{{ site.fontawesome.blog_url }}">Blog</a></li> - </ul> - </div> + <div class="navbar-collapse collapse"> + <ul class="nav navbar-nav"> + <li class="hidden-sm {% if page.navbar_active == "home" %} active{% endif %}"><a href="{{ page.relative_path }}">Home</a></li> + <li class="hidden-sm{% if page.navbar_active == "whats-new" %} active{% endif %}"> + <a href="{{ page.relative_path }}whats-new/">What's New</a> + </li> + <li class="hidden-xs hidden-md hidden-lg{% if page.navbar_active == "whats-new" %} active{% endif %}"> + <a href="{{ page.relative_path }}whats-new/">New</a> + </li> + <li{% if page.navbar_active == "get-started" %} class="active"{% endif %}><a href="{{ page.relative_path }}get-started/">Get Started</a></li> + <li class="dropdown-split-left{% if page.navbar_active == "icons" %} active{% endif %}"><a href="{{ page.relative_path }}icons/">Icons</a></li> + <li class="dropdown dropdown-split-right hidden-xs{% if page.navbar_active == "icons" %} active{% endif %}"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="fa fa-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="{{ page.relative_path }}icons/"><i class="fa fa-flag fa-fw"></i> Icons</a></li> + <li class="divider"></li> + <li><a href="{{ page.relative_path }}icons/#new"><i class="fa fa-rub fa-fw"></i> New Icons in {{ site.fontawesome.minor_version }}</a></li> + <li><a href="{{ page.relative_path }}icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#directional"><i class="fa fa-hand-o-right fa-fw"></i> Directional Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#medical"><i class="fa fa-medkit fa-fw"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left{% if page.navbar_active == "examples" %} active{% endif %}"><a href="{{ page.relative_path }}examples/">Examples</a></li> + <li class="dropdown dropdown-split-right hidden-xs{% if page.navbar_active == "examples" %} active{% endif %}"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="fa fa-caret-down"></i> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="{{ page.relative_path }}examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="{{ page.relative_path }}examples/#inline">Inline Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#larger">Larger Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#fixed-width">Fixed Width Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#list">List Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#bordered-pulled">Bordered & Pulled Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#spinning">Spinning Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#rotated-flipped">Rotated & Flipped Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#stacked">Stacked Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#bootstrap">Bootstrap 3 Examples</a></li> + <li><a href="{{ page.relative_path }}examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li{% if page.navbar_active == "community" %} class="active"{% endif %}><a href="{{ page.relative_path }}community/">Community</a></li> + <li{% if page.navbar_active == "license" %} class="active"{% endif %}><a href="{{ page.relative_path }}license/">License</a></li> + </ul> + <ul class="nav navbar-nav navbar-right"> + <li><a href="{{ site.fontawesome.blog_url }}">Blog</a></li> + </ul> </div> + </div> </div> diff --git a/bower_components/font-awesome/src/_includes/new-features.html b/bower_components/font-awesome/src/_includes/new-features.html new file mode 100644 index 00000000..d357dd41 --- /dev/null +++ b/bower_components/font-awesome/src/_includes/new-features.html @@ -0,0 +1,37 @@ +{% capture stripe_ad_content %} +<p class="lead"> + Font Awesome is always getting a little awesome-er. So here's what's new in the latest version, Font Awesome + {{ site.fontawesome.minor_version }}. Have some ideas for new features? + <a href="{{ page.relative_path }}community/">Help contribute</a>. +</p> +{% endcapture %} +{% include stripe-ad.html %} + +<section id="whats-new" class="feature-list"> + <div class="row"> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-file-text-o"></i> Completely Rewritten</h4> + Everything re-written from the ground up for speed and simplicity. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-fighter-jet"></i> CSS Best Practices</h4> + New icon base class allows simpler CSS, faster rendering, and easier control. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-terminal"></i> New Icon Names</h4> + Icons have been renamed to improve consistency and predictability. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-thumbs-o-up"></i> Bootstrap 3</h4> + Font Awesome {{ site.fontawesome.minor_version }} is fully tested and compatible with Bootstrap 3. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-code"></i> Better Compatibility</h4> + Font Awesome is now more compatible with all web frameworks, including Foundation. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-rub"></i> {{ icons | version:site.fontawesome.minor_version | size }} New Icons in {{ site.fontawesome.minor_version }}</h4> + Requested by the active community on the <a href="{{ site.fontawesome.github.url }}">Font Awesome GitHub project</a>. + </div> + </div> +</section> diff --git a/bower_components/font-awesome/src/_includes/new-naming.html b/bower_components/font-awesome/src/_includes/new-naming.html new file mode 100644 index 00000000..a1d574db --- /dev/null +++ b/bower_components/font-awesome/src/_includes/new-naming.html @@ -0,0 +1,157 @@ +<section id="new-naming"> + <h2 class="page-header">New Naming Conventions in {{ site.fontawesome.minor_version }}</h2> + <p class="lead text-center alert alert-success">fa-[name]-[shape]-[o]-[direction]</p> + <p> + A desire for better icon naming <strong>consistency</strong> and <strong>predictability</strong> are at the heart + of the changes in naming conventions. Once you know the name of the base icon shape, you should be able to predict + the names of variants. + </p> + <div class="row"> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">fa-*</h4> + <p class="margin-bottom-sm">Solid icons as the base variant</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-bookmark fa-li"></i> + fa-bookmark + </li> + <li> + <i class="fa fa-comment fa-li"></i> + fa-comment + </li> + <li> + <i class="fa fa-folder fa-li"></i> + fa-folder + </li> + </ul> + </div> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">*-o</h4> + <p class="margin-bottom-sm">Outlined version of previous modifier</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-bookmark-o fa-li"></i> + fa-bookmark-o + </li> + <li> + <i class="fa fa-comment-o fa-li"></i> + fa-comment-o + </li> + <li> + <i class="fa fa-folder-o fa-li"></i> + fa-folder-o + </li> + </ul> + </div> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">*-circle</h4> + <p class="margin-bottom-sm">Circle under previous modifier</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-check-circle fa-li"></i> + fa-check-circle + </li> + <li> + <i class="fa fa-exclamation-circle fa-li"></i> + fa-exclamation-circle + </li> + <li> + <i class="fa fa-plus-circle fa-li"></i> + fa-plus-circle + </li> + </ul> + </div> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">*-square</h4> + <p class="margin-bottom-sm">Square under previous modifier</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-check-square fa-li"></i> + fa-check-square + </li> + <li> + <i class="fa fa-twitter-square fa-li"></i> + fa-twitter-square + </li> + <li> + <i class="fa fa-plus-square fa-li"></i> + fa-plus-square + </li> + </ul> + </div> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">*-right, *-up, etc.</h4> + <p class="margin-bottom-sm">Directional modifier always at the end</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-arrow-right fa-li"></i> + fa-arrow-right + </li> + <li> + <i class="fa fa-arrow-circle-right fa-li"></i> + fa-arrow-circle-right + </li> + <li> + <i class="fa fa-angle-double-right fa-li"></i> + fa-angle-double-right + </li> + </ul> + </div> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">*-alt</h4> + <p class="margin-bottom-sm">Alternative to the original</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-unlock-alt fa-li"></i> + fa-unlock-alt + </li> + <li> + <i class="fa fa-list-alt fa-li"></i> + fa-list-alt + </li> + <li> + <i class="fa fa-github-alt fa-li"></i> + fa-github-alt + </li> + </ul> + </div> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">*-h, *-v</h4> + <p class="margin-bottom-sm">Horizontal & vertical modifiers</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-arrows-v fa-li"></i> + fa-arrows-v + </li> + <li> + <i class="fa fa-arrows-h fa-li"></i> + fa-arrows-h + </li> + <li> + <i class="fa fa-ellipsis-v fa-li"></i> + fa-ellipsis-v + </li> + </ul> + </div> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">Combine 'em up...</h4> + <p class="margin-bottom-sm">Consistent when strung together</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-arrow-circle-o-right fa-li"></i> + fa-arrow-circle-o-right + </li> + <li> + <i class="fa fa-caret-square-o-right fa-li"></i> + fa-caret-square-o-right + </li> + <li> + <i class="fa fa-hand-o-right fa-li"></i> + fa-hand-o-right + </li> + </ul> + </div> + + </div> + +</section> diff --git a/bower_components/font-awesome/src/_includes/new-upgrading.html b/bower_components/font-awesome/src/_includes/new-upgrading.html new file mode 100644 index 00000000..5d2d88d9 --- /dev/null +++ b/bower_components/font-awesome/src/_includes/new-upgrading.html @@ -0,0 +1,10 @@ +<section id="new-upgrading"> + <h2 class="page-header">Upgrading from 3.2.1?</h2> + <p> + For complete documentation of the syntax changes in {{ site.fontawesome.minor_version }}, check out the + <a href="{{ page.relative_path }}examples">examples</a>. For the changes to icon names, + <a href="https://twitter.com/gtagliala">@gtagliala</a> has put together a + <a href="{{ site.fontawesome.github.url }}/wiki/Upgrading-from-3.2.1-to-4">great wiki page</a> that + documents all the changes. + </p> +</section> diff --git a/bower_components/font-awesome/src/_includes/stripe-ad.html b/bower_components/font-awesome/src/_includes/stripe-ad.html index 64a27860..8ff6bbf2 100644 --- a/bower_components/font-awesome/src/_includes/stripe-ad.html +++ b/bower_components/font-awesome/src/_includes/stripe-ad.html @@ -1,10 +1,6 @@ <section class="hidden-print"> - <div class="row stripe-ad"> - <div class="span8"> - {{ stripe_ad_content }} - </div> - <div class="span4"> - {% include ads/carbon-light-horizontal.html %} - </div> + <div class="stripe-ad"> + {% include ads/carbon-light-horizontal.html %} + {{ stripe_ad_content }} </div> </section> diff --git a/bower_components/font-awesome/src/_includes/stripe-social.html b/bower_components/font-awesome/src/_includes/stripe-social.html index 6c303e38..a8c0a547 100644 --- a/bower_components/font-awesome/src/_includes/stripe-social.html +++ b/bower_components/font-awesome/src/_includes/stripe-social.html @@ -1,6 +1,6 @@ <div id="social-buttons" class="hidden-print"> <div class="container"> - <ul class="unstyled inline"> + <ul class="list-inline"> <li> <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe> </li> diff --git a/bower_components/font-awesome/src/_includes/tell-me-thanks.html b/bower_components/font-awesome/src/_includes/tell-me-thanks.html index 94be6b20..679c884b 100644 --- a/bower_components/font-awesome/src/_includes/tell-me-thanks.html +++ b/bower_components/font-awesome/src/_includes/tell-me-thanks.html @@ -5,13 +5,13 @@ 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="https://www.gittip.com/davegandy/"><i class="icon-gittip"></i> Tip me on Gittip</a></h3> + <div class="col-md-6 col-sm-6"> + <h3><a href="https://www.gittip.com/davegandy/"><i class="fa fa-gittip padding-right-sm"></i>Tip me on Gittip</a></h3> <p> Gittip is a great way to let developers know you appreciate their work. </p> </div> - <div class="span6"> + <div class="col-md-6 col-sm-6"> <h3><a href="http://amzn.com/w/G64X58AY416W" target="_blank">My Amazon Wish List</a></h3> <p> Or pick something straight diff --git a/bower_components/font-awesome/src/_includes/tests/rotated-flipped-inside-anchor.html b/bower_components/font-awesome/src/_includes/tests/rotated-flipped-inside-anchor.html index df11b37b..111f1a37 100644 --- a/bower_components/font-awesome/src/_includes/tests/rotated-flipped-inside-anchor.html +++ b/bower_components/font-awesome/src/_includes/tests/rotated-flipped-inside-anchor.html @@ -1,6 +1,6 @@ -<a href="#"><i class="icon-flag"></i> normal</a><br> -<a href="#"><i class="icon-flag icon-rotate-90"></i> icon-rotate-90</a><br> -<a href="#"><i class="icon-flag icon-rotate-180"></i> icon-rotate-180</a><br> -<a href="#"><i class="icon-flag icon-rotate-270"></i> icon-rotate-270</a><br> -<a href="#"><i class="icon-flag icon-flip-horizontal"></i> icon-flip-horizontal</a><br> -<a href="#"><i class="icon-flag icon-flip-vertical"></i> icon-flip-vertical</a> +<a href="#"><i class="fa fa-flag"></i> normal</a><br> +<a href="#"><i class="fa fa-flag fa-rotate-90"></i> fa-rotate-90</a><br> +<a href="#"><i class="fa fa-flag fa-rotate-180"></i> fa-rotate-180</a><br> +<a href="#"><i class="fa fa-flag fa-rotate-270"></i> fa-rotate-270</a><br> +<a href="#"><i class="fa fa-flag fa-flip-horizontal"></i> fa-flip-horizontal</a><br> +<a href="#"><i class="fa fa-flag fa-flip-vertical"></i> fa-flip-vertical</a> diff --git a/bower_components/font-awesome/src/_includes/tests/rotated-flipped-inside-btn.html b/bower_components/font-awesome/src/_includes/tests/rotated-flipped-inside-btn.html index c8c9993f..fc0d7882 100644 --- a/bower_components/font-awesome/src/_includes/tests/rotated-flipped-inside-btn.html +++ b/bower_components/font-awesome/src/_includes/tests/rotated-flipped-inside-btn.html @@ -1,6 +1,6 @@ -<a class="btn" href="#"><i class="icon-flag"></i> normal</a><br> -<a class="btn" href="#"><i class="icon-flag icon-rotate-90"></i> icon-rotate-90</a><br> -<a class="btn" href="#"><i class="icon-flag icon-rotate-180"></i> icon-rotate-180</a><br> -<a class="btn" href="#"><i class="icon-flag icon-rotate-270"></i> icon-rotate-270</a><br> -<a class="btn" href="#"><i class="icon-flag icon-flip-horizontal"></i> icon-flip-horizontal</a><br> -<a class="btn" href="#"><i class="icon-flag icon-flip-vertical"></i> icon-flip-vertical</a> +<a class="btn btn-default" href="#"><i class="fa fa-flag"></i> normal</a><br> +<a class="btn btn-default" href="#"><i class="fa fa-flag fa-rotate-90"></i> fa-rotate-90</a><br> +<a class="btn btn-default" href="#"><i class="fa fa-flag fa-rotate-180"></i> fa-rotate-180</a><br> +<a class="btn btn-default" href="#"><i class="fa fa-flag fa-rotate-270"></i> fa-rotate-270</a><br> +<a class="btn btn-default" href="#"><i class="fa fa-flag fa-flip-horizontal"></i> fa-flip-horizontal</a><br> +<a class="btn btn-default" href="#"><i class="fa fa-flag fa-flip-vertical"></i> fa-flip-vertical</a> diff --git a/bower_components/font-awesome/src/_includes/tests/rotated-flipped.html b/bower_components/font-awesome/src/_includes/tests/rotated-flipped.html index a6620cd3..13a83f4b 100644 --- a/bower_components/font-awesome/src/_includes/tests/rotated-flipped.html +++ b/bower_components/font-awesome/src/_includes/tests/rotated-flipped.html @@ -1,6 +1,6 @@ -<i class="icon-flag"></i> normal<br> -<i class="icon-flag icon-rotate-90"></i> icon-rotate-90<br> -<i class="icon-flag icon-rotate-180"></i> icon-rotate-180<br> -<i class="icon-flag icon-rotate-270"></i> icon-rotate-270<br> -<i class="icon-flag icon-flip-horizontal"></i> icon-flip-horizontal<br> -<i class="icon-flag icon-flip-vertical"></i> icon-flip-vertical +<i class="fa fa-flag"></i> normal<br> +<i class="fa fa-flag fa-rotate-90"></i> fa-rotate-90<br> +<i class="fa fa-flag fa-rotate-180"></i> fa-rotate-180<br> +<i class="fa fa-flag fa-rotate-270"></i> fa-rotate-270<br> +<i class="fa fa-flag fa-flip-horizontal"></i> fa-flip-horizontal<br> +<i class="fa fa-flag fa-flip-vertical"></i> fa-flip-vertical diff --git a/bower_components/font-awesome/src/_includes/tests/stacked-inside-anchor.html b/bower_components/font-awesome/src/_includes/tests/stacked-inside-anchor.html index d034a995..58a2dc8e 100644 --- a/bower_components/font-awesome/src/_includes/tests/stacked-inside-anchor.html +++ b/bower_components/font-awesome/src/_includes/tests/stacked-inside-anchor.html @@ -1,68 +1,68 @@ <p> <a href="#"> - <span class="icon-stack"> - <i class="icon-sign-blank icon-stack-base"></i> - <i class="icon-twitter icon-light"></i> + <span class="fa-stack"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x fa-inverse"></i> </span> Twitter Icon </a> <a href="#"> - <span class="icon-stack"> - <i class="icon-sign-blank icon-stack-base"></i> - <i class="icon-facebook icon-light"></i> + <span class="fa-stack"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-facebook fa-stack-1x fa-inverse"></i> </span> Facebook Icon </a> <a href="#"> - <span class="icon-stack"> - <i class="icon-sign-blank icon-stack-base"></i> - <i class="icon-github icon-light"></i> + <span class="fa-stack"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-github fa-stack-1x fa-inverse"></i> </span> GitHub Icon </a> </p> <p> <a href="#"> - <span class="icon-stack"> - <i class="icon-circle icon-stack-base"></i> - <i class="icon-twitter icon-light"></i> + <span class="fa-stack"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x fa-inverse"></i> </span> Twitter Icon </a> <a href="#"> - <span class="icon-stack"> - <i class="icon-circle icon-stack-base"></i> - <i class="icon-facebook icon-light"></i> + <span class="fa-stack"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-facebook fa-stack-1x fa-inverse"></i> </span> Facebook Icon </a> <a href="#"> - <span class="icon-stack"> - <i class="icon-circle icon-stack-base"></i> - <i class="icon-github icon-light"></i> + <span class="fa-stack"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-github fa-stack-1x fa-inverse"></i> </span> GitHub Icon </a> </p> <p> <a href="#"> - <span class="icon-stack"> - <i class="icon-circle-blank icon-stack-base"></i> - <i class="icon-twitter"></i> + <span class="fa-stack"> + <i class="fa fa-circle-o fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x"></i> </span> Twitter Icon </a> <a href="#"> - <span class="icon-stack"> - <i class="icon-circle-blank icon-stack-base"></i> - <i class="icon-facebook"></i> + <span class="fa-stack"> + <i class="fa fa-circle-o fa-stack-2x"></i> + <i class="fa fa-facebook fa-stack-1x"></i> </span> Facebook Icon </a> <a href="#"> - <span class="icon-stack"> - <i class="icon-circle-blank icon-stack-base"></i> - <i class="icon-github"></i> + <span class="fa-stack"> + <i class="fa fa-circle-o fa-stack-2x"></i> + <i class="fa fa-github fa-stack-1x"></i> </span> GitHub Icon </a> diff --git a/bower_components/font-awesome/src/_includes/tests/stacked.html b/bower_components/font-awesome/src/_includes/tests/stacked.html index 36e427f7..9a2ebb88 100644 --- a/bower_components/font-awesome/src/_includes/tests/stacked.html +++ b/bower_components/font-awesome/src/_includes/tests/stacked.html @@ -1,51 +1,58 @@ +<span style="border: solid 1px #d3d3d3; display: inline-block; text-align: center"> + <span class="fa-stack"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x fa-inverse"></i> + </span><br>Center +</span> +<hr> <p> - <span class="icon-stack"> - <i class="icon-sign-blank icon-stack-base"></i> - <i class="icon-twitter icon-light"></i> + <span class="fa-stack"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x fa-inverse"></i> </span> Twitter Icon - <span class="icon-stack"> - <i class="icon-sign-blank icon-stack-base"></i> - <i class="icon-facebook icon-light"></i> + <span class="fa-stack"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-facebook fa-stack-1x fa-inverse"></i> </span> Facebook Icon - <span class="icon-stack"> - <i class="icon-sign-blank icon-stack-base"></i> - <i class="icon-github icon-light"></i> + <span class="fa-stack"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-github fa-stack-1x fa-inverse"></i> </span> GitHub Icon </p> <p> - <span class="icon-stack"> - <i class="icon-circle icon-stack-base"></i> - <i class="icon-twitter icon-light"></i> + <span class="fa-stack"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x fa-inverse"></i> </span> Twitter Icon - <span class="icon-stack"> - <i class="icon-circle icon-stack-base"></i> - <i class="icon-facebook icon-light"></i> + <span class="fa-stack"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-facebook fa-stack-1x fa-inverse"></i> </span> Facebook Icon - <span class="icon-stack"> - <i class="icon-circle icon-stack-base"></i> - <i class="icon-github icon-light"></i> + <span class="fa-stack"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-github fa-stack-1x fa-inverse"></i> </span> GitHub Icon </p> <p> - <span class="icon-stack"> - <i class="icon-circle-blank icon-stack-base"></i> - <i class="icon-twitter"></i> + <span class="fa-stack"> + <i class="fa fa-circle-o fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x"></i> </span> Twitter Icon - <span class="icon-stack"> - <i class="icon-circle-blank icon-stack-base"></i> - <i class="icon-facebook"></i> + <span class="fa-stack"> + <i class="fa fa-circle-o fa-stack-2x"></i> + <i class="fa fa-facebook fa-stack-1x"></i> </span> Facebook Icon - <span class="icon-stack"> - <i class="icon-circle-blank icon-stack-base"></i> - <i class="icon-github"></i> + <span class="fa-stack"> + <i class="fa fa-circle-o fa-stack-2x"></i> + <i class="fa fa-github fa-stack-1x"></i> </span> GitHub Icon </p>
\ No newline at end of file diff --git a/bower_components/font-awesome/src/_includes/thanks-to.html b/bower_components/font-awesome/src/_includes/thanks-to.html index 8a2d1520..b442a62f 100644 --- a/bower_components/font-awesome/src/_includes/thanks-to.html +++ b/bower_components/font-awesome/src/_includes/thanks-to.html @@ -1,23 +1,23 @@ <section id="thanks-to"> <h2 class="page-header">Thanks To</h2> <div class="row"> - <div class="span4"> + <div class="col-md-4 col-sm-4"> <p> Thanks to <a href="https://twitter.com/robmadole/">@robmadole</a> and <a href="https://twitter.com/supercodepoet/">@supercodepoet</a> for icon design review, advice, some Jekyll help, and being all around badass coders. </p> </div> - <div class="span4"> + <div class="col-md-4 col-sm-4"> <p> - Thanks to <a href="https://twitter.com/grantgordon">@grantgordon</a> and - <a href="https://twitter.com/johnsmclay">@johnsmclay</a> for developing and hosting - <a href="http://icnfnt.com/">icnfnt</a>, the best way to subset Font Awesome. + HUGE thanks to <a href="https://twitter.com/gtagliala">@gtagliala</a> for doing such a fantastic job managing + pull requests and issues on the Font Awesome + <a href="{{ site.fontawesome.github.url }}">GitHub project</a>. </p> </div> - <div class="span4"> + <div class="col-md-4 col-sm-4"> <p> - Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent + Thanks to <a href="http://maxcdn.com"><i class="fa fa-maxcdn"> </i>MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN</a>, the fastest and easiest way to <a href="{{ page.relative_path }}get-started/#bootstrapcdn">get started</a> with Font Awesome. </p> diff --git a/bower_components/font-awesome/src/_includes/whats-new.html b/bower_components/font-awesome/src/_includes/whats-new.html deleted file mode 100644 index d413d0de..00000000 --- a/bower_components/font-awesome/src/_includes/whats-new.html +++ /dev/null @@ -1,38 +0,0 @@ -{% capture stripe_ad_content %} -<p class="lead"> - Font Awesome is always getting a little awesome-er. So here's what's new in the latest version, Font Awesome - {{ site.fontawesome.minor_version }}. Have some ideas for new features? - <a href="{{ page.relative_path }}community/">Help contribute</a>. -</p> -{% endcapture %} -{% include stripe-ad.html %} - -<div id="whats-new"> - <div class="row"> - <div class="span4"> - <h4><i class="icon-compass"></i> {{ icons | version:site.fontawesome.minor_version | size }} New Icons in {{ site.fontawesome.minor_version }}</h4> - Requested by the active community on the <a href="{{ site.fontawesome.github.url }}">Font Awesome GitHub project</a>. - </div> - <div class="span4"> - <h4><i class="icon-terminal"></i> SCSS Support</h4> - A long term solution is now in place for SCSS support. Need SASS? Try <a href="http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#syntax">sass-convert</a>. - </div> - <div class="span4"> - <h4><i class="icon-legal"></i> <a href="{{ page.relative_path }}license/">Better & Simpler License</a></h4> - SIL OFL 1.1 for font, MIT license for code. No more attribution required, but much appreciated. - </div> - <div class="span4 margin-bottom-large"> - <h4><i class="icon-magic"></i> Pixel Perfection at 14px</h4> - Version 3 was re-created from the ground up to be razor sharp at Bootstrap's default 14px. - </div> - <div class="span4"> - <h4><i class="icon-th-large"></i> <a href="http://icnfnt.com/">Font Subsetting</a></h4> - Thanks to <a href="https://twitter.com/grantgordon">@grantgordon</a> and <a href="https://twitter.com/johnsmclay">@johnsmclay</a>, you can <a href="http://icnfnt.com/">subset</a> to get just the icons you need. - </div> - <div class="span4"> - <h4><i class="icon-question-sign"></i> Want More Details?</h4> - Check out the <a href="{{ site.fontawesome.github.url }}#changelog">CHANGELOG on the GitHub project</a> to see - what's new and changed. - </div> - </div> -</div> diff --git a/bower_components/font-awesome/src/_includes/why.html b/bower_components/font-awesome/src/_includes/why.html index ce3b87d1..5ff610ad 100644 --- a/bower_components/font-awesome/src/_includes/why.html +++ b/bower_components/font-awesome/src/_includes/why.html @@ -1,41 +1,41 @@ -<div id="why"> +<section id="why" class="feature-list"> <div class="row"> - <div class="span4"> - <h4><i class="icon-flag"></i> One Font, {{ icons | size }} Icons</h4> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-flag"></i> One Font, {{ icons | size }} Icons</h4> In a single collection, Font Awesome is a pictographic language of web-related actions. </div> - <div class="span4"> - <h4><i class="icon-pencil"></i> CSS Control</h4> - Easily style icon color, size, shadow, and anything that's possible with CSS. + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-ban"></i> No JavaScript Required</h4> + Fewer compatibility concerns because Font Awesome doesn't require JavaScript. </div> - <div class="span4"> - <h4><i class="icon-fullscreen"></i> Infinite Scalability</h4> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-arrows-alt"></i> Infinite Scalability</h4> Scalable vector graphics means every icon looks awesome at any size. </div> - <div class="span4"> - <h4><i class="icon-microphone"></i> Free, as in Speech</h4> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-microphone"></i> Free, as in Speech</h4> Font Awesome is completely free for commercial use. Check out the <a href="{{ page.relative_path }}license/">license</a>. </div> - <div class="span4"> - <h4><i class="icon-ok"></i> IE7 Support</h4> - Font Awesome supports IE7. If you need it, you have my condolences. + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-pencil"></i> CSS Control</h4> + Easily style icon color, size, shadow, and anything that's possible with CSS. </div> - <div class="span4"> - <h4><i class="icon-eye-open"></i> Perfect on Retina Displays</h4> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-eye"></i> Perfect on Retina Displays</h4> Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays. </div> - <div class="span4"> - <h4><i class="icon-thumbs-up-alt"></i> Made for Bootstrap</h4> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-thumbs-o-up"></i> Made for Bootstrap</h4> Designed from scratch to be fully compatible with <a href="{{ site.bootstrap.url }}">Bootstrap {{ site.bootstrap.version }}</a>. </div> - <div class="span4"> - <h4><i class="icon-desktop"></i> Desktop Friendly</h4> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-desktop"></i> Desktop Friendly</h4> To use on the desktop or for a complete set of vectors, check out the <a href="{{ page.relative_path }}cheatsheet/">cheatsheet</a>. </div> - <div class="span4"> - <h4><i class="icon-search"></i> Screen Reader Compatible</h4> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-search"></i> Screen Reader Compatible</h4> Font Awesome won't trip up screen readers, unlike other icon fonts. </div> </div> -</div> +</section> |