Browse Source

merged rob's badass build system in with makefile after jekyll, made cheatsheet auto generating, make icon-fixed-width align right to ensure no pixelization, got rid of line numbers, fixed license typo, clarified that font awesome is free as in speech, not free as in beer

davegandy 12 years ago
parent
commit
950526864e

+ 1 - 0
_config.yml

@@ -19,6 +19,7 @@ font_awesome:
   version:        3.2.0
   version:        3.2.0
   url:            http://fontawesome.io
   url:            http://fontawesome.io
   legacy_url:     http://fortawesome.github.com/Font-Awesome/
   legacy_url:     http://fortawesome.github.com/Font-Awesome/
+  blog_url:       http://blog.fontawesome.io
   twitter:        fontawesome
   twitter:        fontawesome
   author:
   author:
     name:         Dave Gandy
     name:         Dave Gandy

+ 5 - 5
build/Makefile

@@ -15,13 +15,13 @@ FA_CSS_IE7_MIN = ${FA_CSS_DIRECTORY}/font-awesome-ie7.min.css
 build:
 build:
 	@echo "Compiling Less files"
 	@echo "Compiling Less files"
 	@mkdir -p ${FA_CSS_DIRECTORY}
 	@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}
 
 
 
 
 default: build
 default: build
 
 
 
 
-.PHONE: build
+.PHONY: build

+ 9 - 318
build/_includes/cheatsheet.html

@@ -6,323 +6,14 @@
 {% endcapture %}
 {% endcapture %}
 {% include stripe-ad.html %}
 {% include stripe-ad.html %}
 
 
-<div>
-  <h2 class="page-header">Every Font Awesome {{ site.font_awesome.version }} Icon, CSS Class, &amp; Unicode</h2>
-  <div class="row">
-    <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>
+<h2 class="page-header">Every Font Awesome {{ site.font_awesome.version }} Icon, CSS Class, &amp; Unicode</h2>
+
+<div class="row">
+{% for icon in icons %}
+  <div class="span4">
+    <i class="icon-fixed-width">&#x{{ icon.unicode }}</i>
+    icon-{{ icon.id }}
+    <span class="muted">(&amp;#x{{ icon.unicode }};)</span>
   </div>
   </div>
+{% endfor %}
 </div>
 </div>

+ 1 - 1
build/_includes/examples/animated-spinner.html

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

+ 2 - 2
build/_includes/examples/bordered-pulled.html

@@ -14,7 +14,7 @@
         Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
         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.
         of them in any combination to get lots of new possibilities.
       </div>
       </div>
-{% highlight html linenos %}
+{% highlight html %}
 <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
 <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
 Use a few of the new styles together ... lots of new possibilities.
 Use a few of the new styles together ... lots of new possibilities.
 {% endhighlight %}
 {% 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
         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.
         of them in any combination to get lots of new possibilities.
       </div>
       </div>
-{% highlight html linenos %}
+{% highlight html %}
 <i class="icon-flag icon-4x pull-left icon-border"></i>
 <i class="icon-flag icon-4x pull-left icon-border"></i>
 Use a few of the new styles together ... lots of new possibilities.
 Use a few of the new styles together ... lots of new possibilities.
 {% endhighlight %}
 {% endhighlight %}

+ 1 - 1
build/_includes/examples/bulleted-lists.html

@@ -15,7 +15,7 @@
     </div>
     </div>
     <div class="span9">
     <div class="span9">
       <p>Easily replace individual bullets.</p>
       <p>Easily replace individual bullets.</p>
-{% highlight html linenos %}
+{% highlight html %}
 <ul class="icons-ul">
 <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>Bulleted lists (like this one)</li>
   <li><i class="icon-li icon-ok"></i>Buttons</li>
   <li><i class="icon-li icon-ok"></i>Buttons</li>

+ 1 - 1
build/_includes/examples/button-dropdowns.html

@@ -16,7 +16,7 @@
       </div>
       </div>
     </div>
     </div>
     <div class="span9">
     <div class="span9">
-{% highlight html linenos %}
+{% highlight html %}
 <div class="btn-group open">
 <div class="btn-group open">
   <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
   <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
   <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
   <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">

+ 1 - 1
build/_includes/examples/button-groups.html

@@ -12,7 +12,7 @@
       </p>
       </p>
     </div>
     </div>
     <div class="span9">
     <div class="span9">
-{% highlight html linenos %}
+{% highlight html %}
 <div class="btn-group">
 <div class="btn-group">
   <a class="btn" href="#"><i class="icon-align-left"></i></a>
   <a class="btn" href="#"><i class="icon-align-left"></i></a>
   <a class="btn" href="#"><i class="icon-align-center"></i></a>
   <a class="btn" href="#"><i class="icon-align-center"></i></a>

+ 1 - 1
build/_includes/examples/buttons.html

@@ -34,7 +34,7 @@
         Font Awesome icons work great in buttons. You can even combine them with larger icon styles,
         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>.
         <code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>.
       </p>
       </p>
-{% highlight html linenos %}
+{% highlight html %}
 <a class="btn" href="#">
 <a class="btn" href="#">
   <i class="icon-repeat"></i> Reload</a>
   <i class="icon-repeat"></i> Reload</a>
 <a class="btn btn-success" href="#">
 <a class="btn btn-success" href="#">

+ 1 - 1
build/_includes/examples/form-inputs.html

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

+ 1 - 1
build/_includes/examples/inline-icons.html

@@ -10,7 +10,7 @@
           <i class="icon-camera-retro"></i> icon-camera-retro
           <i class="icon-camera-retro"></i> icon-camera-retro
         </div>
         </div>
       </div>
       </div>
-{% highlight html linenos %}
+{% highlight html %}
 <i class="icon-camera-retro"></i> icon-camera-retro
 <i class="icon-camera-retro"></i> icon-camera-retro
 {% endhighlight %}
 {% endhighlight %}
       <div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div>
       <div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div>

+ 1 - 1
build/_includes/examples/larger-icons.html

@@ -20,7 +20,7 @@
           <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
           <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
         </div>
         </div>
       </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-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-2x"></i> icon-camera-retro</p>
 <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
 <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>

+ 1 - 1
build/_includes/examples/navigation.html

@@ -13,7 +13,7 @@
     </div>
     </div>
     <div class="span9">
     <div class="span9">
       <p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
       <p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
-{% highlight html linenos %}
+{% highlight html %}
 <ul class="nav nav-list">
 <ul class="nav nav-list">
   <li class="active"><a href="#"><i class="icon-fixed-width icon-home"></i> Home</a></li>
   <li class="active"><a href="#"><i class="icon-fixed-width icon-home"></i> Home</a></li>
   <li><a href="#"><i class="icon-fixed-width icon-book"></i> Library</a></li>
   <li><a href="#"><i class="icon-fixed-width icon-book"></i> Library</a></li>

+ 1 - 1
build/_includes/examples/rotated-flipped.html

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

+ 1 - 1
build/_includes/examples/stacked.html

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

+ 4 - 4
build/_includes/get-started.html

@@ -13,7 +13,7 @@
   <ol>
   <ol>
     <li>
     <li>
       Paste the following code into the <code>&lt;head&gt;</code> section of your site's HTML.
       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/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.font_awesome.version }}/css/font-awesome.css" rel="stylesheet">
 {% endhighlight %}
 {% endhighlight %}
