Added link to latest version in the docs for previous versions

Fixes #3406

src/3.2.1/cheatsheet/index.html

@@ -150,6 +150,15 @@
 
 <div class="container">
   
+  <section class="old-docs">
+    <div class="row">
+      <div class="span12">
+        <div class="alert alert-danger">
+          <strong>Heads up!</strong> These docs are for v3.2.1, which is no longer officially supported. <a href="../../">Check out the latest version of Font Awesome!</a>
+        </div>
+      </div>
+    </div>
+  </section>
 <section class="hidden-print">
   <div class="row stripe-ad">
     <div class="span8">

src/3.2.1/community/index.html

@@ -150,6 +150,15 @@
 
 <div class="container">
   
+  <section class="old-docs">
+    <div class="row">
+      <div class="span12">
+        <div class="alert alert-danger">
+          <strong>Heads up!</strong> These docs are for v3.2.1, which is no longer officially supported. <a href="../../">Check out the latest version of Font Awesome!</a>
+        </div>
+      </div>
+    </div>
+  </section>
 <section class="hidden-print">
   <div class="row stripe-ad">
     <div class="span8">

src/3.2.1/examples/index.html

@@ -150,6 +150,15 @@
 
 <div class="container">
   
+  <section class="old-docs">
+    <div class="row">
+      <div class="span12">
+        <div class="alert alert-danger">
+          <strong>Heads up!</strong> These docs are for v3.2.1, which is no longer officially supported. <a href="../../">Check out the latest version of Font Awesome!</a>
+        </div>
+      </div>
+    </div>
+  </section>
 <section class="hidden-print">
   <div class="row stripe-ad">
     <div class="span8">

src/3.2.1/get-started/index.html

@@ -150,6 +150,15 @@
 
 <div class="container">
   
+  <section class="old-docs">
+    <div class="row">
+      <div class="span12">
+        <div class="alert alert-danger">
+          <strong>Heads up!</strong> These docs are for v3.2.1, which is no longer officially supported. <a href="../../">Check out the latest version of Font Awesome!</a>
+        </div>
+      </div>
+    </div>
+  </section>
 <section class="hidden-print">
   <div class="row stripe-ad">
     <div class="span8">

src/3.2.1/icons/index.html

@@ -150,6 +150,15 @@
 
 <div class="container">
   
+  <section class="old-docs">
+    <div class="row">
+      <div class="span12">
+        <div class="alert alert-danger">
+          <strong>Heads up!</strong> These docs are for v3.2.1, which is no longer officially supported. <a href="../../">Check out the latest version of Font Awesome!</a>
+        </div>
+      </div>
+    </div>
+  </section>
 <section class="hidden-print">
   <div class="row stripe-ad">
     <div class="span8">

src/3.2.1/index.html

@@ -193,16 +193,25 @@
 
 
 <div class="container">
-  
+
+  <section class="old-docs">
+    <div class="row">
+      <div class="span12">
+        <div class="alert alert-danger">
+          <strong>Heads up!</strong> These docs are for v3.2.1, which is no longer officially supported. <a href="../">Check out the latest version of Font Awesome!</a>
+        </div>
+      </div>
+    </div>
+  </section>
   <section class="hidden-print">
   <div class="row stripe-ad">
     <div class="span8">
-      
+
   <p class="lead">
     Font Awesome gives you scalable vector icons that can instantly be customized &mdash; size, color, drop shadow,
     and anything that can be done with the power of CSS.
   </p>
-  
+
     </div>
     <div class="span4">
       <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>

src/3.2.1/license/index.html

@@ -150,6 +150,15 @@
 
 <div class="container">
   
+  <section class="old-docs">
+    <div class="row">
+      <div class="span12">
+        <div class="alert alert-danger">
+          <strong>Heads up!</strong> These docs are for v3.2.1, which is no longer officially supported. <a href="../../">Check out the latest version of Font Awesome!</a>
+        </div>
+      </div>
+    </div>
+  </section>
 <section class="hidden-print">
   <div class="row stripe-ad">
     <div class="span8">

src/3.2.1/whats-new/index.html

@@ -118,7 +118,7 @@
 </div>
 
 
-  
+
 
 
 <div class="jumbotron jumbotron-ad hidden-print">
@@ -149,11 +149,20 @@
 
 
 <div class="container">
-  
+
+  <section class="old-docs">
+    <div class="row">
+      <div class="span12">
+        <div class="alert alert-danger">
+          <strong>Heads up!</strong> These docs are for v3.2.1, which is no longer officially supported. <a href="../../">Check out the latest version of Font Awesome!</a>
+        </div>
+      </div>
+    </div>
+  </section>
 <section class="hidden-print">
   <div class="row stripe-ad">
     <div class="span8">
