Merge remote-tracking branch 'origin/3.2.0-wip' into 3.2.0-wip

This commit is contained in:
robmadole 2013-05-30 07:46:51 -05:00
commit 03fb019d8b
100 changed files with 265 additions and 2763 deletions

View File

@ -15,24 +15,25 @@ icon_meta: build/icons.yml
icon_layout: icon.html # Relative to _layouts directory
icon_destination: icon # Relative to destination
font_awesome:
fontawesome:
version: 3.2.0
url: http://fontawesome.io
legacy_url: http://fortawesome.github.com/Font-Awesome/
blog_url: http://blog.fontawesome.io
twitter: fontawesome
tagline: The iconic font for designed Bootstrap
author:
name: Dave Gandy
email: dave@fontawesome.io
twitter: byscuits
work:
name: Kyruus
url: http://kyruus.com
title: Lead Product Designer
github:
url: https://github.com/FortAwesome/Font-Awesome
project: Font-Awesome
org: FortAwesome
bootstrap:
version: 2.3.1
url: http://getbootstrap.com
license:
font:
version: SIL OFL 1.1
@ -43,3 +44,7 @@ license:
documentation:
version: CC BY 3.0
url: http://creativecommons.org/licenses/by/3.0/
bootstrap:
version: 2.3.2
url: http://getbootstrap.com

View File

@ -11,14 +11,20 @@ FA_CSS_MODERN_MIN = ${FA_CSS_DIRECTORY}/font-awesome.min.css
FA_CSS_IE7 = ${FA_CSS_DIRECTORY}/font-awesome-ie7.css
FA_CSS_IE7_MIN = ${FA_CSS_DIRECTORY}/font-awesome-ie7.min.css
SITE_LESS_DIRECTORY = assets/less
SITE_CSS_DIRECTORY = assets/css
SITE_LESS = ${SITE_LESS_DIRECTORY}/site.less
SITE_CSS_MIN = ${SITE_CSS_DIRECTORY}/site.css
build:
@echo "Compiling Less files"
@mkdir -p ${FA_CSS_DIRECTORY}
recess --compile ${FA_LESS_MODERN} > ${FA_CSS_MODERN}
recess --compile --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN}
recess --compile ${FA_LESS_IE7} > ${FA_CSS_IE7}
recess --compile --compress ${FA_LESS_IE7} > ${FA_CSS_IE7_MIN}
lessc ${FA_LESS_MODERN} > ${FA_CSS_MODERN}
lessc --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN}
lessc ${FA_LESS_IE7} > ${FA_CSS_IE7}
lessc --compress ${FA_LESS_IE7} > ${FA_CSS_IE7_MIN}
lessc --compress ${SITE_LESS} > ${SITE_CSS_MIN}
default: build

View File

