From a4831774d8bb194f0c1ad80743c4b8a6311c6daa Mon Sep 17 00:00:00 2001
From: davegandy <dave@davegandy.com>
Date: Thu, 2 May 2013 23:16:41 -0400
Subject: [PATCH] major overhaul to icon pages

---
 _config.yml                                   |   2 +
 .../_includes/ads/carbon-light-vertical.html  |   1 +
 build/_includes/examples.html                 |  15 +-
 build/_includes/footer.html                   |   2 +-
 build/_includes/icons/new.html                |   1 +
 build/_includes/roadmap.html                  |   1 -
 build/_layouts/icon.html                      | 131 +++++++++++++-----
 build/assets/css/font-awesome.css             |  12 ++
 build/assets/css/site.css                     |  71 +++++++++-
 build/assets/font/FontAwesome.otf             | Bin 47964 -> 48072 bytes
 build/assets/js/index/index.js                |   1 +
 build/assets/less/font-awesome.less           |  10 ++
 build/assets/less/site.less                   |  56 ++++++++
 build/assets/less/sticky-footer.less          |   2 +-
 build/examples/index.html                     |   2 +-
 build/icons.yml                               |   7 +
 16 files changed, 264 insertions(+), 50 deletions(-)
 create mode 100644 build/_includes/ads/carbon-light-vertical.html

diff --git a/_config.yml b/_config.yml
index 0c1b057b9..3c8607537 100644
--- a/_config.yml
+++ b/_config.yml
@@ -9,6 +9,8 @@ source:           build
 destination:      _gh_pages
 plugins:          build/_plugins
 
+pygments:         true
+
 icon_meta:        build/icons.yml
 icon_layout:      icon.html    # Relative to _layouts directory
 icon_destination: icon         # Relative to destination
diff --git a/build/_includes/ads/carbon-light-vertical.html b/build/_includes/ads/carbon-light-vertical.html
new file mode 100644
index 000000000..e6fce26a9
--- /dev/null
+++ b/build/_includes/ads/carbon-light-vertical.html
@@ -0,0 +1 @@
+<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_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
diff --git a/build/_includes/examples.html b/build/_includes/examples.html
index 156e908e9..730e39ad0 100644
--- a/build/_includes/examples.html
+++ b/build/_includes/examples.html
@@ -1,6 +1,5 @@
 <section id="examples">
-<h2 class="page-header">Examples</h2>
-<p>Many examples re-used from the Twitter Bootstrap documentation.</p>
+<h3 class="page-header">Many examples appreciatively re-used from the <a href="{{ site.bootstrap.url }}">Bootstrap documentation</a>.</h3>
 <div class="row">
   <div class="span4">
     <div class="well well-transparent">
@@ -95,7 +94,7 @@
   </div>
   <div class="span4">
     <p>
-      <a class="btn btn-large btn-danger" href="#"><i class="icon-flag icon-2x pull-left"></i>Font Awesome<br>Version 3.0</a>
+      <a class="btn btn-large btn-danger" href="#"><i class="icon-flag icon-2x pull-left"></i>Font Awesome<br>Version {{ site.font-awesome.version }}</a>
     </p>
     <a class="btn btn-primary" href="#"><i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
   </div>
@@ -178,14 +177,6 @@
     </p>
   </div>
 </div>
-<div class="row">
-  <div class="span3">
-
-  </div>
-  <div class="span9">
-
-  </div>
-</div>
 <div class="row">
   <div class="span12">
     <h4>Bordered & Pulled Icons</h4>
@@ -243,7 +234,7 @@ Use a few of the new styles together ... lots of new possibilities.
         <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 3.0</a>
+      <a class="btn btn-large btn-danger" href="#"><i class="icon-flag icon-2x pull-left"></i>Font Awesome<br>Version {{ site.font-awesome.version }}</a>
     </p>
     <p>
       <a class="btn btn-primary" href="#"><i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
diff --git a/build/_includes/footer.html b/build/_includes/footer.html
index 06de03ec8..6608ce0e7 100644
--- a/build/_includes/footer.html
+++ b/build/_includes/footer.html
@@ -11,7 +11,7 @@
       Documentation licensed under <a href="{{ site.license.documentation.url }}">{{ site.license.documentation.version }}</a>
     </div>
     <div>
