From 016d9a2ae924c3999ff9aa279511e32c0bfbe7bb Mon Sep 17 00:00:00 2001
From: Thomas Park <thomas@thomaspark.me>
Date: Tue, 12 Nov 2013 15:34:23 -0500
Subject: update to fontawesome 4

---
 .../font-awesome/src/_includes/brand-license.html  |   2 +-
 .../font-awesome/src/_includes/cheatsheet.html     |  19 ---
 .../font-awesome/src/_includes/community.html      |  20 ---
 .../src/_includes/community/reporting-bugs.html    |   2 +-
 .../_includes/community/requesting-new-icons.html  |   2 +-
 .../font-awesome/src/_includes/examples.html       |  24 ----
 .../src/_includes/examples/animated-spinner.html   |  20 ---
 .../src/_includes/examples/bootstrap.html          |  93 ++++++++++++
 .../src/_includes/examples/bordered-pulled.html    |  32 ++---
 .../src/_includes/examples/bulleted-lists.html     |  31 ----
 .../src/_includes/examples/button-dropdowns.html   |  36 -----
 .../src/_includes/examples/button-groups.html      |  25 ----
 .../src/_includes/examples/buttons.html            |  57 --------
 .../src/_includes/examples/custom.html             |   4 +-
 .../src/_includes/examples/fixed-width.html        |  27 ++++
 .../src/_includes/examples/form-inputs.html        |  31 ----
 .../src/_includes/examples/inline-icons.html       |  19 ---
 .../src/_includes/examples/inline.html             |  17 +++
 .../src/_includes/examples/larger-icons.html       |  35 -----
 .../src/_includes/examples/larger.html             |  29 ++++
 .../font-awesome/src/_includes/examples/list.html  |  24 ++++
 .../src/_includes/examples/navigation.html         |  26 ----
 .../font-awesome/src/_includes/examples/new.html   |  47 ------
 .../src/_includes/examples/rotated-flipped.html    |  39 +++--
 .../src/_includes/examples/spinning.html           |  26 ++++
 .../src/_includes/examples/stacked.html            |  80 ++++++-----
 .../font-awesome/src/_includes/footer.html         |  17 +--
 .../font-awesome/src/_includes/get-started.html    | 105 --------------
 .../font-awesome/src/_includes/icons.html          |  18 ---
 .../src/_includes/jumbotron-carousel.html          |  52 +++++++
 .../src/_includes/jumbotron-slider.html            |  53 -------
 .../font-awesome/src/_includes/license-code.less   |  25 +---
 .../font-awesome/src/_includes/license.html        |  57 --------
 .../font-awesome/src/_includes/navbar.html         | 128 ++++++++---------
 .../font-awesome/src/_includes/new-features.html   |  37 +++++
 .../font-awesome/src/_includes/new-naming.html     | 157 +++++++++++++++++++++
 .../font-awesome/src/_includes/new-upgrading.html  |  10 ++
 .../font-awesome/src/_includes/stripe-ad.html      |  10 +-
 .../font-awesome/src/_includes/stripe-social.html  |   2 +-
 .../font-awesome/src/_includes/tell-me-thanks.html |   6 +-
 .../tests/rotated-flipped-inside-anchor.html       |  12 +-
 .../tests/rotated-flipped-inside-btn.html          |  12 +-
 .../src/_includes/tests/rotated-flipped.html       |  12 +-
 .../src/_includes/tests/stacked-inside-anchor.html |  54 +++----
 .../font-awesome/src/_includes/tests/stacked.html  |  61 ++++----
 .../font-awesome/src/_includes/thanks-to.html      |  14 +-
 .../font-awesome/src/_includes/whats-new.html      |  38 -----
 .../font-awesome/src/_includes/why.html            |  44 +++---
 48 files changed, 738 insertions(+), 953 deletions(-)
 delete mode 100644 bower_components/font-awesome/src/_includes/cheatsheet.html
 delete mode 100644 bower_components/font-awesome/src/_includes/community.html
 delete mode 100644 bower_components/font-awesome/src/_includes/examples.html
 delete mode 100644 bower_components/font-awesome/src/_includes/examples/animated-spinner.html
 create mode 100644 bower_components/font-awesome/src/_includes/examples/bootstrap.html
 delete mode 100644 bower_components/font-awesome/src/_includes/examples/bulleted-lists.html
 delete mode 100644 bower_components/font-awesome/src/_includes/examples/button-dropdowns.html
 delete mode 100644 bower_components/font-awesome/src/_includes/examples/button-groups.html
 delete mode 100644 bower_components/font-awesome/src/_includes/examples/buttons.html
 create mode 100644 bower_components/font-awesome/src/_includes/examples/fixed-width.html
 delete mode 100644 bower_components/font-awesome/src/_includes/examples/form-inputs.html
 delete mode 100644 bower_components/font-awesome/src/_includes/examples/inline-icons.html
 create mode 100644 bower_components/font-awesome/src/_includes/examples/inline.html
 delete mode 100644 bower_components/font-awesome/src/_includes/examples/larger-icons.html
 create mode 100644 bower_components/font-awesome/src/_includes/examples/larger.html
 create mode 100644 bower_components/font-awesome/src/_includes/examples/list.html
 delete mode 100644 bower_components/font-awesome/src/_includes/examples/navigation.html
 delete mode 100644 bower_components/font-awesome/src/_includes/examples/new.html
 create mode 100644 bower_components/font-awesome/src/_includes/examples/spinning.html
 delete mode 100644 bower_components/font-awesome/src/_includes/get-started.html
 delete mode 100644 bower_components/font-awesome/src/_includes/icons.html
 create mode 100644 bower_components/font-awesome/src/_includes/jumbotron-carousel.html
 delete mode 100644 bower_components/font-awesome/src/_includes/jumbotron-slider.html
 delete mode 100644 bower_components/font-awesome/src/_includes/license.html
 create mode 100644 bower_components/font-awesome/src/_includes/new-features.html
 create mode 100644 bower_components/font-awesome/src/_includes/new-naming.html
 create mode 100644 bower_components/font-awesome/src/_includes/new-upgrading.html
 delete mode 100644 bower_components/font-awesome/src/_includes/whats-new.html

(limited to 'bower_components/font-awesome/src/_includes')

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