+ Open the PDF in Adobe Illustrator. You'll notice the file has dimensions of 60x56. This is exactly 4x the
+ max icon size of 15 wide by 14 tall. The template is an example of the flag icon to use as a guide.
+
+
+ Design your icon. In order to make it into the set, your icon must look pixel perfect. The easiest way to do
+ this is to make sure your line widths in the template are some multiple of 4px. Diagonals are rough, too.
+ Don't split pixels right down the middle, as they blur more when rendering. Zoom out to 25% to get a good idea
+ of how it will render in the font.
+
+
+ Submit your icon. Drop me an email at dave@davegandy.com. Make sure to
+ use the subject [Font Awesome] [Icon Contribution] icon-name and attach your PDF file. If your
+ icon makes it into Font Awesome (I'm keeping a very tight reign on quality), I'll ask what contact info you'd
+ like to use for attribution.
+
+
+ Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
+ Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. Lots of new possibilities.
+
+ If your icons are getting chopped off on top and bottom, make sure you have
+ sufficient line-height.
+
+
+
+
+
+
Animated Spinner
+
+
+
+ Use the icon-spin class to get any icon to rotate. Works best with icon-spinner and
+ icon-refresh.
+
+
+
+
+ Spinner icon when loading content...
+
+
+<i class="icon-spinner icon-spin"></i> Spinner icon when loading content...
+
+
+ CSS3 animations aren't supported in IE7 - IE9.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Bordered & Pulled Icons
+
+
+
+ Use icon-border and pull-right or pull-left for easy pull quotes or
+ article graphics.
+
+
+
+
+
+ Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
+ Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
+ of them in any combination to get lots of new possibilities.
+
+
+<i class="icon-quote-left icon-4x pull-left icon-muted"></i>
+Use a few of the new styles together ... lots of new possibilities.
+
+
+
+ Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
+ Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
+ of them in any combination to get lots of new possibilities.
+
+
+<i class="icon-flag icon-4x pull-left icon-border"></i>
+Use a few of the new styles together ... lots of new possibilities.
+
+ You asked, Font Awesome delivers with 40 shiny new icons in version {{ site.font-awesome.version }}. New icons can be requested on the
+ Font Awesome GitHub project. Or even
+ better, you can contribute your own icons.
+
+ Hopefully you think Font Awesome is awesome. I've put hundreds of hours into the project to give back to the
+ open source community. If you'd like, here are a couple of ways you can tell me thanks for all my hard work.
+
+ Special thanks to @robmadole and
+ @supercodepoet for icon design
+ review, advice, and some backbone.js help.
+
+
+ Special thanks to @grantgordon and
+ @johnsmclay for developing
+ icnfnt, the best way to subset Font Awesome to get just the
+ icons you need.
+
+
\ No newline at end of file
diff --git a/build/_includes/stripe-social.html b/build/_includes/stripe-social.html
new file mode 100644
index 000000000..6c51bcb9a
--- /dev/null
+++ b/build/_includes/stripe-social.html
@@ -0,0 +1,31 @@
+
+{% include footer.html %}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/build/_layouts/icon.html b/build/_layouts/icon.html
new file mode 100755
index 000000000..9955f202f
--- /dev/null
+++ b/build/_layouts/icon.html
@@ -0,0 +1,39 @@
+---
+layout: base
+title_prefix: Font Awesome Icons
+---
+
+
+
+
Icon
+
+
+
Icon Class
+
icon-{{ page.icon['id'] }}
+
+
Unicode
+
{{ page.icon['unicode'] }}
+
+
Created
+
v{{ page.icon['created'] }}
+
+ {% if page.icon['categories'] %}
+
Categories
+
+ {% for category in page.icon['categories'] %}
+ {{ category }}
+ {% endfor %}
+
+ {% endif %}
+
+ {% if page.icon['aliases'] %}
+
Aliases
+
+ {% for alias in page.icon['aliases'] %}
+ {{ alias }}
+ {% endfor %}
+
+ {% endif %}
+
+
+
diff --git a/build/_plugins/icon_page_generator.rb b/build/_plugins/icon_page_generator.rb
new file mode 100755
index 000000000..fb370119d
--- /dev/null
+++ b/build/_plugins/icon_page_generator.rb
@@ -0,0 +1,48 @@
+##
+# Create individual pages for each icon in the FontAwesome set
+
+require 'yaml'
+
+module Jekyll
+
+ class IconPage < Page
+
+ ##
+ # Take a single icon and render a page for it.
+
+ def initialize(site, base, dir, icon)
+ @site = site
+ @base = base
+ @dir = dir
+ @name = "#{icon['id']}/index.html"
+ @icon = icon
+
+ self.process(@name)
+
+ self.read_yaml(File.join(base, site.config['layouts']), site.config['icon_layout'])
+
+ self.data['icon'] = icon
+ self.data['title'] = self.data['title_prefix'] + " — #{icon['name']}"
+ end
+
+ end
+
+ class IconGenerator < Generator
+
+ ##
+ # Iterate over every described icon in a YAML file and create a page for it
+
+ safe true
+
+ def generate(site)
+ icon_meta_filename = site.config['icon_meta']
+ icon_meta = YAML.load_file(icon_meta_filename)
+
+ icon_meta['icons'].each do |icon|
+ site.pages << IconPage.new(site, site.source, site.config['icon_destination'], icon)
+ end
+ end
+
+ end
+
+end
diff --git a/docs/assets/css/font-awesome-ie7.css b/build/assets/css/font-awesome-ie7.css
similarity index 100%
rename from docs/assets/css/font-awesome-ie7.css
rename to build/assets/css/font-awesome-ie7.css
diff --git a/docs/assets/css/font-awesome-ie7.min.css b/build/assets/css/font-awesome-ie7.min.css
similarity index 100%
rename from docs/assets/css/font-awesome-ie7.min.css
rename to build/assets/css/font-awesome-ie7.min.css
diff --git a/docs/assets/css/font-awesome.css b/build/assets/css/font-awesome.css
similarity index 99%
rename from docs/assets/css/font-awesome.css
rename to build/assets/css/font-awesome.css
index 5379d8190..71550e3df 100644
--- a/docs/assets/css/font-awesome.css
+++ b/build/assets/css/font-awesome.css
@@ -1128,3 +1128,9 @@ ul.icons li [class*=" icon-"] {
.icon-calendar-empty:before {
content: "\f133";
}
+.icon-fire-extinguisher:before {
+ content: "\f134";
+}
+.icon-rocket:before {
+ content: "\f135";
+}
diff --git a/docs/assets/css/font-awesome.min.css b/build/assets/css/font-awesome.min.css
similarity index 100%
rename from docs/assets/css/font-awesome.min.css
rename to build/assets/css/font-awesome.min.css
diff --git a/docs/assets/css/prettify.css b/build/assets/css/prettify.css
similarity index 100%
rename from docs/assets/css/prettify.css
rename to build/assets/css/prettify.css
diff --git a/docs/assets/css/site.css b/build/assets/css/site.css
similarity index 99%
rename from docs/assets/css/site.css
rename to build/assets/css/site.css
index dffe41e3c..6fa709bc7 100644
--- a/docs/assets/css/site.css
+++ b/build/assets/css/site.css
@@ -5253,14 +5253,30 @@ a.badge:focus {
.affix {
position: fixed;
}
-.text-align-right {
- text-align: right;
+html,
+body {
+ height: 100%;
}
-.text-align-center {
- text-align: center;
+.wrapper {
+ min-height: 100%;
+ height: auto !important;
+ height: 100%;
+}
+.footer {
+ min-width: 990px;
+}
+.wrapper {
+ margin: 0 auto -191px;
+}
+.push {
+ height: 191px;
+}
+.footer {
+ margin-top: 40px;
+ height: 90px;
+ padding: 30px 0 30px;
}
.navbar .brand {
- color: #ffffff;
font-family: museo-slab, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar .brand .icon-flag {
@@ -5302,7 +5318,7 @@ h6 {
.jumbotron {
background: #9d261d;
border-bottom: 1px solid #721c15;
- padding: 90px 0 48px;
+ padding: 48px 0;
text-shadow: 2px 2px 2px #333333;
}
.jumbotron,
@@ -5316,10 +5332,13 @@ h6 {
}
.jumbotron p {
margin-top: 15px;
- margin-bottom: 30px;
+ margin-bottom: 15px;
font-size: 30px;
line-height: 1.3;
}
+.jumbotron .actions {
+ margin-top: 30px;
+}
.jumbotron ul {
margin-left: 50px;
}
@@ -5349,6 +5368,15 @@ h6 {
color: #ce938e;
text-shadow: none;
}
+.jumbotron-ad {
+ padding: 20px 0;
+}
+.jumbotron-ad h1 {
+ margin-top: 25px;
+}
+.jumbotron-ad p {
+ margin-bottom: 35px;
+}
.btn-github {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
@@ -5395,12 +5423,15 @@ section {
padding-top: 40px;
}
#social-buttons {
- padding: 22px 0;
+ padding: 22px 0 17px;
text-align: center;
background-color: #f5f5f5;
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
}
+#social-buttons ul.unstyled {
+ margin: 0;
+}
#social-buttons .btn {
font-weight: bold;
padding: 0px 5px;
@@ -5414,11 +5445,16 @@ section {
#social-buttons .fork {
margin-right: 30px;
}
+.carbonad-horizontal {
+ width: 310px;
+ margin: 20px auto 10px;
+}
.the-icons {
list-style-type: none;
margin: 0;
}
-.the-icons li {
+.the-icons li a {
+ display: block;
cursor: pointer;
line-height: 32px;
height: 32px;
@@ -5427,21 +5463,26 @@ section {
-moz-border-radius: 6px;
border-radius: 6px;
}
-.the-icons li [class^="icon-"],
-.the-icons li [class*=" icon-"] {
+.the-icons li a,
+.the-icons li a:hover {
+ color: #222222;
+}
+.the-icons li a [class^="icon-"],
+.the-icons li a [class*=" icon-"] {
width: 32px;
font-size: 14px;
}
-.the-icons li:hover {
+.the-icons li a:hover {
+ text-decoration: none;
background-color: #fbf4f4;
}
-.the-icons li:hover [class^="icon-"],
-.the-icons li:hover [class*=" icon-"] {
+.the-icons li a:hover [class^="icon-"],
+.the-icons li a:hover [class*=" icon-"] {
*font-size: 28px;
*vertical-align: middle;
}
-.the-icons li:hover [class^="icon-"]:before,
-.the-icons li:hover [class*=" icon-"]:before {
+.the-icons li a:hover [class^="icon-"]:before,
+.the-icons li a:hover [class*=" icon-"]:before {
font-size: 28px;
vertical-align: -5px;
}
@@ -5659,3 +5700,6 @@ footer a:hover {
footer ul {
line-height: 25px;
}
+footer .project {
+ margin-top: 10px;
+}
diff --git a/build/assets/font/FontAwesome.otf b/build/assets/font/FontAwesome.otf
new file mode 100644
index 000000000..534d05557
Binary files /dev/null and b/build/assets/font/FontAwesome.otf differ
diff --git a/docs/assets/font/fontawesome-webfont.eot b/build/assets/font/fontawesome-webfont.eot
similarity index 100%
rename from docs/assets/font/fontawesome-webfont.eot
rename to build/assets/font/fontawesome-webfont.eot
diff --git a/docs/assets/font/fontawesome-webfont.svg b/build/assets/font/fontawesome-webfont.svg
similarity index 100%
rename from docs/assets/font/fontawesome-webfont.svg
rename to build/assets/font/fontawesome-webfont.svg
diff --git a/docs/assets/font/fontawesome-webfont.ttf b/build/assets/font/fontawesome-webfont.ttf
similarity index 100%
rename from docs/assets/font/fontawesome-webfont.ttf
rename to build/assets/font/fontawesome-webfont.ttf
diff --git a/docs/assets/font/fontawesome-webfont.woff b/build/assets/font/fontawesome-webfont.woff
similarity index 100%
rename from docs/assets/font/fontawesome-webfont.woff
rename to build/assets/font/fontawesome-webfont.woff
diff --git a/docs/assets/ico/favicon.ico b/build/assets/ico/favicon.ico
similarity index 100%
rename from docs/assets/ico/favicon.ico
rename to build/assets/ico/favicon.ico
diff --git a/docs/assets/img/contribution-sample.png b/build/assets/img/contribution-sample.png
similarity index 100%
rename from docs/assets/img/contribution-sample.png
rename to build/assets/img/contribution-sample.png
diff --git a/docs/assets/img/fort_awesome.jpg b/build/assets/img/fort_awesome.jpg
similarity index 100%
rename from docs/assets/img/fort_awesome.jpg
rename to build/assets/img/fort_awesome.jpg
diff --git a/docs/assets/img/glyphicons-halflings-white.png b/build/assets/img/glyphicons-halflings-white.png
similarity index 100%
rename from docs/assets/img/glyphicons-halflings-white.png
rename to build/assets/img/glyphicons-halflings-white.png
diff --git a/docs/assets/img/glyphicons-halflings.png b/build/assets/img/glyphicons-halflings.png
similarity index 100%
rename from docs/assets/img/glyphicons-halflings.png
rename to build/assets/img/glyphicons-halflings.png
diff --git a/docs/assets/img/icon-flag.pdf b/build/assets/img/icon-flag.pdf
similarity index 100%
rename from docs/assets/img/icon-flag.pdf
rename to build/assets/img/icon-flag.pdf
diff --git a/docs/assets/js/backbone.min.js b/build/assets/js/backbone.min.js
similarity index 100%
rename from docs/assets/js/backbone.min.js
rename to build/assets/js/backbone.min.js
diff --git a/docs/assets/js/bootstrap-222.min.js b/build/assets/js/bootstrap-222.min.js
similarity index 100%
rename from docs/assets/js/bootstrap-222.min.js
rename to build/assets/js/bootstrap-222.min.js
diff --git a/build/assets/js/index/index.js b/build/assets/js/index/index.js
new file mode 100644
index 000000000..e964a5fee
--- /dev/null
+++ b/build/assets/js/index/index.js
@@ -0,0 +1,27 @@
+$(function() {
+ // start the icon carousel
+ $('#iconCarousel').carousel({
+ interval: 5000
+ });
+
+ // make code pretty
+ window.prettyPrint && prettyPrint();
+
+ // inject twitter & github counts
+ $.ajax({
+ url: 'http://api.twitter.com/1/users/show.json',
+ data: {screen_name: 'fortaweso_me'},
+ dataType: 'jsonp',
+ success: function(data) {
+ $('#followers').html(data.followers_count);
+ }
+ });
+ $.ajax({
+ url: 'https://api.github.com/repos/fortawesome/Font-Awesome',
+ dataType: 'jsonp',
+ success: function(data) {
+ $('#watchers').html(data.data.watchers);
+ $('#forks').html(data.data.forks);
+ }
+ });
+});
diff --git a/docs/assets/js/jquery-1.7.1.min.js b/build/assets/js/jquery-1.7.1.min.js
similarity index 100%
rename from docs/assets/js/jquery-1.7.1.min.js
rename to build/assets/js/jquery-1.7.1.min.js
diff --git a/docs/assets/js/prettify.min.js b/build/assets/js/prettify.min.js
similarity index 100%
rename from docs/assets/js/prettify.min.js
rename to build/assets/js/prettify.min.js
diff --git a/docs/assets/js/underscore.min.js b/build/assets/js/underscore.min.js
similarity index 100%
rename from docs/assets/js/underscore.min.js
rename to build/assets/js/underscore.min.js
diff --git a/docs/assets/less/font-awesome-ie7.less b/build/assets/less/font-awesome-ie7.less
similarity index 100%
rename from docs/assets/less/font-awesome-ie7.less
rename to build/assets/less/font-awesome-ie7.less
diff --git a/docs/assets/less/font-awesome.less b/build/assets/less/font-awesome.less
similarity index 99%
rename from docs/assets/less/font-awesome.less
rename to build/assets/less/font-awesome.less
index 870cd0268..95d421304 100644
--- a/docs/assets/less/font-awesome.less
+++ b/build/assets/less/font-awesome.less
@@ -570,3 +570,5 @@ ul.icons {
.icon-microphone-off:before { content: "\f131"; }
.icon-shield:before { content: "\f132"; }
.icon-calendar-empty:before { content: "\f133"; }
+.icon-fire-extinguisher:before { content: "\f134"; }
+.icon-rocket:before { content: "\f135"; }
diff --git a/docs/assets/less/mixins.less b/build/assets/less/mixins.less
similarity index 77%
rename from docs/assets/less/mixins.less
rename to build/assets/less/mixins.less
index 9266d52f7..2ae1efc89 100644
--- a/docs/assets/less/mixins.less
+++ b/build/assets/less/mixins.less
@@ -40,4 +40,19 @@
line-height: @size * 1.1;
height: @size * @height-multiplier * 1.05;
text-align: center;
-}
\ No newline at end of file
+}
+
+.sticky-footer (@footer-height: @baseLineHeight * 4, @footer-padding-top: 70px, @footer-padding-bottom: 70px, @footer-margin-top: 70px) {
+ .wrapper {
+ margin: 0 auto -(@footer-height + @footer-padding-bottom + @footer-padding-top + @footer-margin-top + 1);
+ }
+ .push {
+ height: @footer-height + @footer-padding-bottom + @footer-padding-top + @footer-margin-top + 1;
+ }
+
+ .footer {
+ margin-top: @footer-margin-top;
+ height: @footer-height;
+ padding: @footer-padding-top 0 @footer-padding-bottom;
+ }
+}
diff --git a/docs/assets/less/site.less b/build/assets/less/site.less
similarity index 86%
rename from docs/assets/less/site.less
rename to build/assets/less/site.less
index a58110570..6372ac2c0 100644
--- a/docs/assets/less/site.less
+++ b/build/assets/less/site.less
@@ -1,14 +1,12 @@
@import "twbs-2.3.1/bootstrap.less";
+@import "sticky-footer.less";
@import "mixins.less";
@import "variables.less";
-.text-align-right { text-align: right; }
-.text-align-center { text-align: center; }
-
.navbar .brand {
// padding: 11px 20px 9px;
- color: @white;
+// color: @white;
font-family: @serifFontFamily;
.icon-flag { padding-right: 3px; }
}
@@ -39,21 +37,10 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
}
}
-
-//a[href^='http://'] {
-// &:after {
-// font-family: FontAwesome;
-// content: "\0020 \f08e";
-// &:hover {
-// text-decoration: none;
-// }
-// }
-//}
-
.jumbotron {
background: @red;
border-bottom: 1px solid @redDark;
- padding: 90px 0 48px;
+ padding: 48px 0;
// #gradient > .radial( lighten(@red, 10%), @red);
// background-color: @red;
&, h1 { color: @white; }
@@ -77,10 +64,11 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
}
p {
margin-top: 15px;
- margin-bottom: 30px;
+ margin-bottom: 15px;
font-size: 30px;
line-height: 1.3;
}
+ .actions { margin-top: 30px;}
text-shadow: 2px 2px 2px @grayDark;
ul {
margin-left: 50px;
@@ -127,6 +115,12 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
}
}
+.jumbotron-ad {
+ padding: 20px 0;
+ h1 { margin-top: 25px; }
+ p { margin-bottom: 35px; }
+}
+
.btn-github {
.buttonBackground(@white, mix(@grayLighter, @grayLight, 50%));
}
@@ -145,7 +139,9 @@ section {
}
#social-buttons {
- padding: 22px 0;
+ ul.unstyled { margin: 0; }
+
+ padding: 22px 0 17px;
text-align: center;
background-color: #f5f5f5;
border-top: 1px solid #fff;
@@ -166,39 +162,49 @@ section {
}
}
+.carbonad-horizontal {
+ width: 310px;
+ margin: 20px auto 10px;
+}
+
.the-icons {
list-style-type: none;
margin: 0;
li {
- cursor: pointer;
- line-height: 32px;
- height: 32px;
- padding-left: 12px;
- .border-radius(6px);
-// vertical-align: middle;
+ a {
+ display: block;
+ &, &:hover { color: @grayDarker; }
- [class^="icon-"],
- [class*=" icon-"] {
- width: 32px;
- font-size: 14px;
- }
- &:hover {
- background-color: lighten(@errorBackground, 6%);
- [class^="icon-"], [class*=" icon-"] {
- *font-size: 28px;
- *vertical-align: middle;
+ cursor: pointer;
+ line-height: 32px;
+ height: 32px;
+ padding-left: 12px;
+ .border-radius(6px);
+
+ [class^="icon-"],
+ [class*=" icon-"] {
+ width: 32px;
+ font-size: 14px;
}
- [class^="icon-"]:before,
- [class*=" icon-"]:before {
- font-size: 28px;
- vertical-align: -5px;
+ &:hover {
+ text-decoration: none;
+ background-color: lighten(@errorBackground, 6%);
+ [class^="icon-"], [class*=" icon-"] {
+ *font-size: 28px;
+ *vertical-align: middle;
+ }
+
+ [class^="icon-"]:before,
+ [class*=" icon-"]:before {
+ font-size: 28px;
+ vertical-align: -5px;
+ }
}
}
}
}
-
#why, #whats-new {
.row {
margin-bottom: 20px;
@@ -370,4 +376,6 @@ footer {
// margin-left: 30px;
line-height: 25px;
}
+
+ .project { margin-top: 10px; }
}
diff --git a/build/assets/less/sticky-footer.less b/build/assets/less/sticky-footer.less
new file mode 100755
index 000000000..794572454
--- /dev/null
+++ b/build/assets/less/sticky-footer.less
@@ -0,0 +1,27 @@
+//
+// Sticky Footer
+// --------------------------------------------------
+// make sure to set .sticky-footer()
+
+html, body {
+ height: 100%;
+}
+.wrapper {
+ min-height: 100%;
+ height: auto !important;
+ height: 100%;
+}
+
+.footer {
+ min-width: 990px; // necessary fix for non-responsive layouts
+// border-top: 1px solid @grayLighter;
+// background-color: #f5f5f5;
+
+// color: #777;
+
+// p {
+// margin-bottom: 0;
+// }
+}
+
+.sticky-footer(90px, 30px, 30px, 40px); // sets default values for sticky footer
\ No newline at end of file
diff --git a/docs/assets/less/twbs-2.3.1/accordion.less b/build/assets/less/twbs-2.3.1/accordion.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/accordion.less
rename to build/assets/less/twbs-2.3.1/accordion.less
diff --git a/docs/assets/less/twbs-2.3.1/alerts.less b/build/assets/less/twbs-2.3.1/alerts.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/alerts.less
rename to build/assets/less/twbs-2.3.1/alerts.less
diff --git a/docs/assets/less/twbs-2.3.1/bootstrap.less b/build/assets/less/twbs-2.3.1/bootstrap.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/bootstrap.less
rename to build/assets/less/twbs-2.3.1/bootstrap.less
diff --git a/docs/assets/less/twbs-2.3.1/breadcrumbs.less b/build/assets/less/twbs-2.3.1/breadcrumbs.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/breadcrumbs.less
rename to build/assets/less/twbs-2.3.1/breadcrumbs.less
diff --git a/docs/assets/less/twbs-2.3.1/button-groups.less b/build/assets/less/twbs-2.3.1/button-groups.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/button-groups.less
rename to build/assets/less/twbs-2.3.1/button-groups.less
diff --git a/docs/assets/less/twbs-2.3.1/buttons.less b/build/assets/less/twbs-2.3.1/buttons.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/buttons.less
rename to build/assets/less/twbs-2.3.1/buttons.less
diff --git a/docs/assets/less/twbs-2.3.1/carousel.less b/build/assets/less/twbs-2.3.1/carousel.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/carousel.less
rename to build/assets/less/twbs-2.3.1/carousel.less
diff --git a/docs/assets/less/twbs-2.3.1/close.less b/build/assets/less/twbs-2.3.1/close.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/close.less
rename to build/assets/less/twbs-2.3.1/close.less
diff --git a/docs/assets/less/twbs-2.3.1/code.less b/build/assets/less/twbs-2.3.1/code.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/code.less
rename to build/assets/less/twbs-2.3.1/code.less
diff --git a/docs/assets/less/twbs-2.3.1/component-animations.less b/build/assets/less/twbs-2.3.1/component-animations.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/component-animations.less
rename to build/assets/less/twbs-2.3.1/component-animations.less
diff --git a/docs/assets/less/twbs-2.3.1/dropdowns.less b/build/assets/less/twbs-2.3.1/dropdowns.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/dropdowns.less
rename to build/assets/less/twbs-2.3.1/dropdowns.less
diff --git a/docs/assets/less/twbs-2.3.1/forms.less b/build/assets/less/twbs-2.3.1/forms.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/forms.less
rename to build/assets/less/twbs-2.3.1/forms.less
diff --git a/docs/assets/less/twbs-2.3.1/grid.less b/build/assets/less/twbs-2.3.1/grid.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/grid.less
rename to build/assets/less/twbs-2.3.1/grid.less
diff --git a/docs/assets/less/twbs-2.3.1/hero-unit.less b/build/assets/less/twbs-2.3.1/hero-unit.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/hero-unit.less
rename to build/assets/less/twbs-2.3.1/hero-unit.less
diff --git a/docs/assets/less/twbs-2.3.1/labels-badges.less b/build/assets/less/twbs-2.3.1/labels-badges.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/labels-badges.less
rename to build/assets/less/twbs-2.3.1/labels-badges.less
diff --git a/docs/assets/less/twbs-2.3.1/layouts.less b/build/assets/less/twbs-2.3.1/layouts.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/layouts.less
rename to build/assets/less/twbs-2.3.1/layouts.less
diff --git a/docs/assets/less/twbs-2.3.1/media.less b/build/assets/less/twbs-2.3.1/media.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/media.less
rename to build/assets/less/twbs-2.3.1/media.less
diff --git a/docs/assets/less/twbs-2.3.1/mixins.less b/build/assets/less/twbs-2.3.1/mixins.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/mixins.less
rename to build/assets/less/twbs-2.3.1/mixins.less
diff --git a/docs/assets/less/twbs-2.3.1/modals.less b/build/assets/less/twbs-2.3.1/modals.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/modals.less
rename to build/assets/less/twbs-2.3.1/modals.less
diff --git a/docs/assets/less/twbs-2.3.1/navbar.less b/build/assets/less/twbs-2.3.1/navbar.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/navbar.less
rename to build/assets/less/twbs-2.3.1/navbar.less
diff --git a/docs/assets/less/twbs-2.3.1/navs.less b/build/assets/less/twbs-2.3.1/navs.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/navs.less
rename to build/assets/less/twbs-2.3.1/navs.less
diff --git a/docs/assets/less/twbs-2.3.1/pager.less b/build/assets/less/twbs-2.3.1/pager.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/pager.less
rename to build/assets/less/twbs-2.3.1/pager.less
diff --git a/docs/assets/less/twbs-2.3.1/pagination.less b/build/assets/less/twbs-2.3.1/pagination.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/pagination.less
rename to build/assets/less/twbs-2.3.1/pagination.less
diff --git a/docs/assets/less/twbs-2.3.1/popovers.less b/build/assets/less/twbs-2.3.1/popovers.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/popovers.less
rename to build/assets/less/twbs-2.3.1/popovers.less
diff --git a/docs/assets/less/twbs-2.3.1/progress-bars.less b/build/assets/less/twbs-2.3.1/progress-bars.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/progress-bars.less
rename to build/assets/less/twbs-2.3.1/progress-bars.less
diff --git a/docs/assets/less/twbs-2.3.1/reset.less b/build/assets/less/twbs-2.3.1/reset.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/reset.less
rename to build/assets/less/twbs-2.3.1/reset.less
diff --git a/docs/assets/less/twbs-2.3.1/responsive-1200px-min.less b/build/assets/less/twbs-2.3.1/responsive-1200px-min.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/responsive-1200px-min.less
rename to build/assets/less/twbs-2.3.1/responsive-1200px-min.less
diff --git a/docs/assets/less/twbs-2.3.1/responsive-767px-max.less b/build/assets/less/twbs-2.3.1/responsive-767px-max.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/responsive-767px-max.less
rename to build/assets/less/twbs-2.3.1/responsive-767px-max.less
diff --git a/docs/assets/less/twbs-2.3.1/responsive-768px-979px.less b/build/assets/less/twbs-2.3.1/responsive-768px-979px.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/responsive-768px-979px.less
rename to build/assets/less/twbs-2.3.1/responsive-768px-979px.less
diff --git a/docs/assets/less/twbs-2.3.1/responsive-navbar.less b/build/assets/less/twbs-2.3.1/responsive-navbar.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/responsive-navbar.less
rename to build/assets/less/twbs-2.3.1/responsive-navbar.less
diff --git a/docs/assets/less/twbs-2.3.1/responsive-utilities.less b/build/assets/less/twbs-2.3.1/responsive-utilities.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/responsive-utilities.less
rename to build/assets/less/twbs-2.3.1/responsive-utilities.less
diff --git a/docs/assets/less/twbs-2.3.1/responsive.less b/build/assets/less/twbs-2.3.1/responsive.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/responsive.less
rename to build/assets/less/twbs-2.3.1/responsive.less
diff --git a/docs/assets/less/twbs-2.3.1/scaffolding.less b/build/assets/less/twbs-2.3.1/scaffolding.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/scaffolding.less
rename to build/assets/less/twbs-2.3.1/scaffolding.less
diff --git a/docs/assets/less/twbs-2.3.1/sprites.less b/build/assets/less/twbs-2.3.1/sprites.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/sprites.less
rename to build/assets/less/twbs-2.3.1/sprites.less
diff --git a/docs/assets/less/twbs-2.3.1/tables.less b/build/assets/less/twbs-2.3.1/tables.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/tables.less
rename to build/assets/less/twbs-2.3.1/tables.less
diff --git a/docs/assets/less/twbs-2.3.1/tests/buttons.html b/build/assets/less/twbs-2.3.1/tests/buttons.html
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/tests/buttons.html
rename to build/assets/less/twbs-2.3.1/tests/buttons.html
diff --git a/docs/assets/less/twbs-2.3.1/tests/css-tests.css b/build/assets/less/twbs-2.3.1/tests/css-tests.css
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/tests/css-tests.css
rename to build/assets/less/twbs-2.3.1/tests/css-tests.css
diff --git a/docs/assets/less/twbs-2.3.1/tests/css-tests.html b/build/assets/less/twbs-2.3.1/tests/css-tests.html
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/tests/css-tests.html
rename to build/assets/less/twbs-2.3.1/tests/css-tests.html
diff --git a/docs/assets/less/twbs-2.3.1/tests/forms-responsive.html b/build/assets/less/twbs-2.3.1/tests/forms-responsive.html
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/tests/forms-responsive.html
rename to build/assets/less/twbs-2.3.1/tests/forms-responsive.html
diff --git a/docs/assets/less/twbs-2.3.1/tests/forms.html b/build/assets/less/twbs-2.3.1/tests/forms.html
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/tests/forms.html
rename to build/assets/less/twbs-2.3.1/tests/forms.html
diff --git a/docs/assets/less/twbs-2.3.1/tests/navbar-fixed-top.html b/build/assets/less/twbs-2.3.1/tests/navbar-fixed-top.html
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/tests/navbar-fixed-top.html
rename to build/assets/less/twbs-2.3.1/tests/navbar-fixed-top.html
diff --git a/docs/assets/less/twbs-2.3.1/tests/navbar-static-top.html b/build/assets/less/twbs-2.3.1/tests/navbar-static-top.html
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/tests/navbar-static-top.html
rename to build/assets/less/twbs-2.3.1/tests/navbar-static-top.html
diff --git a/docs/assets/less/twbs-2.3.1/tests/navbar.html b/build/assets/less/twbs-2.3.1/tests/navbar.html
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/tests/navbar.html
rename to build/assets/less/twbs-2.3.1/tests/navbar.html
diff --git a/docs/assets/less/twbs-2.3.1/thumbnails.less b/build/assets/less/twbs-2.3.1/thumbnails.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/thumbnails.less
rename to build/assets/less/twbs-2.3.1/thumbnails.less
diff --git a/docs/assets/less/twbs-2.3.1/tooltip.less b/build/assets/less/twbs-2.3.1/tooltip.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/tooltip.less
rename to build/assets/less/twbs-2.3.1/tooltip.less
diff --git a/docs/assets/less/twbs-2.3.1/type.less b/build/assets/less/twbs-2.3.1/type.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/type.less
rename to build/assets/less/twbs-2.3.1/type.less
diff --git a/docs/assets/less/twbs-2.3.1/utilities.less b/build/assets/less/twbs-2.3.1/utilities.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/utilities.less
rename to build/assets/less/twbs-2.3.1/utilities.less
diff --git a/docs/assets/less/twbs-2.3.1/variables.less b/build/assets/less/twbs-2.3.1/variables.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/variables.less
rename to build/assets/less/twbs-2.3.1/variables.less
diff --git a/docs/assets/less/twbs-2.3.1/wells.less b/build/assets/less/twbs-2.3.1/wells.less
similarity index 100%
rename from docs/assets/less/twbs-2.3.1/wells.less
rename to build/assets/less/twbs-2.3.1/wells.less
diff --git a/docs/assets/less/variables.less b/build/assets/less/variables.less
similarity index 100%
rename from docs/assets/less/variables.less
rename to build/assets/less/variables.less
diff --git a/docs/design.html b/build/design.html
similarity index 92%
rename from docs/design.html
rename to build/design.html
index 2af2905f7..e277bdfeb 100644
--- a/docs/design.html
+++ b/build/design.html
@@ -1,59 +1,11 @@
-
-
-
-
-
-
-
-
- Font Awesome Copy & Paste
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Copy & Paste
-
- Install FontAwesome.otf on your system.
- Then, copy and paste any of these icons to use them in your mockups & designs.
-
-
-
-
+---
+layout: base
+title: Using Font Awesome in Your Designs
+---
+{% capture jumbotron_h1 %} Copy & Paste{% endcapture %}
+{% capture jumbotron_p %}Install FontAwesome.otf on your system. Then, copy and paste any of these icons to use them in your mockups & designs.{% endcapture %}
+{% include jumbotron.html %}
@@ -318,16 +270,4 @@
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/build/examples/index.html b/build/examples/index.html
new file mode 100644
index 000000000..457dd7808
--- /dev/null
+++ b/build/examples/index.html
@@ -0,0 +1,14 @@
+---
+layout: base
+title: Font Awesome Examples
+navbar_active: examples
+---
+{% capture jumbotron_h1 %} Examples{% endcapture %}
+{% capture jumbotron_p %}Some great examples of easy ways to use Font Awesome{% endcapture %}
+
+{% include jumbotron.html %}
+{% include stripe-social.html %}
+
+
+ {% include icons/new.html %}
+ {% include icons/web-app.html %}
+ {% include icons/text-editor.html %}
+ {% include icons/directional.html %}
+ {% include icons/video-player.html %}
+ {% include icons/social.html %}
+ {% include icons/medical.html %}
+
diff --git a/build/index.html b/build/index.html
new file mode 100644
index 000000000..8478c1d04
--- /dev/null
+++ b/build/index.html
@@ -0,0 +1,16 @@
+---
+layout: base
+title: Font Awesome, the iconic font designed for use with Twitter Bootstrap
+navbar_active: home
+---
+
+{% include jumbotron-slider.html %}
+{% include stripe-social.html %}
+
+
+
+ {% include ads/carbon-light-horizontal.html %}
+
+ {% include why.html %}
+ {% include special-thanks.html %}
+
diff --git a/build/integration/index.html b/build/integration/index.html
new file mode 100644
index 000000000..402b94d2c
--- /dev/null
+++ b/build/integration/index.html
@@ -0,0 +1,14 @@
+---
+layout: base
+title: Font Awesome Integration
+navbar_active: integration
+---
+{% capture jumbotron_h1 %} Integration{% endcapture %}
+{% capture jumbotron_p %}Easy ways to get Font Awesome {{ site.font-awesome.version }} up and running{% endcapture %}
+
+{% include jumbotron.html %}
+{% include stripe-social.html %}
+
+
+ {% include integration.html %}
+
diff --git a/build/roadmap/index.html b/build/roadmap/index.html
new file mode 100644
index 000000000..cbd619672
--- /dev/null
+++ b/build/roadmap/index.html
@@ -0,0 +1,14 @@
+---
+layout: base
+title: Font Awesome Roadmap
+navbar_active: roadmap
+---
+{% capture jumbotron_h1 %} Roadmap{% endcapture %}
+{% capture jumbotron_p %}The plan for future updates to Font Awesome{% endcapture %}
+
+{% include jumbotron.html %}
+{% include stripe-social.html %}
+
+
+ {% include roadmap.html %}
+
diff --git a/docs/test.html b/build/test.html
similarity index 100%
rename from docs/test.html
rename to build/test.html
diff --git a/build/thanks/index.html b/build/thanks/index.html
new file mode 100644
index 000000000..8b8348df5
--- /dev/null
+++ b/build/thanks/index.html
@@ -0,0 +1,14 @@
+---
+layout: base
+title: Say Thanks
+navbar_active: thanks
+---
+{% capture jumbotron_h1 %} Say Thanks{% endcapture %}
+{% capture jumbotron_p %}Like Font Awesome? Here's some ways to tell me thanks.{% endcapture %}
+
+{% include jumbotron.html %}
+{% include stripe-social.html %}
+
+
+ {% include say-thanks.html %}
+
diff --git a/build/whats-new/index.html b/build/whats-new/index.html
new file mode 100644
index 000000000..9000c811c
--- /dev/null
+++ b/build/whats-new/index.html
@@ -0,0 +1,15 @@
+---
+layout: base
+title: What's New
+navbar_active: whats-new
+---
+{% capture jumbotron_h1 %} What's New{% endcapture %}
+{% capture jumbotron_p %}What's New in the latest version — Font Awesome {{ site.font-awesome.version }}{% endcapture %}
+
+{% include jumbotron.html %}
+{% include stripe-social.html %}
+
+
+ {% include whats-new.html %}
+ {% include icons/new.html %}
+
-
- Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
- Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. Lots of new possibilities.
-
- If your icons are getting chopped off on top and bottom, make sure you have
- sufficient line-height.
-
-
-
-
-
-
Animated Spinner
-
-
-
- Use the icon-spin class to get any icon to rotate. Works best with icon-spinner and
- icon-refresh.
-
-
-
-
- Spinner icon when loading content...
-
-
-<i class="icon-spinner icon-spin"></i> Spinner icon when loading content...
-
-
- CSS3 animations aren't supported in IE7 - IE9.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Bordered & Pulled Icons
-
-
-
- Use icon-border and pull-right or pull-left for easy pull quotes or
- article graphics.
-
-
-
-
-
- Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
- Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
- of them in any combination to get lots of new possibilities.
-
-
-<i class="icon-quote-left icon-4x pull-left icon-muted"></i>
-Use a few of the new styles together ... lots of new possibilities.
-
-
-
- Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
- Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
- of them in any combination to get lots of new possibilities.
-
-
-<i class="icon-flag icon-4x pull-left icon-border"></i>
-Use a few of the new styles together ... lots of new possibilities.
-
- Open the PDF in Adobe Illustrator. You'll notice the file has dimensions of 60x56. This is exactly 4x the
- max icon size of 15 wide by 14 tall. The template is an example of the flag icon to use as a guide.
-
-
- Design your icon. In order to make it into the set, your icon must look pixel perfect. The easiest way to do
- this is to make sure your line widths in the template are some multiple of 4px. Diagonals are rough, too.
- Don't split pixels right down the middle, as they blur more when rendering. Zoom out to 25% to get a good idea
- of how it will render in the font.
-
-
- Submit your icon. Drop me an email at dave@davegandy.com. Make sure to
- use the subject [Font Awesome] [Icon Contribution] icon-name and attach your PDF file. If your
- icon makes it into Font Awesome (I'm keeping a very tight reign on quality), I'll ask what contact info you'd
- like to use for attribution.
-
-
-
-
-
-
-
-
-
Roadmap
-
Here's the plan for future updates.
-
-
Easier sub-setting with icon packs.
-
More icons. Have any requests? Open an issue in the Font Awesome GitHub project.
-
Tricks and tips for super-awesome creative CSS methods, like the star example above.
- I'm the lead product designer at Kyruus. I wake up every single day excited about my job.
- Why? Kyruus is going to change healthcare. No exaggeration.
-
-
-
- Kyruus is a well-funded, big data healthcare startup in Boston. We believe that the right data at the right time
- can help doctors make better decisions. We believe data can save lives.
-
-
- What I love about Kyruus:
-
-
Product design. From the top of the organization, Kyruus is committed to product design done right. It's awesome.
-
Purpose. Every day, I get to help make the world a better place – a little at a time.
-
People. I work with some of the best people I've ever met. More than just smart people. Good people.
-
-
-
- Kyruus needs good people. Designers, app developers, big data masters, & interns that get real responsibility. Come work with me.
-
-
- Hopefully you think Font Awesome is awesome. I've put hundreds of hours into the project to give back to the
- open source community. If you'd like, here are some ways you can tell me thanks for all my hard work.
-
+
+-
+
+
+ -
+
+
+ -
+ Follow @fortaweso_me
+
+ -
+ Tweet
+
+
+ + + + + + + + + + + + + +