update font-awesome library to 4.6.1

Perhaps this should be done as a submodule instead?

17 files changed, 143 insertions, 22 deletions

diff --git a/library/font_awesome/src/_includes/icons/accessibility.html b/library/font_awesome/src/_includes/icons/accessibility.html
new file mode 100644
index 000000000..14cd92e5c
--- /dev/null
+++ b/library/font_awesome/src/_includes/icons/accessibility.html
@@ -0,0 +1,12 @@
+<section id="accessibility">
+  <h2 class="page-header">Accessibility Icons</h2>
+
+  <div class="row fontawesome-icon-list">
+    {% assign icons_currency = icons | expand_aliases | category:"Accessibility Icons" | sort_by:'class' %}
+
+    {% for icon in icons_currency %}
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
+    {% endfor %}
+  </div>
+
+</section>
diff --git a/library/font_awesome/src/_includes/icons/brand.html b/library/font_awesome/src/_includes/icons/brand.html
index feb6032e8..451f147d3 100644
--- a/library/font_awesome/src/_includes/icons/brand.html
+++ b/library/font_awesome/src/_includes/icons/brand.html
@@ -1,15 +1,19 @@
 <section id="brand">
   <h2 class="page-header">Brand Icons</h2>
 
-  <div class="alert alert-info">
-    {% include brand-license.html %}
+  <div class="alert alert-warning">
+    {% include brand-adblock-warning.html %}
   </div>
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list margin-bottom-lg">
     {% assign icons_brand = icons | expand_aliases | category:"Brand Icons" | sort_by:'class' %}
 
     {% for icon in icons_brand %}
-      <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
     {% endfor %}
   </div>
+
+  <div class="alert alert-success">
+    {% include brand-license.html %}
+  </div>
 </section>
diff --git a/library/font_awesome/src/_includes/icons/chart.html b/library/font_awesome/src/_includes/icons/chart.html
new file mode 100644
index 000000000..f5cbc1cca
--- /dev/null
+++ b/library/font_awesome/src/_includes/icons/chart.html
@@ -0,0 +1,12 @@
+<section id="chart">
+  <h2 class="page-header">Chart Icons</h2>
+
+  <div class="row fontawesome-icon-list">
+    {% assign icons_chart = icons | expand_aliases | category:"Chart Icons" | sort_by:'class' %}
+
+    {% for icon in icons_chart %}
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
+    {% endfor %}
+  </div>
+
+</section>
diff --git a/library/font_awesome/src/_includes/icons/currency.html b/library/font_awesome/src/_includes/icons/currency.html
index c451d5211..bc9061513 100644
--- a/library/font_awesome/src/_includes/icons/currency.html
+++ b/library/font_awesome/src/_includes/icons/currency.html
@@ -1,11 +1,11 @@
 <section id="currency">
   <h2 class="page-header">Currency Icons</h2>
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list">
     {% assign icons_currency = icons | expand_aliases | category:"Currency Icons" | sort_by:'class' %}
 
     {% for icon in icons_currency %}
-      <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
     {% endfor %}
   </div>
 
diff --git a/library/font_awesome/src/_includes/icons/directional.html b/library/font_awesome/src/_includes/icons/directional.html
index 6b4170a1b..d8f2a4c0e 100644
--- a/library/font_awesome/src/_includes/icons/directional.html
+++ b/library/font_awesome/src/_includes/icons/directional.html
@@ -1,11 +1,11 @@
 <section id="directional">
   <h2 class="page-header">Directional Icons</h2>
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list">
     {% assign icons_directional = icons | expand_aliases | category:"Directional Icons" | sort_by:'class' %}
 
     {% for icon in icons_directional %}
-      <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
     {% endfor %}
   </div>
 