-      Many doc examples taken from <a href="{{ site.bootstrap.url }}">Bootstrap's docs</a>
+      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>
     </div>
     <div class="project">
       <a href="{{ site.font-awesome.github.url }}">GitHub Project</a> &middot;
diff --git a/build/_includes/icons/new.html b/build/_includes/icons/new.html
index 0e0dd7932..92a550bd8 100644
--- a/build/_includes/icons/new.html
+++ b/build/_includes/icons/new.html
@@ -43,6 +43,7 @@
       <li><a href="{{ site.baseurl }}icon/calendar-empty"><i class="icon-calendar-empty"></i> icon-calendar-empty</a></li>
       <li><a href="{{ site.baseurl }}icon/fire-extinguisher"><i class="icon-fire-extinguisher"></i> icon-fire-extinguisher</a></li>
       <li><a href="{{ site.baseurl }}icon/rocket"><i class="icon-rocket"></i> icon-rocket</a></li>
+      <li><a href="{{ site.baseurl }}icon/maxcdn"><i class="icon-maxcdn"></i> icon-maxcdn</a></li>
     </ul>
   </div>
 </section>
diff --git a/build/_includes/roadmap.html b/build/_includes/roadmap.html
index 30eb77720..b066f5f08 100644
--- a/build/_includes/roadmap.html
+++ b/build/_includes/roadmap.html
@@ -1,5 +1,4 @@
 <section id="roadmap">
-  <h2 class="page-header">Roadmap</h2>
   <p>Here's the plan for future updates.</p>
   <ul class="icons">
     <li><i class="icon-plus"></i>Easier sub-setting with icon packs.</li>
diff --git a/build/_layouts/icon.html b/build/_layouts/icon.html
index 9955f202f..d1dc0b9ff 100755
--- a/build/_layouts/icon.html
+++ b/build/_layouts/icon.html
@@ -2,38 +2,107 @@
 layout: base
 title_prefix: Font Awesome Icons
 ---
+<div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="icon-{{ page.icon['id'] }} icon-6"></i>&nbsp;&nbsp;
+      <i class="icon-{{ page.icon['id'] }} icon-5"></i>&nbsp;&nbsp;
+      <i class="icon-{{ page.icon['id'] }} icon-4"></i>&nbsp;&nbsp;
+      <i class="icon-{{ page.icon['id'] }} icon-3"></i>&nbsp;&nbsp;
+      <i class="icon-{{ page.icon['id'] }} icon-2"></i>&nbsp;&nbsp;
+      <i class="icon-{{ page.icon['id'] }} icon-1"></i>
+    </div>
+    <h1 class="info-class">
+      icon-{{ page.icon['id'] }}
+      <small>
+        <i class="icon-{{ page.icon['id'] }}"></i> &middot;
+        Unicode: {{ page.icon['unicode'] }} &middot;
+        Created: v{{ page.icon['created'] }} &middot;
+        Categories:
+        {% for category in page.icon['categories'] %}
+          {{ category }}{% unless forloop.last %},{% endunless %}
+        {% endfor %}
+        {% if page.icon['aliases'] %}
+          Aliases:
+          {% for alias in page.icon['aliases'] %}
+            {{ alias }}{% unless forloop.last %},{% endunless %}
+          {% endfor %}
+        {% endif %}
+      </small>
+    </h1>
+
+
+    <!--<div class="row-fluid">-->
+      <!--<div class="span6">-->
+        <!--<div class="info-icons">-->
+          <!--<i class="icon-{{ page.icon['id'] }} icon-5"></i>-->
+          <!--<i class="icon-{{ page.icon['id'] }} icon-4"></i>-->
+          <!--<i class="icon-{{ page.icon['id'] }} icon-3"></i>-->
+          <!--<i class="icon-{{ page.icon['id'] }} icon-2"></i>-->
+          <!--<i class="icon-{{ page.icon['id'] }} icon-1"></i>-->
+        <!--</div>-->
+        <!--&lt;!&ndash;<p class="info-class">icon-{{ page.icon['id'] }}</p>&ndash;&gt;-->
+      <!--</div>-->
+      <!--<div class="span6">-->
+        <!--<div class="info-details">-->
+          <!--<h1>icon-{{ page.icon['id'] }}</h1>-->
+          <!--<dl class="dl-horizontal">-->
+            <!--<dt>Icon</dt>-->
+            <!--<dd><i class="icon-{{ page.icon['id'] }}"></i></dd>-->
+
+            <!--<dt>Unicode</dt>-->
+            <!--<dd>{{ page.icon['unicode'] }}</dd>-->
+
+            <!--<dt>Created</dt>-->
+            <!--<dd>v{{ page.icon['created'] }}</dd>-->
+
+            <!--{% if page.icon['categories'] %}-->
+            <!--<dt>Categories</dt>-->
+            <!--<dd>-->
+              <!--{% for category in page.icon['categories'] %}-->
+              <!--{{ category }}<br>-->
+              <!--{% endfor %}-->
+            <!--</dd>-->
+            <!--{% endif %}-->
+
+            <!--{% if page.icon['aliases'] %}-->
+            <!--<dt>Aliases</dt>-->
+            <!--<dd>-->
+              <!--{% for alias in page.icon['aliases'] %}-->
+              <!--{{ alias }}<br>-->
+              <!--{% endfor %}-->
+            <!--</dd>-->
+            <!--{% endif %}-->
+          <!--</dl>-->
+        <!--</div>-->
+      <!--</div>-->
+    <!--</div>-->
+
+
+
+  </div>
+</div>
+
+
 <div class="container">
   <section>