@ -6,323 +6,14 @@
{% endcapture %}
{% include stripe-ad.html %}
<div>
<h2 class="page-header">Every Font Awesome {{ site.font_awesome.version }} Icon, CSS Class, &amp; Unicode</h2>
<h2 class="page-header">Every Font Awesome {{ site.fontawesome.version }} Icon, CSS Class, &amp; Unicode</h2>
<div class="row">
{% for icon in icons %}
<div class="span4">
<ul class="unstyled">
<li><i class="icon-fixed-width">&#xf000;</i> icon-glass <span class="muted">(&amp;#xf000;)</span></li>
<li><i class="icon-fixed-width">&#xf001;</i> icon-music <span class="muted">(&amp;#xf001;)</span></li>
<li><i class="icon-fixed-width">&#xf002;</i> icon-search <span class="muted">(&amp;#xf002;)</span></li>
<li><i class="icon-fixed-width">&#xf003;</i> icon-envelope <span class="muted">(&amp;#xf003;)</span></li>
<li><i class="icon-fixed-width">&#xf004;</i> icon-heart <span class="muted">(&amp;#xf004;)</span></li>
<li><i class="icon-fixed-width">&#xf005;</i> icon-star <span class="muted">(&amp;#xf005;)</span></li>
<li><i class="icon-fixed-width">&#xf006;</i> icon-star-empty <span class="muted">(&amp;#xf006;)</span></li>
<li><i class="icon-fixed-width">&#xf007;</i> icon-user <span class="muted">(&amp;#xf007;)</span></li>
<li><i class="icon-fixed-width">&#xf008;</i> icon-film <span class="muted">(&amp;#xf008;)</span></li>
<li><i class="icon-fixed-width">&#xf009;</i> icon-th-large <span class="muted">(&amp;#xf009;)</span></li>
<li><i class="icon-fixed-width">&#xf00a;</i> icon-th <span class="muted">(&amp;#xf00a;)</span></li>
<li><i class="icon-fixed-width">&#xf00b;</i> icon-th-list <span class="muted">(&amp;#xf00b;)</span></li>
<li><i class="icon-fixed-width">&#xf00c;</i> icon-ok <span class="muted">(&amp;#xf00c;)</span></li>
<li><i class="icon-fixed-width">&#xf00d;</i> icon-remove <span class="muted">(&amp;#xf00d;)</span></li>
<li><i class="icon-fixed-width">&#xf00e;</i> icon-zoom-in <span class="muted">(&amp;#xf00e;)</span></li>
<li><i class="icon-fixed-width">&#xf010;</i> icon-zoom-out <span class="muted">(&amp;#xf010;)</span></li>
<li><i class="icon-fixed-width">&#xf011;</i> icon-off <span class="muted">(&amp;#xf011;)</span></li>
<li><i class="icon-fixed-width">&#xf012;</i> icon-signal <span class="muted">(&amp;#xf012;)</span></li>
<li><i class="icon-fixed-width">&#xf013;</i> icon-cog <span class="muted">(&amp;#xf013;)</span></li>
<li><i class="icon-fixed-width">&#xf014;</i> icon-trash <span class="muted">(&amp;#xf014;)</span></li>
<li><i class="icon-fixed-width">&#xf015;</i> icon-home <span class="muted">(&amp;#xf015;)</span></li>
<li><i class="icon-fixed-width">&#xf016;</i> icon-file <span class="muted">(&amp;#xf016;)</span></li>
<li><i class="icon-fixed-width">&#xf017;</i> icon-time <span class="muted">(&amp;#xf017;)</span></li>
<li><i class="icon-fixed-width">&#xf018;</i> icon-road <span class="muted">(&amp;#xf018;)</span></li>
<li><i class="icon-fixed-width">&#xf019;</i> icon-download-alt <span class="muted">(&amp;#xf019;)</span></li>
<li><i class="icon-fixed-width">&#xf01a;</i> icon-download <span class="muted">(&amp;#xf01a;)</span></li>
<li><i class="icon-fixed-width">&#xf01b;</i> icon-upload <span class="muted">(&amp;#xf01b;)</span></li>
<li><i class="icon-fixed-width">&#xf01c;</i> icon-inbox <span class="muted">(&amp;#xf01c;)</span></li>
<li><i class="icon-fixed-width">&#xf01d;</i> icon-play-circle <span class="muted">(&amp;#xf01d;)</span></li>
<li><i class="icon-fixed-width">&#xf01e;</i> icon-repeat <span class="muted">(&amp;#xf01e;)</span></li>
<li><i class="icon-fixed-width">&#xf021;</i> icon-refresh <span class="muted">(&amp;#xf021;)</span></li>
<li><i class="icon-fixed-width">&#xf022;</i> icon-list-alt <span class="muted">(&amp;#xf022;)</span></li>
<li><i class="icon-fixed-width">&#xf023;</i> icon-lock <span class="muted">(&amp;#xf023;)</span></li>
<li><i class="icon-fixed-width">&#xf024;</i> icon-flag <span class="muted">(&amp;#xf024;)</span></li>
<li><i class="icon-fixed-width">&#xf025;</i> icon-headphones <span class="muted">(&amp;#xf025;)</span></li>
<li><i class="icon-fixed-width">&#xf026;</i> icon-volume-off <span class="muted">(&amp;#xf026;)</span></li>
<li><i class="icon-fixed-width">&#xf027;</i> icon-volume-down <span class="muted">(&amp;#xf027;)</span></li>
<li><i class="icon-fixed-width">&#xf028;</i> icon-volume-up <span class="muted">(&amp;#xf028;)</span></li>
<li><i class="icon-fixed-width">&#xf029;</i> icon-qrcode <span class="muted">(&amp;#xf029;)</span></li>
<li><i class="icon-fixed-width">&#xf02a;</i> icon-barcode <span class="muted">(&amp;#xf02a;)</span></li>
<li><i class="icon-fixed-width">&#xf02b;</i> icon-tag <span class="muted">(&amp;#xf02b;)</span></li>
<li><i class="icon-fixed-width">&#xf02c;</i> icon-tags <span class="muted">(&amp;#xf02c;)</span></li>
<li><i class="icon-fixed-width">&#xf02d;</i> icon-book <span class="muted">(&amp;#xf02d;)</span></li>
<li><i class="icon-fixed-width">&#xf02e;</i> icon-bookmark <span class="muted">(&amp;#xf02e;)</span></li>
<li><i class="icon-fixed-width">&#xf02f;</i> icon-print <span class="muted">(&amp;#xf02f;)</span></li>
<li><i class="icon-fixed-width">&#xf030;</i> icon-camera <span class="muted">(&amp;#xf030;)</span></li>
<li><i class="icon-fixed-width">&#xf031;</i> icon-font <span class="muted">(&amp;#xf031;)</span></li>
<li><i class="icon-fixed-width">&#xf032;</i> icon-bold <span class="muted">(&amp;#xf032;)</span></li>
<li><i class="icon-fixed-width">&#xf033;</i> icon-italic <span class="muted">(&amp;#xf033;)</span></li>
<li><i class="icon-fixed-width">&#xf034;</i> icon-text-height <span class="muted">(&amp;#xf034;)</span></li>
<li><i class="icon-fixed-width">&#xf035;</i> icon-text-width <span class="muted">(&amp;#xf035;)</span></li>
<li><i class="icon-fixed-width">&#xf036;</i> icon-align-left <span class="muted">(&amp;#xf036;)</span></li>
<li><i class="icon-fixed-width">&#xf037;</i> icon-align-center <span class="muted">(&amp;#xf037;)</span></li>
<li><i class="icon-fixed-width">&#xf038;</i> icon-align-right <span class="muted">(&amp;#xf038;)</span></li>
<li><i class="icon-fixed-width">&#xf039;</i> icon-align-justify <span class="muted">(&amp;#xf039;)</span></li>
<li><i class="icon-fixed-width">&#xf03a;</i> icon-list <span class="muted">(&amp;#xf03a;)</span></li>
<li><i class="icon-fixed-width">&#xf03b;</i> icon-indent-left <span class="muted">(&amp;#xf03b;)</span></li>
<li><i class="icon-fixed-width">&#xf03c;</i> icon-indent-right <span class="muted">(&amp;#xf03c;)</span></li>
<li><i class="icon-fixed-width">&#xf03d;</i> icon-facetime-video <span class="muted">(&amp;#xf03d;)</span></li>
<li><i class="icon-fixed-width">&#xf03e;</i> icon-picture <span class="muted">(&amp;#xf03e;)</span></li>
<li><i class="icon-fixed-width">&#xf040;</i> icon-pencil <span class="muted">(&amp;#xf040;)</span></li>
<li><i class="icon-fixed-width">&#xf041;</i> icon-map-marker <span class="muted">(&amp;#xf041;)</span></li>
<li><i class="icon-fixed-width">&#xf042;</i> icon-adjust <span class="muted">(&amp;#xf042;)</span></li>
<li><i class="icon-fixed-width">&#xf043;</i> icon-tint <span class="muted">(&amp;#xf043;)</span></li>
<li><i class="icon-fixed-width">&#xf044;</i> icon-edit <span class="muted">(&amp;#xf044;)</span></li>
<li><i class="icon-fixed-width">&#xf045;</i> icon-share <span class="muted">(&amp;#xf045;)</span></li>
<li><i class="icon-fixed-width">&#xf046;</i> icon-check <span class="muted">(&amp;#xf046;)</span></li>
<li><i class="icon-fixed-width">&#xf047;</i> icon-move <span class="muted">(&amp;#xf047;)</span></li>
<li><i class="icon-fixed-width">&#xf048;</i> icon-step-backward <span class="muted">(&amp;#xf048;)</span></li>
<li><i class="icon-fixed-width">&#xf049;</i> icon-fast-backward <span class="muted">(&amp;#xf049;)</span></li>
<li><i class="icon-fixed-width">&#xf04a;</i> icon-backward <span class="muted">(&amp;#xf04a;)</span></li>
<li><i class="icon-fixed-width">&#xf04b;</i> icon-play <span class="muted">(&amp;#xf04b;)</span></li>
<li><i class="icon-fixed-width">&#xf04c;</i> icon-pause <span class="muted">(&amp;#xf04c;)</span></li>
<li><i class="icon-fixed-width">&#xf04d;</i> icon-stop <span class="muted">(&amp;#xf04d;)</span></li>
<li><i class="icon-fixed-width">&#xf04e;</i> icon-forward <span class="muted">(&amp;#xf04e;)</span></li>
<li><i class="icon-fixed-width">&#xf050;</i> icon-fast-forward <span class="muted">(&amp;#xf050;)</span></li>
<li><i class="icon-fixed-width">&#xf051;</i> icon-step-forward <span class="muted">(&amp;#xf051;)</span></li>
<li><i class="icon-fixed-width">&#xf052;</i> icon-eject <span class="muted">(&amp;#xf052;)</span></li>
<li><i class="icon-fixed-width">&#xf053;</i> icon-chevron-left <span class="muted">(&amp;#xf053;)</span></li>
<li><i class="icon-fixed-width">&#xf054;</i> icon-chevron-right <span class="muted">(&amp;#xf054;)</span></li>
<li><i class="icon-fixed-width">&#xf055;</i> icon-plus-sign <span class="muted">(&amp;#xf055;)</span></li>
<li><i class="icon-fixed-width">&#xf056;</i> icon-minus-sign <span class="muted">(&amp;#xf056;)</span></li>
<li><i class="icon-fixed-width">&#xf057;</i> icon-remove-sign <span class="muted">(&amp;#xf057;)</span></li>
<li><i class="icon-fixed-width">&#xf058;</i> icon-ok-sign <span class="muted">(&amp;#xf058;)</span></li>
<li><i class="icon-fixed-width">&#xf059;</i> icon-question-sign <span class="muted">(&amp;#xf059;)</span></li>
<li><i class="icon-fixed-width">&#xf05a;</i> icon-info-sign <span class="muted">(&amp;#xf05a;)</span></li>
<li><i class="icon-fixed-width">&#xf05b;</i> icon-screenshot <span class="muted">(&amp;#xf05b;)</span></li>
<li><i class="icon-fixed-width">&#xf05c;</i> icon-remove-circle <span class="muted">(&amp;#xf05c;)</span></li>
<li><i class="icon-fixed-width">&#xf05d;</i> icon-ok-circle <span class="muted">(&amp;#xf05d;)</span></li>
<li><i class="icon-fixed-width">&#xf05e;</i> icon-ban-circle <span class="muted">(&amp;#xf05e;)</span></li>
<li><i class="icon-fixed-width">&#xf060;</i> icon-arrow-left <span class="muted">(&amp;#xf060;)</span></li>
<li><i class="icon-fixed-width">&#xf061;</i> icon-arrow-right <span class="muted">(&amp;#xf061;)</span></li>
<li><i class="icon-fixed-width">&#xf062;</i> icon-arrow-up <span class="muted">(&amp;#xf062;)</span></li>
<li><i class="icon-fixed-width">&#xf063;</i> icon-arrow-down <span class="muted">(&amp;#xf063;)</span></li>
<li><i class="icon-fixed-width">&#xf064;</i> icon-share-alt <span class="muted">(&amp;#xf064;)</span></li>
<li><i class="icon-fixed-width">&#xf065;</i> icon-resize-full <span class="muted">(&amp;#xf065;)</span></li>
<li><i class="icon-fixed-width">&#xf066;</i> icon-resize-small <span class="muted">(&amp;#xf066;)</span></li>
<li><i class="icon-fixed-width">&#xf067;</i> icon-plus <span class="muted">(&amp;#xf067;)</span></li>
<li><i class="icon-fixed-width">&#xf068;</i> icon-minus <span class="muted">(&amp;#xf068;)</span></li>
<li><i class="icon-fixed-width">&#xf069;</i> icon-asterisk <span class="muted">(&amp;#xf069;)</span></li>
<li><i class="icon-fixed-width">&#xf06a;</i> icon-exclamation-sign <span class="muted">(&amp;#xf06a;)</span></li>
</ul>
</div>
<div class="span4">
<ul class="unstyled">
<li><i class="icon-fixed-width">&#xf06b;</i> icon-gift <span class="muted">(&amp;#xf06b;)</span></li>
<li><i class="icon-fixed-width">&#xf06c;</i> icon-leaf <span class="muted">(&amp;#xf06c;)</span></li>
<li><i class="icon-fixed-width">&#xf06d;</i> icon-fire <span class="muted">(&amp;#xf06d;)</span></li>
<li><i class="icon-fixed-width">&#xf06e;</i> icon-eye-open <span class="muted">(&amp;#xf06e;)</span></li>
<li><i class="icon-fixed-width">&#xf070;</i> icon-eye-close <span class="muted">(&amp;#xf070;)</span></li>
<li><i class="icon-fixed-width">&#xf071;</i> icon-warning-sign <span class="muted">(&amp;#xf071;)</span></li>
<li><i class="icon-fixed-width">&#xf072;</i> icon-plane <span class="muted">(&amp;#xf072;)</span></li>
<li><i class="icon-fixed-width">&#xf073;</i> icon-calendar <span class="muted">(&amp;#xf073;)</span></li>
<li><i class="icon-fixed-width">&#xf074;</i> icon-random <span class="muted">(&amp;#xf074;)</span></li>
<li><i class="icon-fixed-width">&#xf075;</i> icon-comment <span class="muted">(&amp;#xf075;)</span></li>
<li><i class="icon-fixed-width">&#xf076;</i> icon-magnet <span class="muted">(&amp;#xf076;)</span></li>
<li><i class="icon-fixed-width">&#xf077;</i> icon-chevron-up <span class="muted">(&amp;#xf077;)</span></li>
<li><i class="icon-fixed-width">&#xf078;</i> icon-chevron-down <span class="muted">(&amp;#xf078;)</span></li>
<li><i class="icon-fixed-width">&#xf079;</i> icon-retweet <span class="muted">(&amp;#xf079;)</span></li>
<li><i class="icon-fixed-width">&#xf07a;</i> icon-shopping-cart <span class="muted">(&amp;#xf07a;)</span></li>
<li><i class="icon-fixed-width">&#xf07b;</i> icon-folder-close <span class="muted">(&amp;#xf07b;)</span></li>
<li><i class="icon-fixed-width">&#xf07c;</i> icon-folder-open <span class="muted">(&amp;#xf07c;)</span></li>
<li><i class="icon-fixed-width">&#xf07d;</i> icon-resize-vertical <span class="muted">(&amp;#xf07d;)</span></li>
<li><i class="icon-fixed-width">&#xf07e;</i> icon-resize-horizontal <span class="muted">(&amp;#xf07e;)</span></li>
<li><i class="icon-fixed-width">&#xf080;</i> icon-bar-chart <span class="muted">(&amp;#xf080;)</span></li>
<li><i class="icon-fixed-width">&#xf081;</i> icon-twitter-sign <span class="muted">(&amp;#xf081;)</span></li>
<li><i class="icon-fixed-width">&#xf082;</i> icon-facebook-sign <span class="muted">(&amp;#xf082;)</span></li>
<li><i class="icon-fixed-width">&#xf083;</i> icon-camera-retro <span class="muted">(&amp;#xf083;)</span></li>
<li><i class="icon-fixed-width">&#xf084;</i> icon-key <span class="muted">(&amp;#xf084;)</span></li>
<li><i class="icon-fixed-width">&#xf085;</i> icon-cogs <span class="muted">(&amp;#xf085;)</span></li>
<li><i class="icon-fixed-width">&#xf086;</i> icon-comments <span class="muted">(&amp;#xf086;)</span></li>
<li><i class="icon-fixed-width">&#xf087;</i> icon-thumbs-up <span class="muted">(&amp;#xf087;)</span></li>
<li><i class="icon-fixed-width">&#xf088;</i> icon-thumbs-down <span class="muted">(&amp;#xf088;)</span></li>
<li><i class="icon-fixed-width">&#xf089;</i> icon-star-half <span class="muted">(&amp;#xf089;)</span></li>
<li><i class="icon-fixed-width">&#xf08a;</i> icon-heart-empty <span class="muted">(&amp;#xf08a;)</span></li>
<li><i class="icon-fixed-width">&#xf08b;</i> icon-signout <span class="muted">(&amp;#xf08b;)</span></li>
<li><i class="icon-fixed-width">&#xf08c;</i> icon-linkedin-sign <span class="muted">(&amp;#xf08c;)</span></li>
<li><i class="icon-fixed-width">&#xf08d;</i> icon-pushpin <span class="muted">(&amp;#xf08d;)</span></li>
<li><i class="icon-fixed-width">&#xf08e;</i> icon-external-link <span class="muted">(&amp;#xf08e;)</span></li>
<li><i class="icon-fixed-width">&#xf090;</i> icon-signin <span class="muted">(&amp;#xf090;)</span></li>
<li><i class="icon-fixed-width">&#xf091;</i> icon-trophy <span class="muted">(&amp;#xf091;)</span></li>
<li><i class="icon-fixed-width">&#xf092;</i> icon-github-sign <span class="muted">(&amp;#xf092;)</span></li>
<li><i class="icon-fixed-width">&#xf093;</i> icon-upload-alt <span class="muted">(&amp;#xf093;)</span></li>
<li><i class="icon-fixed-width">&#xf094;</i> icon-lemon <span class="muted">(&amp;#xf094;)</span></li>
<li><i class="icon-fixed-width">&#xf095;</i> icon-phone <span class="muted">(&amp;#xf095;)</span></li>
<li><i class="icon-fixed-width">&#xf096;</i> icon-check-empty <span class="muted">(&amp;#xf096;)</span></li>
<li><i class="icon-fixed-width">&#xf097;</i> icon-bookmark-empty <span class="muted">(&amp;#xf097;)</span></li>
<li><i class="icon-fixed-width">&#xf098;</i> icon-phone-sign <span class="muted">(&amp;#xf098;)</span></li>
<li><i class="icon-fixed-width">&#xf099;</i> icon-twitter <span class="muted">(&amp;#xf099;)</span></li>
<li><i class="icon-fixed-width">&#xf09a;</i> icon-facebook <span class="muted">(&amp;#xf09a;)</span></li>
<li><i class="icon-fixed-width">&#xf09b;</i> icon-github <span class="muted">(&amp;#xf09b;)</span></li>
<li><i class="icon-fixed-width">&#xf09c;</i> icon-unlock <span class="muted">(&amp;#xf09c;)</span></li>
<li><i class="icon-fixed-width">&#xf09d;</i> icon-credit-card <span class="muted">(&amp;#xf09d;)</span></li>
<li><i class="icon-fixed-width">&#xf09e;</i> icon-rss <span class="muted">(&amp;#xf09e;)</span></li>
<li><i class="icon-fixed-width">&#xf0a0;</i> icon-hdd <span class="muted">(&amp;#xf0a0;)</span></li>
<li><i class="icon-fixed-width">&#xf0a1;</i> icon-bullhorn <span class="muted">(&amp;#xf0a1;)</span></li>
<li><i class="icon-fixed-width">&#xf0a2;</i> icon-bell <span class="muted">(&amp;#xf0a2;)</span></li>
<li><i class="icon-fixed-width">&#xf0a3;</i> icon-certificate <span class="muted">(&amp;#xf0a3;)</span></li>
<li><i class="icon-fixed-width">&#xf0a4;</i> icon-hand-right <span class="muted">(&amp;#xf0a4;)</span></li>
<li><i class="icon-fixed-width">&#xf0a5;</i> icon-hand-left <span class="muted">(&amp;#xf0a5;)</span></li>
<li><i class="icon-fixed-width">&#xf0a6;</i> icon-hand-up <span class="muted">(&amp;#xf0a6;)</span></li>
<li><i class="icon-fixed-width">&#xf0a7;</i> icon-hand-down <span class="muted">(&amp;#xf0a7;)</span></li>
<li><i class="icon-fixed-width">&#xf0a8;</i> icon-circle-arrow-left <span class="muted">(&amp;#xf0a8;)</span></li>
<li><i class="icon-fixed-width">&#xf0a9;</i> icon-circle-arrow-right <span class="muted">(&amp;#xf0a9;)</span></li>
<li><i class="icon-fixed-width">&#xf0aa;</i> icon-circle-arrow-up <span class="muted">(&amp;#xf0aa;)</span></li>
<li><i class="icon-fixed-width">&#xf0ab;</i> icon-circle-arrow-down <span class="muted">(&amp;#xf0ab;)</span></li>
<li><i class="icon-fixed-width">&#xf0ac;</i> icon-globe <span class="muted">(&amp;#xf0ac;)</span></li>
<li><i class="icon-fixed-width">&#xf0ad;</i> icon-wrench <span class="muted">(&amp;#xf0ad;)</span></li>
<li><i class="icon-fixed-width">&#xf0ae;</i> icon-tasks <span class="muted">(&amp;#xf0ae;)</span></li>
<li><i class="icon-fixed-width">&#xf0b0;</i> icon-filter <span class="muted">(&amp;#xf0b0;)</span></li>
<li><i class="icon-fixed-width">&#xf0b1;</i> icon-briefcase <span class="muted">(&amp;#xf0b1;)</span></li>
<li><i class="icon-fixed-width">&#xf0b2;</i> icon-fullscreen <span class="muted">(&amp;#xf0b2;)</span></li>
<li><i class="icon-fixed-width">&#xf0c0;</i> icon-group <span class="muted">(&amp;#xf0c0;)</span></li>
<li><i class="icon-fixed-width">&#xf0c1;</i> icon-link <span class="muted">(&amp;#xf0c1;)</span></li>
<li><i class="icon-fixed-width">&#xf0c2;</i> icon-cloud <span class="muted">(&amp;#xf0c2;)</span></li>
<li><i class="icon-fixed-width">&#xf0c3;</i> icon-beaker <span class="muted">(&amp;#xf0c3;)</span></li>
<li><i class="icon-fixed-width">&#xf0c4;</i> icon-cut <span class="muted">(&amp;#xf0c4;)</span></li>
<li><i class="icon-fixed-width">&#xf0c5;</i> icon-copy <span class="muted">(&amp;#xf0c5;)</span></li>
<li><i class="icon-fixed-width">&#xf0c6;</i> icon-paper-clip <span class="muted">(&amp;#xf0c6;)</span></li>
<li><i class="icon-fixed-width">&#xf0c7;</i> icon-save <span class="muted">(&amp;#xf0c7;)</span></li>
<li><i class="icon-fixed-width">&#xf0c8;</i> icon-sign-blank <span class="muted">(&amp;#xf0c8;)</span></li>
<li><i class="icon-fixed-width">&#xf0c9;</i> icon-reorder <span class="muted">(&amp;#xf0c9;)</span></li>
<li><i class="icon-fixed-width">&#xf0ca;</i> icon-list-ul <span class="muted">(&amp;#xf0ca;)</span></li>
<li><i class="icon-fixed-width">&#xf0cb;</i> icon-list-ol <span class="muted">(&amp;#xf0cb;)</span></li>
<li><i class="icon-fixed-width">&#xf0cc;</i> icon-strikethrough <span class="muted">(&amp;#xf0cc;)</span></li>
<li><i class="icon-fixed-width">&#xf0cd;</i> icon-underline <span class="muted">(&amp;#xf0cd;)</span></li>
<li><i class="icon-fixed-width">&#xf0ce;</i> icon-table <span class="muted">(&amp;#xf0ce;)</span></li>
<li><i class="icon-fixed-width">&#xf0d0;</i> icon-magic <span class="muted">(&amp;#xf0d0;)</span></li>
<li><i class="icon-fixed-width">&#xf0d1;</i> icon-truck <span class="muted">(&amp;#xf0d1;)</span></li>
<li><i class="icon-fixed-width">&#xf0d2;</i> icon-pinterest <span class="muted">(&amp;#xf0d2;)</span></li>
<li><i class="icon-fixed-width">&#xf0d3;</i> icon-pinterest-sign <span class="muted">(&amp;#xf0d3;)</span></li>
<li><i class="icon-fixed-width">&#xf0d4;</i> icon-google-plus-sign <span class="muted">(&amp;#xf0d4;)</span></li>
<li><i class="icon-fixed-width">&#xf0d5;</i> icon-google-plus <span class="muted">(&amp;#xf0d5;)</span></li>
<li><i class="icon-fixed-width">&#xf0d6;</i> icon-money <span class="muted">(&amp;#xf0d6;)</span></li>
<li><i class="icon-fixed-width">&#xf0d7;</i> icon-caret-down <span class="muted">(&amp;#xf0d7;)</span></li>
<li><i class="icon-fixed-width">&#xf0d8;</i> icon-caret-up <span class="muted">(&amp;#xf0d8;)</span></li>
<li><i class="icon-fixed-width">&#xf0d9;</i> icon-caret-left <span class="muted">(&amp;#xf0d9;)</span></li>
<li><i class="icon-fixed-width">&#xf0da;</i> icon-caret-right <span class="muted">(&amp;#xf0da;)</span></li>
<li><i class="icon-fixed-width">&#xf0db;</i> icon-columns <span class="muted">(&amp;#xf0db;)</span></li>
<li><i class="icon-fixed-width">&#xf0dc;</i> icon-sort <span class="muted">(&amp;#xf0dc;)</span></li>
<li><i class="icon-fixed-width">&#xf0dd;</i> icon-sort-down <span class="muted">(&amp;#xf0dd;)</span></li>
<li><i class="icon-fixed-width">&#xf0de;</i> icon-sort-up <span class="muted">(&amp;#xf0de;)</span></li>
<li><i class="icon-fixed-width">&#xf0e0;</i> icon-envelope-alt <span class="muted">(&amp;#xf0e0;)</span></li>
<li><i class="icon-fixed-width">&#xf0e1;</i> icon-linkedin <span class="muted">(&amp;#xf0e1;)</span></li>
<li><i class="icon-fixed-width">&#xf0e2;</i> icon-undo <span class="muted">(&amp;#xf0e2;)</span></li>
<li><i class="icon-fixed-width">&#xf0e3;</i> icon-legal <span class="muted">(&amp;#xf0e3;)</span></li>
</ul>
</div>
<div class="span4">
<ul class="unstyled">
<li><i class="icon-fixed-width">&#xf0e4;</i> icon-dashboard <span class="muted">(&amp;#xf0e4;)</span></li>
<li><i class="icon-fixed-width">&#xf0e5;</i> icon-comment-alt <span class="muted">(&amp;#xf0e5;)</span></li>
<li><i class="icon-fixed-width">&#xf0e6;</i> icon-comments-alt <span class="muted">(&amp;#xf0e6;)</span></li>
<li><i class="icon-fixed-width">&#xf0e7;</i> icon-bolt <span class="muted">(&amp;#xf0e7;)</span></li>
<li><i class="icon-fixed-width">&#xf0e8;</i> icon-sitemap <span class="muted">(&amp;#xf0e8;)</span></li>
<li><i class="icon-fixed-width">&#xf0e9;</i> icon-umbrella <span class="muted">(&amp;#xf0e9;)</span></li>
<li><i class="icon-fixed-width">&#xf0ea;</i> icon-paste <span class="muted">(&amp;#xf0ea;)</span></li>
<li><i class="icon-fixed-width">&#xf0eb;</i> icon-lightbulb <span class="muted">(&amp;#xf0eb;)</span></li>
<li><i class="icon-fixed-width">&#xf0ec;</i> icon-exchange <span class="muted">(&amp;#xf0ec;)</span></li>
<li><i class="icon-fixed-width">&#xf0ed;</i> icon-cloud-download <span class="muted">(&amp;#xf0ed;)</span></li>
<li><i class="icon-fixed-width">&#xf0ee;</i> icon-cloud-upload <span class="muted">(&amp;#xf0ee;)</span></li>
<li><i class="icon-fixed-width">&#xf0f0;</i> icon-user-md <span class="muted">(&amp;#xf0f0;)</span></li>
<li><i class="icon-fixed-width">&#xf0f1;</i> icon-stethoscope <span class="muted">(&amp;#xf0f1;)</span></li>
<li><i class="icon-fixed-width">&#xf0f2;</i> icon-suitcase <span class="muted">(&amp;#xf0f2;)</span></li>
<li><i class="icon-fixed-width">&#xf0f3;</i> icon-bell-alt <span class="muted">(&amp;#xf0f3;)</span></li>
<li><i class="icon-fixed-width">&#xf0f4;</i> icon-coffee <span class="muted">(&amp;#xf0f4;)</span></li>
<li><i class="icon-fixed-width">&#xf0f5;</i> icon-food <span class="muted">(&amp;#xf0f5;)</span></li>
<li><i class="icon-fixed-width">&#xf0f6;</i> icon-file-alt <span class="muted">(&amp;#xf0f6;)</span></li>
<li><i class="icon-fixed-width">&#xf0f7;</i> icon-building <span class="muted">(&amp;#xf0f7;)</span></li>
<li><i class="icon-fixed-width">&#xf0f8;</i> icon-hospital <span class="muted">(&amp;#xf0f8;)</span></li>
<li><i class="icon-fixed-width">&#xf0f9;</i> icon-ambulance <span class="muted">(&amp;#xf0f9;)</span></li>
<li><i class="icon-fixed-width">&#xf0fa;</i> icon-medkit <span class="muted">(&amp;#xf0fa;)</span></li>
<li><i class="icon-fixed-width">&#xf0fb;</i> icon-fighter-jet <span class="muted">(&amp;#xf0fb;)</span></li>
<li><i class="icon-fixed-width">&#xf0fc;</i> icon-beer <span class="muted">(&amp;#xf0fc;)</span></li>
<li><i class="icon-fixed-width">&#xf0fd;</i> icon-h-sign <span class="muted">(&amp;#xf0fd;)</span></li>
<li><i class="icon-fixed-width">&#xf0fe;</i> icon-plus-sign-alt <span class="muted">(&amp;#xf0fe;)</span></li>
<li><i class="icon-fixed-width">&#xf100;</i> icon-double-angle-left <span class="muted">(&amp;#xf100;)</span></li>
<li><i class="icon-fixed-width">&#xf101;</i> icon-double-angle-right <span class="muted">(&amp;#xf101;)</span></li>
<li><i class="icon-fixed-width">&#xf102;</i> icon-double-angle-up <span class="muted">(&amp;#xf102;)</span></li>
<li><i class="icon-fixed-width">&#xf103;</i> icon-double-angle-down <span class="muted">(&amp;#xf103;)</span></li>
<li><i class="icon-fixed-width">&#xf104;</i> icon-angle-left <span class="muted">(&amp;#xf104;)</span></li>
<li><i class="icon-fixed-width">&#xf105;</i> icon-angle-right <span class="muted">(&amp;#xf105;)</span></li>
<li><i class="icon-fixed-width">&#xf106;</i> icon-angle-up <span class="muted">(&amp;#xf106;)</span></li>
<li><i class="icon-fixed-width">&#xf107;</i> icon-angle-down <span class="muted">(&amp;#xf107;)</span></li>
<li><i class="icon-fixed-width">&#xf108;</i> icon-desktop <span class="muted">(&amp;#xf108;)</span></li>
<li><i class="icon-fixed-width">&#xf109;</i> icon-laptop <span class="muted">(&amp;#xf109;)</span></li>
<li><i class="icon-fixed-width">&#xf10a;</i> icon-tablet <span class="muted">(&amp;#xf10a;)</span></li>
<li><i class="icon-fixed-width">&#xf10b;</i> icon-mobile-phone <span class="muted">(&amp;#xf10b;)</span></li>
<li><i class="icon-fixed-width">&#xf10c;</i> icon-circle-blank <span class="muted">(&amp;#xf10c;)</span></li>
<li><i class="icon-fixed-width">&#xf10d;</i> icon-quote-left <span class="muted">(&amp;#xf10d;)</span></li>
<li><i class="icon-fixed-width">&#xf10e;</i> icon-quote-right <span class="muted">(&amp;#xf10e;)</span></li>
<li><i class="icon-fixed-width">&#xf110;</i> icon-spinner <span class="muted">(&amp;#xf110;)</span></li>
<li><i class="icon-fixed-width">&#xf111;</i> icon-circle <span class="muted">(&amp;#xf111;)</span></li>
<li><i class="icon-fixed-width">&#xf112;</i> icon-reply <span class="muted">(&amp;#xf112;)</span></li>
<li><i class="icon-fixed-width">&#xf114;</i> icon-folder-close-alt <span class="muted">(&amp;#xf114;)</span></li>
<li><i class="icon-fixed-width">&#xf115;</i> icon-folder-open-alt <span class="muted">(&amp;#xf115;)</span></li>
<li><i class="icon-fixed-width">&#xf116;</i> icon-expand-alt <span class="muted">(&amp;#xf116;)</span></li>
<li><i class="icon-fixed-width">&#xf117;</i> icon-collapse-alt <span class="muted">(&amp;#xf117;)</span></li>
<li><i class="icon-fixed-width">&#xf118;</i> icon-smile <span class="muted">(&amp;#xf118;)</span></li>
<li><i class="icon-fixed-width">&#xf119;</i> icon-frown <span class="muted">(&amp;#xf119;)</span></li>
<li><i class="icon-fixed-width">&#xf11a;</i> icon-meh <span class="muted">(&amp;#xf11a;)</span></li>
<li><i class="icon-fixed-width">&#xf11b;</i> icon-gamepad <span class="muted">(&amp;#xf11b;)</span></li>
<li><i class="icon-fixed-width">&#xf11c;</i> icon-keyboard <span class="muted">(&amp;#xf11c;)</span></li>
<li><i class="icon-fixed-width">&#xf11d;</i> icon-flag-alt <span class="muted">(&amp;#xf11d;)</span></li>
<li><i class="icon-fixed-width">&#xf11e;</i> icon-flag-checkered <span class="muted">(&amp;#xf11e;)</span></li>
<li><i class="icon-fixed-width">&#xf120;</i> icon-terminal <span class="muted">(&amp;#xf120;)</span></li>
<li><i class="icon-fixed-width">&#xf121;</i> icon-code <span class="muted">(&amp;#xf121;)</span></li>
<li><i class="icon-fixed-width">&#xf122;</i> icon-reply-all <span class="muted">(&amp;#xf122;)</span></li>
<li><i class="icon-fixed-width">&#xf122;</i> icon-mail-reply-all <span class="muted">(&amp;#xf122;)</span></li>
<li><i class="icon-fixed-width">&#xf123;</i> icon-star-half-full <span class="muted">(&amp;#xf123;)</span></li>
<li><i class="icon-fixed-width">&#xf123;</i> icon-star-half-empty <span class="muted">(&amp;#xf123;)</span></li>
<li><i class="icon-fixed-width">&#xf124;</i> icon-location-arrow <span class="muted">(&amp;#xf124;)</span></li>
<li><i class="icon-fixed-width">&#xf125;</i> icon-crop <span class="muted">(&amp;#xf125;)</span></li>
<li><i class="icon-fixed-width">&#xf126;</i> icon-code-fork <span class="muted">(&amp;#xf126;)</span></li>
<li><i class="icon-fixed-width">&#xf127;</i> icon-unlink <span class="muted">(&amp;#xf127;)</span></li>
<li><i class="icon-fixed-width">&#xf128;</i> icon-question <span class="muted">(&amp;#xf128;)</span></li>
<li><i class="icon-fixed-width">&#xf129;</i> icon-info <span class="muted">(&amp;#xf129;)</span></li>
<li><i class="icon-fixed-width">&#xf12a;</i> icon-exclamation <span class="muted">(&amp;#xf12a;)</span></li>
<li><i class="icon-fixed-width">&#xf12b;</i> icon-superscript <span class="muted">(&amp;#xf12b;)</span></li>
<li><i class="icon-fixed-width">&#xf12c;</i> icon-subscript <span class="muted">(&amp;#xf12c;)</span></li>
<li><i class="icon-fixed-width">&#xf12d;</i> icon-eraser <span class="muted">(&amp;#xf12d;)</span></li>
<li><i class="icon-fixed-width">&#xf12e;</i> icon-puzzle-piece <span class="muted">(&amp;#xf12e;)</span></li>
<li><i class="icon-fixed-width">&#xf130;</i> icon-microphone <span class="muted">(&amp;#xf130;)</span></li>
<li><i class="icon-fixed-width">&#xf131;</i> icon-microphone-off <span class="muted">(&amp;#xf131;)</span></li>
<li><i class="icon-fixed-width">&#xf132;</i> icon-shield <span class="muted">(&amp;#xf132;)</span></li>
<li><i class="icon-fixed-width">&#xf133;</i> icon-calendar-empty <span class="muted">(&amp;#xf133;)</span></li>
<li><i class="icon-fixed-width">&#xf134;</i> icon-fire-extinguisher <span class="muted">(&amp;#xf134;)</span></li>
<li><i class="icon-fixed-width">&#xf135;</i> icon-rocket <span class="muted">(&amp;#xf135;)</span></li>
<li><i class="icon-fixed-width">&#xf136;</i> icon-maxcdn <span class="muted">(&amp;#xf136;)</span></li>
<li><i class="icon-fixed-width">&#xf137;</i> icon-chevron-sign-left <span class="muted">(&amp;#xf137;)</span></li>
<li><i class="icon-fixed-width">&#xf138;</i> icon-chevron-sign-right <span class="muted">(&amp;#xf138;)</span></li>
<li><i class="icon-fixed-width">&#xf139;</i> icon-chevron-sign-up <span class="muted">(&amp;#xf139;)</span></li>
<li><i class="icon-fixed-width">&#xf13a;</i> icon-chevron-sign-down <span class="muted">(&amp;#xf13a;)</span></li>
<li><i class="icon-fixed-width">&#xf13b;</i> icon-html5 <span class="muted">(&amp;#xf13b;)</span></li>
<li><i class="icon-fixed-width">&#xf13c;</i> icon-css3 <span class="muted">(&amp;#xf13c;)</span></li>
<li><i class="icon-fixed-width">&#xf13d;</i> icon-anchor <span class="muted">(&amp;#xf13d;)</span></li>
<li><i class="icon-fixed-width">&#xf13e;</i> icon-unlock-alt <span class="muted">(&amp;#xf13e;)</span></li>
<li><i class="icon-fixed-width">&#xf140;</i> icon-bullseye <span class="muted">(&amp;#xf140;)</span></li>
<li><i class="icon-fixed-width">&#xf141;</i> icon-ellipsis-horizontal <span class="muted">(&amp;#xf141;)</span></li>
<li><i class="icon-fixed-width">&#xf142;</i> icon-ellipsis-vertical <span class="muted">(&amp;#xf142;)</span></li>
<li><i class="icon-fixed-width">&#xf143;</i> icon-rss-sign <span class="muted">(&amp;#xf143;)</span></li>
<li><i class="icon-fixed-width">&#xf144;</i> icon-play-sign <span class="muted">(&amp;#xf144;)</span></li>
<li><i class="icon-fixed-width">&#xf145;</i> icon-ticket <span class="muted">(&amp;#xf145;)</span></li>
<li><i class="icon-fixed-width">&#xf146;</i> icon-minus-sign-alt <span class="muted">(&amp;#xf146;)</span></li>
<li><i class="icon-fixed-width">&#xf147;</i> icon-check-minus <span class="muted">(&amp;#xf147;)</span></li>
<li><i class="icon-fixed-width">&#xf148;</i> icon-level-up <span class="muted">(&amp;#xf148;)</span></li>
<li><i class="icon-fixed-width">&#xf149;</i> icon-level-down <span class="muted">(&amp;#xf149;)</span></li>
<li><i class="icon-fixed-width">&#xf14a;</i> icon-check-sign <span class="muted">(&amp;#xf14a;)</span></li>
<li><i class="icon-fixed-width">&#xf14b;</i> icon-edit-sign <span class="muted">(&amp;#xf14b;)</span></li>
<li><i class="icon-fixed-width">&#xf14c;</i> icon-external-link-sign <span class="muted">(&amp;#xf14c;)</span></li>
<li><i class="icon-fixed-width">&#xf14d;</i> icon-share-sign <span class="muted">(&amp;#xf14d;)</span></li>
</ul>
</div>
<i class="icon-fixed-width">&#x{{ icon.unicode }}</i>
icon-{{ icon.id }}
<span class="muted">(&amp;#x{{ icon.unicode }};)</span>
</div>
{% endfor %}
</div>

View File

@ -16,7 +16,7 @@
<li>
Can't find the answer to your question on Stack Overflow?
<a href="http://stackoverflow.com/questions/ask?tags=font-awesome">Ask a new question</a>, then
<a href="mailto:{{ site.font_awesome.author.email }}">send me an email</a> and I might be able to take a look.
<a href="mailto:{{ site.fontawesome.author.email }}">send me an email</a> and I might be able to take a look.
</li>
</ol>
</div>

View File

@ -2,6 +2,6 @@
<h2 class="page-header">Project Milestones</h2>
<p>
Want to keep up with what's planned for Font Awesome? Check out our
<a href="{{ site.font_awesome.github.url }}/issues/milestones">milestones</a> on the GitHub project.
<a href="{{ site.fontawesome.github.url }}/issues/milestones">milestones</a> on the GitHub project.
</p>
</section>

View File

@ -5,14 +5,14 @@
</p>
<ol>
<li>Please be nice. Font Awesome is a happy place.</li>
<li>Please <a href="{{ site.font_awesome.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 icon request already exists.</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>.
</li>
<li>
After doing everything above, feel free to
<a href="{{ site.font_awesome.github.url }}/issues/new">submit an issue</a>.
<a href="{{ site.fontawesome.github.url }}/issues/new">submit an issue</a>.
</li>
</ol>
</section>

View File

@ -2,17 +2,17 @@
<h2 class="page-header">Requesting New Icons</h2>
<p>
New icons mostly start as requests by the
<a href="{{ site.font_awesome.github.url }}/issues">Font Awesome community on GitHub</a>. Want to request a new
<a href="{{ site.fontawesome.github.url }}/issues">Font Awesome community on GitHub</a>. Want to request a new
icon? Here are some things to keep in mind:
</p>
<ol>
<li>Please be nice. Font Awesome is a happy place.</li>
<li>Please <a href="{{ site.font_awesome.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 icon request already exists.</li>
<li>
Please and thank you if you include the following:
<ul>
<li>
Title your <a href="{{ site.font_awesome.github.url }}/issues/new?title=Icon%20Request:%20icon-name">new issue</a>
Title your <a href="{{ site.fontawesome.github.url }}/issues/new?title=Icon%20Request:%20icon-name">new issue</a>
<code>Icon request: icon-name</code>.
</li>
<li>Include a few use cases for your requested icon. How do you plan on using it?</li>

View File

@ -6,7 +6,7 @@
<li>All pull requests submitted against master will be sumarily closed and this guide referenced.</li>
<li>
After doing everything above, feel free to
<a href="{{ site.font_awesome.github.url }}/issues/new">submit a pull request</a>.
<a href="{{ site.fontawesome.github.url }}/issues/new">submit a pull request</a>.
</li>
</ol>
</section>

View File

@ -9,7 +9,7 @@
<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 linenos %}
{% highlight html %}
<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
{% endhighlight %}
<p class="alert alert-info">