diff --git a/library/font_awesome/src/_includes/icons/file-type.html b/library/font_awesome/src/_includes/icons/file-type.html
new file mode 100644
index 000000000..290022be1
--- /dev/null
+++ b/library/font_awesome/src/_includes/icons/file-type.html
@@ -0,0 +1,12 @@
+<section id="file-type">
+  <h2 class="page-header">File Type Icons</h2>
+
+  <div class="row fontawesome-icon-list">
+    {% assign icons_file_type = icons | expand_aliases | category:"File Type Icons" | sort_by:'class' %}
+
+    {% for icon in icons_file_type %}
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
+    {% endfor %}
+  </div>
+
+</section>
diff --git a/library/font_awesome/src/_includes/icons/form-control.html b/library/font_awesome/src/_includes/icons/form-control.html
new file mode 100644
index 000000000..a8cac628a
--- /dev/null
+++ b/library/font_awesome/src/_includes/icons/form-control.html
@@ -0,0 +1,11 @@
+<section id="form-control">
+  <h2 class="page-header">Form Control Icons</h2>
+
+  <div class="row fontawesome-icon-list">
+    {% assign icons_form_control = icons | expand_aliases | category:"Form Control Icons" | sort_by:'class' %}
+
+    {% for icon in icons_form_control %}
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
+    {% endfor %}
+  </div>
+</section>
diff --git a/library/font_awesome/src/_includes/icons/gender.html b/library/font_awesome/src/_includes/icons/gender.html
new file mode 100644
index 000000000..1fbde026b
--- /dev/null
+++ b/library/font_awesome/src/_includes/icons/gender.html
@@ -0,0 +1,12 @@
+<section id="gender">
+  <h2 class="page-header">Gender Icons</h2>
+
+  <div class="row fontawesome-icon-list">
+    {% assign icons_gender = icons | expand_aliases | category:"Gender Icons" | sort_by:'class' %}
+
+    {% for icon in icons_gender %}
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
+    {% endfor %}
+  </div>
+
+</section>
diff --git a/library/font_awesome/src/_includes/icons/hand.html b/library/font_awesome/src/_includes/icons/hand.html
new file mode 100644
index 000000000..4104af2e0
--- /dev/null
+++ b/library/font_awesome/src/_includes/icons/hand.html
@@ -0,0 +1,12 @@
+<section id="hand">
+  <h2 class="page-header">Hand Icons</h2>
+
+  <div class="row fontawesome-icon-list">
+    {% assign icons_hand = icons | expand_aliases | category:"Hand Icons" | sort_by:'class' %}
+
+    {% for icon in icons_hand %}
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
+    {% endfor %}
+  </div>
+
+</section>
diff --git a/library/font_awesome/src/_includes/icons/medical.html b/library/font_awesome/src/_includes/icons/medical.html
index 7d4cd7f97..23364382a 100644
--- a/library/font_awesome/src/_includes/icons/medical.html
+++ b/library/font_awesome/src/_includes/icons/medical.html
@@ -1,11 +1,11 @@
 <section id="medical">
   <h2 class="page-header">Medical Icons</h2>
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list">
     {% assign icons_medical = icons | expand_aliases | category:"Medical Icons" | sort_by:'class' %}
 
     {% for icon in icons_medical %}
-      <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
     {% endfor %}
   </div>
 
diff --git a/library/font_awesome/src/_includes/icons/new.html b/library/font_awesome/src/_includes/icons/new.html
index 52c5e3fa6..91a10b3e8 100644
--- a/library/font_awesome/src/_includes/icons/new.html
+++ b/library/font_awesome/src/_includes/icons/new.html
@@ -1,5 +1,5 @@
-<{% if page.navbar_active == "icons" %}div{% else %}section{% endif %} id="new">
-  <h2 class="page-header">New Icons in {{ site.fontawesome.minor_version }}</h2>
+<section id="new">
+  <h2 class="page-header">{{ icons | version:site.fontawesome.minor_version | size }} New Icons in {{ site.fontawesome.minor_version }}</h2>
   {% if page.navbar_active != "icons" %}
     <div class="margin-botom-large">
       You asked, Font Awesome delivers with {{ icons | version:site.fontawesome.minor_version | size }} shiny new icons in version {{ site.fontawesome.minor_version }}.
@@ -7,12 +7,12 @@
     </div>
   {% endif %}
 
-  <div class="row the-icons">
-    {% assign icons_new = icons | expand_aliases | version:site.fontawesome.minor_version %}
+  <div class="row fontawesome-icon-list">
+    {% assign icons_new = icons | expand_aliases | version:site.fontawesome.minor_version | sort_by:'class' %}
 
     {% for icon in icons_new %}
-      <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
     {% endfor %}
   </div>
 