-    <dl class="dl-horizontal">
-      <dt>Icon</dt>
-      <dd><i class="icon-{{ page.icon['id'] }}"></i></dd>
-
-      <dt>Icon Class</dt>
-      <dd>icon-{{ page.icon['id'] }}</dd>
-
-      <dt>Unicode</dt>
-      <dd>{{ page.icon['unicode'] }}</dd>
-
-      <dt>Created</dt>
-      <dd>v{{ page.icon['created'] }}</dd>
-
-    {% if page.icon['categories'] %}
-      <dt>Categories</dt>
-      <dd>
-      {% for category in page.icon['categories'] %}
-        {{ category }}<br>
-      {% endfor %}
-      </dd>
-    {% endif %}
-
-    {% if page.icon['aliases'] %}
-      <dt>Aliases</dt>
-      <dd>
-      {% for alias in page.icon['aliases'] %}
-        {{ alias }}<br>
-      {% endfor %}
-      </dd>
-    {% endif %}
-    </dl>
+    <div class="row-fluid">
+      <div class="span9">
+        <p>After you get <a href="{{ site.baseurl }}integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="icon-{{ page.icon['id'] }}"></i> icon-{{ page.icon['id'] }}
+          </div>
+        </div>
+{% highlight html %}
+<i class="icon-{{ page.icon['id'] }}"></i> icon-{{ page.icon['id'] }}
+{% endhighlight %}
+        <br>
+        <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="{{ site.baseurl }}examples/">examples</a>.</div>
+      </div>
+      <div class="span3">
+        <div class="info-ad">{% include ads/carbon-light-vertical.html %}</div>
+      </div>
+    </div>
   </section>
 </div>
diff --git a/build/assets/css/font-awesome.css b/build/assets/css/font-awesome.css
index 71550e3df..cccfae44a 100644
--- a/build/assets/css/font-awesome.css
+++ b/build/assets/css/font-awesome.css
@@ -178,6 +178,15 @@ ul.icons li [class*=" icon-"] {
   -moz-border-radius: 6px;
   border-radius: 6px;
 }
+.icon-5x {
+  font-size: 5em;
+}
+.icon-5x.icon-border {
+  border-width: 5px;
+  -webkit-border-radius: 7px;
+  -moz-border-radius: 7px;
+  border-radius: 7px;
+}
 .pull-right {
   float: right;
 }