View File

@ -14,7 +14,7 @@
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 linenos %}
{% 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 %}
@ -24,7 +24,7 @@ Use a few of the new styles together ... lots of new possibilities.
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 linenos %}
{% 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.
{% endhighlight %}

View File

@ -15,7 +15,7 @@
</div>
<div class="span9">
<p>Easily replace individual bullets.</p>
{% highlight html linenos %}
{% 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>
@ -25,6 +25,7 @@
<li><i class="icon-li icon-ok"></i>&hellip;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>

View File

@ -16,7 +16,7 @@
</div>
</div>
<div class="span9">
{% highlight html linenos %}
{% 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="#">

View File

@ -12,7 +12,7 @@
</p>
</div>
<div class="span9">
{% highlight html linenos %}
{% 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>

View File

@ -22,7 +22,7 @@
</p>
<p>
<a class="btn btn-large btn-danger" href="#">
<i class="icon-flag icon-2x pull-left"></i> Font Awesome<br>Version {{ site.font_awesome.version }}</a>
<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="#">
@ -34,7 +34,7 @@
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 linenos %}
{% highlight html %}
<a class="btn" href="#">
<i class="icon-repeat"></i> Reload</a>
<a class="btn btn-success" href="#">
@ -48,7 +48,7 @@
<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.font_awesome.version }}</a>
<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 %}

