updating new feature list

src/_includes/new-features.html

@@ -10,29 +10,28 @@
 <section id="whats-new" class="feature-list">
   <div class="row">
     <div class="col-md-4 col-sm-6">
-      <h4><i class="fa-icon fa-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>.
+      <h4><i class="fa-icon fa-icon-file-text-alt"></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-icon fa-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>.
+      <h4><i class="fa-icon fa-icon-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-icon fa-icon-gavel"></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.
+      <h4><i class="fa-icon fa-icon-terminal"></i> Predictable Icon Names</h4>
+      Icon names should now be more consistent and easier to predict and remember.
     </div>
     <div class="col-md-4 col-sm-6">
-      <h4><i class="fa-icon fa-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.
+      <h4><i class="fa-icon fa-icon-thumbs-up-alt"></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-icon fa-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.
+      <h4><i class="fa-icon fa-icon-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-icon fa-icon-question-circle"></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.
+      <h4><i class="fa-icon fa-icon-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>

src/_includes/new-naming.html

@@ -9,7 +9,7 @@
   <div class="row">
     <div class="col-md-4 col-sm-6">
       <h4 class="margin-bottom-sm">fa-icon-*</h4>
-      <p class="text-muted margin-bottom-sm">Solid icons as the base variant</p>
+      <p class="margin-bottom-sm">Solid icons as the base variant</p>
       <ul class="fa-icon-ul padding-left-sm">
         <li>
           <i class="fa-icon fa-icon-bookmark fa-icon-li"></i>
@@ -27,7 +27,7 @@
     </div>
     <div class="col-md-4 col-sm-6">
       <h4 class="margin-bottom-sm">*-alt</h4>
-      <p class="text-muted margin-bottom-sm">Outlined version of previous modifier</p>
+      <p class="margin-bottom-sm">Outlined version of previous modifier</p>
       <ul class="fa-icon-ul padding-left-sm">
         <li>
           <i class="fa-icon fa-icon-bookmark-alt fa-icon-li"></i>
@@ -45,7 +45,7 @@
     </div>
     <div class="col-md-4 col-sm-6">
       <h4 class="margin-bottom-sm">*-circle</h4>
-      <p class="text-muted margin-bottom-sm">Circle under previous modifier</p>
+      <p class="margin-bottom-sm">Circle under previous modifier</p>
       <ul class="fa-icon-ul padding-left-sm">
         <li>
           <i class="fa-icon fa-icon-check-circle fa-icon-li"></i>
@@ -63,7 +63,7 @@
     </div>
     <div class="col-md-4 col-sm-6">
       <h4 class="margin-bottom-sm">*-square</h4>
-      <p class="text-muted margin-bottom-sm">Square under previous modifier</p>
+      <p class="margin-bottom-sm">Square under previous modifier</p>
       <ul class="fa-icon-ul padding-left-sm">
         <li>
           <i class="fa-icon fa-icon-check-square fa-icon-li"></i>
@@ -81,7 +81,7 @@
     </div>
     <div class="col-md-4 col-sm-6">
       <h4 class="margin-bottom-sm">*-right, *-up, etc.</h4>
-      <p class="text-muted margin-bottom-sm">Directional modifier always at the end</p>
+      <p class="margin-bottom-sm">Directional modifier always at the end</p>
       <ul class="fa-icon-ul padding-left-sm">
         <li>
           <i class="fa-icon fa-icon-arrow-right fa-icon-li"></i>
@@ -99,7 +99,7 @@
     </div>
     <div class="col-md-4 col-sm-6">
       <h4 class="margin-bottom-sm">Combine 'em up...</h4>
-      <p class="text-muted margin-bottom-sm">Consistent when strung together</p>
+      <p class="margin-bottom-sm">Consistent when strung together</p>
       <ul class="fa-icon-ul padding-left-sm">
         <li>
           <i class="fa-icon fa-icon-arrow-circle-alt-right fa-icon-li"></i>