@@ -1134,3 +1143,6 @@ ul.icons li [class*=" icon-"] {
 .icon-rocket:before {
   content: "\f135";
 }
+.icon-maxcdn:before {
+  content: "\f136";
+}
diff --git a/build/assets/css/site.css b/build/assets/css/site.css
index 6fa709bc7..1b9471f51 100644
--- a/build/assets/css/site.css
+++ b/build/assets/css/site.css
@@ -5266,14 +5266,14 @@ body {
   min-width: 990px;
 }
 .wrapper {
-  margin: 0 auto -191px;
+  margin: 0 auto -211px;
 }
 .push {
-  height: 191px;
+  height: 211px;
 }
 .footer {
   margin-top: 40px;
-  height: 90px;
+  height: 110px;
   padding: 30px 0 30px;
 }
 .navbar .brand {
@@ -5285,6 +5285,9 @@ body {
 .navbar .nav > li > a {
   padding: 12px 10px 9px;
 }
+.navbar .nav.pull-right {
+  margin-right: -10px;
+}
 h1,
 h2,
 h3,
@@ -5368,6 +5371,9 @@ h6 {
   color: #ce938e;
   text-shadow: none;
 }
+.jumbotron .carbonad {
+  text-shadow: none;
+}
 .jumbotron-ad {
   padding: 20px 0;
 }
@@ -5377,6 +5383,65 @@ h6 {
 .jumbotron-ad p {
   margin-bottom: 35px;
 }
+.jumbotron-icon {
+  padding: 20px 0 30px;
+  background-color: #eeeeee;
+  color: #222222;
+  text-shadow: 1px 1px 1px #ffffff;
+  border-bottom: solid 1px #c4c4c4;
+}
+.jumbotron-icon h1 {
+  color: #222222;
+  font-size: 40px;
+}
+.jumbotron-icon h1 small {
+  letter-spacing: normal;
+  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  margin-left: 20px;
+}
+.jumbotron-icon .info-details {
+  float: left;
+}
+.jumbotron-icon .info-details p {
+  margin: 25px 0;
+  font-weight: bold;
+}
+.jumbotron-icon .info-details .dl-horizontal dt {
+  width: 80px;
+}
+.jumbotron-icon .info-details .dl-horizontal dd {
+  margin-left: 95px;
+}
+.jumbotron-icon .icon-2 {
+  font-size: 2em;
+}
+.jumbotron-icon .icon-3 {
+  font-size: 4em;
+}
+.jumbotron-icon .icon-4 {
+  font-size: 7em;
+}
+.jumbotron-icon .icon-5 {
+  font-size: 12em;
+}
+.jumbotron-icon .icon-6 {
+  font-size: 20em;
+}
+.jumbotron-icon .icon-1,
+.jumbotron-icon .icon-2,
+.jumbotron-icon .icon-3,
+.jumbotron-icon .icon-4,
+.jumbotron-icon .icon-5,
+.jumbotron-icon .icon-6 {
+  margin-right: 0.07142857142857142em;
+}
+.info-ad {
+  float: right;
+  width: 154px;
+  height: 219px;
+  margin-left: 15px;
+}
 .btn-github {
   color: #ffffff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
diff --git a/build/assets/font/FontAwesome.otf b/build/assets/font/FontAwesome.otf
index 534d0555763b2816ace204e78c4b2cb0609a7bb8..4673fe60e065da438d33be1a09b98727533e84b0 100644
GIT binary patch
delta 5795
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

delta 5664
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
RqK8!1fYZ(C3o%r7{|lk}(EtDd

diff --git a/build/assets/js/index/index.js b/build/assets/js/index/index.js
index e964a5fee..458021d80 100644
--- a/build/assets/js/index/index.js
+++ b/build/assets/js/index/index.js
@@ -5,6 +5,7 @@ $(function() {
   });
 
   // make code pretty
+  $('pre').addClass('prettyprint');
   window.prettyPrint && prettyPrint();
 
   // inject twitter & github counts
diff --git a/build/assets/less/font-awesome.less b/build/assets/less/font-awesome.less
index 95d421304..3acb53ed7 100644
--- a/build/assets/less/font-awesome.less
+++ b/build/assets/less/font-awesome.less
@@ -181,6 +181,15 @@ ul.icons {
   }
 }
 
+.icon-5x {
+  font-size: 5em;
+  &.icon-border {
+    border-width: 5px;
+    .border-radius(7px);
+  }
+}
+
+
 // Floats
 // -------------------------
 
@@ -572,3 +581,4 @@ ul.icons {
 .icon-calendar-empty:before       { content: "\f133"; }
 .icon-fire-extinguisher:before    { content: "\f134"; }
 .icon-rocket:before               { content: "\f135"; }
+.icon-maxcdn:before               { content: "\f136"; }
diff --git a/build/assets/less/site.less b/build/assets/less/site.less
index 6372ac2c0..457d40b58 100644
--- a/build/assets/less/site.less
+++ b/build/assets/less/site.less
@@ -13,6 +13,8 @@
 
 .navbar .nav > li > a { padding: 12px 10px 9px; }
 
+.navbar .nav.pull-right { margin-right: -10px; }
+
 h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
 
 #iconCarousel {
@@ -113,6 +115,7 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
     color: mix(@white, @red, 50%);
     text-shadow: none;
   }
+  .carbonad { text-shadow: none; }
 }
 
 .jumbotron-ad {
@@ -121,6 +124,59 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
   p { margin-bottom: 35px; }
 }
 
+.jumbotron-icon {
+  padding: 20px 0 30px;
+  background-color: @grayLighter;
+  color: @grayDarker;
+  text-shadow: 1px 1px 1px @white;
+  border-bottom: solid 1px mix(@grayLight, @grayLighter, 50%);
+
+  h1 {
+    color: @grayDarker;
+    font-size: 40px;
+//    margin: 25px 0 20px;
+    small {
+      letter-spacing: normal;
+      font-family: @sansFontFamily;
+      font-size: @baseFontSize;
+      margin-left: 20px;
+    }
+  }
+
+  .info-icons {
+//    margin-top: 10px;
+//    text-align: center;
+  }
+  .info-class {
+
+  }
+  .info-details {
+    float: left;
+    p {
+      margin: 25px 0;
+      font-weight: bold;
+    }
+    .dl-horizontal {
+      dt { width: @horizontalComponentOffset - 100; }
+      dd { margin-left: @horizontalComponentOffset - 85; }
+    }
+  }
+  .icon-2 { font-size: 2em; }
+  .icon-3 { font-size: 4em; }
+  .icon-4 { font-size: 7em; }
+  .icon-5 { font-size: 12em; }
+  .icon-6 { font-size: 20em; }
+
+  .icon-1, .icon-2, .icon-3, .icon-4, .icon-5, .icon-6 { margin-right: 1/14em; }
+}
+
+.info-ad {
+  float: right;
+  width: 154px;
+  height: 219px;
+  margin-left: 15px;
+}
+
 .btn-github {
   .buttonBackground(@white, mix(@grayLighter, @grayLight, 50%));
 }
diff --git a/build/assets/less/sticky-footer.less b/build/assets/less/sticky-footer.less
index 794572454..3b04b360b 100755
--- a/build/assets/less/sticky-footer.less
+++ b/build/assets/less/sticky-footer.less
@@ -24,4 +24,4 @@ html, body {
 //  }
 }
 
-.sticky-footer(90px, 30px, 30px, 40px); // sets default values for sticky footer
\ No newline at end of file
+.sticky-footer(110px, 30px, 30px, 40px); // sets default values for sticky footer
\ No newline at end of file
diff --git a/build/examples/index.html b/build/examples/index.html
index 457dd7808..4b8ada5c0 100644
--- a/build/examples/index.html
+++ b/build/examples/index.html
@@ -4,7 +4,7 @@ title: Font Awesome Examples
 navbar_active: examples
 ---
 {% capture jumbotron_h1 %}<i class="icon-magic icon-large"></i>&nbsp; Examples{% endcapture %}
-{% capture jumbotron_p %}Some great examples of easy ways to use Font Awesome{% endcapture %}
+{% capture jumbotron_p %}Lots of easy ways to use Font Awesome{% endcapture %}
 
 {% include jumbotron.html %}
 {% include stripe-social.html %}
diff --git a/build/icons.yml b/build/icons.yml
index cecaa2584..d7869b414 100755
--- a/build/icons.yml
+++ b/build/icons.yml
@@ -1986,3 +1986,10 @@ icons:
     created:    3.1.0
     categories:
       - Web Application Icons 
+
+  - name:       MaxCDN
+    id:         maxcdn
+    unicode:    f136
+    created:    3.1.0
+    categories:
+      - Web Application Icons