-      
+
 <p class="lead">
   Font Awesome is always getting a little awesome-er. So here's what's new in the latest version, Font Awesome
   3.2. Have some ideas for new features?
@@ -249,147 +258,147 @@
 
   <section id="new">
   <h2 class="page-header">New Icons in 3.2</h2>
-  
+
     <div class="margin-botom-large">
       You asked, Font Awesome delivers with 58 shiny new icons in version 3.2.
       Want to request new icons? <a href="../community/#requesting-new-icons">Here's how</a>.
     </div>
-  
+
 
   <div class="row the-icons">
-    
 
-    
+
+
       <div class="span3"><a href="../icon/compass"><i class="icon-compass"></i> icon-compass</a></div>
-    
+
       <div class="span3"><a href="../icon/collapse"><i class="icon-collapse"></i> icon-collapse</a></div>
-    
+
       <div class="span3"><a href="../icon/collapse-top"><i class="icon-collapse-top"></i> icon-collapse-top</a></div>
-    
+
       <div class="span3"><a href="../icon/expand"><i class="icon-expand"></i> icon-expand</a></div>
-    
+
       <div class="span3"><a href="../icon/eur"><i class="icon-eur"></i> icon-eur</a></div>
-    
+
       <div class="span3"><a href="../icon/eur"><i class="icon-euro"></i> icon-euro <span class="muted">(alias)</span></a></div>
-    
+
       <div class="span3"><a href="../icon/gbp"><i class="icon-gbp"></i> icon-gbp</a></div>
-    
+
       <div class="span3"><a href="../icon/usd"><i class="icon-usd"></i> icon-usd</a></div>
-    
+
       <div class="span3"><a href="../icon/usd"><i class="icon-dollar"></i> icon-dollar <span class="muted">(alias)</span></a></div>
-    
+
       <div class="span3"><a href="../icon/inr"><i class="icon-inr"></i> icon-inr</a></div>
-    
+
       <div class="span3"><a href="../icon/inr"><i class="icon-rupee"></i> icon-rupee <span class="muted">(alias)</span></a></div>
-    
+
       <div class="span3"><a href="../icon/jpy"><i class="icon-jpy"></i> icon-jpy</a></div>
-    
+
       <div class="span3"><a href="../icon/jpy"><i class="icon-yen"></i> icon-yen <span class="muted">(alias)</span></a></div>
-    
+
       <div class="span3"><a href="../icon/cny"><i class="icon-cny"></i> icon-cny</a></div>
-    
+
       <div class="span3"><a href="../icon/cny"><i class="icon-renminbi"></i> icon-renminbi <span class="muted">(alias)</span></a></div>
-    
+
       <div class="span3"><a href="../icon/krw"><i class="icon-krw"></i> icon-krw</a></div>
-    
+
       <div class="span3"><a href="../icon/krw"><i class="icon-won"></i> icon-won <span class="muted">(alias)</span></a></div>
-    
+
       <div class="span3"><a href="../icon/btc"><i class="icon-btc"></i> icon-btc</a></div>
-    
+
       <div class="span3"><a href="../icon/btc"><i class="icon-bitcoin"></i> icon-bitcoin <span class="muted">(alias)</span></a></div>
-    
+
       <div class="span3"><a href="../icon/file"><i class="icon-file"></i> icon-file</a></div>
-    
+
       <div class="span3"><a href="../icon/file-text"><i class="icon-file-text"></i> icon-file-text</a></div>
-    
+
       <div class="span3"><a href="../icon/sort-by-alphabet"><i class="icon-sort-by-alphabet"></i> icon-sort-by-alphabet</a></div>
-    
+
       <div class="span3"><a href="../icon/sort-by-alphabet-alt"><i class="icon-sort-by-alphabet-alt"></i> icon-sort-by-alphabet-alt</a></div>
-    
+
       <div class="span3"><a href="../icon/sort-by-attributes"><i class="icon-sort-by-attributes"></i> icon-sort-by-attributes</a></div>
-    
+
       <div class="span3"><a href="../icon/sort-by-attributes-alt"><i class="icon-sort-by-attributes-alt"></i> icon-sort-by-attributes-alt</a></div>
-    
+
       <div class="span3"><a href="../icon/sort-by-order"><i class="icon-sort-by-order"></i> icon-sort-by-order</a></div>
-    
+
       <div class="span3"><a href="../icon/sort-by-order-alt"><i class="icon-sort-by-order-alt"></i> icon-sort-by-order-alt</a></div>
-    
+
       <div class="span3"><a href="../icon/thumbs-up"><i class="icon-thumbs-up"></i> icon-thumbs-up</a></div>
-    
+
       <div class="span3"><a href="../icon/thumbs-down"><i class="icon-thumbs-down"></i> icon-thumbs-down</a></div>