-</{% if page.navbar_active == "icons" %}div{% else %}section{% endif %}>
+</section>
diff --git a/library/font_awesome/src/_includes/icons/payment.html b/library/font_awesome/src/_includes/icons/payment.html
new file mode 100644
index 000000000..03a636465
--- /dev/null
+++ b/library/font_awesome/src/_includes/icons/payment.html
@@ -0,0 +1,12 @@
+<section id="payment">
+  <h2 class="page-header">Payment Icons</h2>
+
+  <div class="row fontawesome-icon-list">
+    {% assign icons_payment = icons | expand_aliases | category:"Payment Icons" | sort_by:'class' %}
+
+    {% for icon in icons_payment %}
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
+    {% endfor %}
+  </div>
+
+</section>
diff --git a/library/font_awesome/src/_includes/icons/spinner.html b/library/font_awesome/src/_includes/icons/spinner.html
new file mode 100644
index 000000000..ef9d68e8b
--- /dev/null
+++ b/library/font_awesome/src/_includes/icons/spinner.html
@@ -0,0 +1,22 @@
+<section id="spinner">
+  <h2 class="page-header">Spinner Icons</h2>
+
+  <div class="alert alert-success">
+    <ul class="fa-ul">
+      <li>
+        <i class="fa fa-info-circle fa-lg fa-li" aria-hidden="true"></i>
+        <strong class="sr-only">Note:</strong>
+        These icons work great with the <code>fa-spin</code> class. Check out the
+        <a href="{{ page.relative_path }}examples/#animated" class="alert-link">spinning icons example</a>.
+      </li>
+    </ul>
+  </div>
+
+  <div class="row fontawesome-icon-list">
+    {% assign icons_spinner = icons | expand_aliases | category:"Spinner Icons" | sort_by:'class' %}
+
+    {% for icon in icons_spinner %}
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
+    {% endfor %}
+  </div>
+</section>
diff --git a/library/font_awesome/src/_includes/icons/text-editor.html b/library/font_awesome/src/_includes/icons/text-editor.html
index 2c2d4955c..05d33cb2b 100644
--- a/library/font_awesome/src/_includes/icons/text-editor.html
+++ b/library/font_awesome/src/_includes/icons/text-editor.html
@@ -1,11 +1,11 @@
 <section id="text-editor">
   <h2 class="page-header">Text Editor Icons</h2>
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list">
     {% assign icons_text_editor = icons | expand_aliases | category:"Text Editor Icons" | sort_by:'class' %}
 
     {% for icon in icons_text_editor %}
-      <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
     {% endfor %}
   </div>
 
diff --git a/library/font_awesome/src/_includes/icons/transportation.html b/library/font_awesome/src/_includes/icons/transportation.html
new file mode 100644
index 000000000..af2fd7e7f
--- /dev/null
+++ b/library/font_awesome/src/_includes/icons/transportation.html
@@ -0,0 +1,12 @@
+<section id="transportation">
+  <h2 class="page-header">Transportation Icons</h2>
+
+  <div class="row fontawesome-icon-list">
+    {% assign icons_transportation = icons | expand_aliases | category:"Transportation Icons" | sort_by:'class' %}
+
+    {% for icon in icons_transportation %}
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
+    {% endfor %}
+  </div>
+
+</section>
diff --git a/library/font_awesome/src/_includes/icons/video-player.html b/library/font_awesome/src/_includes/icons/video-player.html
index 5fcbe133b..4a57612d1 100644
--- a/library/font_awesome/src/_includes/icons/video-player.html
+++ b/library/font_awesome/src/_includes/icons/video-player.html
@@ -1,11 +1,11 @@
 <section id="video-player">
   <h2 class="page-header">Video Player Icons</h2>
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list">
     {% assign icons_video_player = icons | expand_aliases | category:"Video Player Icons" | sort_by:'class' %}
 
     {% for icon in icons_video_player %}
-      <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
     {% endfor %}
   </div>
 
diff --git a/library/font_awesome/src/_includes/icons/web-application.html b/library/font_awesome/src/_includes/icons/web-application.html
index f70d727f7..6e737e6cd 100644
--- a/library/font_awesome/src/_includes/icons/web-application.html
+++ b/library/font_awesome/src/_includes/icons/web-application.html
@@ -1,11 +1,11 @@
 <section id="web-application">
   <h2 class="page-header">Web Application Icons</h2>
 
-  <div class="row the-icons">
+  <div class="row fontawesome-icon-list">
     {% assign icons_web_application = icons | expand_aliases | category:"Web Application Icons" | sort_by:'class' %}
 
     {% for icon in icons_web_application %}
-      <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div>
+      <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
     {% endfor %}
   </div>