View File

@ -14,7 +14,7 @@
</form>
</div>
<div class="span9">
{% highlight html linenos %}
{% highlight html %}
<form>
<div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span>

View File

@ -10,7 +10,7 @@
<i class="icon-camera-retro"></i> icon-camera-retro
</div>
</div>
{% highlight html linenos %}
{% 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>

View File

@ -20,7 +20,7 @@
<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
</div>
</div>
{% highlight html linenos %}
{% 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>

View File

@ -13,7 +13,7 @@
</div>
<div class="span9">
<p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
{% highlight html linenos %}
{% 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>

View File

@ -1,5 +1,5 @@
<{% if page.navbar_active == "examples" %}div{% else %}section{% endif %} id="new-styles">
<h2 class="page-header">New Styles in {{ site.font_awesome.version }}</h2>
<h2 class="page-header">New Styles in {{ site.fontawesome.version }}</h2>
<div class="row">
<div class="span4">
<h4><a href="#rotated-flipped">Rotated and Flipped Icons</a></h4>

View File

@ -13,7 +13,7 @@
<i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
<i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical
</div>
{% highlight html linenos %}
{% highlight html %}
<i class="icon-shield"></i>&nbsp; normal<br>
<i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
<i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>

View File

@ -23,7 +23,7 @@
</span>
icon-terminal on icon-sign-blank
</div>
{% highlight html linenos %}
{% highlight html %}
<span class="icon-stack">
<i class="icon-check-empty icon-stack-base"></i>
<i class="icon-twitter"></i>

View File

@ -1,21 +1,21 @@
<footer class="footer hidden-print">
<div class="container text-center">
<div>
<i class="icon-flag"></i> Font Awesome {{ site.font_awesome.version }} &middot;
<i class="icon-flag"></i> Font Awesome {{ site.fontawesome.version }} &middot;
Created and Maintained by Dave Gandy &middot;
<a href="http://twitter.com/byscuits">@byscuits</a>
</div>
<div>
Font Awesome font licensed under <a href="{{ site.license.font.url }}">{{ site.license.font.version }}</a> &middot;
Code licensed under <a href="{{ site.license.code.url }}">{{ site.license.code.version }}</a> &middot;
Documentation licensed under <a href="{{ site.license.documentation.url }}">{{ site.license.documentation.version }}</a>
Font Awesome font licensed under <a href="{{ site.fontawesome.license.font.url }}">{{ site.fontawesome.license.font.version }}</a> &middot;
Code licensed under <a href="{{ site.fontawesome.license.code.url }}">{{ site.fontawesome.license.code.version }}</a> &middot;
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>
</div>
<div class="project">
<a href="{{ site.font_awesome.github.url }}">GitHub Project</a> &middot;
<a href="{{ site.font_awesome.github.url }}/issues">Issues</a>
<a href="{{ site.fontawesome.github.url }}">GitHub Project</a> &middot;
<a href="{{ site.fontawesome.github.url }}/issues">Issues</a>
</div>
</div>
</footer>

View File

@ -13,9 +13,9 @@
<ol>
<li>
Paste the following code into the <code>&lt;head&gt;</code> section of your site's HTML.
{% highlight html linenos %}
{% 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.font_awesome.version }}/css/font-awesome.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.
@ -38,7 +38,7 @@
<li>Copy the <code>font-awesome</code> directory into your project.</li>
<li>
In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome.min.css.
{% highlight html linenos %}
{% 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 %}
@ -55,7 +55,7 @@
<li>Open bootstrap.less and replace <code>@import "sprites.less";</code> with <code>@import "path/to/font-awesome/less/font-awesome.less";</code></li>
<li>
Open your project's font-awesome.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory.
{% highlight html linenos %}
{% 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>
@ -84,12 +84,13 @@
<li>Copy font-awesome-ie7.min.css into your project.</li>
<li>
In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome-ie7.min.css.
{% highlight html linenos %}
{% 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 %}
<![endif]-->
{% endhighlight %}
</li>
<li>Go complain to whoever decided your project needs IE7 support.</li>
</ol>

View File

@ -1,8 +1,8 @@
{% capture stripe_ad_content %}
<p class="lead">
You asked, Font Awesome delivers with {{ icons | version:site.font_awesome.version | size }} shiny new icons in version {{ site.font_awesome.version }}.
You asked, Font Awesome delivers with {{ icons | version:site.fontawesome.version | size }} shiny new icons in version {{ site.fontawesome.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.font_awesome.version }} icons.-->
<!--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 %}

View File

@ -1,14 +1,14 @@
<{% if page.navbar_active == "icons" %}div{% else %}section{% endif %} id="new">
<h2 class="page-header">New Icons in {{ site.font_awesome.version }}</h2>
<h2 class="page-header">New Icons in {{ site.fontawesome.version }}</h2>
{% if page.navbar_active != "icons" %}
<div class="margin-botom-large">
You asked, Font Awesome delivers with {{ icons | version:site.font_awesome.version | size }} shiny new icons in version {{ site.font_awesome.version }}.
You asked, Font Awesome delivers with {{ icons | version:site.fontawesome.version | size }} shiny new icons in version {{ site.fontawesome.version }}.
Want to request new icons? <a href="{{ page.relative_path }}community/#requesting-new-icons">Here's how</a>.
</div>
{% endif %}
<div class="row the-icons">
{% assign icons_new = icons | version:site.font_awesome.version %}
{% assign icons_new = icons | version:site.fontawesome.version %}
{% for icon in icons_new %}
<div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.id }}"></i> icon-{{ icon.id }}</a></div>
{% for alias in icon.aliases %}

