Merge pull request #6 from redmatrix/dev

Dev

1 files changed, 23 insertions, 2 deletions

diff --git a/library/font_awesome/src/cheatsheet.html b/library/font_awesome/src/cheatsheet.html
index 7a843b971..d33e22ca4 100644
--- a/library/font_awesome/src/cheatsheet.html
+++ b/library/font_awesome/src/cheatsheet.html
@@ -3,12 +3,33 @@ layout: base
 title: Font Awesome Cheatsheet
 relative_path: ../
 ---
-{% capture jumbotron_h1 %}<i class="icon-list-ul icon-large"></i>&nbsp; Cheatsheet{% endcapture %}
+{% capture jumbotron_h1 %}<i class="fa fa-list-ul" aria-hidden="true"></i>&nbsp; Cheatsheet{% endcapture %}
 {% capture jumbotron_p %}The complete Font Awesome {{ site.fontawesome.version }} icon reference{% endcapture %}
 
 {% include jumbotron.html %}
 {% include stripe-social.html %}
 
 <div class="container">
-  {% include cheatsheet.html %}
+  {% 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, set it as the font in your application, and copy and paste the icons (not the unicode) directly from this page 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">
+    {% assign sorted_icons = icons | expand_aliases | sort_by:'class' %}
+
+    {% for icon in sorted_icons %}
+    <div class="col-md-4 col-sm-6 col-lg-3">
+      {% if icon.created >= site.fontawesome.major_version %}<small class="text-muted pull-right">{{ icon.created }}</small>{% endif %}
+      <i class="fa fa-fw" aria-hidden="true" title="Copy to use {{ icon.class }}">&#x{{ icon.unicode }}</i>
+      fa-{{ icon.class }}
+      {% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}
+      <span class="text-muted">[&amp;#x{{ icon.unicode }};]</span>
+    </div>
+    {% endfor %}
+  </div>
 </div>