-    
+
       <div class="span3"><a href="../icon/youtube-sign"><i class="icon-youtube-sign"></i> icon-youtube-sign</a></div>
-    
+
       <div class="span3"><a href="../icon/youtube"><i class="icon-youtube"></i> icon-youtube</a></div>
-    
+
       <div class="span3"><a href="../icon/xing"><i class="icon-xing"></i> icon-xing</a></div>
-    
+
       <div class="span3"><a href="../icon/xing-sign"><i class="icon-xing-sign"></i> icon-xing-sign</a></div>
-    
+
       <div class="span3"><a href="../icon/youtube-play"><i class="icon-youtube-play"></i> icon-youtube-play</a></div>
-    
+
       <div class="span3"><a href="../icon/dropbox"><i class="icon-dropbox"></i> icon-dropbox</a></div>
-    
+
       <div class="span3"><a href="../icon/stackexchange"><i class="icon-stackexchange"></i> icon-stackexchange</a></div>
-    
+
       <div class="span3"><a href="../icon/instagram"><i class="icon-instagram"></i> icon-instagram</a></div>
-    
+
       <div class="span3"><a href="../icon/flickr"><i class="icon-flickr"></i> icon-flickr</a></div>
-    
+
       <div class="span3"><a href="../icon/adn"><i class="icon-adn"></i> icon-adn</a></div>
-    
+
       <div class="span3"><a href="../icon/bitbucket"><i class="icon-bitbucket"></i> icon-bitbucket</a></div>
-    
+
       <div class="span3"><a href="../icon/bitbucket-sign"><i class="icon-bitbucket-sign"></i> icon-bitbucket-sign</a></div>
-    
+
       <div class="span3"><a href="../icon/tumblr"><i class="icon-tumblr"></i> icon-tumblr</a></div>
-    
+
       <div class="span3"><a href="../icon/tumblr-sign"><i class="icon-tumblr-sign"></i> icon-tumblr-sign</a></div>
-    
+
       <div class="span3"><a href="../icon/long-arrow-down"><i class="icon-long-arrow-down"></i> icon-long-arrow-down</a></div>
-    
+
       <div class="span3"><a href="../icon/long-arrow-up"><i class="icon-long-arrow-up"></i> icon-long-arrow-up</a></div>
-    
+
       <div class="span3"><a href="../icon/long-arrow-left"><i class="icon-long-arrow-left"></i> icon-long-arrow-left</a></div>
-    
+
       <div class="span3"><a href="../icon/long-arrow-right"><i class="icon-long-arrow-right"></i> icon-long-arrow-right</a></div>
-    
+
       <div class="span3"><a href="../icon/apple"><i class="icon-apple"></i> icon-apple</a></div>
-    
+
       <div class="span3"><a href="../icon/windows"><i class="icon-windows"></i> icon-windows</a></div>
-    
+
       <div class="span3"><a href="../icon/android"><i class="icon-android"></i> icon-android</a></div>
-    
+
       <div class="span3"><a href="../icon/linux"><i class="icon-linux"></i> icon-linux</a></div>
-    
+
       <div class="span3"><a href="../icon/dribbble"><i class="icon-dribbble"></i> icon-dribbble</a></div>
-    
+
       <div class="span3"><a href="../icon/skype"><i class="icon-skype"></i> icon-skype</a></div>
-    
+
       <div class="span3"><a href="../icon/foursquare"><i class="icon-foursquare"></i> icon-foursquare</a></div>
-    
+
       <div class="span3"><a href="../icon/trello"><i class="icon-trello"></i> icon-trello</a></div>
-    
+
       <div class="span3"><a href="../icon/female"><i class="icon-female"></i> icon-female</a></div>
-    
+
       <div class="span3"><a href="../icon/male"><i class="icon-male"></i> icon-male</a></div>
-    
+
       <div class="span3"><a href="../icon/gittip"><i class="icon-gittip"></i> icon-gittip</a></div>
-    
+
       <div class="span3"><a href="../icon/sun"><i class="icon-sun"></i> icon-sun</a></div>
-    
+
       <div class="span3"><a href="../icon/moon"><i class="icon-moon"></i> icon-moon</a></div>
-    
+
       <div class="span3"><a href="../icon/archive"><i class="icon-archive"></i> icon-archive</a></div>
-    
+
       <div class="span3"><a href="../icon/bug"><i class="icon-bug"></i> icon-bug</a></div>
-    
+
       <div class="span3"><a href="../icon/vk"><i class="icon-vk"></i> icon-vk</a></div>
-    
+
       <div class="span3"><a href="../icon/weibo"><i class="icon-weibo"></i> icon-weibo</a></div>
-    
+
       <div class="span3"><a href="../icon/renren"><i class="icon-renren"></i> icon-renren</a></div>
-    
+
   </div>
 
 </section>