@@ -38,7 +38,7 @@
     <li>Copy the <code>font-awesome</code> directory into your project.</li>
     <li>Copy the <code>font-awesome</code> directory into your project.</li>
     <li>
     <li>
       In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome.min.css.
       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/bootstrap/css/bootstrap.min.css">
 <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
 <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
 {% endhighlight %}
 {% 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 bootstrap.less and replace <code>@import "sprites.less";</code> with <code>@import "path/to/font-awesome/less/font-awesome.less";</code></li>
     <li>
     <li>
       Open your project's font-awesome.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory.
       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";
 @FontAwesomePath:   "../font";
 {% endhighlight %}
 {% endhighlight %}
       <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p>
       <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p>
@@ -84,7 +84,7 @@
     <li>Copy font-awesome-ie7.min.css into your project.</li>
     <li>Copy font-awesome-ie7.min.css into your project.</li>
     <li>
     <li>
       In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome-ie7.min.css.
       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/bootstrap/css/bootstrap.min.css">
 <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
 <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
 <!--[if IE 7]>
 <!--[if IE 7]>

+ 1 - 1
build/_includes/license.html

@@ -1,6 +1,6 @@
 {% capture stripe_ad_content %}
 {% capture stripe_ad_content %}
 <p class="lead">
 <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.
   projects, or really just about whatever you want.
 </p>
 </p>
 {% endcapture %}
 {% endcapture %}

+ 3 - 3
build/_includes/navbar.html

@@ -15,8 +15,8 @@
           <li class="divider"></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.font_awesome.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/#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/#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/#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>
           <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>
         <li{% if page.navbar_active == "license" %} class="active"{% endif %}><a href="{{ page.relative_path }}license/">License</a></li>
       </ul>
       </ul>
       <ul class="nav pull-right">
       <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.font_awesome.blog_url }}">Blog</a></li>
       </ul>
       </ul>
     </div>
     </div>
   </div>
   </div>

+ 2 - 2
build/_includes/why.html

@@ -15,7 +15,7 @@
   </div>
   </div>
   <div class="row">
   <div class="row">
     <div class="span4">
     <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>.
       Font Awesome is completely free for commercial use. Check out the <a href="{{ page.relative_path }}license/">license</a>.
     </div>
     </div>
     <div class="span4">
     <div class="span4">
@@ -29,7 +29,7 @@
   </div>
   </div>
   <div class="row">
   <div class="row">
     <div class="span4">
     <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>.
       Designed from scratch to be fully compatible with <a href="{{ site.bootstrap.url }}">Bootstrap {{ site.bootstrap.version }}</a>.
     </div>
     </div>
     <div class="span4">
     <div class="span4">

+ 1 - 1
build/_layouts/icon.html

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

+ 4 - 3
build/assets/font-awesome/less/core.less

@@ -37,10 +37,11 @@ a {
 [class*=" icon-"] {
 [class*=" icon-"] {
   &.icon-fixed-width {
   &.icon-fixed-width {
     display: inline-block;
     display: inline-block;
-    width: 18/14em;
-    text-align: center;
+    width: 16/14em;
+    text-align: right;
+    padding-right: 4/14em;
     &.icon-large {
     &.icon-large {
-      width: 22/14em;
+      width: 20/14em;
     }
     }
   }
   }
 }
 }

+ 1 - 0
build/icons.yml

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