View File

@ -13,11 +13,11 @@
</a>
</div>
<div class="shameless-self-promotion">
<a href="{{ site.font_awesome.github.url }}"
<a href="{{ site.fontawesome.github.url }}"
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
GitHub Project</a> &nbsp;&nbsp;&middot;&nbsp;&nbsp;
Version {{ site.font_awesome.version }} &nbsp;&nbsp;&middot;&nbsp;&nbsp;
Created &amp; Maintained by <a href="http://twitter.com/{{ site.font_awesome.author.twitter }}">Dave Gandy</a>
Version {{ site.fontawesome.version }} &nbsp;&nbsp;&middot;&nbsp;&nbsp;
Created &amp; Maintained by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a>
</div>
</div>
</div>

View File

@ -0,0 +1,25 @@
/*!
* 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 }}
*/

View File

@ -1,6 +1,6 @@
{% capture stripe_ad_content %}
<p class="lead">
Font Awesome is fully open source and is GPL compatible. You can use it for commerical projects, open source
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 %}
@ -20,8 +20,8 @@
Applies to all desktop and webfont files in the following directory:
<code>font-awesome/font/</code>.
</li>
<li>License: {{ site.license.font.version }}</li>
<li>URL: <a href="{{ site.license.font.url }}">{{ site.license.font.url }}</a></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>
@ -33,8 +33,8 @@
<code>font-awesome/css/</code> and
<code>font-awesome/less/</code>.
</li>
<li>License: {{ site.license.code.version }}</li>
<li>URL: <a href="{{ site.license.code.url }}">{{ site.license.code.url }}</a></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>
@ -42,8 +42,8 @@
<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.license.documentation.version }}</li>
<li>URL: <a href="{{ site.license.documentation.url }}">{{ site.license.documentation.url }}</a></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>

View File

@ -13,10 +13,10 @@
<ul class="dropdown-menu pull-right">
<li><a href="{{ page.relative_path }}icons/"><i class="icon-flag icon-fixed-width"></i>&nbsp; Icons</a></li>
<li class="divider"></li>
<li><a href="{{ page.relative_path }}icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in {{ site.font_awesome.version }}</a></li>
<li><a href="{{ page.relative_path }}icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; 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>&nbsp; Web Application Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#currency"><i class="icon-eur icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
@ -52,7 +52,7 @@
<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="mailto:{{ site.font_awesome.author.email }}"><i class="icon-envelope-alt"></i>&nbsp; Me</a></li>
<li><a href="{{ site.fontawesome.blog_url }}">Blog</a></li>
</ul>
</div>
</div>

View File

@ -8,10 +8,10 @@
<iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
</li>
<li class="follow-btn">
<a href="https://twitter.com/{{ site.font_awesome.twitter }}" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @{{ site.font_awesome.twitter }}</a>
<a href="https://twitter.com/{{ site.fontawesome.twitter }}" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @{{ site.fontawesome.twitter }}</a>
</li>
<li class="tweet-btn">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="{{ site.font_awesome.url }}" data-text="Font Awesome, the iconic font designed for Bootstrap" data-counturl="{{ site.font_awesome.legacy_url }}" data-count="horizontal" data-via="{{ site.font_awesome.twitter }}" data-related="{{ site.font_awesome.author.twitter }}:Creator of Font Awesome">Tweet</a>
<a href="https://twitter.com/share" class="twitter-share-button" data-url="{{ site.fontawesome.url }}" data-text="Font Awesome, the iconic font designed for Bootstrap" data-counturl="{{ site.fontawesome.legacy_url }}" data-count="horizontal" data-via="{{ site.fontawesome.twitter }}" data-related="{{ site.fontawesome.author.twitter }}:Creator of Font Awesome">Tweet</a>
</li>
</ul>
</div>

View File

@ -0,0 +1,6 @@
<a href="#"><i class="icon-flag"></i>&nbsp; normal</a><br>
<a href="#"><i class="icon-flag icon-rotate-90"></i>&nbsp; icon-rotate-90</a><br>
<a href="#"><i class="icon-flag icon-rotate-180"></i>&nbsp; icon-rotate-180</a><br>
<a href="#"><i class="icon-flag icon-rotate-270"></i>&nbsp; icon-rotate-270</a><br>
<a href="#"><i class="icon-flag icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal</a><br>
<a href="#"><i class="icon-flag icon-flip-vertical"></i>&nbsp; icon-flip-vertical</a>

View File

@ -0,0 +1,6 @@
<a class="btn" href="#"><i class="icon-flag"></i>&nbsp; normal</a><br>
<a class="btn" href="#"><i class="icon-flag icon-rotate-90"></i>&nbsp; icon-rotate-90</a><br>
<a class="btn" href="#"><i class="icon-flag icon-rotate-180"></i>&nbsp; icon-rotate-180</a><br>
<a class="btn" href="#"><i class="icon-flag icon-rotate-270"></i>&nbsp; icon-rotate-270</a><br>
<a class="btn" href="#"><i class="icon-flag icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal</a><br>
<a class="btn" href="#"><i class="icon-flag icon-flip-vertical"></i>&nbsp; icon-flip-vertical</a>

View File

@ -1,7 +1,7 @@
{% 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.font_awesome.version }}. Have some ideas for new features?
{{ site.fontawesome.version }}. Have some ideas for new features?
<a href="{{ page.relative_path }}community/">Help contribute</a>.
</p>
{% endcapture %}
@ -10,8 +10,8 @@
<div id="whats-new">
<div class="row">
<div class="span4">
<h4><i class="icon-lightbulb"></i> {{ icons | version:site.font_awesome.version | size }} New Icons in {{ site.font_awesome.version }}</h4>
Requested by the active community on the <a href="{{ site.font_awesome.github.url }}">Font Awesome GitHub project</a>.
<h4><i class="icon-lightbulb"></i> {{ icons | version:site.fontawesome.version | size }} New Icons in {{ site.fontawesome.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-legal"></i> <a href="{{ page.relative_path }}license/">Better & Simpler License</a></h4>
@ -36,7 +36,7 @@
</div>
<div class="span4">
<h4><i class="icon-question-sign"></i> Want More Details?</h4>
Check out the <a href="{{ site.font_awesome.github.url }}#changelog">CHANGELOG on the GitHub project</a> to see
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>

View File

@ -15,7 +15,7 @@
</div>
<div class="row">
<div class="span4">
<h4><i class="icon-beer"></i> Free, as in Beer</h4>
<h4><i class="icon-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">
@ -29,7 +29,7 @@
</div>
<div class="row">
<div class="span4">
<h4><i class="icon-thumbs-up"></i> Made for Bootstrap</h4>
<h4><i class="icon-thumbs-up-alt"></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">

View File

@ -45,7 +45,7 @@ relative_path: ../../
<i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
</div>
</div>
{% highlight html linenos %}
{% highlight html %}
<i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
{% endhighlight %}
<br>

File diff suppressed because one or more lines are too long

View File

@ -1,11 +1,6 @@
/* FONT AWESOME CORE
* -------------------------- */
.icon(@icon) {
.icon-FontAwesome();
content: @icon;
}
[class^="icon-"],
[class*=" icon-"] {
.icon-FontAwesome();
@ -37,10 +32,11 @@ a {
[class*=" icon-"] {
&.icon-fixed-width {
display: inline-block;
width: 18/14em;
text-align: center;
width: 16/14em;
text-align: right;
padding-right: 4/14em;
&.icon-large {
width: 22/14em;
width: 20/14em;
}
}
}
@ -52,10 +48,12 @@ ul.icons-ul {
> li {
.icon-li {
width: 10/14em;
width: 2/14em;
display: inline-block;
text-align: center;
text-align: right;
padding-right: 8/14em;
}
a .icon-li:before { display: inline-block; }
}
}

View File

@ -12,6 +12,10 @@
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
a .icon-spin {
display: inline-block;
text-decoration: none;
}
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg); }
@ -77,3 +81,10 @@
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
/* ensure rotation occurs inside anchor tags */
a {
.icon-rotate-90, .icon-rotate-180, .icon-rotate-270, .icon-flip-horizontal, .icon-flip-vertical {
&:before { display: inline-block; }
}
}

View File

@ -1,29 +1,6 @@
---
---
/*!
* Font Awesome 3.2.0
* the iconic font designed for Bootstrap
* -------------------------------------------------------
* The full suite of pictographic icons, examples, and documentation
* can be found at: http://fontawesome.io
*
* License
* -------------------------------------------------------
* - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
* http://scripts.sil.org/OFL
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
* http://opensource.org/licenses/mit-license.html
* - Font Awesome documentation licensed under CC BY 3.0 License -
* http://creativecommons.org/licenses/by/3.0/
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
* "Font Awesome by Dave Gandy - http://fontawesome.io"
* Contact
* -------------------------------------------------------
* Email: dave@fontawesome.io
* Twitter: http://twitter.com/fortaweso_me
* Work: Lead Product Designer @ http://kyruus.com
*/
{% include license-code.less %}
.icon-large {
font-size: 4/3em;

View File

@ -1,27 +1,6 @@
/*!
* Font Awesome 3.2.0
* the iconic font designed for Bootstrap
* -------------------------------------------------------
* The full suite of pictographic icons, examples, and documentation
* can be found at: http://fontawesome.io
*
* License
* -------------------------------------------------------
* - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
* http://scripts.sil.org/OFL
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
* http://opensource.org/licenses/mit-license.html
* - Font Awesome documentation licensed under CC BY 3.0 License -
* http://creativecommons.org/licenses/by/3.0/
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
* "Font Awesome by Dave Gandy - http://fontawesome.io"
* Contact
* -------------------------------------------------------
* Email: dave@fontawesome.io
* Twitter: http://twitter.com/fortaweso_me
* Work: Lead Product Designer @ http://kyruus.com
*/
---
---
{% include license-code.less %}
@import "variables.less";
@import "mixins.less";

View File

@ -2,14 +2,6 @@
---
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
{% for icon in icons %}
.icon-{{ icon.id }}:before {
content: @{{ icon.id }};
}
{% for alias in icon.aliases %}
// {{ icon.name }} alias
.icon-{{ alias }}:before {
content: @{{ icon.id }};
}
{% endfor %}
{% endfor %}
{% for icon in icons %}{% for alias in icon.aliases %}
.icon-{{ alias }}:before,{% endfor %}
.icon-{{ icon.id }}:before { content: @{{ icon.id }}; }{% endfor %}

View File

@ -1,6 +1,11 @@
// Mixins
// --------------------------
.icon(@icon) {
.icon-FontAwesome();
content: @icon;
}
.icon-FontAwesome() {
font-family: FontAwesome;
font-weight: normal;
@ -41,5 +46,3 @@
}
}
}

View File

@ -4,8 +4,8 @@
// --------------------------
@FontAwesomePath: "../font";
//@FontAwesomePath: "//netdna.bootstrapcdn.com/font-awesome/{{ site.font_awesome.version}}/font"; // for referencing Bootstrap CDN font files directly
@FontAwesomeVersion: "{{ site.font_awesome.version }}";
//@FontAwesomePath: "//netdna.bootstrapcdn.com/font-awesome/{{ site.fontawesome.version}}/font"; // for referencing Bootstrap CDN font files directly
@FontAwesomeVersion: "{{ site.fontawesome.version }}";
@borderColor: #eee;
@iconMuted: #eee;
@iconLight: #fff;

View File

@ -1,5 +1,5 @@
/*!
* Bootstrap v2.3.1
* Bootstrap v2.3.2
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
@ -27,7 +27,7 @@
@import "tables.less";
// Components: common
//@import "sprites.less";
@import "sprites.less";
@import "dropdowns.less";
@import "wells.less";
@import "component-animations.less";

View File

@ -135,6 +135,17 @@
}
}
// Backdrop to catch body clicks on mobile, etc.
// ---------------------------
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: @zindexDropdown - 10;
}
// Right aligned dropdowns
// ---------------------------
.pull-right > .dropdown-menu {

View File

@ -1,5 +1,5 @@
/*!
* Bootstrap Responsive v2.3.1
* Bootstrap Responsive v2.3.2
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0

View File

@ -1,5 +1,7 @@
@import "twbs-2.3.1/bootstrap.less";
@import "twbs-2.3.1/responsive-utilities.less";
---
---
@import "bootstrap-{{ site.bootstrap.version }}/bootstrap.less";
@import "bootstrap-{{ site.bootstrap.version }}/responsive-utilities.less";
@import "sticky-footer.less";
@import "mixins.less";

View File

@ -1,139 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Buttons &middot; Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
<style>
body {
padding-top: 30px;
padding-bottom: 30px;
}
</style>
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
</head>
<body>
<div class="container">
<h2>Dropups</h2>
<div class="btn-toolbar">
<div class="btn-group dropup">
<button class="btn">Dropup</button>
<button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group dropup">
<button class="btn btn-primary">Dropup</button>
<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group dropup">
<button class="btn btn-danger">Dropup</button>
<button class="btn btn-danger dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group dropup">
<button class="btn btn-warning">Dropup</button>
<button class="btn btn-warning dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group dropup">
<button class="btn btn-success">Dropup</button>
<button class="btn btn-success dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group dropup">
<button class="btn btn-info">Dropup</button>
<button class="btn btn-info dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
<div class="btn-group dropup">
<button class="btn btn-inverse">Dropup</button>
<button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div><!-- /btn-group -->
</div><!-- /btn-toolbar -->
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../../docs/assets/js/jquery.js"></script>
<script src="../../docs/assets/js/bootstrap-transition.js"></script>
<script src="../../docs/assets/js/bootstrap-alert.js"></script>
<script src="../../docs/assets/js/bootstrap-modal.js"></script>
<script src="../../docs/assets/js/bootstrap-dropdown.js"></script>
<script src="../../docs/assets/js/bootstrap-scrollspy.js"></script>
<script src="../../docs/assets/js/bootstrap-tab.js"></script>
<script src="../../docs/assets/js/bootstrap-tooltip.js"></script>
<script src="../../docs/assets/js/bootstrap-popover.js"></script>
<script src="../../docs/assets/js/bootstrap-button.js"></script>
<script src="../../docs/assets/js/bootstrap-collapse.js"></script>
<script src="../../docs/assets/js/bootstrap-carousel.js"></script>
<script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
</body>
</html>

View File

@ -1,150 +0,0 @@
/*!
* Bootstrap CSS Tests
*/
/* Remove background image */
body {
background-image: none;
}
/* Space out subhead */
.subhead {
margin-bottom: 36px;
}
/*h4 {
margin-bottom: 5px;
}
*/
.type-test {
margin-bottom: 20px;
padding: 0 20px 20px;
background: url(../../docs/assets/img/grid-baseline-20px.png);
}
.type-test h1,
.type-test h2,
.type-test h3,
.type-test h4,
.type-test h5,
.type-test h6 {
background-color: rgba(255,0,0,.2);
}
/* colgroup tests */
.col1 {
background-color: rgba(255,0,0,.1);
}
.col2 {
background-color: rgba(0,255,0,.1);
}
.col3 {
background-color: rgba(0,0,255,.1);
}
/* Fluid row inputs */
#rowInputs .row > [class*=span],
#fluidRowInputs .row-fluid > [class*=span] {
background-color: rgba(255,0,0,.1);
}
/* Fluid grid */
.fluid-grid {
margin-bottom: 45px;
}
.fluid-grid .row {
height: 40px;
padding-top: 10px;
margin-top: 10px;
color: #ddd;
text-align: center;
}
.fluid-grid .span1 {
background-color: #999;
}
/* Gradients */
[class^="gradient-"] {
width: 100%;
height: 400px;
margin: 20px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.gradient-horizontal {
background-color: #333333;
background-image: -moz-linear-gradient(left, #555555, #333333);
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#555555), to(#333333));
background-image: -webkit-linear-gradient(left, #555555, #333333);
background-image: -o-linear-gradient(left, #555555, #333333);
background-image: linear-gradient(to right, #555555, #333333);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=1);
}
.gradient-vertical {
background-color: #474747;
background-image: -moz-linear-gradient(top, #555555, #333333);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
background-image: -webkit-linear-gradient(top, #555555, #333333);
background-image: -o-linear-gradient(top, #555555, #333333);
background-image: linear-gradient(to bottom, #555555, #333333);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0);
}
.gradient-directional {
background-color: #333333;
background-image: -moz-linear-gradient(45deg, #555555, #333333);
background-image: -webkit-linear-gradient(45deg, #555555, #333333);
background-image: -o-linear-gradient(45deg, #555555, #333333);
background-image: linear-gradient(45deg, #555555, #333333);
background-repeat: repeat-x;
}
.gradient-vertical-three {
background-color: #8940a5;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00b3ee), color-stop(50%, #7a43b6), to(#c3325f));
background-image: -webkit-linear-gradient(#00b3ee, #7a43b6 50%, #c3325f);
background-image: -moz-linear-gradient(top, #00b3ee, #7a43b6 50%, #c3325f);
background-image: -o-linear-gradient(#00b3ee, #7a43b6 50%, #c3325f);
background-image: linear-gradient(#00b3ee, #7a43b6 50%, #c3325f);
background-repeat: no-repeat;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff00b3ee', endColorstr='#ffc3325f', GradientType=0);
}
.gradient-radial {
background-color: #333333;
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#555555), to(#333333));
background-image: -webkit-radial-gradient(circle, #555555, #333333);
background-image: -moz-radial-gradient(circle, #555555, #333333);
background-image: -o-radial-gradient(circle, #555555, #333333);
background-repeat: no-repeat;
}
.gradient-striped {
background-color: #555555;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.gradient-horizontal-three {
background-color: #00b3ee;
background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(#00b3ee), color-stop(50%, #7a43b6), to(#c3325f));
background-image: -webkit-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f);
background-image: -moz-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f);
background-image: -o-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f);
background-image: linear-gradient(to right, #00b3ee, #7a43b6 50%, #c3325f);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b3ee', endColorstr='#c3325f', GradientType=0);
}

File diff suppressed because it is too large Load Diff

View File

@ -1,71 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap, from Twitter</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
<style>
body {
padding-top: 30px;
padding-bottom: 30px;
}
</style>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
</head>
<body>
<form class="container">
<div class="page-header">
<h1>Fixed grid</h1>
</div>
<h3>Vertical alignment</h3>
<input type="text" class="span2" placeholder="span2">
<select class="span2"><option>span2</option></select>
<span class="uneditable-input span2">span1</span>
<h3>Width across elements</h3>
<div>
<input type="text" class="span2" placeholder="span2">
</div>
<div>
<select class="span2"><option>span2</option></select>
</div>
<div>
<span class="uneditable-input span2">span2</span>
</div>
<div class="page-header">
<h1>Fluid grid</h1>
</div>
<div class="row-fluid">
<input type="text" class="span2" placeholder="span2">
<select class="span2"><option>span2</option></select>
<span class="uneditable-input span2">span1</span>
</div>
</form> <!-- /container -->
</body>
</html>

View File

@ -1,179 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap, from Twitter</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
<style>
body {
padding-top: 30px;
padding-bottom: 30px;
}
</style>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
</head>
<body>
<form class="container">
<div class="page-header">
<h1>Form controls</h1>
</div>
<div class="row">
<div class="span4">
<label>Select</label>
<select>
<option>Select</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
<hr>
<label>textarea</label>
<textarea>Textarea</textarea>
<hr>
<label>text</label>
<input type="text" value="Text input">
<hr>
<label>password</label>
<input type="password" value="Password input">
<hr>
<label>checkbox</label>
<input type="checkbox" value="">
<hr>
<label>radio</label>
<input type="radio" value="">
<hr>
<label>button</label>
<input type="button" value="Button">
<hr>
<label>submit</label>
<input type="submit" value="Submit">
<hr>
<label>reset</label>
<input type="reset" value="Reset">
</div><!-- /span4 -->
<div class="span4">
<label>file</label>
<input type="file" value="">
<hr>
<label>hidden</label>
<input type="hidden" value="hidden">
<hr>
<label>image</label>
<input type="image" value="">
<hr>
<label>datetime</label>
<input type="datetime" value="">
<hr>
<label>datetime-local</label>
<input type="datetime-local" value="">
<hr>
<label>date</label>
<input type="date" value="">
<hr>
<label>month</label>
<input type="month" value="">
<hr>
<label>time</label>
<input type="time" value="">
<hr>
<label>week</label>
<input type="week" value="">
</div><!-- /span4 -->
<div class="span4">
<label>number</label>
<input type="number" value="">
<hr>
<label>range</label>
<input type="range" value="">
<hr>
<label>email</label>
<input type="email" value="">
<hr>
<label>url</label>
<input type="url" value="">
<hr>
<label>search</label>
<input type="search" value="">
<hr>
<label>tel</label>
<input type="tel" value="">
<hr>
<label>color</label>
<input type="color" value="">
</div><!-- /span4 -->
</div><!-- /row -->
</form> <!-- /container -->
</body>
</html>

View File

@ -1,104 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap, from Twitter</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
<style>
body {
padding-top: 60px;
padding-bottom: 30px;
}
</style>
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
</head>
<body>
<!-- Fixed navbar -->
<div class="navbar navbar-fixed-top">
<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>
<a class="brand" href="#">Project name</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="nav-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<ul class="nav pull-right">
<li><a href="./navbar.html">Default</a></li>
<li><a href="./navbar-static-top.html">Static top</a></li>
<li class="active"><a href="./navbar-fixed-top.html">Fixed top</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit">
<h1>Navbar example</h1>
<p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
<p>
<a class="btn btn-large btn-primary" href="../components.html#navbar">View navbar docs &raquo;</a>
</p>
</div>
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../../docs/assets/js/jquery.js"></script>
<script src="../../docs/assets/js/bootstrap-transition.js"></script>
<script src="../../docs/assets/js/bootstrap-alert.js"></script>
<script src="../../docs/assets/js/bootstrap-modal.js"></script>
<script src="../../docs/assets/js/bootstrap-dropdown.js"></script>
<script src="../../docs/assets/js/bootstrap-scrollspy.js"></script>
<script src="../../docs/assets/js/bootstrap-tab.js"></script>
<script src="../../docs/assets/js/bootstrap-tooltip.js"></script>
<script src="../../docs/assets/js/bootstrap-popover.js"></script>
<script src="../../docs/assets/js/bootstrap-button.js"></script>
<script src="../../docs/assets/js/bootstrap-collapse.js"></script>
<script src="../../docs/assets/js/bootstrap-carousel.js"></script>
<script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
</body>
</html>

View File

@ -1,107 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap, from Twitter</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
<style>
body {
padding-bottom: 30px;
}
.hero-unit {
margin-top: 20px;
}
</style>
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
</head>
<body>
<!-- Static navbar -->
<div class="navbar navbar-static-top">
<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>
<a class="brand" href="#">Project name</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="nav-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<ul class="nav pull-right">
<li><a href="./navbar.html">Default</a></li>
<li class="active"><a href="./navbar-static-top.html">Static top</a></li>
<li><a href="./navbar-fixed-top.html">Fixed top</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit">
<h1>Navbar example</h1>
<p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
<p>
<a class="btn btn-large btn-primary" href="../components.html#navbar">View navbar docs &raquo;</a>
</p>
</div>
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../../docs/assets/js/jquery.js"></script>
<script src="../../docs/assets/js/bootstrap-transition.js"></script>
<script src="../../docs/assets/js/bootstrap-alert.js"></script>
<script src="../../docs/assets/js/bootstrap-modal.js"></script>
<script src="../../docs/assets/js/bootstrap-dropdown.js"></script>
<script src="../../docs/assets/js/bootstrap-scrollspy.js"></script>
<script src="../../docs/assets/js/bootstrap-tab.js"></script>
<script src="../../docs/assets/js/bootstrap-tooltip.js"></script>
<script src="../../docs/assets/js/bootstrap-popover.js"></script>
<script src="../../docs/assets/js/bootstrap-button.js"></script>
<script src="../../docs/assets/js/bootstrap-collapse.js"></script>
<script src="../../docs/assets/js/bootstrap-carousel.js"></script>
<script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
</body>
</html>

View File

@ -1,107 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap, from Twitter</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
<style>
body {
padding-top: 0;
padding-bottom: 30px;
}
.navbar {
margin-top: 20px;
}
</style>
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
</head>
<body>
<div class="container">
<!-- Static navbar -->
<div class="navbar">
<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>
<a class="brand" href="#">Project name</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="nav-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<ul class="nav pull-right">
<li class="active"><a href="./navbar.html">Default</a></li>
<li><a href="./navbar-static-top.html">Static top</a></li>
<li><a href="./navbar-fixed-top.html">Fixed top</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit">
<h1>Navbar example</h1>
<p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
<p>
<a class="btn btn-large btn-primary" href="../components.html#navbar">View navbar docs &raquo;</a>
</p>
</div>
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../../docs/assets/js/jquery.js"></script>
<script src="../../docs/assets/js/bootstrap-transition.js"></script>
<script src="../../docs/assets/js/bootstrap-alert.js"></script>
<script src="../../docs/assets/js/bootstrap-modal.js"></script>
<script src="../../docs/assets/js/bootstrap-dropdown.js"></script>
<script src="../../docs/assets/js/bootstrap-scrollspy.js"></script>
<script src="../../docs/assets/js/bootstrap-tab.js"></script>
<script src="../../docs/assets/js/bootstrap-tooltip.js"></script>
<script src="../../docs/assets/js/bootstrap-popover.js"></script>
<script src="../../docs/assets/js/bootstrap-button.js"></script>
<script src="../../docs/assets/js/bootstrap-collapse.js"></script>
<script src="../../docs/assets/js/bootstrap-carousel.js"></script>
<script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
</body>
</html>

View File

@ -4,7 +4,7 @@ title: Font Awesome Cheatsheet
relative_path: ../
---
{% capture jumbotron_h1 %}<i class="icon-list-ul icon-large"></i>&nbsp; Cheatsheet{% endcapture %}
{% capture jumbotron_p %}The complete Font Awesome {{ site.font_awesome.version }} icon reference{% endcapture %}
{% capture jumbotron_p %}The complete Font Awesome {{ site.fontawesome.version }} icon reference{% endcapture %}
{% include jumbotron.html %}
{% include stripe-social.html %}

View File

@ -5,7 +5,7 @@ navbar_active: get-started
relative_path: ../
---
{% capture jumbotron_h1 %}<i class="icon-cogs icon-large"></i>&nbsp; Get Started{% endcapture %}
{% capture jumbotron_p %}Easy ways to get Font Awesome {{ site.font_awesome.version }} onto your website{% endcapture %}
{% capture jumbotron_p %}Easy ways to get Font Awesome {{ site.fontawesome.version }} onto your website{% endcapture %}
{% include jumbotron.html %}
{% include stripe-social.html %}

View File

@ -5,7 +5,7 @@ navbar_active: icons
relative_path: ../
---
{% capture jumbotron_h1 %}<i class="icon-flag icon-large"></i>&nbsp; The Icons{% endcapture %}
{% capture jumbotron_p %}The complete set of {{ icons | size }} icons in Font Awesome {{ site.font_awesome.version }}{% endcapture %}
{% capture jumbotron_p %}The complete set of {{ icons | size }} icons in Font Awesome {{ site.fontawesome.version }}{% endcapture %}
{% include jumbotron.html %}
{% include stripe-social.html %}

View File

@ -1622,6 +1622,7 @@ icons:
created: 3.0.0
categories:
- Medical Icons
- Web Application Icons
- name: double-angle-left

View File

@ -514,6 +514,26 @@ relative_path: ../
</div>
</div>
</div>
<div class="row">
<div class="span6">
<div style="border: solid 1px #d3d3d3;">
<ul class="icons-ul">
<li><a href="#"><i class="icon-li icon-double-angle-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li><a href="#"><i class="icon-li icon-arrow-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
<li><a href="#"><i class="icon-li icon-building"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>
</div>
</div>
<div class="span6">
<div style="border: solid 1px #d3d3d3;">
<ul class="icons-ul">
<li><a href="#"><i class="icon-li icon-double-angle-right icon-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li><a href="#"><i class="icon-li icon-arrow-right icon-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
<li><a href="#"><i class="icon-li icon-building icon-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="span6">
@ -544,6 +564,7 @@ relative_path: ../
<button class="btn btn-small">Loading...</button>
<i class="icon-circle-blank icon-spin"></i> Loading...
<button class="btn btn-small"><i class="icon-circle-blank icon-spin"></i> Loading...</button>
<a href="#"><i class="icon-refresh icon-spin"></i> Loading...</a>
</div>
<div style="border: solid 1px #d3d3d3;">
<i class="icon-refresh icon-spin"></i> Loading...
@ -603,4 +624,18 @@ relative_path: ../
</div>
</div>
</div>
<h4>Mirrored and rotated icons inside anchors and buttons</h4>
<div class="row">
<div class="span6">
<div class="well">
{% include tests/rotated-flipped-inside-anchor.html %}
</div>
</div>
<div class="span6">
<div class="well">
{% include tests/rotated-flipped-inside-btn.html %}
</div>
</div>
</div>
</section>

View File

@ -5,7 +5,7 @@ navbar_active: whats-new
relative_path: ../
---
{% capture jumbotron_h1 %}<i class="icon-lightbulb icon-large"></i>&nbsp; What's New{% endcapture %}
{% capture jumbotron_p %}What's New in the latest version &mdash; Font Awesome {{ site.font_awesome.version }}{% endcapture %}
{% capture jumbotron_p %}What's New in the latest version &mdash; Font Awesome {{ site.fontawesome.version }}{% endcapture %}
{% include jumbotron.html %}
{% include stripe-social.html %}

View File

@ -6,12 +6,32 @@
"homepage": "http://fontawesome.io/",
"author": {
"name": "Dave Gandy",
"email": "dave@fontawesome.io"
"email": "dave@fontawesome.io",
"web": "http://twitter.com/byscuits"
},
"repository": {
"type": "git",
"url": "https://github.com/FortAwesome/Font-Awesome.git"
},
"contributors": [
{
"name": "Dave Gandy",
"email": "dave@fontawesome.io",
"web": "http://scripts.sil.org/OFL"
},
{
"name": "Rob Madole",
"web": "http://twitter.com/robmadole"
},
{
"name": "Geremia Taglialatela",
"web": "http://twitter.com/gtagliala"
},
{
"name": "Travis Chase",
"web": "http://twitter.com/supercodepoet"
}
],
"licenses": [
{
"type": "SIL OFL 1.1",
@ -20,13 +40,10 @@
{
"type": "MIT License",
"url": "http://opensource.org/licenses/mit-license.html"
},
{
"type": "CC BY 3.0",
"url": "http://creativecommons.org/licenses/by/3.0/"
}
],
"devDependencies": {
"recess": "1.1.6"
"dependencies": {
"jekyll": "1.0.2",
"lessc": "1.3.3"
}
}