diff options
author | davegandy <dave@davegandy.com> | 2013-05-03 04:12:33 +0400 |
---|---|---|
committer | davegandy <dave@davegandy.com> | 2013-05-03 04:12:33 +0400 |
commit | fd076658883b6514052201f2e337e0f48c187bcb (patch) | |
tree | b9a8ef2babf8a272b0ebd576d0f4b8f188283bc0 | |
parent | 2921f35f316ddf14e62d4a14baa255a35cd359b1 (diff) |
massive update to doc structure & build
-rw-r--r-- | .gitignore | 4 | ||||
-rw-r--r-- | _config.yml | 40 | ||||
-rw-r--r-- | build/_includes/ads/carbon-dark-vertical.html | 1 | ||||
-rw-r--r-- | build/_includes/ads/carbon-light-horizontal.html | 1 | ||||
-rw-r--r-- | build/_includes/contribute.html | 38 | ||||
-rw-r--r-- | build/_includes/examples.html | 443 | ||||
-rw-r--r-- | build/_includes/footer.html | 21 | ||||
-rw-r--r-- | build/_includes/icons/directional.html | 51 | ||||
-rw-r--r-- | build/_includes/icons/medical.html | 29 | ||||
-rw-r--r-- | build/_includes/icons/new.html | 48 | ||||
-rw-r--r-- | build/_includes/icons/social.html | 37 | ||||
-rw-r--r-- | build/_includes/icons/text-editor.html | 53 | ||||
-rw-r--r-- | build/_includes/icons/video-player.html | 35 | ||||
-rw-r--r-- | build/_includes/icons/web-app.html | 174 | ||||
-rw-r--r-- | build/_includes/integration.html | 101 | ||||
-rw-r--r-- | build/_includes/jumbotron-slider.html | 56 | ||||
-rw-r--r-- | build/_includes/jumbotron.html | 7 | ||||
-rw-r--r-- | build/_includes/navbar.html | 19 | ||||
-rw-r--r-- | build/_includes/roadmap.html | 9 | ||||
-rw-r--r-- | build/_includes/say-thanks.html | 22 | ||||
-rw-r--r-- | build/_includes/special-thanks.html | 14 | ||||
-rw-r--r-- | build/_includes/stripe-social.html | 31 | ||||
-rw-r--r-- | build/_includes/whats-new.html | 30 | ||||
-rw-r--r-- | build/_includes/why.html | 44 | ||||
-rw-r--r-- | build/_layouts/base.html | 65 | ||||
-rwxr-xr-x | build/_layouts/icon.html | 39 | ||||
-rwxr-xr-x | build/_plugins/icon_page_generator.rb | 48 | ||||
-rw-r--r-- | build/assets/css/font-awesome-ie7.css (renamed from docs/assets/css/font-awesome-ie7.css) | 0 | ||||
-rw-r--r-- | build/assets/css/font-awesome-ie7.min.css (renamed from docs/assets/css/font-awesome-ie7.min.css) | 0 | ||||
-rw-r--r-- | build/assets/css/font-awesome.css (renamed from docs/assets/css/font-awesome.css) | 6 | ||||
-rw-r--r-- | build/assets/css/font-awesome.min.css (renamed from docs/assets/css/font-awesome.min.css) | 0 | ||||
-rwxr-xr-x | build/assets/css/prettify.css (renamed from docs/assets/css/prettify.css) | 0 | ||||
-rw-r--r-- | build/assets/css/site.css (renamed from docs/assets/css/site.css) | 76 | ||||
-rw-r--r-- | build/assets/font/FontAwesome.otf | bin | 0 -> 47964 bytes | |||
-rwxr-xr-x | build/assets/font/fontawesome-webfont.eot (renamed from docs/assets/font/fontawesome-webfont.eot) | bin | 25395 -> 25395 bytes | |||
-rwxr-xr-x | build/assets/font/fontawesome-webfont.svg (renamed from docs/assets/font/fontawesome-webfont.svg) | 0 | ||||
-rwxr-xr-x | build/assets/font/fontawesome-webfont.ttf (renamed from docs/assets/font/fontawesome-webfont.ttf) | bin | 55096 -> 55096 bytes | |||
-rwxr-xr-x | build/assets/font/fontawesome-webfont.woff (renamed from docs/assets/font/fontawesome-webfont.woff) | bin | 29380 -> 29380 bytes | |||
-rw-r--r-- | build/assets/ico/favicon.ico (renamed from docs/assets/ico/favicon.ico) | bin | 1150 -> 1150 bytes | |||
-rw-r--r-- | build/assets/img/contribution-sample.png (renamed from docs/assets/img/contribution-sample.png) | bin | 2441 -> 2441 bytes | |||
-rw-r--r-- | build/assets/img/fort_awesome.jpg (renamed from docs/assets/img/fort_awesome.jpg) | bin | 114822 -> 114822 bytes | |||
-rw-r--r-- | build/assets/img/glyphicons-halflings-white.png (renamed from docs/assets/img/glyphicons-halflings-white.png) | bin | 8777 -> 8777 bytes | |||
-rw-r--r-- | build/assets/img/glyphicons-halflings.png (renamed from docs/assets/img/glyphicons-halflings.png) | bin | 12799 -> 12799 bytes | |||
-rw-r--r-- | build/assets/img/icon-flag.pdf (renamed from docs/assets/img/icon-flag.pdf) | 0 | ||||
-rw-r--r-- | build/assets/js/backbone.min.js (renamed from docs/assets/js/backbone.min.js) | 0 | ||||
-rw-r--r-- | build/assets/js/bootstrap-222.min.js (renamed from docs/assets/js/bootstrap-222.min.js) | 0 | ||||
-rw-r--r-- | build/assets/js/index/index.js | 27 | ||||
-rw-r--r-- | build/assets/js/jquery-1.7.1.min.js (renamed from docs/assets/js/jquery-1.7.1.min.js) | 0 | ||||
-rw-r--r-- | build/assets/js/prettify.min.js (renamed from docs/assets/js/prettify.min.js) | 0 | ||||
-rw-r--r-- | build/assets/js/underscore.min.js (renamed from docs/assets/js/underscore.min.js) | 0 | ||||
-rw-r--r-- | build/assets/less/font-awesome-ie7.less (renamed from docs/assets/less/font-awesome-ie7.less) | 0 | ||||
-rw-r--r-- | build/assets/less/font-awesome.less (renamed from docs/assets/less/font-awesome.less) | 2 | ||||
-rw-r--r-- | build/assets/less/mixins.less (renamed from docs/assets/less/mixins.less) | 17 | ||||
-rw-r--r-- | build/assets/less/site.less (renamed from docs/assets/less/site.less) | 88 | ||||
-rwxr-xr-x | build/assets/less/sticky-footer.less | 27 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/accordion.less (renamed from docs/assets/less/twbs-2.3.1/accordion.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/alerts.less (renamed from docs/assets/less/twbs-2.3.1/alerts.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/bootstrap.less (renamed from docs/assets/less/twbs-2.3.1/bootstrap.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/breadcrumbs.less (renamed from docs/assets/less/twbs-2.3.1/breadcrumbs.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/button-groups.less (renamed from docs/assets/less/twbs-2.3.1/button-groups.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/buttons.less (renamed from docs/assets/less/twbs-2.3.1/buttons.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/carousel.less (renamed from docs/assets/less/twbs-2.3.1/carousel.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/close.less (renamed from docs/assets/less/twbs-2.3.1/close.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/code.less (renamed from docs/assets/less/twbs-2.3.1/code.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/component-animations.less (renamed from docs/assets/less/twbs-2.3.1/component-animations.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/dropdowns.less (renamed from docs/assets/less/twbs-2.3.1/dropdowns.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/forms.less (renamed from docs/assets/less/twbs-2.3.1/forms.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/grid.less (renamed from docs/assets/less/twbs-2.3.1/grid.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/hero-unit.less (renamed from docs/assets/less/twbs-2.3.1/hero-unit.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/labels-badges.less (renamed from docs/assets/less/twbs-2.3.1/labels-badges.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/layouts.less (renamed from docs/assets/less/twbs-2.3.1/layouts.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/media.less (renamed from docs/assets/less/twbs-2.3.1/media.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/mixins.less (renamed from docs/assets/less/twbs-2.3.1/mixins.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/modals.less (renamed from docs/assets/less/twbs-2.3.1/modals.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/navbar.less (renamed from docs/assets/less/twbs-2.3.1/navbar.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/navs.less (renamed from docs/assets/less/twbs-2.3.1/navs.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/pager.less (renamed from docs/assets/less/twbs-2.3.1/pager.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/pagination.less (renamed from docs/assets/less/twbs-2.3.1/pagination.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/popovers.less (renamed from docs/assets/less/twbs-2.3.1/popovers.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/progress-bars.less (renamed from docs/assets/less/twbs-2.3.1/progress-bars.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/reset.less (renamed from docs/assets/less/twbs-2.3.1/reset.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/responsive-1200px-min.less (renamed from docs/assets/less/twbs-2.3.1/responsive-1200px-min.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/responsive-767px-max.less (renamed from docs/assets/less/twbs-2.3.1/responsive-767px-max.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/responsive-768px-979px.less (renamed from docs/assets/less/twbs-2.3.1/responsive-768px-979px.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/responsive-navbar.less (renamed from docs/assets/less/twbs-2.3.1/responsive-navbar.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/responsive-utilities.less (renamed from docs/assets/less/twbs-2.3.1/responsive-utilities.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/responsive.less (renamed from docs/assets/less/twbs-2.3.1/responsive.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/scaffolding.less (renamed from docs/assets/less/twbs-2.3.1/scaffolding.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/sprites.less (renamed from docs/assets/less/twbs-2.3.1/sprites.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/tables.less (renamed from docs/assets/less/twbs-2.3.1/tables.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/tests/buttons.html (renamed from docs/assets/less/twbs-2.3.1/tests/buttons.html) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/tests/css-tests.css (renamed from docs/assets/less/twbs-2.3.1/tests/css-tests.css) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/tests/css-tests.html (renamed from docs/assets/less/twbs-2.3.1/tests/css-tests.html) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/tests/forms-responsive.html (renamed from docs/assets/less/twbs-2.3.1/tests/forms-responsive.html) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/tests/forms.html (renamed from docs/assets/less/twbs-2.3.1/tests/forms.html) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/tests/navbar-fixed-top.html (renamed from docs/assets/less/twbs-2.3.1/tests/navbar-fixed-top.html) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/tests/navbar-static-top.html (renamed from docs/assets/less/twbs-2.3.1/tests/navbar-static-top.html) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/tests/navbar.html (renamed from docs/assets/less/twbs-2.3.1/tests/navbar.html) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/thumbnails.less (renamed from docs/assets/less/twbs-2.3.1/thumbnails.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/tooltip.less (renamed from docs/assets/less/twbs-2.3.1/tooltip.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/type.less (renamed from docs/assets/less/twbs-2.3.1/type.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/utilities.less (renamed from docs/assets/less/twbs-2.3.1/utilities.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/variables.less (renamed from docs/assets/less/twbs-2.3.1/variables.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/twbs-2.3.1/wells.less (renamed from docs/assets/less/twbs-2.3.1/wells.less) | 0 | ||||
-rwxr-xr-x | build/assets/less/variables.less (renamed from docs/assets/less/variables.less) | 0 | ||||
-rw-r--r-- | build/design.html (renamed from docs/design.html) | 74 | ||||
-rw-r--r-- | build/examples/index.html | 14 | ||||
-rwxr-xr-x | build/icons.yml | 1988 | ||||
-rw-r--r-- | build/icons/index.html | 20 | ||||
-rw-r--r-- | build/index.html | 16 | ||||
-rw-r--r-- | build/integration/index.html | 14 | ||||
-rw-r--r-- | build/roadmap/index.html | 14 | ||||
-rw-r--r-- | build/test.html (renamed from docs/test.html) | 0 | ||||
-rw-r--r-- | build/thanks/index.html | 14 | ||||
-rw-r--r-- | build/whats-new/index.html | 15 | ||||
-rw-r--r-- | docs/assets/font/FontAwesome.otf | bin | 47464 -> 0 bytes | |||
-rw-r--r-- | docs/assets/js/index/index.js | 89 | ||||
-rw-r--r-- | docs/index.html | 1444 |
118 files changed, 3746 insertions, 1659 deletions
diff --git a/.gitignore b/.gitignore index 51d8053d8..31c9b0cc6 100644 --- a/.gitignore +++ b/.gitignore @@ -8,6 +8,7 @@ .coverage
.DS_Store
.installed.cfg
+_gh_pages/*
.idea/*
.svn/*
@@ -15,14 +16,13 @@ src/website/static/* src/website/media/*
bin
-build
cfcache
develop-eggs
dist
downloads
eggs
parts
-tmp +tmp
.sass-cache
src/website/settingslocal.py
diff --git a/_config.yml b/_config.yml new file mode 100644 index 000000000..0c1b057b9 --- /dev/null +++ b/_config.yml @@ -0,0 +1,40 @@ +safe: false +auto: true +server: true +server_port: 7998 +baseurl: /Font-Awesome/ +url: http://localhost:7998 + +source: build +destination: _gh_pages +plugins: build/_plugins + +icon_meta: build/icons.yml +icon_layout: icon.html # Relative to _layouts directory +icon_destination: icon # Relative to destination + +font-awesome: + version: 3.1.0 + url: http://fortawesome.github.com/Font-Awesome/ + author: + name: Dave Gandy + email: dave@davegandy.com + github: + url: https://github.com/FortAwesome/Font-Awesome + project: Font-Awesome + org: FortAwesome + +bootstrap: + version: 2.3.1 + url: http://getbootstrap.com + +license: + font: + version: SIL OFL 1.1 + url: http://scripts.sil.org/OFL + code: + version: MIT License + url: http://opensource.org/licenses/mit-license.html + documentation: + version: CC BY 3.0 + url: http://creativecommons.org/licenses/by/3.0/ diff --git a/build/_includes/ads/carbon-dark-vertical.html b/build/_includes/ads/carbon-dark-vertical.html new file mode 100644 index 000000000..15804e73a --- /dev/null +++ b/build/_includes/ads/carbon-dark-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_VERTDARK"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> diff --git a/build/_includes/ads/carbon-light-horizontal.html b/build/_includes/ads/carbon-light-horizontal.html new file mode 100644 index 000000000..8dcfb61b6 --- /dev/null +++ b/build/_includes/ads/carbon-light-horizontal.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_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div> diff --git a/build/_includes/contribute.html b/build/_includes/contribute.html new file mode 100644 index 000000000..9906c3868 --- /dev/null +++ b/build/_includes/contribute.html @@ -0,0 +1,38 @@ +<section id="contribute"> + <h2 class="page-header">Contribute Icons to Font Awesome</h2> + <div class="row"> + <div class="span3"> + <img class="img-rounded" src="assets/img/contribution-sample.png"> + </div> + <div class="span9"> + <p class="lead"> + Want to help make Font Awesome even more awesome? Contribute back to the Font Awesome community by designing + new pictograms for the set. + </p> + <p> + If selected, you'll retain the CC-BY license to your pictogram and get attribution + right here on the Font Awesome site. + </p> + <h3>How to Submit New Icons</h3> + <ol> + <li>Download the <a href="assets/img/icon-flag.pdf">icon-flag.pdf template</a>.</li> + <li> + 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. + </li> + <li> + 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. + </li> + <li> + Submit your icon. Drop me an email at <a href="mailto:dave@davegandy.com">dave@davegandy.com</a>. Make sure to + use the subject <code>[Font Awesome] [Icon Contribution] icon-name</code> 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. + </li> + </ol> + </div> + </div> +</section> diff --git a/build/_includes/examples.html b/build/_includes/examples.html new file mode 100644 index 000000000..156e908e9 --- /dev/null +++ b/build/_includes/examples.html @@ -0,0 +1,443 @@ +<section id="examples"> +<h2 class="page-header">Examples</h2> +<p>Many examples re-used from the Twitter Bootstrap documentation.</p> +<div class="row"> + <div class="span4"> + <div class="well well-transparent"> + <p>Use Font Awesome icons in:</p> + <ul class="icons"> + <li><i class="icon-ok"></i>Bulleted lists (like this one)</li> + <li><i class="icon-ok"></i>Buttons</li> + <li><i class="icon-ok"></i>Button groups</li> + <li><i class="icon-ok"></i>Navigation</li> + <li><i class="icon-ok"></i>Prepended form inputs</li> + <li><i class="icon-ok"></i>And many more with Custom CSS</li> + </ul> + </div> + </div> + <div class="span4"> + <p> + <a class="btn" href="#"><i class="icon-repeat"></i> Reload</a> + <a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-large"></i> Checkout</a> + <a class="btn btn-danger" href="#"><i class="icon-trash icon-large"></i> Delete</a> + </p> + <p> + <a class="btn btn-large btn-primary" href="#"><i class="icon-comment"></i> Comment</a> + <a class="btn btn-small" href="#"><i class="icon-cog"></i> Settings</a> + <a class="btn btn-small btn-info" href="#"><i class="icon-info-sign"></i> Info</a> + </p> + <div class="well" style="padding: 8px 0;"> + <ul class="nav nav-list"> + <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li> + <li><a href="#"><i class="icon-book"></i> Library</a></li> + <li><a href="#"><i class="icon-pencil"></i> Applications</a></li> + <li><a href="#"><i class="icon-cogs"></i> Settings</a></li> + </ul> + </div> + </div> + <div class="span4"> + <div class="btn-toolbar"> + <div class="btn-group"> + <a class="btn" href="#"><i class="icon-align-left"></i></a> + <a class="btn" href="#"><i class="icon-align-center"></i></a> + <a class="btn" href="#"><i class="icon-align-right"></i></a> + <a class="btn" href="#"><i class="icon-align-justify"></i></a> + </div> + <div class="btn-group"> + <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> + <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="icon-caret-down"></span></a> + <ul class="dropdown-menu"> + <li><a href="#"><i class="icon-pencil"></i> Edit</a></li> + <li><a href="#"><i class="icon-trash"></i> Delete</a></li> + <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li> + <li class="divider"></li> + <li><a href="#"><i class="i"></i> Make admin</a></li> + </ul> + </div> + </div> + <form> + <div class="control-group"> + <div class="controls"> + <div class="input-prepend"> + <span class="add-on"><i class="icon-envelope"></i></span> + <input class="span2" id="inputIcon" type="text" placeholder="Email address"> + </div> + </div> + </div> + <div class="control-group"> + <div class="controls"> + <div class="input-prepend"> + <span class="add-on"><i class="icon-key"></i></span> + <input class="span2" id="inputIcon2" type="text" placeholder="Password"> + </div> + </div> + </div> + </form> + <div> + <span class="rating"> + <span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span> + </span> + </div> + </div> +</div> + +<h3 class="page-header">New Styles in 3.0</h3> +<div class="row"> + <div class="span4"> + <i class="icon-quote-left icon-4x pull-left icon-muted"></i> + 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. + </div> + <div class="span4"> + <div class="well well-large well-transparent lead"> + <i class="icon-spinner icon-spin icon-2x pull-left"></i> Spinner icon when loading content... + </div> + </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> + </p> + <a class="btn btn-primary" href="#"><i class="icon-refresh icon-spin"></i> Synchronizing Content...</a> + </div> +</div> + +<h3 class="page-header">Example HTML</h3> +<div class="row"> + <div class="span12"> + <h4>Inline Icons</h4> + </div> + <div class="span3"> + <p>Place Font Awesome icons just about anywhere with the <code><i></code> tag.</p> + </div> + <div class="span9"> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-camera-retro"></i> icon-camera-retro + </div> + </div> +<pre class="prettyprint linenums"> +<i class="icon-camera-retro"></i> icon-camera-retro +</pre> + <div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div> + </div> +</div> +<div class="row"> + <div class="span12"> + <h4>Larger Icons</h4> + </div> + <div class="span3"> + <p> + To increase the size of icons relative to its container, use <code>icon-large</code>, <code>icon-2x</code>, + <code>icon-3x</code>, or <code>icon-4x</code>. + </p> + </div> + <div class="span9"> + <p> + Increase the icon size by using the <code>icon-large</code> (33% increase), <code>icon-2x</code>, + <code>icon-3x</code>, or <code>icon-4x</code> classes. + </p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p> + <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p> + <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p> + <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p> + </div> + </div> +<pre class="prettyprint linenums"> +<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p> +<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p> +<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p> +<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p> +</pre> + <div class="alert alert-info"> + <i class="icon-info-sign"></i> If your icons are getting chopped off on top and bottom, make sure you have + sufficient line-height. + </div> + </div> +</div> +<div class="row"> + <div class="span12"> + <h4>Animated Spinner</h4> + </div> + <div class="span3"> + <p> + Use the <code>icon-spin</code> class to get any icon to rotate. Works best with <code>icon-spinner</code> and + <code>icon-refresh</code>. + </p> + </div> + <div class="span9"> + <div class="well well-large well-transparent lead"> + <i class="icon-spinner icon-spin"></i> Spinner icon when loading content... + </div> +<pre class="prettyprint linenums"> +<i class="icon-spinner icon-spin"></i> Spinner icon when loading content... +</pre> + <p class="alert alert-info"> + <i class="icon-info-sign"></i> CSS3 animations aren't supported in IE7 - IE9. + </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> + </div> + <div class="span3"> + <p> + Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or + article graphics. + </p> + </div> + <div class="span9"> + <div class="well well-large well-transparent"> + <i class="icon-quote-left icon-4x pull-left icon-muted"></i> + 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. + </div> +<pre class="prettyprint linenums"> +<i class="icon-quote-left icon-4x pull-left icon-muted"></i> +Use a few of the new styles together ... lots of new possibilities. +</pre> + <div class="well well-large well-transparent"> + <i class="icon-flag icon-4x pull-left icon-border"></i> + 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. + </div> +<pre class="prettyprint linenums"> +<i class="icon-flag icon-4x pull-left icon-border"></i> +Use a few of the new styles together ... lots of new possibilities. +</pre> + </div> +</div> +<div class="row"> + <div class="span12"> + <h4>Buttons</h4> + </div> + <div class="span3"> + <p> + <a class="btn" href="#"> + <i class="icon-repeat"></i> Reload</a> + <a class="btn btn-success" href="#"> + <i class="icon-shopping-cart icon-large"></i> Checkout</a> + </p> + <p> + <a class="btn btn-large btn-primary" href="#"> + <i class="icon-comment"></i> Comment</a> + <a class="btn btn-small btn-info" href="#"> + <i class="icon-info-sign"></i> Info</a> + </p> + <p> + <a class="btn btn-danger" href="#"> + <i class="icon-trash icon-large"></i> Delete</a> + <a class="btn btn-small" href="#"> + <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> + </p> + <p> + <a class="btn btn-primary" href="#"><i class="icon-refresh icon-spin"></i> Synchronizing Content...</a> + </p> + + </div> + <div class="span9"> + <p> + Font Awesome icons work great in buttons. You can even combine them with larger icon styles, + <code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>. + </p> +<pre class="prettyprint linenums"> +<a class="btn" href="#"> + <i class="icon-repeat"></i> Reload</a> +<a class="btn btn-success" href="#"> + <i class="icon-shopping-cart icon-large"></i> Checkout</a> +<a class="btn btn-large btn-primary" href="#"> + <i class="icon-comment"></i> Comment</a> +<a class="btn btn-small btn-info" href="#"> + <i class="icon-info-sign"></i> Info</a> +<a class="btn btn-danger" href="#"> + <i class="icon-trash icon-large"></i> Delete</a> +<a class="btn btn-small" href="#"> + <i class="icon-cog"></i> Settings</a> +<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-primary" href="#"> + <i class="icon-refresh icon-spin"></i> Synchronizing Content...</a> +</pre> + </div> +</div> +<div class="row"> + <div class="span12"> + <h4>Button groups</h4> + </div> + <div class="span3"> + <p> + <div class="btn-group"> + <a class="btn" href="#"><i class="icon-align-left"></i></a> + <a class="btn" href="#"><i class="icon-align-center"></i></a> + <a class="btn" href="#"><i class="icon-align-right"></i></a> + <a class="btn" href="#"><i class="icon-align-justify"></i></a> + </div> + </p> + </div> + <div class="span9"> +<pre class="prettyprint linenums"> +<div class="btn-group"> + <a class="btn" href="#"><i class="icon-align-left"></i></a> + <a class="btn" href="#"><i class="icon-align-center"></i></a> + <a class="btn" href="#"><i class="icon-align-right"></i></a> + <a class="btn" href="#"><i class="icon-align-justify"></i></a> +</div> +</pre> + </div> +</div> +<div class="row"> + <div class="span12"> + <h4>Button dropdowns</h4> + </div> + <div class="span3"> + <p> + <div class="btn-group open"> + <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> + <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="icon-caret-down"></span></a> + <ul class="dropdown-menu"> + <li><a href="#"><i class="icon-pencil"></i> Edit</a></li> + <li><a href="#"><i class="icon-trash"></i> Delete</a></li> + <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li> + <li class="divider"></li> + <li><a href="#"><i class="i"></i> Make admin</a></li> + </ul> + </div> + </div> + </p> + <div class="span9"> +<pre class="prettyprint linenums"> +<div class="btn-group open"> + <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> + <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="icon-caret-down"></span></a> + <ul class="dropdown-menu"> + <li><a href="#"><i class="icon-pencil"></i> Edit</a></li> + <li><a href="#"><i class="icon-trash"></i> Delete</a></li> + <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li> + <li class="divider"></li> + <li><a href="#"><i class="i"></i> Make admin</a></li> + </ul> +</div> +</pre> + <div class="alert alert-info"><i class="icon-info-sign"></i> Don't forget to add the appropriate JavaScript to enable button dropdowns.</div> + </div> +</div> +<div class="row"> + <div class="span12"> + <h4>Lists</h4> + </div> + <div class="span3"> + <p> + <ul class="icons"> + <li><i class="icon-ok"></i> Lists</li> + <li><i class="icon-ok"></i> Buttons</li> + <li><i class="icon-ok"></i> Button groups</li> + <li><i class="icon-ok"></i> Navigation</li> + <li><i class="icon-ok"></i> Prepended form inputs</li> + </ul> + </p> + </div> + <div class="span9"> + <p>Easily replace individual bullets.</p> +<pre class="prettyprint linenums"> +<ul class="icons"> + <li><i class="icon-ok"></i> Lists</li> + <li><i class="icon-ok"></i> Buttons</li> + <li><i class="icon-ok"></i> Button groups</li> + <li><i class="icon-ok"></i> Navigation</li> + <li><i class="icon-ok"></i> Prepended form inputs</li> +</ul> +</pre> + </div> +</div> +<div class="row"> + <div class="span12"> + <h4>Navigation</h4> + </div> + <div class="span3"> + <div class="well" style="padding: 8px 0;"> + <ul class="nav nav-list"> + <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li> + <li><a href="#"><i class="icon-book"></i> Library</a></li> + <li><a href="#"><i class="icon-pencil"></i> Applications</a></li> + <li><a href="#"><i class="icon-cogs"></i> Settings</a></li> + </ul> + </div> + </div> + <div class="span9"> + <p>Use Font Awesome icons in navigation to provide helpful visual cues.</p> +<pre class="prettyprint linenums"> +<ul class="nav nav-list"> + <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li> + <li><a href="#"><i class="icon-book"></i> Library</a></li> + <li><a href="#"><i class="icon-pencil"></i> Applications</a></li> + <li><a href="#"><i class="icon-cogs"></i> Settings</a></li> +</ul> +</pre> + </div> +</div> +<div class="row"> + <div class="span12"> + <h4>Prepended form inputs</h4> + </div> + <div class="span3"> + <p> + <form> + <div class="input-prepend"> + <span class="add-on"><i class="icon-envelope"></i></span> + <input class="span2" type="text" placeholder="Email address"> + </div> + <div class="input-prepend"> + <span class="add-on"><i class="icon-key"></i></span> + <input class="span2" type="password" placeholder="Password"> + </div> + </form> + </p> + </div> + <div class="span9"> +<pre class="prettyprint linenums"> +<form> + <div class="input-prepend"> + <span class="add-on"><i class="icon-envelope"></i></span> + <input class="span2" type="text" placeholder="Email address"> + </div> + <div class="input-prepend"> + <span class="add-on"><i class="icon-key"></i></span> + <input class="span2" type="password" placeholder="Password"> + </div> +</form> +</pre> + </div> +</div> +<div class="row"> + <div class="span12"> + <h4>Custom CSS</h4> + </div> + <div class="span3"> + <p>Anything you can do with CSS font styles, you can do with Font Awesome.</p> + </div> + <div class="span9"> + <p>Star Ratings (inspired by <a href="http://css-tricks.com/star-ratings/" target="_blank">CSS Tricks</a>)</p> + <div class="well"> + <span class="rating"> + <span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span> + </span> + </div> + </div> +</div> +</section> diff --git a/build/_includes/footer.html b/build/_includes/footer.html new file mode 100644 index 000000000..06de03ec8 --- /dev/null +++ b/build/_includes/footer.html @@ -0,0 +1,21 @@ +<footer class="footer"> + <div class="container text-center"> + <div> + <i class="icon-flag"></i> Font Awesome {{ site.font-awesome.version }} · + Created and Maintained by Dave Gandy · + <a href="http://twitter.com/byscuits">@byscuits</a> + </div> + <div> + Font Awesome font licensed under <a href="{{ site.license.font.url }}">{{ site.license.font.version }}</a> · + Code licensed under <a href="{{ site.license.code.url }}">{{ site.license.code.version }}</a> · + 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> + </div> + <div class="project"> + <a href="{{ site.font-awesome.github.url }}">GitHub Project</a> · + <a href="{{ site.font-awesome.github.url }}/issues">Issues</a> + </div> + </div> +</footer> diff --git a/build/_includes/icons/directional.html b/build/_includes/icons/directional.html new file mode 100644 index 000000000..533e23881 --- /dev/null +++ b/build/_includes/icons/directional.html @@ -0,0 +1,51 @@ +<section id="icons-directional" class="row"> + <div class="span12"> + <h2 class="page-header">Directional Icons</h2> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/angle-left"><i class="icon-angle-left"></i> icon-angle-left</a></li> + <li><a href="{{ site.baseurl }}icon/angle-right"><i class="icon-angle-right"></i> icon-angle-right</a></li> + <li><a href="{{ site.baseurl }}icon/angle-up"><i class="icon-angle-up"></i> icon-angle-up</a></li> + <li><a href="{{ site.baseurl }}icon/angle-down"><i class="icon-angle-down"></i> icon-angle-down</a></li> + <li><a href="{{ site.baseurl }}icon/arrow-down"><i class="icon-arrow-down"></i> icon-arrow-down</a></li> + <li><a href="{{ site.baseurl }}icon/arrow-left"><i class="icon-arrow-left"></i> icon-arrow-left</a></li> + <li><a href="{{ site.baseurl }}icon/arrow-right"><i class="icon-arrow-right"></i> icon-arrow-right</a></li> + <li><a href="{{ site.baseurl }}icon/arrow-up"><i class="icon-arrow-up"></i> icon-arrow-up</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/caret-down"><i class="icon-caret-down"></i> icon-caret-down</a></li> + <li><a href="{{ site.baseurl }}icon/caret-left"><i class="icon-caret-left"></i> icon-caret-left</a></li> + <li><a href="{{ site.baseurl }}icon/caret-right"><i class="icon-caret-right"></i> icon-caret-right</a></li> + <li><a href="{{ site.baseurl }}icon/caret-up"><i class="icon-caret-up"></i> icon-caret-up</a></li> + <li><a href="{{ site.baseurl }}icon/chevron-down"><i class="icon-chevron-down"></i> icon-chevron-down</a></li> + <li><a href="{{ site.baseurl }}icon/chevron-left"><i class="icon-chevron-left"></i> icon-chevron-left</a></li> + <li><a href="{{ site.baseurl }}icon/chevron-right"><i class="icon-chevron-right"></i> icon-chevron-right</a></li> + <li><a href="{{ site.baseurl }}icon/chevron-up"><i class="icon-chevron-up"></i> icon-chevron-up</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/circle-arrow-down"><i class="icon-circle-arrow-down"></i> icon-circle-arrow-down</a></li> + <li><a href="{{ site.baseurl }}icon/circle-arrow-left"><i class="icon-circle-arrow-left"></i> icon-circle-arrow-left</a></li> + <li><a href="{{ site.baseurl }}icon/circle-arrow-right"><i class="icon-circle-arrow-right"></i> icon-circle-arrow-right</a></li> + <li><a href="{{ site.baseurl }}icon/circle-arrow-up"><i class="icon-circle-arrow-up"></i> icon-circle-arrow-up</a></li> + <li><a href="{{ site.baseurl }}icon/double-angle-left"><i class="icon-double-angle-left"></i> icon-double-angle-left</a></li> + <li><a href="{{ site.baseurl }}icon/double-angle-right"><i class="icon-double-angle-right"></i> icon-double-angle-right</a></li> + <li><a href="{{ site.baseurl }}icon/double-angle-up"><i class="icon-double-angle-up"></i> icon-double-angle-up</a></li> + <li><a href="{{ site.baseurl }}icon/double-angle-down"><i class="icon-double-angle-down"></i> icon-double-angle-down</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/hand-down"><i class="icon-hand-down"></i> icon-hand-down</a></li> + <li><a href="{{ site.baseurl }}icon/hand-left"><i class="icon-hand-left"></i> icon-hand-left</a></li> + <li><a href="{{ site.baseurl }}icon/hand-right"><i class="icon-hand-right"></i> icon-hand-right</a></li> + <li><a href="{{ site.baseurl }}icon/hand-up"><i class="icon-hand-up"></i> icon-hand-up</a></li> + <li><a href="{{ site.baseurl }}icon/circle"><i class="icon-circle"></i> icon-circle</a></li> + <li><a href="{{ site.baseurl }}icon/circle-blank"><i class="icon-circle-blank"></i> icon-circle-blank</a></li> + </ul> + </div> +</section> diff --git a/build/_includes/icons/medical.html b/build/_includes/icons/medical.html new file mode 100644 index 000000000..763e54f4f --- /dev/null +++ b/build/_includes/icons/medical.html @@ -0,0 +1,29 @@ +<section id="icons-medical" class="row"> + <div class="span12"> + <h2 class="page-header">Medical Icons <small>Want to change healthcare? Work with me at <a href="#kyruus">Kyruus</a>.</small></h2> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/ambulance"><i class="icon-ambulance"></i> icon-ambulance</a></li> + <li><a href="{{ site.baseurl }}icon/beaker"><i class="icon-beaker"></i> icon-beaker</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/h-sign"><i class="icon-h-sign"></i> icon-h-sign</a></li> + <li><a href="{{ site.baseurl }}icon/hospital"><i class="icon-hospital"></i> icon-hospital</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/medkit"><i class="icon-medkit"></i> icon-medkit</a></li> + <li><a href="{{ site.baseurl }}icon/plus-sign-alt"><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/stethoscope"><i class="icon-stethoscope"></i> icon-stethoscope</a></li> + <li><a href="{{ site.baseurl }}icon/user-md"><i class="icon-user-md"></i> icon-user-md</a></li> + </ul> + </div> +</section> diff --git a/build/_includes/icons/new.html b/build/_includes/icons/new.html new file mode 100644 index 000000000..0e0dd7932 --- /dev/null +++ b/build/_includes/icons/new.html @@ -0,0 +1,48 @@ +<section id="icons-new" class="row"> + <div class="span12"> + <h2 class="page-header">New Icons in {{ site.font-awesome.version }}</h2> + <p> + You asked, Font Awesome delivers with 40 shiny new icons in version {{ site.font-awesome.version }}. New icons can be requested on the + <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank">Font Awesome GitHub project</a>. Or even + better, you can <a href="#contribute">contribute your own icons</a>. + </p> + </div> + + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/smile"><i class="icon-smile"></i> icon-smile</a></li> + <li><a href="{{ site.baseurl }}icon/frown"><i class="icon-frown"></i> icon-frown</a></li> + <li><a href="{{ site.baseurl }}icon/meh"><i class="icon-meh"></i> icon-meh</a></li> + <li><a href="{{ site.baseurl }}icon/gamepad"><i class="icon-gamepad"></i> icon-gamepad</a></li> + <li><a href="{{ site.baseurl }}icon/keyboard"><i class="icon-keyboard"></i> icon-keyboard</a></li> + <li><a href="{{ site.baseurl }}icon/flag-alt"><i class="icon-flag-alt"></i> icon-flag-alt</a></li> + <li><a href="{{ site.baseurl }}icon/flag-checkered"><i class="icon-flag-checkered"></i> icon-flag-checkered</a></li> + <li><a href="{{ site.baseurl }}icon/terminal"><i class="icon-terminal"></i> icon-terminal</a></li> + <li><a href="{{ site.baseurl }}icon/code"><i class="icon-code"></i> icon-code</a></li> + <li><a href="{{ site.baseurl }}icon/share-alt"><i class="icon-mail-forward"></i> icon-mail-forward <span class="muted">(alias)</span></a></li> + <li><a href="{{ site.baseurl }}icon/reply"><i class="icon-mail-reply"></i> icon-mail-reply <span class="muted">(alias)</span></a></li> + <li><a href="{{ site.baseurl }}icon/reply-all"><i class="icon-reply-all"></i> icon-reply-all</a></li> + <li><a href="{{ site.baseurl }}icon/reply-all"><i class="icon-mail-reply-all"></i> icon-mail-reply-all <span class="muted">(alias)</span></a></li> + <li><a href="{{ site.baseurl }}icon/star-half-empty"><i class="icon-star-half-empty"></i> icon-star-half-empty</a></li> + <li><a href="{{ site.baseurl }}icon/location-arrow"><i class="icon-location-arrow"></i> icon-location-arrow</a></li> + <li><a href="{{ site.baseurl }}icon/undo"><i class="icon-rotate-left"></i> icon-rotate-left <span class="muted">(alias)</span></a></li> + <li><a href="{{ site.baseurl }}icon/repeat"><i class="icon-rotate-right"></i> icon-rotate-right <span class="muted">(alias)</span></a></li> + <li><a href="{{ site.baseurl }}icon/crop"><i class="icon-crop"></i> icon-crop</a></li> + <li><a href="{{ site.baseurl }}icon/code-fork"><i class="icon-code-fork"></i> icon-code-fork</a></li> + <li><a href="{{ site.baseurl }}icon/unlink"><i class="icon-unlink"></i> icon-unlink</a></li> + <li><a href="{{ site.baseurl }}icon/question"><i class="icon-question"></i> icon-question</a></li> + <li><a href="{{ site.baseurl }}icon/info"><i class="icon-info"></i> icon-info</a></li> + <li><a href="{{ site.baseurl }}icon/exclamation"><i class="icon-exclamation"></i> icon-exclamation</a></li> + <li><a href="{{ site.baseurl }}icon/superscript"><i class="icon-superscript"></i> icon-superscript</a></li> + <li><a href="{{ site.baseurl }}icon/subscript"><i class="icon-subscript"></i> icon-subscript</a></li> + <li><a href="{{ site.baseurl }}icon/eraser"><i class="icon-eraser"></i> icon-eraser</a></li> + <li><a href="{{ site.baseurl }}icon/puzzle-piece"><i class="icon-puzzle-piece"></i> icon-puzzle-piece</a></li> + <li><a href="{{ site.baseurl }}icon/microphone"><i class="icon-microphone"></i> icon-microphone</a></li> + <li><a href="{{ site.baseurl }}icon/microphone-off"><i class="icon-microphone-off"></i> icon-microphone-off</a></li> + <li><a href="{{ site.baseurl }}icon/shield"><i class="icon-shield"></i> icon-shield</a></li> + <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> + </ul> + </div> +</section> diff --git a/build/_includes/icons/social.html b/build/_includes/icons/social.html new file mode 100644 index 000000000..cf2ba9cbd --- /dev/null +++ b/build/_includes/icons/social.html @@ -0,0 +1,37 @@ +<section id="icons-social" class="row"> + <div class="span12"> + <h2 class="page-header">Social Icons</h2> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/phone"><i class="icon-phone"></i> icon-phone</a></li> + <li><a href="{{ site.baseurl }}icon/phone-sign"><i class="icon-phone-sign"></i> icon-phone-sign</a></li> + <li><a href="{{ site.baseurl }}icon/facebook"><i class="icon-facebook"></i> icon-facebook</a></li> + <li><a href="{{ site.baseurl }}icon/facebook-sign"><i class="icon-facebook-sign"></i> icon-facebook-sign</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/twitter"><i class="icon-twitter"></i> icon-twitter</a></li> + <li><a href="{{ site.baseurl }}icon/twitter-sign"><i class="icon-twitter-sign"></i> icon-twitter-sign</a></li> + <li><a href="{{ site.baseurl }}icon/github"><i class="icon-github"></i> icon-github</a></li> + <li><a href="{{ site.baseurl }}icon/github-alt"><i class="icon-github-alt"></i> icon-github-alt</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/github-sign"><i class="icon-github-sign"></i> icon-github-sign</a></li> + <li><a href="{{ site.baseurl }}icon/linkedin"><i class="icon-linkedin"></i> icon-linkedin</a></li> + <li><a href="{{ site.baseurl }}icon/linkedin-sign"><i class="icon-linkedin-sign"></i> icon-linkedin-sign</a></li> + <li><a href="{{ site.baseurl }}icon/pinterest"><i class="icon-pinterest"></i> icon-pinterest</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/pinterest-sign"><i class="icon-pinterest-sign"></i> icon-pinterest-sign</a></li> + <li><a href="{{ site.baseurl }}icon/google-plus"><i class="icon-google-plus"></i> icon-google-plus</a></li> + <li><a href="{{ site.baseurl }}icon/google-plus-sign"><i class="icon-google-plus-sign"></i> icon-google-plus-sign</a></li> + <li><a href="{{ site.baseurl }}icon/sign-blank"><i class="icon-sign-blank"></i> icon-sign-blank</a></li> + </ul> + </div> +</section> diff --git a/build/_includes/icons/text-editor.html b/build/_includes/icons/text-editor.html new file mode 100644 index 000000000..33df76889 --- /dev/null +++ b/build/_includes/icons/text-editor.html @@ -0,0 +1,53 @@ +<section id="icons-text-editor" class="row"> + <div class="span12"> + <h2 class="page-header">Text Editor Icons</h2> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/file"><i class="icon-file"></i> icon-file</a></li> + <li><a href="{{ site.baseurl }}icon/file-alt"><i class="icon-file-alt"></i> icon-file-alt</a></li> + <li><a href="{{ site.baseurl }}icon/cut"><i class="icon-cut"></i> icon-cut</a></li> + <li><a href="{{ site.baseurl }}icon/copy"><i class="icon-copy"></i> icon-copy</a></li> + <li><a href="{{ site.baseurl }}icon/paste"><i class="icon-paste"></i> icon-paste</a></li> + <li><a href="{{ site.baseurl }}icon/save"><i class="icon-save"></i> icon-save</a></li> + <li><a href="{{ site.baseurl }}icon/undo"><i class="icon-undo"></i> icon-undo</a></li> + <li><a href="{{ site.baseurl }}icon/repeat"><i class="icon-repeat"></i> icon-repeat</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/text-height"><i class="icon-text-height"></i> icon-text-height</a></li> + <li><a href="{{ site.baseurl }}icon/text-width"><i class="icon-text-width"></i> icon-text-width</a></li> + <li><a href="{{ site.baseurl }}icon/align-left"><i class="icon-align-left"></i> icon-align-left</a></li> + <li><a href="{{ site.baseurl }}icon/align-center"><i class="icon-align-center"></i> icon-align-center</a></li> + <li><a href="{{ site.baseurl }}icon/align-right"><i class="icon-align-right"></i> icon-align-right</a></li> + <li><a href="{{ site.baseurl }}icon/align-justify"><i class="icon-align-justify"></i> icon-align-justify</a></li> + <li><a href="{{ site.baseurl }}icon/indent-left"><i class="icon-indent-left"></i> icon-indent-left</a></li> + <li><a href="{{ site.baseurl }}icon/indent-right"><i class="icon-indent-right"></i> icon-indent-right</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/font"><i class="icon-font"></i> icon-font</a></li> + <li><a href="{{ site.baseurl }}icon/bold"><i class="icon-bold"></i> icon-bold</a></li> + <li><a href="{{ site.baseurl }}icon/italic"><i class="icon-italic"></i> icon-italic</a></li> + <li><a href="{{ site.baseurl }}icon/strikethrough"><i class="icon-strikethrough"></i> icon-strikethrough</a></li> + <li><a href="{{ site.baseurl }}icon/underline"><i class="icon-underline"></i> icon-underline</a></li> + <li><a href="{{ site.baseurl }}icon/link"><i class="icon-link"></i> icon-link</a></li> + <li><a href="{{ site.baseurl }}icon/paper-clip"><i class="icon-paper-clip"></i> icon-paper-clip</a></li> + <li><a href="{{ site.baseurl }}icon/columns"><i class="icon-columns"></i> icon-columns</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/table"><i class="icon-table"></i> icon-table</a></li> + <li><a href="{{ site.baseurl }}icon/th-large"><i class="icon-th-large"></i> icon-th-large</a></li> + <li><a href="{{ site.baseurl }}icon/th"><i class="icon-th"></i> icon-th</a></li> + <li><a href="{{ site.baseurl }}icon/th-list"><i class="icon-th-list"></i> icon-th-list</a></li> + <li><a href="{{ site.baseurl }}icon/list"><i class="icon-list"></i> icon-list</a></li> + <li><a href="{{ site.baseurl }}icon/list-ol"><i class="icon-list-ol"></i> icon-list-ol</a></li> + <li><a href="{{ site.baseurl }}icon/list-ul"><i class="icon-list-ul"></i> icon-list-ul</a></li> + <li><a href="{{ site.baseurl }}icon/list-alt"><i class="icon-list-alt"></i> icon-list-alt</a></li> + </ul> + </div> +</section> diff --git a/build/_includes/icons/video-player.html b/build/_includes/icons/video-player.html new file mode 100644 index 000000000..fb3b8f455 --- /dev/null +++ b/build/_includes/icons/video-player.html @@ -0,0 +1,35 @@ +<section id="icons-video-player" class="row"> + <div class="span12"> + <h2 class="page-header">Video Player Icons</h2> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/play-circle"><i class="icon-play-circle"></i> icon-play-circle</a></li> + <li><a href="{{ site.baseurl }}icon/play"><i class="icon-play"></i> icon-play</a></li> + <li><a href="{{ site.baseurl }}icon/pause"><i class="icon-pause"></i> icon-pause</a></li> + <li><a href="{{ site.baseurl }}icon/stop"><i class="icon-stop"></i> icon-stop</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/step-backward"><i class="icon-step-backward"></i> icon-step-backward</a></li> + <li><a href="{{ site.baseurl }}icon/fast-backward"><i class="icon-fast-backward"></i> icon-fast-backward</a></li> + <li><a href="{{ site.baseurl }}icon/backward"><i class="icon-backward"></i> icon-backward</a></li> + <li><a href="{{ site.baseurl }}icon/forward"><i class="icon-forward"></i> icon-forward</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/fast-forward"><i class="icon-fast-forward"></i> icon-fast-forward</a></li> + <li><a href="{{ site.baseurl }}icon/step-forward"><i class="icon-step-forward"></i> icon-step-forward</a></li> + <li><a href="{{ site.baseurl }}icon/eject"><i class="icon-eject"></i> icon-eject</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/fullscreen"><i class="icon-fullscreen"></i> icon-fullscreen</a></li> + <li><a href="{{ site.baseurl }}icon/resize-full"><i class="icon-resize-full"></i> icon-resize-full</a></li> + <li><a href="{{ site.baseurl }}icon/resize-small"><i class="icon-resize-small"></i> icon-resize-small</a></li> + </ul> + </div> +</section> diff --git a/build/_includes/icons/web-app.html b/build/_includes/icons/web-app.html new file mode 100644 index 000000000..c068d51ca --- /dev/null +++ b/build/_includes/icons/web-app.html @@ -0,0 +1,174 @@ + +<section id="icons-web-app" class="row"> + <div class="span12"> + <h2 class="page-header">Web Application Icons</h2> + </div> + + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/adjust"><i class="icon-adjust"></i> icon-adjust</a></li> + <li><a href="{{ site.baseurl }}icon/asterisk"><i class="icon-asterisk"></i> icon-asterisk</a></li> + <li><a href="{{ site.baseurl }}icon/ban-circle"><i class="icon-ban-circle"></i> icon-ban-circle</a></li> + <li><a href="{{ site.baseurl }}icon/bar-chart"><i class="icon-bar-chart"></i> icon-bar-chart</a></li> + <li><a href="{{ site.baseurl }}icon/barcode"><i class="icon-barcode"></i> icon-barcode</a></li> + <li><a href="{{ site.baseurl }}icon/beaker"><i class="icon-beaker"></i> icon-beaker</a></li> + <li><a href="{{ site.baseurl }}icon/beer"><i class="icon-beer"></i> icon-beer</a></li> + <li><a href="{{ site.baseurl }}icon/bell"><i class="icon-bell"></i> icon-bell</a></li> + <li><a href="{{ site.baseurl }}icon/bell-alt"><i class="icon-bell-alt"></i> icon-bell-alt</a></li> + <li><a href="{{ site.baseurl }}icon/bolt"><i class="icon-bolt"></i> icon-bolt</a></li> + <li><a href="{{ site.baseurl }}icon/book"><i class="icon-book"></i> icon-book</a></li> + <li><a href="{{ site.baseurl }}icon/bookmark"><i class="icon-bookmark"></i> icon-bookmark</a></li> + <li><a href="{{ site.baseurl }}icon/bookmark-empty"><i class="icon-bookmark-empty"></i> icon-bookmark-empty</a></li> + <li><a href="{{ site.baseurl }}icon/briefcase"><i class="icon-briefcase"></i> icon-briefcase</a></li> + <li><a href="{{ site.baseurl }}icon/bullhorn"><i class="icon-bullhorn"></i> icon-bullhorn</a></li> + <li><a href="{{ site.baseurl }}icon/calendar"><i class="icon-calendar"></i> icon-calendar</a></li> + <li><a href="{{ site.baseurl }}icon/camera"><i class="icon-camera"></i> icon-camera</a></li> + <li><a href="{{ site.baseurl }}icon/camera-retro"><i class="icon-camera-retro"></i> icon-camera-retro</a></li> + <li><a href="{{ site.baseurl }}icon/certificate"><i class="icon-certificate"></i> icon-certificate</a></li> + <li><a href="{{ site.baseurl }}icon/check"><i class="icon-check"></i> icon-check</a></li> + <li><a href="{{ site.baseurl }}icon/check-empty"><i class="icon-check-empty"></i> icon-check-empty</a></li> + <li><a href="{{ site.baseurl }}icon/circle"><i class="icon-circle"></i> icon-circle</a></li> + <li><a href="{{ site.baseurl }}icon/circle-blank"><i class="icon-circle-blank"></i> icon-circle-blank</a></li> + <li><a href="{{ site.baseurl }}icon/cloud"><i class="icon-cloud"></i> icon-cloud</a></li> + <li><a href="{{ site.baseurl }}icon/cloud-download"><i class="icon-cloud-download"></i> icon-cloud-download</a></li> + <li><a href="{{ site.baseurl }}icon/cloud-upload"><i class="icon-cloud-upload"></i> icon-cloud-upload</a></li> + <li><a href="{{ site.baseurl }}icon/coffee"><i class="icon-coffee"></i> icon-coffee</a></li> + <li><a href="{{ site.baseurl }}icon/cog"><i class="icon-cog"></i> icon-cog</a></li> + <li><a href="{{ site.baseurl }}icon/cogs"><i class="icon-cogs"></i> icon-cogs</a></li> + <li><a href="{{ site.baseurl }}icon/comment"><i class="icon-comment"></i> icon-comment</a></li> + <li><a href="{{ site.baseurl }}icon/comment-alt"><i class="icon-comment-alt"></i> icon-comment-alt</a></li> + <li><a href="{{ site.baseurl }}icon/comments"><i class="icon-comments"></i> icon-comments</a></li> + <li><a href="{{ site.baseurl }}icon/comments-alt"><i class="icon-comments-alt"></i> icon-comments-alt</a></li> + <li><a href="{{ site.baseurl }}icon/credit-card"><i class="icon-credit-card"></i> icon-credit-card</a></li> + <li><a href="{{ site.baseurl }}icon/dashboard"><i class="icon-dashboard"></i> icon-dashboard</a></li> + <li><a href="{{ site.baseurl }}icon/desktop"><i class="icon-desktop"></i> icon-desktop</a></li> + <li><a href="{{ site.baseurl }}icon/download"><i class="icon-download"></i> icon-download</a></li> + <li><a href="{{ site.baseurl }}icon/download-alt"><i class="icon-download-alt"></i> icon-download-alt</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/edit"><i class="icon-edit"></i> icon-edit</a></li> + <li><a href="{{ site.baseurl }}icon/envelope"><i class="icon-envelope"></i> icon-envelope</a></li> + <li><a href="{{ site.baseurl }}icon/envelope-alt"><i class="icon-envelope-alt"></i> icon-envelope-alt</a></li> + <li><a href="{{ site.baseurl }}icon/exchange"><i class="icon-exchange"></i> icon-exchange</a></li> + <li><a href="{{ site.baseurl }}icon/exclamation-sign"><i class="icon-exclamation-sign"></i> icon-exclamation-sign</a></li> + <li><a href="{{ site.baseurl }}icon/external-link"><i class="icon-external-link"></i> icon-external-link</a></li> + <li><a href="{{ site.baseurl }}icon/eye-close"><i class="icon-eye-close"></i> icon-eye-close</a></li> + <li><a href="{{ site.baseurl }}icon/eye-open"><i class="icon-eye-open"></i> icon-eye-open</a></li> + <li><a href="{{ site.baseurl }}icon/facetime-video"><i class="icon-facetime-video"></i> icon-facetime-video</a></li> + <li><a href="{{ site.baseurl }}icon/fighter-jet"><i class="icon-fighter-jet"></i> icon-fighter-jet</a></li> + <li><a href="{{ site.baseurl }}icon/film"><i class="icon-film"></i> icon-film</a></li> + <li><a href="{{ site.baseurl }}icon/filter"><i class="icon-filter"></i> icon-filter</a></li> + <li><a href="{{ site.baseurl }}icon/fire"><i class="icon-fire"></i> icon-fire</a></li> + <li><a href="{{ site.baseurl }}icon/flag"><i class="icon-flag"></i> icon-flag</a></li> + <li><a href="{{ site.baseurl }}icon/folder-close"><i class="icon-folder-close"></i> icon-folder-close</a></li> + <li><a href="{{ site.baseurl }}icon/folder-open"><i class="icon-folder-open"></i> icon-folder-open</a></li> + <li><a href="{{ site.baseurl }}icon/folder-close-alt"><i class="icon-folder-close-alt"></i> icon-folder-close-alt</a></li> + <li><a href="{{ site.baseurl }}icon/folder-open-alt"><i class="icon-folder-open-alt"></i> icon-folder-open-alt</a></li> + <li><a href="{{ site.baseurl }}icon/food"><i class="icon-food"></i> icon-food</a></li> + <li><a href="{{ site.baseurl }}icon/gift"><i class="icon-gift"></i> icon-gift</a></li> + <li><a href="{{ site.baseurl }}icon/glass"><i class="icon-glass"></i> icon-glass</a></li> + <li><a href="{{ site.baseurl }}icon/globe"><i class="icon-globe"></i> icon-globe</a></li> + <li><a href="{{ site.baseurl }}icon/group"><i class="icon-group"></i> icon-group</a></li> + <li><a href="{{ site.baseurl }}icon/hdd"><i class="icon-hdd"></i> icon-hdd</a></li> + <li><a href="{{ site.baseurl }}icon/headphones"><i class="icon-headphones"></i> icon-headphones</a></li> + <li><a href="{{ site.baseurl }}icon/heart"><i class="icon-heart"></i> icon-heart</a></li> + <li><a href="{{ site.baseurl }}icon/heart-empty"><i class="icon-heart-empty"></i> icon-heart-empty</a></li> + <li><a href="{{ site.baseurl }}icon/home"><i class="icon-home"></i> icon-home</a></li> + <li><a href="{{ site.baseurl }}icon/inbox"><i class="icon-inbox"></i> icon-inbox</a></li> + <li><a href="{{ site.baseurl }}icon/info-sign"><i class="icon-info-sign"></i> icon-info-sign</a></li> + <li><a href="{{ site.baseurl }}icon/key"><i class="icon-key"></i> icon-key</a></li> + <li><a href="{{ site.baseurl }}icon/leaf"><i class="icon-leaf"></i> icon-leaf</a></li> + <li><a href="{{ site.baseurl }}icon/laptop"><i class="icon-laptop"></i> icon-laptop</a></li> + <li><a href="{{ site.baseurl }}icon/legal"><i class="icon-legal"></i> icon-legal</a></li> + <li><a href="{{ site.baseurl }}icon/lemon"><i class="icon-lemon"></i> icon-lemon</a></li> + <li><a href="{{ site.baseurl }}icon/lightbulb"><i class="icon-lightbulb"></i> icon-lightbulb</a></li> + <li><a href="{{ site.baseurl }}icon/lock"><i class="icon-lock"></i> icon-lock</a></li> + <li><a href="{{ site.baseurl }}icon/unlock"><i class="icon-unlock"></i> icon-unlock</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/magic"><i class="icon-magic"></i> icon-magic</a></li> + <li><a href="{{ site.baseurl }}icon/magnet"><i class="icon-magnet"></i> icon-magnet</a></li> + <li><a href="{{ site.baseurl }}icon/map-marker"><i class="icon-map-marker"></i> icon-map-marker</a></li> + <li><a href="{{ site.baseurl }}icon/minus"><i class="icon-minus"></i> icon-minus</a></li> + <li><a href="{{ site.baseurl }}icon/minus-sign"><i class="icon-minus-sign"></i> icon-minus-sign</a></li> + <li><a href="{{ site.baseurl }}icon/mobile-phone"><i class="icon-mobile-phone"></i> icon-mobile-phone</a></li> + <li><a href="{{ site.baseurl }}icon/money"><i class="icon-money"></i> icon-money</a></li> + <li><a href="{{ site.baseurl }}icon/move"><i class="icon-move"></i> icon-move</a></li> + <li><a href="{{ site.baseurl }}icon/music"><i class="icon-music"></i> icon-music</a></li> + <li><a href="{{ site.baseurl }}icon/off"><i class="icon-off"></i> icon-off</a></li> + <li><a href="{{ site.baseurl }}icon/ok"><i class="icon-ok"></i> icon-ok</a></li> + <li><a href="{{ site.baseurl }}icon/ok-circle"><i class="icon-ok-circle"></i> icon-ok-circle</a></li> + <li><a href="{{ site.baseurl }}icon/ok-sign"><i class="icon-ok-sign"></i> icon-ok-sign</a></li> + <li><a href="{{ site.baseurl }}icon/pencil"><i class="icon-pencil"></i> icon-pencil</a></li> + <li><a href="{{ site.baseurl }}icon/picture"><i class="icon-picture"></i> icon-picture</a></li> + <li><a href="{{ site.baseurl }}icon/plane"><i class="icon-plane"></i> icon-plane</a></li> + <li><a href="{{ site.baseurl }}icon/plus"><i class="icon-plus"></i> icon-plus</a></li> + <li><a href="{{ site.baseurl }}icon/plus-sign"><i class="icon-plus-sign"></i> icon-plus-sign</a></li> + <li><a href="{{ site.baseurl }}icon/print"><i class="icon-print"></i> icon-print</a></li> + <li><a href="{{ site.baseurl }}icon/pushpin"><i class="icon-pushpin"></i> icon-pushpin</a></li> + <li><a href="{{ site.baseurl }}icon/qrcode"><i class="icon-qrcode"></i> icon-qrcode</a></li> + <li><a href="{{ site.baseurl }}icon/question-sign"><i class="icon-question-sign"></i> icon-question-sign</a></li> + <li><a href="{{ site.baseurl }}icon/quote-left"><i class="icon-quote-left"></i> icon-quote-left</a></li> + <li><a href="{{ site.baseurl }}icon/quote-right"><i class="icon-quote-right"></i> icon-quote-right</a></li> + <li><a href="{{ site.baseurl }}icon/random"><i class="icon-random"></i> icon-random</a></li> + <li><a href="{{ site.baseurl }}icon/refresh"><i class="icon-refresh"></i> icon-refresh</a></li> + <li><a href="{{ site.baseurl }}icon/remove"><i class="icon-remove"></i> icon-remove</a></li> + <li><a href="{{ site.baseurl }}icon/remove-circle"><i class="icon-remove-circle"></i> icon-remove-circle</a></li> + <li><a href="{{ site.baseurl }}icon/remove-sign"><i class="icon-remove-sign"></i> icon-remove-sign</a></li> + <li><a href="{{ site.baseurl }}icon/reorder"><i class="icon-reorder"></i> icon-reorder</a></li> + <li><a href="{{ site.baseurl }}icon/reply"><i class="icon-reply"></i> icon-reply</a></li> + <li><a href="{{ site.baseurl }}icon/resize-horizontal"><i class="icon-resize-horizontal"></i> icon-resize-horizontal</a></li> + <li><a href="{{ site.baseurl }}icon/resize-vertical"><i class="icon-resize-vertical"></i> icon-resize-vertical</a></li> + <li><a href="{{ site.baseurl }}icon/retweet"><i class="icon-retweet"></i> icon-retweet</a></li> + <li><a href="{{ site.baseurl }}icon/road"><i class="icon-road"></i> icon-road</a></li> + <li><a href="{{ site.baseurl }}icon/rss"><i class="icon-rss"></i> icon-rss</a></li> + <li><a href="{{ site.baseurl }}icon/screenshot"><i class="icon-screenshot"></i> icon-screenshot</a></li> + <li><a href="{{ site.baseurl }}icon/search"><i class="icon-search"></i> icon-search</a></li> + </ul> + </div> + <div class="span3"> + <ul class="the-icons"> + <li><a href="{{ site.baseurl }}icon/share"><i class="icon-share"></i> icon-share</a></li> + <li><a href="{{ site.baseurl }}icon/share-alt"><i class="icon-share-alt"></i> icon-share-alt</a></li> + <li><a href="{{ site.baseurl }}icon/shopping-cart"><i class="icon-shopping-cart"></i> icon-shopping-cart</a></li> + <li><a href="{{ site.baseurl }}icon/signal"><i class="icon-signal"></i> icon-signal</a></li> + <li><a href="{{ site.baseurl }}icon/signin"><i class="icon-signin"></i> icon-signin</a></li> + <li><a href="{{ site.baseurl }}icon/signout"><i class="icon-signout"></i> icon-signout</a></li> + <li><a href="{{ site.baseurl }}icon/sitemap"><i class="icon-sitemap"></i> icon-sitemap</a></li> + <li><a href="{{ site.baseurl }}icon/sort"><i class="icon-sort"></i> icon-sort</a></li> + <li><a href="{{ site.baseurl }}icon/sort-down"><i class="icon-sort-down"></i> icon-sort-down</a></li> + <li><a href="{{ site.baseurl }}icon/sort-up"><i class="icon-sort-up"></i> icon-sort-up</a></li> + <li><a href="{{ site.baseurl }}icon/spinner"><i class="icon-spinner"></i> icon-spinner</a></li> + <li><a href="{{ site.baseurl }}icon/star"><i class="icon-star"></i> icon-star</a></li> + <li><a href="{{ site.baseurl }}icon/star-empty"><i class="icon-star-empty"></i> icon-star-empty</a></li> + <li><a href="{{ site.baseurl }}icon/star-half"><i class="icon-star-half"></i> icon-star-half</a></li> + <li><a href="{{ site.baseurl }}icon/tablet"><i class="icon-tablet"></i> icon-tablet</a></li> + <li><a href="{{ site.baseurl }}icon/tag"><i class="icon-tag"></i> icon-tag</a></li> + <li><a href="{{ site.baseurl }}icon/tags"><i class="icon-tags"></i> icon-tags</a></li> + <li><a href="{{ site.baseurl }}icon/tasks"><i class="icon-tasks"></i> icon-tasks</a></li> + <li><a href="{{ site.baseurl }}icon/thumbs-down"><i class="icon-thumbs-down"></i> icon-thumbs-down</a></li> + <li><a href="{{ site.baseurl }}icon/thumbs-up"><i class="icon-thumbs-up"></i> icon-thumbs-up</a></li> + <li><a href="{{ site.baseurl }}icon/time"><i class="icon-time"></i> icon-time</a></li> + <li><a href="{{ site.baseurl }}icon/tint"><i class="icon-tint"></i> icon-tint</a></li> + <li><a href="{{ site.baseurl }}icon/trash"><i class="icon-trash"></i> icon-trash</a></li> + <li><a href="{{ site.baseurl }}icon/trophy"><i class="icon-trophy"></i> icon-trophy</a></li> + <li><a href="{{ site.baseurl }}icon/truck"><i class="icon-truck"></i> icon-truck</a></li> + <li><a href="{{ site.baseurl }}icon/umbrella"><i class="icon-umbrella"></i> icon-umbrella</a></li> + <li><a href="{{ site.baseurl }}icon/upload"><i class="icon-upload"></i> icon-upload</a></li> + <li><a href="{{ site.baseurl }}icon/upload-alt"><i class="icon-upload-alt"></i> icon-upload-alt</a></li> + <li><a href="{{ site.baseurl }}icon/user"><i class="icon-user"></i> icon-user</a></li> + <li><a href="{{ site.baseurl }}icon/user-md"><i class="icon-user-md"></i> icon-user-md</a></li> + <li><a href="{{ site.baseurl }}icon/volume-off"><i class="icon-volume-off"></i> icon-volume-off</a></li> + <li><a href="{{ site.baseurl }}icon/volume-down"><i class="icon-volume-down"></i> icon-volume-down</a></li> + <li><a href="{{ site.baseurl }}icon/volume-up"><i class="icon-volume-up"></i> icon-volume-up</a></li> + <li><a href="{{ site.baseurl }}icon/warning-sign"><i class="icon-warning-sign"></i> icon-warning-sign</a></li> + <li><a href="{{ site.baseurl }}icon/wrench"><i class="icon-wrench"></i> icon-wrench</a></li> + <li><a href="{{ site.baseurl }}icon/zoom-in"><i class="icon-zoom-in"></i> icon-zoom-in</a></li> + <li><a href="{{ site.baseurl }}icon/zoom-out"><i class="icon-zoom-out"></i> icon-zoom-out</a></li> + </ul> + </div> +</section> diff --git a/build/_includes/integration.html b/build/_includes/integration.html new file mode 100644 index 000000000..1b39ea22b --- /dev/null +++ b/build/_includes/integration.html @@ -0,0 +1,101 @@ +<section id="integration"> + <h2 class="page-header">Integration</h2> + <p>It's easy to integrate Font Awesome into Twitter Bootstrap, or even use it on its own.</p> + <div class="row"> + <div class="span12"> + <h4>Easy Bootstrap + Font Awesome Integration</h4> + </div> + <div class="span3"> + <p>Use this method to integrate Font Awesome with the default Bootstrap CSS.</p> + </div> + <div class="span9"> + <ol> + <li>Copy the Font Awesome font directory into your project.</li> + <li>Copy font-awesome.min.css into your project.</li> + <li> + Open your project's font-awesome.min.css and edit the font paths to ensure they point to the right place. + <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your CSS directory.</p> + </li> + <li> + In the <code><head></code> of your html, reference the location to your font-awesome.min.css. +<pre class="prettyprint linenums"> +<link rel="stylesheet" href="../css/bootstrap.min.css"> +<link rel="stylesheet" href="../css/font-awesome.min.css"> +</pre> + </li> + <li>Check out the examples to start using Font Awesome!</li> + </ol> + </div> + </div> + <div class="row"> + <div class="span12"> + <h4>Custom Bootstrap + Font Awesome Integration using LESS</h4> + </div> + <div class="span3"> + <p>Use this method to integrate Font Awesome with Twitter Bootstrap using LESS.</p> + </div> + <div class="span9"> + <ol> + <li>Copy the Font Awesome font directory into your project.</li> + <li>Copy font-awesome.less into your bootstrap/less directory.</li> + <li>Open bootstrap.less and replace <code>@import "sprites.less";</code> with <code>@import "font-awesome.less";</code></li> + <li> + Open your project's font-awesome.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory. +<pre class="prettyprint linenums"> +@FontAwesomePath: "../font"; +</pre> + <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p> + </li> + <li>Re-compile your LESS if using a static compiler. Otherwise, you should be good to go.</li> + <li>Check out the examples to start using Font Awesome!</li> + </ol> + </div> + </div> + <div class="row"> + <div class="span12"> + <h4>Custom Bootstrap + Font Awesome Integration using SASS or SCSS</h4> + <p>I have never used either, so let me know if the included SCSS or SASS files have issues.</p> + </div> + </div> + <div class="row"> + <div class="span12"> + <h4>Not using Bootstrap?</h4> + </div> + <div class="span3"> + <p>Font Awesome works just as well without Twitter Bootstrap.</p> + </div> + <div class="span9"> + <ol> + <li>Copy the Font Awesome font directory into your project.</li> + <li>Copy font-awesome.less or font-awesome.min.css into your project.</li> + <li>Open your project's font-awesome.less or font-awesome.min.css and edit the font location to point it to your font directory (see above examples).</li> + <li>Check out the examples to start using Font Awesome!</li> + </ol> + </div> + </div> + <div class="row"> + <div class="span12"> + <h4>Need IE7 Support?</h4> + </div> + <div class="span3"> + <p>Font Awesome supports IE7. If you need it, you have my condolences.</p> + </div> + <div class="span9"> + <ol> + <li>Get Font Awesome working properly in a modern browser.</li> + <li>Copy font-awesome-ie7.min.css into your project.</li> + <li> + In the <code><head></code> of your html, reference the location to your font-awesome-ie7.min.css. +<pre class="prettyprint linenums"> +<link rel="stylesheet" href="../css/bootstrap.min.css"> +<link rel="stylesheet" href="../css/font-awesome.min.css"> +<!--[if IE 7]> +<link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css"> +<![endif]--> +</pre> + </li> + <li>Go complain to whoever decided your project needs IE7 support.</li> + </ol> + </div> + </div> +</section> diff --git a/build/_includes/jumbotron-slider.html b/build/_includes/jumbotron-slider.html new file mode 100644 index 000000000..98a88cc1e --- /dev/null +++ b/build/_includes/jumbotron-slider.html @@ -0,0 +1,56 @@ +<div class="jumbotron"> + <div class="container"> + <div class="row"> + <div class="span8"> + <div class="hero-content"> + <h1>Font Awesome</h1> + <p>The iconic font designed for<br>use with Twitter Bootstrap</p> + <div class="actions"> + <a class="btn btn-primary btn-large" href="https://github.com/FortAwesome/Font-Awesome/zipball/master" + onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);"> + <i class="icon-download icon-2x pull-left"></i> + Download Font<br>Awesome {{ site.font-awesome.version }}</a> + <a class="btn btn-large btn-github" href="https://github.com/FortAwesome/Font-Awesome" target="_blank" + onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);"> + <i class="icon-github icon-2x pull-left"></i> + View Project<br>on GitHub</a> + </div> + <div class="shameless-self-promotion"> + Version {{ site.font-awesome.version }} • Created & Maintained by Dave Gandy + </div> + </div> + </div> + <div class="span4"> + <div id="iconCarousel" class="carousel slide"> + <!-- Carousel items --> + <div class="carousel-inner"> + <div class="active item"><div><i class="icon-flag"></i></div></div> + <div class="item"><div><i class="icon-rocket"></i></div></div> + <div class="item"><div><i class="icon-crop"></i></div></div> + <div class="item"><div><i class="icon-fire-extinguisher"></i></div></div> + <div class="item"><div><i class="icon-microphone"></i></div></div> + <div class="item"><div><i class="icon-shield"></i></div></div> + <div class="item"><div><i class="icon-star-half-empty"></i></div></div> + <div class="item"><div><i class="icon-envelope"></i></div></div> + <div class="item"><div><i class="icon-coffee"></i></div></div> + <div class="item"><div><i class="icon-medkit"></i></div></div> + <div class="item"><div><i class="icon-book"></i></div></div> + <div class="item"><div><i class="icon-fighter-jet"></i></div></div> + <div class="item"><div><i class="icon-search"></i></div></div> + <div class="item"><div><i class="icon-beer"></i></div></div> + <div class="item"><div><i class="icon-heart-empty"></i></div></div> + <div class="item"><div><i class="icon-thumbs-up"></i></div></div> + </div> + <!-- Carousel nav --> + <a class="carousel-control left" href="#iconCarousel" data-slide="prev" + onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);"> + <i class="icon-arrow-left"></i></a> + <a class="carousel-control right" href="#iconCarousel" data-slide="next" + onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);"> + <i class="icon-arrow-right"></i></a> + </div> + </div> + </div> + + </div> +</div> diff --git a/build/_includes/jumbotron.html b/build/_includes/jumbotron.html new file mode 100644 index 000000000..76aef4d00 --- /dev/null +++ b/build/_includes/jumbotron.html @@ -0,0 +1,7 @@ +<div class="jumbotron jumbotron-ad"> + <div class="container"> + <div class="pull-right">{% include ads/carbon-dark-vertical.html %}</div> + <h1>{{ jumbotron_h1 }}</h1> + <p>{{ jumbotron_p }}</p> + </div> +</div> diff --git a/build/_includes/navbar.html b/build/_includes/navbar.html new file mode 100644 index 000000000..42bc48a1f --- /dev/null +++ b/build/_includes/navbar.html @@ -0,0 +1,19 @@ +<div class="navbar navbar-inverse navbar-static-top"> + <div class="navbar-inner"> + <div class="container"> + <a class="brand" href="{{ site.baseurl }}"><i class="icon-flag"></i> Font Awesome</a> + <ul class="nav"> + <li{% if page.navbar_active == "home" %} class="active"{% endif %}><a href="{{ site.baseurl }}">Home</a></li> + <li{% if page.navbar_active == "whats-new" %} class="active"{% endif %}><a href="{{ site.baseurl }}whats-new/">What's New</a></li> + <li{% if page.navbar_active == "icons" %} class="active"{% endif %}><a href="{{ site.baseurl }}icons/">Icons</a></li> + <li{% if page.navbar_active == "integration" %} class="active"{% endif %}><a href="{{ site.baseurl }}integration/">Integration</a></li> + <li{% if page.navbar_active == "examples" %} class="active"{% endif %}><a href="{{ site.baseurl }}examples/">Examples</a></li> + <li{% if page.navbar_active == "roadmap" %} class="active"{% endif %}><a href="{{ site.baseurl }}roadmap/">Roadmap</a></li> + <li{% if page.navbar_active == "thanks" %} class="active"{% endif %}><a href="{{ site.baseurl }}thanks/">Say Thanks</a></li> + </ul> + <ul class="nav pull-right"> + <li><a href="mailto:{{ site.font-awesome.author.email }}"><i class="icon-envelope"></i> Me</a></li> + </ul> + </div> + </div> +</div> diff --git a/build/_includes/roadmap.html b/build/_includes/roadmap.html new file mode 100644 index 000000000..30eb77720 --- /dev/null +++ b/build/_includes/roadmap.html @@ -0,0 +1,9 @@ +<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> + <li><i class="icon-plus"></i>More icons. Have any requests? <a href="https://github.com/FortAwesome/Font-Awesome/issues" target="_blank">Open an issue</a> in the Font Awesome GitHub project.</li> + <li><i class="icon-plus"></i>Tricks and tips for super-awesome creative CSS methods, like the star example above.</li> + </ul> +</section> diff --git a/build/_includes/say-thanks.html b/build/_includes/say-thanks.html new file mode 100644 index 000000000..555afd532 --- /dev/null +++ b/build/_includes/say-thanks.html @@ -0,0 +1,22 @@ +<section id="say-thanks"> + <p class="lead"> + Hopefully you think Font Awesome <em>is</em> 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. + </p> + <div class="row"> + <div class="span6"> + <h4><a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Help me buy an iMac</a></h4> + <p> + <a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Contribute</a> to a shiny + new iMac for me to keep making great icons. + </p> + </div> + <div class="span6"> + <h4><a href="http://amzn.com/w/G64X58AY416W" target="_blank">My Amazon Wish List</a></h4> + <p> + Or pick something straight + from <a href="http://amzn.com/w/G64X58AY416W" target="_blank">my wish list</a>. Gift cards are great. + </p> + </div> + </div> +</section> diff --git a/build/_includes/special-thanks.html b/build/_includes/special-thanks.html new file mode 100644 index 000000000..644ca85a6 --- /dev/null +++ b/build/_includes/special-thanks.html @@ -0,0 +1,14 @@ +<section id="special-thanks"> + <h2 class="page-header">Special Thanks</h2> + <p> + Special thanks to <a href="https://twitter.com/robmadole/" target="_blank">@robmadole</a> and + <a href="https://twitter.com/supercodepoet/" target="_blank">@supercodepoet</a> for icon design + review, advice, and some backbone.js help. + </p> + <p> + Special thanks to <a target="_blank" href="https://twitter.com/grantgordon">@grantgordon</a> and + <a target="_blank" href="https://twitter.com/johnsmclay">@johnsmclay</a> for developing + <a target="_blank" href="http://icnfnt.com/">icnfnt</a>, the best way to subset Font Awesome to get just the + icons you need. + </p> +</section>
\ 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 @@ +<div id="social-buttons"> + <div class="container"> + <ul class="unstyled inline"> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe> + </li> + <li> + <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe> + </li> + <li class="follow-btn"> + <a href="https://twitter.com/fortaweso_me" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fortaweso_me</a> + </li> + <li class="tweet-btn"> + <a href="https://twitter.com/share" class="twitter-share-button" data-url="{{ site.font-awesome.url }}" data-count="horizontal" data-via="fortaweso_me" data-related="mdo:Creator of Twitter Bootstrap">Tweet</a> + </li> + </ul> + + <!--<div class="watch">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Watch</a>--> + <!--<a id="watchers" class="count btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome">9000+</a>--> + <!--</div>--> + <!--<div class="fork">--> + <!--<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Fork</a>--> + <!--<a id="forks" class="count btn btn-mini" href="#">800+</a>--> + <!--</div>--> + <!--<div class="follow">--> + <!--<a class="btn btn-mini" href="http://twitter.com/fortaweso_me/" target="_blank"><i class="icon-twitter icon-large"></i> Follow @fortaweso_me</a>--> + <!--<span id="followers" class="count btn btn-mini">2500+</span>--> + <!--</div>--> + </div> +</div> diff --git a/build/_includes/whats-new.html b/build/_includes/whats-new.html new file mode 100644 index 000000000..9d2e2d1a2 --- /dev/null +++ b/build/_includes/whats-new.html @@ -0,0 +1,30 @@ +<section id="whats-new"> + <div class="row"> + <div class="span4"> + <h4><i class="icon-magic"></i> Pixel Perfection at 14px</h4> + Every single icon re-created from the ground up to be optimized for Bootstrap's default 14px. + </div> + <div class="span4"> + <h4><i class="icon-th-large"></i> <a target="_blank" href="http://icnfnt.com/">Font Sub-setting</a></h4> + Thanks to <a target="_blank" href="https://twitter.com/grantgordon">@grantgordon</a> and <a target="_blank" href="https://twitter.com/johnsmclay">@johnsmclay</a>, you can <a target="_blank" href="http://icnfnt.com/">subset</a> to get just the icons you need. + </div> + <div class="span4"> + <h4><i class="icon-legal"></i> <a href="#license">Better License</a></h4> + SIL open font license, MIT license for code. No more attribution required, but much appreciated. + </div> + </div> + <div class="row"> + <div class="span4"> + <h4><i class="icon-lightbulb"></i> 40 New Icons in 3.0</h4> + Requested by the active community on the <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank">Font Awesome GitHub project</a>. + </div> + <div class="span4"> + <h4><i class="icon-spinner icon-spin"></i> <a href="#examples">New Styles</a></h4> + <a href="#examples">New styles</a> for animated spinning icons, icons with 2x-4x size multipliers, icon borders, & more. + </div> + <div class="span4"> + <h4><i class="icon-resize-small"></i> 28% Smaller Payload</h4> + 3.0 is smaller, even with 16% more icons. Crazy small if you <a target="_blank" href="http://icnfnt.com/">subset</a> just the icons you need. + </div> + </div> +</section> diff --git a/build/_includes/why.html b/build/_includes/why.html new file mode 100644 index 000000000..b67293d3e --- /dev/null +++ b/build/_includes/why.html @@ -0,0 +1,44 @@ +<div id="why"> + <div class="row"> + <div class="span4"> + <h4><i class="icon-flag"></i> One font, 249 icons</h4> + In a single collection, Font Awesome is a pictographic language of web-related actions. + </div> + <div class="span4"> + <h4><i class="icon-pencil"></i> CSS control</h4> + Easily style icon color, size, shadow, and anything that's possible with CSS. + </div> + <div class="span4"> + <h4><i class="icon-fullscreen"></i> Infinite scalability</h4> + Scalable vector graphics means every icon looks awesome at any size. + </div> + </div> + <div class="row"> + <div class="span4"> + <h4><i class="icon-beer"></i> Free, as in Beer</h4> + Font Awesome is completely free for commercial use. Check out the <a href="#license">license</a>. + </div> + <div class="span4"> + <h4><i class="icon-ok"></i> IE7 Support</h4> + Font Awesome supports IE7. If you need it, you have my condolences. + </div> + <div class="span4"> + <h4><i class="icon-eye-open"></i> Perfect on Retina Displays</h4> + Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays. + </div> + </div> + <div class="row"> + <div class="span4"> + <h4><i class="icon-thumbs-up"></i> Made for Bootstrap</h4> + Designed from scratch to be fully compatible with <a href="{{ site.bootstrap.url }}" target="_blank">Bootstrap {{ site.bootstrap.version }}</a>. + </div> + <div class="span4"> + <h4><i class="icon-tint"></i> Designer Friendly</h4> + Install FontAwesome.otf and <a href="design.html" target="_blank">visit the copy & paste page</a>. Happy designing. + </div> + <div class="span4"> + <h4><i class="icon-search"></i> Screen reader compatible</h4> + Font Awesome won't trip up screen readers, unlike other icon fonts. + </div> + </div> +</div> diff --git a/build/_layouts/base.html b/build/_layouts/base.html new file mode 100644 index 000000000..d5ee7d586 --- /dev/null +++ b/build/_layouts/base.html @@ -0,0 +1,65 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>{% if page.title %}{{ page.title }}{% endif %}</title> + <meta name="description" content="Font Awesome, the iconic font designed for use with Bootstrap"> + <meta name="author" content="Dave Gandy"> + <!--<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">--> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="{{ site.baseurl }}assets/css/site.css"> + <link rel="stylesheet" href="{{ site.baseurl }}assets/css/prettify.css"> + <link rel="stylesheet" href="{{ site.baseurl }}assets/css/font-awesome.css"> + <!--[if IE 7]> + <link rel="stylesheet" href="{{ site.baseurl }}assets/css/font-awesome-ie7.css"> + <![endif]--> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="{{ site.baseurl }}assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + {% include navbar.html %} + + {{ content }} + <div class="push"><!-- necessary for sticky footer --></div> +</div> +{% include footer.html %} + +<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> +<script src="{{ site.baseurl }}assets/js/jquery-1.7.1.min.js"></script> +<script src="{{ site.baseurl }}assets/js/underscore.min.js"></script> +<script src="{{ site.baseurl }}assets/js/backbone.min.js"></script> +<script src="{{ site.baseurl }}assets/js/prettify.min.js"></script> +<script src="{{ site.baseurl }}assets/js/bootstrap-222.min.js"></script> +<script src="{{ site.baseurl }}assets/js/index/index.js"></script> + +</body> +</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 +--- +<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> + </section> +</div> 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 index 73fc3bb0d..73fc3bb0d 100644 --- a/docs/assets/css/font-awesome-ie7.css +++ b/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 index ae301609e..ae301609e 100644 --- a/docs/assets/css/font-awesome-ie7.min.css +++ b/build/assets/css/font-awesome-ie7.min.css diff --git a/docs/assets/css/font-awesome.css b/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 index d4e45b3c9..d4e45b3c9 100644 --- a/docs/assets/css/font-awesome.min.css +++ b/build/assets/css/font-awesome.min.css diff --git a/docs/assets/css/prettify.css b/build/assets/css/prettify.css index aedd8d1a9..aedd8d1a9 100755 --- a/docs/assets/css/prettify.css +++ b/build/assets/css/prettify.css diff --git a/docs/assets/css/site.css b/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 Binary files differnew file mode 100644 index 000000000..534d05557 --- /dev/null +++ b/build/assets/font/FontAwesome.otf diff --git a/docs/assets/font/fontawesome-webfont.eot b/build/assets/font/fontawesome-webfont.eot Binary files differindex 7d81019e4..7d81019e4 100755 --- a/docs/assets/font/fontawesome-webfont.eot +++ b/build/assets/font/fontawesome-webfont.eot diff --git a/docs/assets/font/fontawesome-webfont.svg b/build/assets/font/fontawesome-webfont.svg index ba0afe5ef..ba0afe5ef 100755 --- a/docs/assets/font/fontawesome-webfont.svg +++ b/build/assets/font/fontawesome-webfont.svg diff --git a/docs/assets/font/fontawesome-webfont.ttf b/build/assets/font/fontawesome-webfont.ttf Binary files differindex d46172476..d46172476 100755 --- a/docs/assets/font/fontawesome-webfont.ttf +++ b/build/assets/font/fontawesome-webfont.ttf diff --git a/docs/assets/font/fontawesome-webfont.woff b/build/assets/font/fontawesome-webfont.woff Binary files differindex 3c89ae09b..3c89ae09b 100755 --- a/docs/assets/font/fontawesome-webfont.woff +++ b/build/assets/font/fontawesome-webfont.woff diff --git a/docs/assets/ico/favicon.ico b/build/assets/ico/favicon.ico Binary files differindex 742243e31..742243e31 100644 --- a/docs/assets/ico/favicon.ico +++ b/build/assets/ico/favicon.ico diff --git a/docs/assets/img/contribution-sample.png b/build/assets/img/contribution-sample.png Binary files differindex fe7647f0b..fe7647f0b 100644 --- a/docs/assets/img/contribution-sample.png +++ b/build/assets/img/contribution-sample.png diff --git a/docs/assets/img/fort_awesome.jpg b/build/assets/img/fort_awesome.jpg Binary files differindex 3542fae0f..3542fae0f 100644 --- a/docs/assets/img/fort_awesome.jpg +++ b/build/assets/img/fort_awesome.jpg diff --git a/docs/assets/img/glyphicons-halflings-white.png b/build/assets/img/glyphicons-halflings-white.png Binary files differindex 3bf6484a2..3bf6484a2 100644 --- a/docs/assets/img/glyphicons-halflings-white.png +++ b/build/assets/img/glyphicons-halflings-white.png diff --git a/docs/assets/img/glyphicons-halflings.png b/build/assets/img/glyphicons-halflings.png Binary files differindex a99699932..a99699932 100644 --- a/docs/assets/img/glyphicons-halflings.png +++ b/build/assets/img/glyphicons-halflings.png diff --git a/docs/assets/img/icon-flag.pdf b/build/assets/img/icon-flag.pdf index 1c8913d14..1c8913d14 100644 --- a/docs/assets/img/icon-flag.pdf +++ b/build/assets/img/icon-flag.pdf diff --git a/docs/assets/js/backbone.min.js b/build/assets/js/backbone.min.js index 5846b325d..5846b325d 100644 --- a/docs/assets/js/backbone.min.js +++ b/build/assets/js/backbone.min.js diff --git a/docs/assets/js/bootstrap-222.min.js b/build/assets/js/bootstrap-222.min.js index 6eeb15ce3..6eeb15ce3 100644 --- a/docs/assets/js/bootstrap-222.min.js +++ b/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 index 198b3ff07..198b3ff07 100644 --- a/docs/assets/js/jquery-1.7.1.min.js +++ b/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 index eef5ad7e6..eef5ad7e6 100644 --- a/docs/assets/js/prettify.min.js +++ b/build/assets/js/prettify.min.js diff --git a/docs/assets/js/underscore.min.js b/build/assets/js/underscore.min.js index 5b55f32be..5b55f32be 100644 --- a/docs/assets/js/underscore.min.js +++ b/build/assets/js/underscore.min.js diff --git a/docs/assets/less/font-awesome-ie7.less b/build/assets/less/font-awesome-ie7.less index 2bb1b5c15..2bb1b5c15 100644 --- a/docs/assets/less/font-awesome-ie7.less +++ b/build/assets/less/font-awesome-ie7.less diff --git a/docs/assets/less/font-awesome.less b/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 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 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; - - [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; + a { + display: block; + &, &:hover { color: @grayDarker; } + + 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 index d63523bc8..d63523bc8 100755 --- a/docs/assets/less/twbs-2.3.1/accordion.less +++ b/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 index 0116b191b..0116b191b 100755 --- a/docs/assets/less/twbs-2.3.1/alerts.less +++ b/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 index b56327adc..b56327adc 100755 --- a/docs/assets/less/twbs-2.3.1/bootstrap.less +++ b/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 index f753df6be..f753df6be 100755 --- a/docs/assets/less/twbs-2.3.1/breadcrumbs.less +++ b/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 index 55cdc6033..55cdc6033 100755 --- a/docs/assets/less/twbs-2.3.1/button-groups.less +++ b/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 index 4cd4d862b..4cd4d862b 100755 --- a/docs/assets/less/twbs-2.3.1/buttons.less +++ b/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 index 55bc05014..55bc05014 100755 --- a/docs/assets/less/twbs-2.3.1/carousel.less +++ b/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 index 4c626bda6..4c626bda6 100755 --- a/docs/assets/less/twbs-2.3.1/close.less +++ b/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 index 266a926e7..266a926e7 100755 --- a/docs/assets/less/twbs-2.3.1/code.less +++ b/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 index d614263a7..d614263a7 100755 --- a/docs/assets/less/twbs-2.3.1/component-animations.less +++ b/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 index bbfe3fd3e..bbfe3fd3e 100755 --- a/docs/assets/less/twbs-2.3.1/dropdowns.less +++ b/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 index 06767bdd3..06767bdd3 100755 --- a/docs/assets/less/twbs-2.3.1/forms.less +++ b/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 index 750d20351..750d20351 100755 --- a/docs/assets/less/twbs-2.3.1/grid.less +++ b/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 index 763d86aee..763d86aee 100755 --- a/docs/assets/less/twbs-2.3.1/hero-unit.less +++ b/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 index bc321fe5c..bc321fe5c 100755 --- a/docs/assets/less/twbs-2.3.1/labels-badges.less +++ b/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 index 24a206211..24a206211 100755 --- a/docs/assets/less/twbs-2.3.1/layouts.less +++ b/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 index e461e446d..e461e446d 100755 --- a/docs/assets/less/twbs-2.3.1/media.less +++ b/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 index 79d889219..79d889219 100755 --- a/docs/assets/less/twbs-2.3.1/mixins.less +++ b/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 index 8e272d409..8e272d409 100755 --- a/docs/assets/less/twbs-2.3.1/modals.less +++ b/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 index 93d09bcad..93d09bcad 100755 --- a/docs/assets/less/twbs-2.3.1/navbar.less +++ b/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 index 01cd805bd..01cd805bd 100755 --- a/docs/assets/less/twbs-2.3.1/navs.less +++ b/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 index 147618829..147618829 100755 --- a/docs/assets/less/twbs-2.3.1/pager.less +++ b/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 index a789db2d2..a789db2d2 100755 --- a/docs/assets/less/twbs-2.3.1/pagination.less +++ b/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 index aae35c8cd..aae35c8cd 100755 --- a/docs/assets/less/twbs-2.3.1/popovers.less +++ b/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 index 5e0c3dda0..5e0c3dda0 100755 --- a/docs/assets/less/twbs-2.3.1/progress-bars.less +++ b/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 index 4806bd5e5..4806bd5e5 100755 --- a/docs/assets/less/twbs-2.3.1/reset.less +++ b/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 index 4f35ba6ca..4f35ba6ca 100755 --- a/docs/assets/less/twbs-2.3.1/responsive-1200px-min.less +++ b/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 index 128f4ce30..128f4ce30 100755 --- a/docs/assets/less/twbs-2.3.1/responsive-767px-max.less +++ b/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 index 8e8c486a0..8e8c486a0 100755 --- a/docs/assets/less/twbs-2.3.1/responsive-768px-979px.less +++ b/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 index 21cd3ba67..21cd3ba67 100755 --- a/docs/assets/less/twbs-2.3.1/responsive-navbar.less +++ b/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 index bf43e8ef7..bf43e8ef7 100755 --- a/docs/assets/less/twbs-2.3.1/responsive-utilities.less +++ b/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 index b8366defb..b8366defb 100755 --- a/docs/assets/less/twbs-2.3.1/responsive.less +++ b/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 index f17e8cadb..f17e8cadb 100755 --- a/docs/assets/less/twbs-2.3.1/scaffolding.less +++ b/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 index 1812bf71a..1812bf71a 100755 --- a/docs/assets/less/twbs-2.3.1/sprites.less +++ b/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 index 0e35271e1..0e35271e1 100755 --- a/docs/assets/less/twbs-2.3.1/tables.less +++ b/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 index 9b3c2c572..9b3c2c572 100755 --- a/docs/assets/less/twbs-2.3.1/tests/buttons.html +++ b/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 index 0f5604ee6..0f5604ee6 100755 --- a/docs/assets/less/twbs-2.3.1/tests/css-tests.css +++ b/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 index c69688c76..c69688c76 100755 --- a/docs/assets/less/twbs-2.3.1/tests/css-tests.html +++ b/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 index c3e208d02..c3e208d02 100755 --- a/docs/assets/less/twbs-2.3.1/tests/forms-responsive.html +++ b/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 index a63d728a0..a63d728a0 100755 --- a/docs/assets/less/twbs-2.3.1/tests/forms.html +++ b/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 index 2d9a7a718..2d9a7a718 100755 --- 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 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 index 4bead8ec6..4bead8ec6 100755 --- 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 diff --git a/docs/assets/less/twbs-2.3.1/tests/navbar.html b/build/assets/less/twbs-2.3.1/tests/navbar.html index d5ad4784e..d5ad4784e 100755 --- a/docs/assets/less/twbs-2.3.1/tests/navbar.html +++ b/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 index 4fd07d253..4fd07d253 100755 --- a/docs/assets/less/twbs-2.3.1/thumbnails.less +++ b/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 index 83d5f2bd7..83d5f2bd7 100755 --- a/docs/assets/less/twbs-2.3.1/tooltip.less +++ b/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 index 337138ac8..337138ac8 100755 --- a/docs/assets/less/twbs-2.3.1/type.less +++ b/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 index 314b4ffdb..314b4ffdb 100755 --- a/docs/assets/less/twbs-2.3.1/utilities.less +++ b/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 index 31c131b1e..31c131b1e 100755 --- a/docs/assets/less/twbs-2.3.1/variables.less +++ b/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 index 84a744b1c..84a744b1c 100755 --- a/docs/assets/less/twbs-2.3.1/wells.less +++ b/build/assets/less/twbs-2.3.1/wells.less diff --git a/docs/assets/less/variables.less b/build/assets/less/variables.less index e793a730f..e793a730f 100755 --- a/docs/assets/less/variables.less +++ b/build/assets/less/variables.less diff --git a/docs/design.html b/build/design.html index 2af2905f7..e277bdfeb 100644 --- a/docs/design.html +++ b/build/design.html @@ -1,59 +1,11 @@ -<!DOCTYPE html> -<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> -<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> -<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> -<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--> -<head> - <!-- Basic Page Needs - ================================================== --> - <meta charset="utf-8" /> - <title>Font Awesome Copy & Paste</title> - <meta name="description" content=""> - <meta name="author" content=""> - <!--<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">--> - - <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> - <![endif]--> - - <!-- CSS - ================================================== --> - - <link rel="stylesheet" href="assets/css/site.css"> - <link rel="stylesheet" href="assets/css/prettify.css"> - <link rel="stylesheet" href="assets/css/font-awesome.min.css"> - <!--[if IE 7]> - <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css"> - <![endif]--> - <!-- Le fav and touch icons --> - <link rel="shortcut icon" href="assets/ico/favicon.ico"> - - <script type="text/javascript"> - var _gaq = _gaq || []; - _gaq.push(['_setAccount', 'UA-30136587-1']); - _gaq.push(['_trackPageview']); - - (function() { - var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; - ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; - var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); - })(); - </script> -</head> -<body> - -<div class="jumbotron"> - <div class="container"> - - <h1><i class="icon-copy"></i> Copy & <i class="icon-paste"></i> Paste</h1> - <p> - Install FontAwesome.otf on your system. - Then, copy and paste any of these icons to use them in your mockups & designs. - </p> - - </div> -</div> +--- +layout: base +title: Using Font Awesome in Your Designs +--- +{% capture jumbotron_h1 %}<i class="icon-copy"></i> Copy & <i class="icon-paste"></i> 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 %} <div class="container"> <section> @@ -318,16 +270,4 @@ </div> </div> </section> - - - - - - </div> - -<script src="assets/js/jquery-1.7.1.min.js"></script> -<script src="assets/js/bootstrap-222.min.js"></script> - -</body> -</html>
\ 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 %}<i class="icon-magic icon-large"></i> Examples{% endcapture %} +{% capture jumbotron_p %}Some great examples of easy ways to use Font Awesome{% endcapture %} + +{% include jumbotron.html %} +{% include stripe-social.html %} + +<div class="container"> + {% include examples.html %} +</div> diff --git a/build/icons.yml b/build/icons.yml new file mode 100755 index 000000000..cecaa2584 --- /dev/null +++ b/build/icons.yml @@ -0,0 +1,1988 @@ +icons: + - name: Glass + id: glass + unicode: f000 + created: 1.0.0 + categories: + - Web Application Icons + + - name: Music + id: music + unicode: f001 + created: 1.0.0 + categories: + - Web Application Icons + + - name: Search + id: search + unicode: f002 + created: 1.0.0 + categories: + - Web Application Icons + + - name: envelope + id: envelope + unicode: f003 + created: 1.0.0 + categories: + - Web Application Icons + + - name: heart + id: heart + unicode: f004 + created: 1.0.0 + categories: + - Web Application Icons + + - name: star + id: star + unicode: f005 + created: 1.0.0 + categories: + - Web Application Icons + + - name: star-empty + id: star-empty + unicode: f006 + created: 1.0.0 + categories: + - Web Application Icons + + - name: user + id: user + unicode: f007 + created: 1.0.0 + categories: + - Web Application Icons + + - name: film + id: film + unicode: f008 + created: 1.0.0 + categories: + - Web Application Icons + + - name: th-large + id: th-large + unicode: f009 + created: 1.0.0 + categories: + - Web Application Icons + + - name: th + id: th + unicode: f00a + created: 1.0.0 + categories: + - Web Application Icons + + - name: th-list + id: th-list + unicode: f00b + created: 1.0.0 + categories: + - Web Application Icons + + - name: ok + id: ok + unicode: f00c + created: 1.0.0 + categories: + - Web Application Icons + + - name: remove + id: remove + unicode: f00d + created: 1.0.0 + categories: + - Web Application Icons + + - name: zoom-in + id: zoom-in + unicode: f00e + created: 1.0.0 + categories: + - Web Application Icons + + + - name: zoom-out + id: zoom-out + unicode: f010 + created: 1.0.0 + categories: + - Web Application Icons + + - name: off + id: off + unicode: f011 + created: 1.0.0 + categories: + - Web Application Icons + + - name: signal + id: signal + unicode: f012 + created: 1.0.0 + categories: + - Web Application Icons + + - name: cog + id: cog + unicode: f013 + created: 1.0.0 + categories: + - Web Application Icons + + - name: trash + id: trash + unicode: f014 + created: 1.0.0 + categories: + - Web Application Icons + + - name: home + id: home + unicode: f015 + created: 1.0.0 + categories: + - Web Application Icons + + - name: file + id: file + unicode: f016 + created: 1.0.0 + categories: + - Web Application Icons + + - name: time + id: time + unicode: f017 + created: 1.0.0 + categories: + - Web Application Icons + + - name: road + id: road + unicode: f018 + created: 1.0.0 + categories: + - Web Application Icons + + - name: download-alt + id: download-alt + unicode: f019 + created: 1.0.0 + categories: + - Web Application Icons + + - name: download + id: download + unicode: f01a + created: 1.0.0 + categories: + - Web Application Icons + + - name: upload + id: upload + unicode: f01b + created: 1.0.0 + categories: + - Web Application Icons + + - name: inbox + id: inbox + unicode: f01c + created: 1.0.0 + categories: + - Web Application Icons + + - name: play-circle + id: play-circle + unicode: f01d + created: 1.0.0 + categories: + - Web Application Icons + + - name: repeat + id: repeat + unicode: f01e + created: 1.0.0 + aliases: + - rotate-right + categories: + - Web Application Icons + + + - name: refresh + id: refresh + unicode: f021 + created: 1.0.0 + categories: + - Web Application Icons + + - name: list-alt + id: list-alt + unicode: f022 + created: 1.0.0 + categories: + - Web Application Icons + + - name: lock + id: lock + unicode: f023 + created: 1.0.0 + categories: + - Web Application Icons + + - name: flag + id: flag + unicode: f024 + created: 1.0.0 + categories: + - Web Application Icons + + - name: headphones + id: headphones + unicode: f025 + created: 1.0.0 + categories: + - Web Application Icons + + - name: volume-off + id: volume-off + unicode: f026 + created: 1.0.0 + categories: + - Web Application Icons + + - name: volume-down + id: volume-down + unicode: f027 + created: 1.0.0 + categories: + - Web Application Icons + + - name: volume-up + id: volume-up + unicode: f028 + created: 1.0.0 + categories: + - Web Application Icons + + - name: qrcode + id: qrcode + unicode: f029 + created: 1.0.0 + categories: + - Web Application Icons + + - name: barcode + id: barcode + unicode: f02a + created: 1.0.0 + categories: + - Web Application Icons + + - name: tag + id: tag + unicode: f02b + created: 1.0.0 + categories: + - Web Application Icons + + - name: tags + id: tags + unicode: f02c + created: 1.0.0 + categories: + - Web Application Icons + + - name: book + id: book + unicode: f02d + created: 1.0.0 + categories: + - Web Application Icons + + - name: bookmark + id: bookmark + unicode: f02e + created: 1.0.0 + categories: + - Web Application Icons + + - name: print + id: print + unicode: f02f + created: 1.0.0 + categories: + - Web Application Icons + + + - name: camera + id: camera + unicode: f030 + created: 1.0.0 + categories: + - Web Application Icons + + - name: font + id: font + unicode: f031 + created: 1.0.0 + categories: + - Web Application Icons + + - name: bold + id: bold + unicode: f032 + created: 1.0.0 + categories: + - Web Application Icons + + - name: italic + id: italic + unicode: f033 + created: 1.0.0 + categories: + - Web Application Icons + + - name: text-height + id: text-height + unicode: f034 + created: 1.0.0 + categories: + - Web Application Icons + + - name: text-width + id: text-width + unicode: f035 + created: 1.0.0 + categories: + - Web Application Icons + + - name: align-left + id: align-left + unicode: f036 + created: 1.0.0 + categories: + - Web Application Icons + + - name: align-center + id: align-center + unicode: f037 + created: 1.0.0 + categories: + - Web Application Icons + + - name: align-right + id: align-right + unicode: f038 + created: 1.0.0 + categories: + - Web Application Icons + + - name: align-justify + id: align-justify + unicode: f039 + created: 1.0.0 + categories: + - Web Application Icons + + - name: list + id: list + unicode: f03a + created: 1.0.0 + categories: + - Web Application Icons + + - name: indent-left + id: indent-left + unicode: f03b + created: 1.0.0 + categories: + - Web Application Icons + + - name: indent-right + id: indent-right + unicode: f03c + created: 1.0.0 + categories: + - Web Application Icons + + - name: facetime-video + id: facetime-video + unicode: f03d + created: 1.0.0 + categories: + - Web Application Icons + + - name: picture + id: picture + unicode: f03e + created: 1.0.0 + categories: + - Web Application Icons + + + - name: pencil + id: pencil + unicode: f040 + created: 1.0.0 + categories: + - Web Application Icons + + - name: map-marker + id: map-marker + unicode: f041 + created: 1.0.0 + categories: + - Web Application Icons + + - name: adjust + id: adjust + unicode: f042 + created: 1.0.0 + categories: + - Web Application Icons + + - name: tint + id: tint + unicode: f043 + created: 1.0.0 + categories: + - Web Application Icons + + - name: edit + id: edit + unicode: f044 + created: 1.0.0 + categories: + - Web Application Icons + + - name: share + id: share + unicode: f045 + created: 1.0.0 + categories: + - Web Application Icons + + - name: check + id: check + unicode: f046 + created: 1.0.0 + categories: + - Web Application Icons + + - name: move + id: move + unicode: f047 + created: 1.0.0 + categories: + - Web Application Icons + + - name: step-backward + id: step-backward + unicode: f048 + created: 1.0.0 + categories: + - Web Application Icons + + - name: fast-backward + id: fast-backward + unicode: f049 + created: 1.0.0 + categories: + - Web Application Icons + + - name: backward + id: backward + unicode: f04a + created: 1.0.0 + categories: + - Web Application Icons + + - name: play + id: play + unicode: f04b + created: 1.0.0 + categories: + - Web Application Icons + + - name: pause + id: pause + unicode: f04c + created: 1.0.0 + categories: + - Web Application Icons + + - name: stop + id: stop + unicode: f04d + created: 1.0.0 + categories: + - Web Application Icons + + - name: forward + id: forward + unicode: f04e + created: 1.0.0 + categories: + - Web Application Icons + + + - name: fast-forward + id: fast-forward + unicode: f050 + created: 1.0.0 + categories: + - Web Application Icons + + - name: step-forward + id: step-forward + unicode: f051 + created: 1.0.0 + categories: + - Web Application Icons + + - name: eject + id: eject + unicode: f052 + created: 1.0.0 + categories: + - Web Application Icons + + - name: chevron-left + id: chevron-left + unicode: f053 + created: 1.0.0 + categories: + - Web Application Icons + + - name: chevron-right + id: chevron-right + unicode: f054 + created: 1.0.0 + categories: + - Web Application Icons + + - name: plus-sign + id: plus-sign + unicode: f055 + created: 1.0.0 + categories: + - Web Application Icons + + - name: minus-sign + id: minus-sign + unicode: f056 + created: 1.0.0 + categories: + - Web Application Icons + + - name: remove-sign + id: remove-sign + unicode: f057 + created: 1.0.0 + categories: + - Web Application Icons + + - name: ok-sign + id: ok-sign + unicode: f058 + created: 1.0.0 + categories: + - Web Application Icons + + - name: question-sign + id: question-sign + unicode: f059 + created: 1.0.0 + categories: + - Web Application Icons + + - name: info-sign + id: info-sign + unicode: f05a + created: 1.0.0 + categories: + - Web Application Icons + + - name: screenshot + id: screenshot + unicode: f05b + created: 1.0.0 + categories: + - Web Application Icons + + - name: remove-circle + id: remove-circle + unicode: f05c + created: 1.0.0 + categories: + - Web Application Icons + + - name: ok-circle + id: ok-circle + unicode: f05d + created: 1.0.0 + categories: + - Web Application Icons + + - name: ban-circle + id: ban-circle + unicode: f05e + created: 1.0.0 + categories: + - Web Application Icons + + + - name: arrow-left + id: arrow-left + unicode: f060 + created: 1.0.0 + categories: + - Web Application Icons + + - name: arrow-right + id: arrow-right + unicode: f061 + created: 1.0.0 + categories: + - Web Application Icons + + - name: arrow-up + id: arrow-up + unicode: f062 + created: 1.0.0 + categories: + - Web Application Icons + + - name: arrow-down + id: arrow-down + unicode: f063 + created: 1.0.0 + categories: + - Web Application Icons + + - name: share-alt + id: share-alt + unicode: f064 + created: 1.0.0 + aliases: + - mail-forward + categories: + - Web Application Icons + + - name: resize-full + id: resize-full + unicode: f065 + created: 1.0.0 + categories: + - Web Application Icons + + - name: resize-small + id: resize-small + unicode: f066 + created: 1.0.0 + categories: + - Web Application Icons + + - name: plus + id: plus + unicode: f067 + created: 1.0.0 + categories: + - Web Application Icons + + - name: minus + id: minus + unicode: f068 + created: 1.0.0 + categories: + - Web Application Icons + + - name: asterisk + id: asterisk + unicode: f069 + created: 1.0.0 + categories: + - Web Application Icons + + - name: exclamation-sign + id: exclamation-sign + unicode: f06a + created: 1.0.0 + categories: + - Web Application Icons + + - name: gift + id: gift + unicode: f06b + created: 1.0.0 + categories: + - Web Application Icons + + - name: leaf + id: leaf + unicode: f06c + created: 1.0.0 + categories: + - Web Application Icons + + - name: fire + id: fire + unicode: f06d + created: 1.0.0 + categories: + - Web Application Icons + + - name: eye-open + id: eye-open + unicode: f06e + created: 1.0.0 + categories: + - Web Application Icons + + + - name: eye-close + id: eye-close + unicode: f070 + created: 1.0.0 + categories: + - Web Application Icons + + - name: warning-sign + id: warning-sign + unicode: f071 + created: 1.0.0 + categories: + - Web Application Icons + + - name: plane + id: plane + unicode: f072 + created: 1.0.0 + categories: + - Web Application Icons + + - name: calendar + id: calendar + unicode: f073 + created: 1.0.0 + categories: + - Web Application Icons + + - name: random + id: random + unicode: f074 + created: 1.0.0 + categories: + - Web Application Icons + + - name: comment + id: comment + unicode: f075 + created: 1.0.0 + categories: + - Web Application Icons + + - name: magnet + id: magnet + unicode: f076 + created: 1.0.0 + categories: + - Web Application Icons + + - name: chevron-up + id: chevron-up + unicode: f077 + created: 1.0.0 + categories: + - Web Application Icons + + - name: chevron-down + id: chevron-down + unicode: f078 + created: 1.0.0 + categories: + - Web Application Icons + + - name: retweet + id: retweet + unicode: f079 + created: 1.0.0 + categories: + - Web Application Icons + + - name: shopping-cart + id: shopping-cart + unicode: f07a + created: 1.0.0 + categories: + - Web Application Icons + + - name: folder-close + id: folder-close + unicode: f07b + created: 1.0.0 + categories: + - Web Application Icons + + - name: folder-open + id: folder-open + unicode: f07c + created: 1.0.0 + categories: + - Web Application Icons + + - name: resize-vertical + id: resize-vertical + unicode: f07d + created: 1.0.0 + categories: + - Web Application Icons + + - name: resize-horizontal + id: resize-horizontal + unicode: f07e + created: 1.0.0 + categories: + - Web Application Icons + + + - name: bar-chart + id: bar-chart + unicode: f080 + created: 1.0.0 + categories: + - Web Application Icons + + - name: twitter-sign + id: twitter-sign + unicode: f081 + created: 1.0.0 + categories: + - Web Application Icons + + - name: facebook-sign + id: facebook-sign + unicode: f082 + created: 1.0.0 + categories: + - Web Application Icons + + - name: camera-retro + id: camera-retro + unicode: f083 + created: 1.0.0 + categories: + - Web Application Icons + + - name: key + id: key + unicode: f084 + created: 1.0.0 + categories: + - Web Application Icons + + - name: cogs + id: cogs + unicode: f085 + created: 1.0.0 + categories: + - Web Application Icons + + - name: comments + id: comments + unicode: f086 + created: 1.0.0 + categories: + - Web Application Icons + + - name: thumbs-up + id: thumbs-up + unicode: f087 + created: 1.0.0 + categories: + - Web Application Icons + + - name: thumbs-down + id: thumbs-down + unicode: f088 + created: 1.0.0 + categories: + - Web Application Icons + + - name: star-half + id: star-half + unicode: f089 + created: 1.0.0 + categories: + - Web Application Icons + + - name: heart-empty + id: heart-empty + unicode: f08a + created: 1.0.0 + categories: + - Web Application Icons + + - name: signout + id: signout + unicode: f08b + created: 1.0.0 + categories: + - Web Application Icons + + - name: linkedin-sign + id: linkedin-sign + unicode: f08c + created: 1.0.0 + categories: + - Web Application Icons + + - name: pushpin + id: pushpin + unicode: f08d + created: 1.0.0 + categories: + - Web Application Icons + + - name: external-link + id: external-link + unicode: f08e + created: 1.0.0 + categories: + - Web Application Icons + + + - name: signin + id: signin + unicode: f090 + created: 1.0.0 + categories: + - Web Application Icons + + - name: trophy + id: trophy + unicode: f091 + created: 1.0.0 + categories: + - Web Application Icons + + - name: github-sign + id: github-sign + unicode: f092 + created: 1.0.0 + categories: + - Web Application Icons + + - name: upload-alt + id: upload-alt + unicode: f093 + created: 1.0.0 + categories: + - Web Application Icons + + - name: lemon + id: lemon + unicode: f094 + created: 1.0.0 + categories: + - Web Application Icons + + - name: phone + id: phone + unicode: f095 + created: 2.0.0 + categories: + - Web Application Icons + + - name: check-empty + id: check-empty + unicode: f096 + created: 2.0.0 + categories: + - Web Application Icons + + - name: bookmark-empty + id: bookmark-empty + unicode: f097 + created: 2.0.0 + categories: + - Web Application Icons + + - name: phone-sign + id: phone-sign + unicode: f098 + created: 2.0.0 + categories: + - Web Application Icons + + - name: twitter + id: twitter + unicode: f099 + created: 2.0.0 + categories: + - Web Application Icons + + - name: facebook + id: facebook + unicode: f09a + created: 2.0.0 + categories: + - Web Application Icons + + - name: github + id: github + unicode: f09b + created: 2.0.0 + categories: + - Web Application Icons + + - name: unlock + id: unlock + unicode: f09c + created: 2.0.0 + categories: + - Web Application Icons + + - name: credit-card + id: credit-card + unicode: f09d + created: 2.0.0 + categories: + - Web Application Icons + + - name: rss + id: rss + unicode: f09e + created: 2.0.0 + categories: + - Web Application Icons + + + - name: hdd + id: hdd + unicode: f0a0 + created: 2.0.0 + categories: + - Web Application Icons + + - name: bullhorn + id: bullhorn + unicode: f0a1 + created: 2.0.0 + categories: + - Web Application Icons + + - name: bell + id: bell + unicode: f0a2 + created: 2.0.0 + categories: + - Web Application Icons + + - name: certificate + id: certificate + unicode: f0a3 + created: 2.0.0 + categories: + - Web Application Icons + + - name: hand-right + id: hand-right + unicode: f0a4 + created: 2.0.0 + categories: + - Web Application Icons + + - name: hand-left + id: hand-left + unicode: f0a5 + created: 2.0.0 + categories: + - Web Application Icons + + - name: hand-up + id: hand-up + unicode: f0a6 + created: 2.0.0 + categories: + - Web Application Icons + + - name: hand-down + id: hand-down + unicode: f0a7 + created: 2.0.0 + categories: + - Web Application Icons + + - name: circle-arrow-left + id: circle-arrow-left + unicode: f0a8 + created: 2.0.0 + categories: + - Web Application Icons + + - name: circle-arrow-right + id: circle-arrow-right + unicode: f0a9 + created: 2.0.0 + categories: + - Web Application Icons + + - name: circle-arrow-up + id: circle-arrow-up + unicode: f0aa + created: 2.0.0 + categories: + - Web Application Icons + + - name: circle-arrow-down + id: circle-arrow-down + unicode: f0ab + created: 2.0.0 + categories: + - Web Application Icons + + - name: globe + id: globe + unicode: f0ac + created: 2.0.0 + categories: + - Web Application Icons + + - name: wrench + id: wrench + unicode: f0ad + created: 2.0.0 + categories: + - Web Application Icons + + - name: tasks + id: tasks + unicode: f0ae + created: 2.0.0 + categories: + - Web Application Icons + + + - name: filter + id: filter + unicode: f0b0 + created: 2.0.0 + categories: + - Web Application Icons + + - name: briefcase + id: briefcase + unicode: f0b1 + created: 2.0.0 + categories: + - Web Application Icons + + - name: fullscreen + id: fullscreen + unicode: f0b2 + created: 2.0.0 + categories: + - Web Application Icons + + + - name: group + id: group + unicode: f0c0 + created: 2.0.0 + categories: + - Web Application Icons + + - name: link + id: link + unicode: f0c1 + created: 2.0.0 + categories: + - Web Application Icons + + - name: cloud + id: cloud + unicode: f0c2 + created: 2.0.0 + categories: + - Web Application Icons + + - name: beaker + id: beaker + unicode: f0c3 + created: 2.0.0 + categories: + - Web Application Icons + + - name: cut + id: cut + unicode: f0c4 + created: 2.0.0 + categories: + - Web Application Icons + + - name: copy + id: copy + unicode: f0c5 + created: 2.0.0 + categories: + - Web Application Icons + + - name: paper-clip + id: paper-clip + unicode: f0c6 + created: 2.0.0 + categories: + - Web Application Icons + + - name: save + id: save + unicode: f0c7 + created: 2.0.0 + categories: + - Web Application Icons + + - name: sign-blank + id: sign-blank + unicode: f0c8 + created: 2.0.0 + categories: + - Web Application Icons + + - name: reorder + id: reorder + unicode: f0c9 + created: 2.0.0 + categories: + - Web Application Icons + + - name: list-ul + id: list-ul + unicode: f0ca + created: 2.0.0 + categories: + - Web Application Icons + + - name: list-ol + id: list-ol + unicode: f0cb + created: 2.0.0 + categories: + - Web Application Icons + + - name: strikethrough + id: strikethrough + unicode: f0cc + created: 2.0.0 + categories: + - Web Application Icons + + - name: underline + id: underline + unicode: f0cd + created: 2.0.0 + categories: + - Web Application Icons + + - name: table + id: table + unicode: f0ce + created: 2.0.0 + categories: + - Web Application Icons + + + - name: magic + id: magic + unicode: f0d0 + created: 2.0.0 + categories: + - Web Application Icons + + - name: truck + id: truck + unicode: f0d1 + created: 2.0.0 + categories: + - Web Application Icons + + - name: pinterest + id: pinterest + unicode: f0d2 + created: 2.0.0 + categories: + - Web Application Icons + + - name: pinterest-sign + id: pinterest-sign + unicode: f0d3 + created: 2.0.0 + categories: + - Web Application Icons + + - name: google-plus-sign + id: google-plus-sign + unicode: f0d4 + created: 2.0.0 + categories: + - Web Application Icons + + - name: google-plus + id: google-plus + unicode: f0d5 + created: 2.0.0 + categories: + - Web Application Icons + + - name: money + id: money + unicode: f0d6 + created: 2.0.0 + categories: + - Web Application Icons + + - name: caret-down + id: caret-down + unicode: f0d7 + created: 2.0.0 + categories: + - Web Application Icons + + - name: caret-up + id: caret-up + unicode: f0d8 + created: 2.0.0 + categories: + - Web Application Icons + + - name: caret-left + id: caret-left + unicode: f0d9 + created: 2.0.0 + categories: + - Web Application Icons + + - name: caret-right + id: caret-right + unicode: f0da + created: 2.0.0 + categories: + - Web Application Icons + + - name: columns + id: columns + unicode: f0db + created: 2.0.0 + categories: + - Web Application Icons + + - name: sort + id: sort + unicode: f0dc + created: 2.0.0 + categories: + - Web Application Icons + + - name: sort-down + id: sort-down + unicode: f0dd + created: 2.0.0 + categories: + - Web Application Icons + + - name: sort-up + id: sort-up + unicode: f0de + created: 2.0.0 + categories: + - Web Application Icons + + + - name: envelope-alt + id: envelope-alt + unicode: f0e0 + created: 2.0.0 + categories: + - Web Application Icons + + - name: linkedin + id: linkedin + unicode: f0e1 + created: 2.0.0 + categories: + - Web Application Icons + + + - name: undo + id: undo + unicode: f0e2 + created: 2.0.0 + aliases: + - rotate-left + categories: + - Web Application Icons + + - name: legal + id: legal + unicode: f0e3 + created: 2.0.0 + categories: + - Web Application Icons + + - name: dashboard + id: dashboard + unicode: f0e4 + created: 2.0.0 + categories: + - Web Application Icons + + - name: comment-alt + id: comment-alt + unicode: f0e5 + created: 2.0.0 + categories: + - Web Application Icons + + - name: comments-alt + id: comments-alt + unicode: f0e6 + created: 2.0.0 + categories: + - Web Application Icons + + - name: bolt + id: bolt + unicode: f0e7 + created: 2.0.0 + categories: + - Web Application Icons + + - name: sitemap + id: sitemap + unicode: f0e8 + created: 2.0.0 + categories: + - Web Application Icons + + - name: umbrella + id: umbrella + unicode: f0e9 + created: 2.0.0 + categories: + - Web Application Icons + + - name: paste + id: paste + unicode: f0ea + created: 2.0.0 + categories: + - Web Application Icons + + - name: lightbulb + id: lightbulb + unicode: f0eb + created: 3.0.0 + categories: + - Web Application Icons + + - name: exchange + id: exchange + unicode: f0ec + created: 3.0.0 + categories: + - Web Application Icons + + - name: cloud-download + id: cloud-download + unicode: f0ed + created: 3.0.0 + categories: + - Web Application Icons + + - name: cloud-upload + id: cloud-upload + unicode: f0ee + created: 3.0.0 + categories: + - Web Application Icons + + + - name: user-md + id: user-md + unicode: f0f0 + created: 2.0.0 + categories: + - Web Application Icons + + - name: stethoscope + id: stethoscope + unicode: f0f1 + created: 3.0.0 + categories: + - Web Application Icons + + - name: suitcase + id: suitcase + unicode: f0f2 + created: 3.0.0 + categories: + - Web Application Icons + + - name: bell-alt + id: bell-alt + unicode: f0f3 + created: 3.0.0 + categories: + - Web Application Icons + + - name: coffee + id: coffee + unicode: f0f4 + created: 3.0.0 + categories: + - Web Application Icons + + - name: food + id: food + unicode: f0f5 + created: 3.0.0 + categories: + - Web Application Icons + + - name: file-alt + id: file-alt + unicode: f0f6 + created: 3.0.0 + categories: + - Web Application Icons + + - name: building + id: building + unicode: f0f7 + created: 3.0.0 + categories: + - Web Application Icons + + - name: hospital + id: hospital + unicode: f0f8 + created: 3.0.0 + categories: + - Web Application Icons + + - name: ambulance + id: ambulance + unicode: f0f9 + created: 3.0.0 + categories: + - Web Application Icons + + - name: medkit + id: medkit + unicode: f0fa + created: 3.0.0 + categories: + - Web Application Icons + + - name: fighter-jet + id: fighter-jet + unicode: f0fb + created: 3.0.0 + categories: + - Web Application Icons + + - name: beer + id: beer + unicode: f0fc + created: 3.0.0 + categories: + - Web Application Icons + + - name: h-sign + id: h-sign + unicode: f0fd + created: 3.0.0 + categories: + - Web Application Icons + + - name: plus-sign-alt + id: plus-sign-alt + unicode: f0fe + created: 3.0.0 + categories: + - Web Application Icons + + + - name: double-angle-left + id: double-angle-left + unicode: f100 + created: 3.0.0 + categories: + - Web Application Icons + + - name: double-angle-right + id: double-angle-right + unicode: f101 + created: 3.0.0 + categories: + - Web Application Icons + + - name: double-angle-up + id: double-angle-up + unicode: f102 + created: 3.0.0 + categories: + - Web Application Icons + + - name: double-angle-down + id: double-angle-down + unicode: f103 + created: 3.0.0 + categories: + - Web Application Icons + + - name: angle-left + id: angle-left + unicode: f104 + created: 3.0.0 + categories: + - Web Application Icons + + - name: angle-right + id: angle-right + unicode: f105 + created: 3.0.0 + categories: + - Web Application Icons + + - name: angle-up + id: angle-up + unicode: f106 + created: 3.0.0 + categories: + - Web Application Icons + + - name: angle-down + id: angle-down + unicode: f107 + created: 3.0.0 + categories: + - Web Application Icons + + - name: desktop + id: desktop + unicode: f108 + created: 3.0.0 + categories: + - Web Application Icons + + - name: laptop + id: laptop + unicode: f109 + created: 3.0.0 + categories: + - Web Application Icons + + - name: tablet + id: tablet + unicode: f10a + created: 3.0.0 + categories: + - Web Application Icons + + - name: mobile-phone + id: mobile-phone + unicode: f10b + created: 3.0.0 + categories: + - Web Application Icons + + - name: circle-blank + id: circle-blank + unicode: f10c + created: 3.0.0 + categories: + - Web Application Icons + + - name: quote-left + id: quote-left + unicode: f10d + created: 3.0.0 + categories: + - Web Application Icons + + - name: quote-right + id: quote-right + unicode: f10e + created: 3.0.0 + categories: + - Web Application Icons + + + - name: spinner + id: spinner + unicode: f110 + created: 3.0.0 + categories: + - Web Application Icons + + - name: circle + id: circle + unicode: f111 + created: 3.0.0 + categories: + - Web Application Icons + + - name: reply + id: reply + unicode: f112 + created: 3.0.0 + aliases: + - mail-reply + categories: + - Web Application Icons + + - name: github-alt + id: github-alt + unicode: f113 + created: 3.0.0 + categories: + - Web Application Icons + + - name: folder-close-alt + id: folder-close-alt + unicode: f114 + created: 3.0.0 + categories: + - Web Application Icons + + - name: folder-open-alt + id: folder-open-alt + unicode: f115 + created: 3.0.0 + categories: + - Web Application Icons + + - name: expand-alt + id: expand-alt + unicode: f116 + created: 3.1.0 + categories: + - Web Application Icons + + - name: collapse-alt + id: collapse-alt + unicode: f117 + created: 3.1.0 + categories: + - Web Application Icons + + - name: smile + id: smile + unicode: f118 + created: 3.1.0 + categories: + - Web Application Icons + + - name: frown + id: frown + unicode: f119 + created: 3.1.0 + categories: + - Web Application Icons + + - name: meh + id: meh + unicode: f11a + created: 3.1.0 + categories: + - Web Application Icons + + - name: gamepad + id: gamepad + unicode: f11b + created: 3.1.0 + categories: + - Web Application Icons + + - name: keyboard + id: keyboard + unicode: f11c + created: 3.1.0 + categories: + - Web Application Icons + + - name: flag-alt + id: flag-alt + unicode: f11d + created: 3.1.0 + categories: + - Web Application Icons + + - name: flag-checkered + id: flag-checkered + unicode: f11e + created: 3.1.0 + categories: + - Web Application Icons + + + - name: terminal + id: terminal + unicode: f120 + created: 3.1.0 + categories: + - Web Application Icons + + - name: code + id: code + unicode: f121 + created: 3.1.0 + categories: + - Web Application Icons + + - name: reply-all + id: reply-all + unicode: f122 + created: 3.1.0 + categories: + - Web Application Icons + + - name: mail-reply-all + id: mail-reply-all + unicode: f122 + created: 3.1.0 + categories: + - Web Application Icons + + - name: star-half-empty + id: star-half-empty + unicode: f123 + created: 3.1.0 + categories: + - Web Application Icons + + - name: location-arrow + id: location-arrow + unicode: f124 + created: 3.1.0 + categories: + - Web Application Icons + + - name: crop + id: crop + unicode: f125 + created: 3.1.0 + categories: + - Web Application Icons + + - name: code-fork + id: code-fork + unicode: f126 + created: 3.1.0 + categories: + - Web Application Icons + + - name: unlink + id: unlink + unicode: f127 + created: 3.1.0 + categories: + - Web Application Icons + + - name: question + id: question + unicode: f128 + created: 3.1.0 + categories: + - Web Application Icons + + - name: info + id: info + unicode: f129 + created: 3.1.0 + categories: + - Web Application Icons + + - name: exclamation + id: exclamation + unicode: f12a + created: 3.1.0 + categories: + - Web Application Icons + + - name: superscript + id: superscript + unicode: f12b + created: 3.1.0 + categories: + - Web Application Icons + + - name: subscript + id: subscript + unicode: f12c + created: 3.1.0 + categories: + - Web Application Icons + + - name: eraser + id: eraser + unicode: f12d + created: 3.1.0 + categories: + - Web Application Icons + + - name: puzzle-piece + id: puzzle-piece + unicode: f12e + created: 3.1.0 + categories: + - Web Application Icons + + + - name: microphone + id: microphone + unicode: f130 + created: 3.1.0 + categories: + - Web Application Icons + + - name: microphone-off + id: microphone-off + unicode: f131 + created: 3.1.0 + categories: + - Web Application Icons + + - name: shield + id: shield + unicode: f132 + created: 3.1.0 + categories: + - Web Application Icons + + - name: calendar-empty + id: calendar-empty + unicode: f133 + created: 3.1.0 + categories: + - Web Application Icons + + - name: fire-extinguisher + id: fire-extinguisher + unicode: f134 + created: 3.1.0 + categories: + - Web Application Icons + + - name: rocket + id: rocket + unicode: f135 + created: 3.1.0 + categories: + - Web Application Icons diff --git a/build/icons/index.html b/build/icons/index.html new file mode 100644 index 000000000..d752b5c0b --- /dev/null +++ b/build/icons/index.html @@ -0,0 +1,20 @@ +--- +layout: base +title: Font Awesome Icons +navbar_active: icons +--- +{% capture jumbotron_h1 %}<i class="icon-flag icon-large"></i> The Icons{% endcapture %} +{% capture jumbotron_p %}The complete set of 249 icons in Font Awesome {{ site.font-awesome.version }}{% endcapture %} + +{% include jumbotron.html %} +{% include stripe-social.html %} + +<div class="container"> + {% 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 %} +</div> 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 %} + +<div class="container"> + <div class="carbonad-horizontal"> + {% include ads/carbon-light-horizontal.html %} + </div> + {% include why.html %} + {% include special-thanks.html %} +</div> 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 %}<i class="icon-cogs icon-large"></i> 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 %} + +<div class="container"> + {% include integration.html %} +</div> 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 %}<i class="icon-road icon-large"></i> Roadmap{% endcapture %} +{% capture jumbotron_p %}The plan for future updates to Font Awesome{% endcapture %} + +{% include jumbotron.html %} +{% include stripe-social.html %} + +<div class="container"> + {% include roadmap.html %} +</div> diff --git a/docs/test.html b/build/test.html index f4acdb82e..f4acdb82e 100644 --- a/docs/test.html +++ b/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 %}<i class="icon-thumbs-up icon-large"></i> 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 %} + +<div class="container"> + {% include say-thanks.html %} +</div> 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 %}<i class="icon-lightbulb icon-large"></i> 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 %} + +<div class="container"> + {% include whats-new.html %} + {% include icons/new.html %} +</div> diff --git a/docs/assets/font/FontAwesome.otf b/docs/assets/font/FontAwesome.otf Binary files differdeleted file mode 100644 index 37b6389b1..000000000 --- a/docs/assets/font/FontAwesome.otf +++ /dev/null diff --git a/docs/assets/js/index/index.js b/docs/assets/js/index/index.js deleted file mode 100644 index 18dc296b4..000000000 --- a/docs/assets/js/index/index.js +++ /dev/null @@ -1,89 +0,0 @@ -$(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); - } - }); - - - - - - var firstInHistory = true; - - var MainView = Backbone.View.extend({ - el: $("div.container"), - - modalTemplate: _.template($("#modal-template").html()), - - events:{ - "click ul.the-icons > li": "iconClicked" - }, - - iconClicked: function(event) { - event.preventDefault(); - - var $item = $(event.currentTarget); - var $iconName = $item.find("i").attr("class"); - _gaq.push(['_trackEvent', 'iconClick', $iconName]); - - mainRouter.navigate("icon/" + $iconName, {trigger: true}); - firstInHistory = false; - } - }); - - - var MainRouter = Backbone.Router.extend({ - routes: { - "": "checkModal", - "icon/:iconName": "showIcon" - }, - - checkModal: function() { - var $modal = $("div.modal"); - - if ($modal.length > 0) { - $modal.modal("hide"); - } - }, - - showIcon: function(iconName) { - var $modal = $(mainView.modalTemplate({"iconName": iconName})); - - $modal.modal("show"); - $modal.on('hidden', function () { - $modal.remove(); - if (firstInHistory) { - mainRouter.navigate("/", {trigger: false}); - firstInHistory = false; - } else { - window.history.back(); - } - }) - } - }); - - var mainView = new MainView(); - var mainRouter = new MainRouter(); - Backbone.history.start({pushState : false}); -}); diff --git a/docs/index.html b/docs/index.html deleted file mode 100644 index 5ea5de275..000000000 --- a/docs/index.html +++ /dev/null @@ -1,1444 +0,0 @@ -<!DOCTYPE html> -<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> -<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> -<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> -<!--[if (gte IE 9)|!(IE)]><!--> -<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> -<head> - <!-- Basic Page Needs - ================================================== --> - <meta charset="utf-8" /> - <title>Font Awesome, the iconic font designed for use with Twitter Bootstrap</title> - <meta name="description" content=""> - <meta name="author" content=""> - <!--<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">--> - - <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> -<![endif]--> - - <!-- CSS - ================================================== --> - - <link rel="stylesheet" href="assets/css/site.css"> - <link rel="stylesheet" href="assets/css/prettify.css"> - <link rel="stylesheet" href="assets/css/font-awesome.css"> - <!--[if IE 7]> - <link rel="stylesheet" href="assets/css/font-awesome-ie7.css"> - <![endif]--> - <!-- Le fav and touch icons --> - <link rel="shortcut icon" href="assets/ico/favicon.ico"> - - <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> - <script type="text/javascript">try{Typekit.load();}catch(e){}</script> - - <script type="text/javascript"> - var _gaq = _gaq || []; - _gaq.push(['_setAccount', 'UA-30136587-1']); - _gaq.push(['_trackPageview']); - - (function() { - var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; - ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; - var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); - })(); - </script> -</head> -<body data-spy="scroll" data-target=".navbar"> - -<div class="navbar navbar-inverse navbar-fixed-top"> - <div class="navbar-inner"> - <div class="container"> - <a class="brand" href="#"><i class="icon-flag"></i> Font Awesome</a> - <ul class="nav"> - <li><a href="#whats-new">What's New</a></li> - <li class="dropdown"> - <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> - Icons - <i class="icon-caret-down"></i> - </a> - <ul class="dropdown-menu" role="menu"> - <li><a href="#icons-new">New Icons in 3.1.0</a></li> - <li class="divider"></li> - <li class="nav-header">All Icons</li> - <li><a href="#icons-web-app"><i class="icon-edit"></i> Web Application</a></li> - <li><a href="#icons-text-editor"><i class="icon-save"></i> Text Editor</a></li> - <li><a href="#icons-directional"><i class="icon-hand-right"></i> Directional</a></li> - <li><a href="#icons-video-player"><i class="icon-play"></i> Video Player</a></li> - <li><a href="#icons-social"><i class="icon-github"></i> Social</a></li> - <li><a href="#icons-medical"><i class="icon-stethoscope"></i> Medical</a></li> - </ul> - </li> - <li><a href="#integration">Integration</a></li> - <li><a href="#examples">Examples</a></li> - <li><a href="#contribute">Contribute</a></li> - <li><a href="#roadmap">Roadmap</a></li> - <li><a href="#license">License</a></li> - </ul> - <ul class="nav pull-right"> - <li><a href="mailto:dave@davegandy.com"><i class="icon-envelope"></i> Me</a></li> - </ul> - </div> - </div> -</div> - - -<div class="jumbotron"> -<div class="container"> - <div class="row"> - <div class="span8"> - <div class="hero-content"> - <h1>Font Awesome</h1> - <p>The iconic font designed for<br>use with Twitter Bootstrap</p> - <div class="actions"> - <a class="btn btn-primary btn-large" href="https://github.com/FortAwesome/Font-Awesome/zipball/master" - onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);"> - <i class="icon-download icon-2x pull-left"></i> - Download Font<br>Awesome 3.1.0</a> - <a class="btn btn-large btn-github" href="https://github.com/FortAwesome/Font-Awesome" target="_blank" - onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);"> - <i class="icon-github icon-2x pull-left"></i> - View Project<br>on GitHub</a> - </div> - <div class="shameless-self-promotion"> - Version 3.1.0 • Created & Maintained by Dave Gandy - </div> - </div> - </div> - <div class="span4"> - <div id="iconCarousel" class="carousel slide"> - <!-- Carousel items --> - <div class="carousel-inner"> - <div class="active item"><div><i class="icon-flag"></i></div></div> - <div class="item"><div><i class="icon-cloud-download"></i></div></div> - <div class="item"><div><i class="icon-lightbulb"></i></div></div> - <div class="item"><div><i class="icon-group"></i></div></div> - <div class="item"><div><i class="icon-ambulance"></i></div></div> - <div class="item"><div><i class="icon-star-empty"></i></div></div> - <div class="item"><div><i class="icon-envelope"></i></div></div> - <div class="item"><div><i class="icon-coffee"></i></div></div> - <div class="item"><div><i class="icon-medkit"></i></div></div> - <div class="item"><div><i class="icon-book"></i></div></div> - <div class="item"><div><i class="icon-fighter-jet"></i></div></div> - <div class="item"><div><i class="icon-edit"></i></div></div> - <div class="item"><div><i class="icon-search"></i></div></div> - <div class="item"><div><i class="icon-beer"></i></div></div> - <div class="item"><div><i class="icon-quote-left"></i></div></div> - <div class="item"><div><i class="icon-stethoscope"></i></div></div> - <div class="item"><div><i class="icon-heart-empty"></i></div></div> - <div class="item"><div><i class="icon-thumbs-up"></i></div></div> - </div> - <!-- Carousel nav --> - <a class="carousel-control left" href="#iconCarousel" data-slide="prev" - onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);"> - <i class="icon-arrow-left"></i></a> - <a class="carousel-control right" href="#iconCarousel" data-slide="next" - onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);"> - <i class="icon-arrow-right"></i></a> - </div> - </div> - </div> - -</div> -</div> - -<div id="social-buttons"> - <div class="container"> - <span class="watch"> - <a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Watch</a> - <a id="watchers" class="count btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome">9000+</a> - </span> - <span class="fork"> - <a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Fork</a> - <a id="forks" class="count btn btn-mini" href="#">800+</a> - </span> - <span class="follow"> - <a class="btn btn-mini" href="http://twitter.com/fortaweso_me/" target="_blank"><i class="icon-twitter icon-large"></i> Follow @fortaweso_me</a> - <span id="followers" class="count btn btn-mini">2500+</span> - </span> - </div> -</div> - -<div class="container"> -<section id="why" class="clearfix"> - <div class="row"> - <div class="span4"> - <h4><i class="icon-flag"></i> One font, 249 icons</h4> - In a single collection, Font Awesome is a pictographic language of web-related actions. - </div> - <div class="span4"> - <h4><i class="icon-pencil"></i> CSS control</h4> - Easily style icon color, size, shadow, and anything that's possible with CSS. - </div> - <div class="span4"> - <h4><i class="icon-fullscreen"></i> Infinite scalability</h4> - Scalable vector graphics means every icon looks awesome at any size. - </div> - </div> - <div class="row"> - <div class="span4"> - <h4><i class="icon-beer"></i> Free, as in Beer</h4> - Font Awesome is completely free for commercial use. Check out the <a href="#license">license</a>. - </div> - <div class="span4"> - <h4><i class="icon-ok"></i> IE7 Support</h4> - Font Awesome supports IE7. If you need it, you have my condolences. - </div> - <div class="span4"> - <h4><i class="icon-eye-open"></i> Perfect on Retina Displays</h4> - Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays. - </div> - </div> - <div class="row"> - <div class="span4"> - <h4><i class="icon-thumbs-up"></i> Made for Twitter Bootstrap</h4> - Designed from scratch to be fully compatible with <a href="http://twitter.github.com/bootstrap/" target="_blank">Twitter Bootstrap 2.2.2</a>. - </div> - <div class="span4"> - <h4><i class="icon-tint"></i> Designer Friendly</h4> - Install FontAwesome.otf and <a href="design.html" target="_blank">visit the copy & paste page</a>. Happy designing. - </div> - <div class="span4"> - <h4><i class="icon-search"></i> Screen reader compatible</h4> - Font Awesome won't trip up screen readers, unlike other icon fonts. - </div> - </div> -</section> - -<section id="whats-new"> - <h2 class="page-header">What's new in Font Awesome 3.0</h2> - <div class="row"> - <div class="span4"> - <h4><i class="icon-magic"></i> Pixel Perfection at 14px</h4> - Every single icon re-created from the ground up to be optimized for Bootstrap's default 14px. - </div> - <div class="span4"> - <h4><i class="icon-th-large"></i> <a target="_blank" href="http://icnfnt.com/">Font Sub-setting</a></h4> - Thanks to <a target="_blank" href="https://twitter.com/grantgordon">@grantgordon</a> and <a target="_blank" href="https://twitter.com/johnsmclay">@johnsmclay</a>, you can <a target="_blank" href="http://icnfnt.com/">subset</a> to get just the icons you need. - </div> - <div class="span4"> - <h4><i class="icon-legal"></i> <a href="#license">Better License</a></h4> - SIL open font license, MIT license for code. No more attribution required, but much appreciated. - </div> - </div> - <div class="row"> - <div class="span4"> - <h4><i class="icon-lightbulb"></i> 40 New Icons in 3.0</h4> - Requested by the active community on the <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank">Font Awesome GitHub project</a>. - </div> - <div class="span4"> - <h4><i class="icon-spinner icon-spin"></i> <a href="#examples">New Styles</a></h4> - <a href="#examples">New styles</a> for animated spinning icons, icons with 2x-4x size multipliers, icon borders, & more. - </div> - <div class="span4"> - <h4><i class="icon-resize-small"></i> 28% Smaller Payload</h4> - 3.0 is smaller, even with 16% more icons. Crazy small if you <a target="_blank" href="http://icnfnt.com/">subset</a> just the icons you need. - </div> - </div> -</section> - -<section id="icons-new" class="row"> - <div class="span12"> - <h2 class="page-header">New Icons in 3.1.0</h2> - <p> - You asked, Font Awesome delivers with 40 shiny new icons in version 3.0. New icons can be requested on the - <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank">Font Awesome GitHub project</a>. Or even - better, you can <a href="#contribute">contribute your own icons</a>. - </p> - </div> - - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-smile"></i> icon-smile</li> - <li><i class="icon-frown"></i> icon-frown</li> - <li><i class="icon-meh"></i> icon-meh</li> - <li><i class="icon-gamepad"></i> icon-gamepad</li> - <li><i class="icon-keyboard"></i> icon-keyboard</li> - <li><i class="icon-flag-alt"></i> icon-flag-alt</li> - <li><i class="icon-flag-checkered"></i> icon-flag-checkered</li> - <li><i class="icon-terminal"></i> icon-terminal</li> - <li><i class="icon-code"></i> icon-code</li> - <li><i class="icon-mail-forward"></i> icon-mail-forward <span class="muted">(alias)</span></li> - <li><i class="icon-mail-reply"></i> icon-mail-reply <span class="muted">(alias)</span></li> - <li><i class="icon-reply-all"></i> icon-reply-all</li> - <li><i class="icon-mail-reply-all"></i> icon-mail-reply-all <span class="muted">(alias)</span></li> - <li><i class="icon-star-half-empty"></i> icon-star-half-empty</li> - <li><i class="icon-location-arrow"></i> icon-location-arrow</li> - <li><i class="icon-rotate-left"></i> icon-rotate-left <span class="muted">(alias)</span></li> - <li><i class="icon-rotate-right"></i> icon-rotate-right <span class="muted">(alias)</span></li> - <li><i class="icon-crop"></i> icon-crop</li> - <li><i class="icon-code-fork"></i> icon-code-fork</li> - <li><i class="icon-unlink"></i> icon-unlink</li> - <li><i class="icon-question"></i> icon-question</li> - <li><i class="icon-info"></i> icon-info</li> - <li><i class="icon-exclamation"></i> icon-exclamation</li> - <li><i class="icon-superscript"></i> icon-superscript</li> - <li><i class="icon-subscript"></i> icon-subscript</li> - <li><i class="icon-eraser"></i> icon-eraser</li> - <li><i class="icon-puzzle-piece"></i> icon-puzzle-piece</li> - <li><i class="icon-microphone"></i> icon-microphone</li> - <li><i class="icon-microphone-off"></i> icon-microphone-off</li> - <li><i class="icon-shield"></i> icon-shield</li> - <li><i class="icon-calendar-empty"></i> icon-calendar-empty</li> - </ul> - </div> -</section> - -<section id="icons-web-app" class="row"> - <div class="span12"> - <h2 class="page-header">Web Application Icons</h2> - </div> - - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-adjust"></i> icon-adjust</li> - <li><i class="icon-asterisk"></i> icon-asterisk</li> - <li><i class="icon-ban-circle"></i> icon-ban-circle</li> - <li><i class="icon-bar-chart"></i> icon-bar-chart</li> - <li><i class="icon-barcode"></i> icon-barcode</li> - <li><i class="icon-beaker"></i> icon-beaker</li> - <li><i class="icon-beer"></i> icon-beer</li> - <li><i class="icon-bell"></i> icon-bell</li> - <li><i class="icon-bell-alt"></i> icon-bell-alt</li> - <li><i class="icon-bolt"></i> icon-bolt</li> - <li><i class="icon-book"></i> icon-book</li> - <li><i class="icon-bookmark"></i> icon-bookmark</li> - <li><i class="icon-bookmark-empty"></i> icon-bookmark-empty</li> - <li><i class="icon-briefcase"></i> icon-briefcase</li> - <li><i class="icon-bullhorn"></i> icon-bullhorn</li> - <li><i class="icon-calendar"></i> icon-calendar</li> - <li><i class="icon-camera"></i> icon-camera</li> - <li><i class="icon-camera-retro"></i> icon-camera-retro</li> - <li><i class="icon-certificate"></i> icon-certificate</li> - <li><i class="icon-check"></i> icon-check</li> - <li><i class="icon-check-empty"></i> icon-check-empty</li> - <li><i class="icon-circle"></i> icon-circle</li> - <li><i class="icon-circle-blank"></i> icon-circle-blank</li> - <li><i class="icon-cloud"></i> icon-cloud</li> - <li><i class="icon-cloud-download"></i> icon-cloud-download</li> - <li><i class="icon-cloud-upload"></i> icon-cloud-upload</li> - <li><i class="icon-coffee"></i> icon-coffee</li> - <li><i class="icon-cog"></i> icon-cog</li> - <li><i class="icon-cogs"></i> icon-cogs</li> - <li><i class="icon-comment"></i> icon-comment</li> - <li><i class="icon-comment-alt"></i> icon-comment-alt</li> - <li><i class="icon-comments"></i> icon-comments</li> - <li><i class="icon-comments-alt"></i> icon-comments-alt</li> - <li><i class="icon-credit-card"></i> icon-credit-card</li> - <li><i class="icon-dashboard"></i> icon-dashboard</li> - <li><i class="icon-desktop"></i> icon-desktop</li> - <li><i class="icon-download"></i> icon-download</li> - <li><i class="icon-download-alt"></i> icon-download-alt</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-edit"></i> icon-edit</li> - <li><i class="icon-envelope"></i> icon-envelope</li> - <li><i class="icon-envelope-alt"></i> icon-envelope-alt</li> - <li><i class="icon-exchange"></i> icon-exchange</li> - <li><i class="icon-exclamation-sign"></i> icon-exclamation-sign</li> - <li><i class="icon-external-link"></i> icon-external-link</li> - <li><i class="icon-eye-close"></i> icon-eye-close</li> - <li><i class="icon-eye-open"></i> icon-eye-open</li> - <li><i class="icon-facetime-video"></i> icon-facetime-video</li> - <li><i class="icon-fighter-jet"></i> icon-fighter-jet</li> - <li><i class="icon-film"></i> icon-film</li> - <li><i class="icon-filter"></i> icon-filter</li> - <li><i class="icon-fire"></i> icon-fire</li> - <li><i class="icon-flag"></i> icon-flag</li> - <li><i class="icon-folder-close"></i> icon-folder-close</li> - <li><i class="icon-folder-open"></i> icon-folder-open</li> - <li><i class="icon-folder-close-alt"></i> icon-folder-close-alt</li> - <li><i class="icon-folder-open-alt"></i> icon-folder-open-alt</li> - <li><i class="icon-food"></i> icon-food</li> - <li><i class="icon-gift"></i> icon-gift</li> - <li><i class="icon-glass"></i> icon-glass</li> - <li><i class="icon-globe"></i> icon-globe</li> - <li><i class="icon-group"></i> icon-group</li> - <li><i class="icon-hdd"></i> icon-hdd</li> - <li><i class="icon-headphones"></i> icon-headphones</li> - <li><i class="icon-heart"></i> icon-heart</li> - <li><i class="icon-heart-empty"></i> icon-heart-empty</li> - <li><i class="icon-home"></i> icon-home</li> - <li><i class="icon-inbox"></i> icon-inbox</li> - <li><i class="icon-info-sign"></i> icon-info-sign</li> - <li><i class="icon-key"></i> icon-key</li> - <li><i class="icon-leaf"></i> icon-leaf</li> - <li><i class="icon-laptop"></i> icon-laptop</li> - <li><i class="icon-legal"></i> icon-legal</li> - <li><i class="icon-lemon"></i> icon-lemon</li> - <li><i class="icon-lightbulb"></i> icon-lightbulb</li> - <li><i class="icon-lock"></i> icon-lock</li> - <li><i class="icon-unlock"></i> icon-unlock</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-magic"></i> icon-magic</li> - <li><i class="icon-magnet"></i> icon-magnet</li> - <li><i class="icon-map-marker"></i> icon-map-marker</li> - <li><i class="icon-minus"></i> icon-minus</li> - <li><i class="icon-minus-sign"></i> icon-minus-sign</li> - <li><i class="icon-mobile-phone"></i> icon-mobile-phone</li> - <li><i class="icon-money"></i> icon-money</li> - <li><i class="icon-move"></i> icon-move</li> - <li><i class="icon-music"></i> icon-music</li> - <li><i class="icon-off"></i> icon-off</li> - <li><i class="icon-ok"></i> icon-ok</li> - <li><i class="icon-ok-circle"></i> icon-ok-circle</li> - <li><i class="icon-ok-sign"></i> icon-ok-sign</li> - <li><i class="icon-pencil"></i> icon-pencil</li> - <li><i class="icon-picture"></i> icon-picture</li> - <li><i class="icon-plane"></i> icon-plane</li> - <li><i class="icon-plus"></i> icon-plus</li> - <li><i class="icon-plus-sign"></i> icon-plus-sign</li> - <li><i class="icon-print"></i> icon-print</li> - <li><i class="icon-pushpin"></i> icon-pushpin</li> - <li><i class="icon-qrcode"></i> icon-qrcode</li> - <li><i class="icon-question-sign"></i> icon-question-sign</li> - <li><i class="icon-quote-left"></i> icon-quote-left</li> - <li><i class="icon-quote-right"></i> icon-quote-right</li> - <li><i class="icon-random"></i> icon-random</li> - <li><i class="icon-refresh"></i> icon-refresh</li> - <li><i class="icon-remove"></i> icon-remove</li> - <li><i class="icon-remove-circle"></i> icon-remove-circle</li> - <li><i class="icon-remove-sign"></i> icon-remove-sign</li> - <li><i class="icon-reorder"></i> icon-reorder</li> - <li><i class="icon-reply"></i> icon-reply</li> - <li><i class="icon-resize-horizontal"></i> icon-resize-horizontal</li> - <li><i class="icon-resize-vertical"></i> icon-resize-vertical</li> - <li><i class="icon-retweet"></i> icon-retweet</li> - <li><i class="icon-road"></i> icon-road</li> - <li><i class="icon-rss"></i> icon-rss</li> - <li><i class="icon-screenshot"></i> icon-screenshot</li> - <li><i class="icon-search"></i> icon-search</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-share"></i> icon-share</li> - <li><i class="icon-share-alt"></i> icon-share-alt</li> - <li><i class="icon-shopping-cart"></i> icon-shopping-cart</li> - <li><i class="icon-signal"></i> icon-signal</li> - <li><i class="icon-signin"></i> icon-signin</li> - <li><i class="icon-signout"></i> icon-signout</li> - <li><i class="icon-sitemap"></i> icon-sitemap</li> - <li><i class="icon-sort"></i> icon-sort</li> - <li><i class="icon-sort-down"></i> icon-sort-down</li> - <li><i class="icon-sort-up"></i> icon-sort-up</li> - <li><i class="icon-spinner"></i> icon-spinner</li> - <li><i class="icon-star"></i> icon-star</li> - <li><i class="icon-star-empty"></i> icon-star-empty</li> - <li><i class="icon-star-half"></i> icon-star-half</li> - <li><i class="icon-tablet"></i> icon-tablet</li> - <li><i class="icon-tag"></i> icon-tag</li> - <li><i class="icon-tags"></i> icon-tags</li> - <li><i class="icon-tasks"></i> icon-tasks</li> - <li><i class="icon-thumbs-down"></i> icon-thumbs-down</li> - <li><i class="icon-thumbs-up"></i> icon-thumbs-up</li> - <li><i class="icon-time"></i> icon-time</li> - <li><i class="icon-tint"></i> icon-tint</li> - <li><i class="icon-trash"></i> icon-trash</li> - <li><i class="icon-trophy"></i> icon-trophy</li> - <li><i class="icon-truck"></i> icon-truck</li> - <li><i class="icon-umbrella"></i> icon-umbrella</li> - <li><i class="icon-upload"></i> icon-upload</li> - <li><i class="icon-upload-alt"></i> icon-upload-alt</li> - <li><i class="icon-user"></i> icon-user</li> - <li><i class="icon-user-md"></i> icon-user-md</li> - <li><i class="icon-volume-off"></i> icon-volume-off</li> - <li><i class="icon-volume-down"></i> icon-volume-down</li> - <li><i class="icon-volume-up"></i> icon-volume-up</li> - <li><i class="icon-warning-sign"></i> icon-warning-sign</li> - <li><i class="icon-wrench"></i> icon-wrench</li> - <li><i class="icon-zoom-in"></i> icon-zoom-in</li> - <li><i class="icon-zoom-out"></i> icon-zoom-out</li> - </ul> - </div> -</section> - -<section id="icons-text-editor" class="row"> - <div class="span12"> - <h2 class="page-header">Text Editor Icons</h2> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-file"></i> icon-file</li> - <li><i class="icon-file-alt"></i> icon-file-alt</li> - <li><i class="icon-cut"></i> icon-cut</li> - <li><i class="icon-copy"></i> icon-copy</li> - <li><i class="icon-paste"></i> icon-paste</li> - <li><i class="icon-save"></i> icon-save</li> - <li><i class="icon-undo"></i> icon-undo</li> - <li><i class="icon-repeat"></i> icon-repeat</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-text-height"></i> icon-text-height</li> - <li><i class="icon-text-width"></i> icon-text-width</li> - <li><i class="icon-align-left"></i> icon-align-left</li> - <li><i class="icon-align-center"></i> icon-align-center</li> - <li><i class="icon-align-right"></i> icon-align-right</li> - <li><i class="icon-align-justify"></i> icon-align-justify</li> - <li><i class="icon-indent-left"></i> icon-indent-left</li> - <li><i class="icon-indent-right"></i> icon-indent-right</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-font"></i> icon-font</li> - <li><i class="icon-bold"></i> icon-bold</li> - <li><i class="icon-italic"></i> icon-italic</li> - <li><i class="icon-strikethrough"></i> icon-strikethrough</li> - <li><i class="icon-underline"></i> icon-underline</li> - <li><i class="icon-link"></i> icon-link</li> - <li><i class="icon-paper-clip"></i> icon-paper-clip</li> - <li><i class="icon-columns"></i> icon-columns</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-table"></i> icon-table</li> - <li><i class="icon-th-large"></i> icon-th-large</li> - <li><i class="icon-th"></i> icon-th</li> - <li><i class="icon-th-list"></i> icon-th-list</li> - <li><i class="icon-list"></i> icon-list</li> - <li><i class="icon-list-ol"></i> icon-list-ol</li> - <li><i class="icon-list-ul"></i> icon-list-ul</li> - <li><i class="icon-list-alt"></i> icon-list-alt</li> - </ul> - </div> -</section> - -<section id="icons-directional" class="row"> - <div class="span12"> - <h2 class="page-header">Directional Icons</h2> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-angle-left"></i> icon-angle-left</li> - <li><i class="icon-angle-right"></i> icon-angle-right</li> - <li><i class="icon-angle-up"></i> icon-angle-up</li> - <li><i class="icon-angle-down"></i> icon-angle-down</li> - <li><i class="icon-arrow-down"></i> icon-arrow-down</li> - <li><i class="icon-arrow-left"></i> icon-arrow-left</li> - <li><i class="icon-arrow-right"></i> icon-arrow-right</li> - <li><i class="icon-arrow-up"></i> icon-arrow-up</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-caret-down"></i> icon-caret-down</li> - <li><i class="icon-caret-left"></i> icon-caret-left</li> - <li><i class="icon-caret-right"></i> icon-caret-right</li> - <li><i class="icon-caret-up"></i> icon-caret-up</li> - <li><i class="icon-chevron-down"></i> icon-chevron-down</li> - <li><i class="icon-chevron-left"></i> icon-chevron-left</li> - <li><i class="icon-chevron-right"></i> icon-chevron-right</li> - <li><i class="icon-chevron-up"></i> icon-chevron-up</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-circle-arrow-down"></i> icon-circle-arrow-down</li> - <li><i class="icon-circle-arrow-left"></i> icon-circle-arrow-left</li> - <li><i class="icon-circle-arrow-right"></i> icon-circle-arrow-right</li> - <li><i class="icon-circle-arrow-up"></i> icon-circle-arrow-up</li> - <li><i class="icon-double-angle-left"></i> icon-double-angle-left</li> - <li><i class="icon-double-angle-right"></i> icon-double-angle-right</li> - <li><i class="icon-double-angle-up"></i> icon-double-angle-up</li> - <li><i class="icon-double-angle-down"></i> icon-double-angle-down</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-hand-down"></i> icon-hand-down</li> - <li><i class="icon-hand-left"></i> icon-hand-left</li> - <li><i class="icon-hand-right"></i> icon-hand-right</li> - <li><i class="icon-hand-up"></i> icon-hand-up</li> - <li><i class="icon-circle"></i> icon-circle</li> - <li><i class="icon-circle-blank"></i> icon-circle-blank</li> - </ul> - </div> -</section> - -<section id="icons-video-player" class="row"> - <div class="span12"> - <h2 class="page-header">Video Player Icons</h2> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-play-circle"></i> icon-play-circle</li> - <li><i class="icon-play"></i> icon-play</li> - <li><i class="icon-pause"></i> icon-pause</li> - <li><i class="icon-stop"></i> icon-stop</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-step-backward"></i> icon-step-backward</li> - <li><i class="icon-fast-backward"></i> icon-fast-backward</li> - <li><i class="icon-backward"></i> icon-backward</li> - <li><i class="icon-forward"></i> icon-forward</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-fast-forward"></i> icon-fast-forward</li> - <li><i class="icon-step-forward"></i> icon-step-forward</li> - <li><i class="icon-eject"></i> icon-eject</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-fullscreen"></i> icon-fullscreen</li> - <li><i class="icon-resize-full"></i> icon-resize-full</li> - <li><i class="icon-resize-small"></i> icon-resize-small</li> - </ul> - </div> -</section> - -<section id="icons-social" class="row"> - <div class="span12"> - <h2 class="page-header">Social Icons</h2> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-phone"></i> icon-phone</li> - <li><i class="icon-phone-sign"></i> icon-phone-sign</li> - <li><i class="icon-facebook"></i> icon-facebook</li> - <li><i class="icon-facebook-sign"></i> icon-facebook-sign</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-twitter"></i> icon-twitter</li> - <li><i class="icon-twitter-sign"></i> icon-twitter-sign</li> - <li><i class="icon-github"></i> icon-github</li> - <li><i class="icon-github-alt"></i> icon-github-alt</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-github-sign"></i> icon-github-sign</li> - <li><i class="icon-linkedin"></i> icon-linkedin</li> - <li><i class="icon-linkedin-sign"></i> icon-linkedin-sign</li> - <li><i class="icon-pinterest"></i> icon-pinterest</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-pinterest-sign"></i> icon-pinterest-sign</li> - <li><i class="icon-google-plus"></i> icon-google-plus</li> - <li><i class="icon-google-plus-sign"></i> icon-google-plus-sign</li> - <li><i class="icon-sign-blank"></i> icon-sign-blank</li> - </ul> - </div> -</section> - -<section id="icons-medical" class="row"> - <div class="span12"> - <h2 class="page-header">Medical Icons <small>Want to change healthcare? Work with me at <a href="#kyruus">Kyruus</a>.</small></h2> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-ambulance"></i> icon-ambulance</li> - <li><i class="icon-beaker"></i> icon-beaker</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-h-sign"></i> icon-h-sign</li> - <li><i class="icon-hospital"></i> icon-hospital</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-medkit"></i> icon-medkit</li> - <li><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</li> - </ul> - </div> - <div class="span3"> - <ul class="the-icons"> - <li><i class="icon-stethoscope"></i> icon-stethoscope</li> - <li><i class="icon-user-md"></i> icon-user-md</li> - </ul> - </div> -</section> - -<section id="integration"> - <h2 class="page-header">Integration</h2> - <p>It's easy to integrate Font Awesome into Twitter Bootstrap, or even use it on its own.</p> - <div class="row"> - <div class="span12"> - <h4>Easy Bootstrap + Font Awesome Integration</h4> - </div> - <div class="span3"> - <p>Use this method to integrate Font Awesome with the default Bootstrap CSS.</p> - </div> - <div class="span9"> - <ol> - <li>Copy the Font Awesome font directory into your project.</li> - <li>Copy font-awesome.min.css into your project.</li> - <li> - Open your project's font-awesome.min.css and edit the font paths to ensure they point to the right place. - <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your CSS directory.</p> - </li> - <li> - In the <code><head></code> of your html, reference the location to your font-awesome.min.css. -<pre class="prettyprint linenums"> -<link rel="stylesheet" href="../css/bootstrap.min.css"> -<link rel="stylesheet" href="../css/font-awesome.min.css"> -</pre> - </li> - <li>Check out the examples to start using Font Awesome!</li> - </ol> - </div> - </div> - <div class="row"> - <div class="span12"> - <h4>Custom Bootstrap + Font Awesome Integration using LESS</h4> - </div> - <div class="span3"> - <p>Use this method to integrate Font Awesome with Twitter Bootstrap using LESS.</p> - </div> - <div class="span9"> - <ol> - <li>Copy the Font Awesome font directory into your project.</li> - <li>Copy font-awesome.less into your bootstrap/less directory.</li> - <li>Open bootstrap.less and replace <code>@import "sprites.less";</code> with <code>@import "font-awesome.less";</code></li> - <li> - Open your project's font-awesome.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory. -<pre class="prettyprint linenums"> -@FontAwesomePath: "../font"; -</pre> - <p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p> - </li> - <li>Re-compile your LESS if using a static compiler. Otherwise, you should be good to go.</li> - <li>Check out the examples to start using Font Awesome!</li> - </ol> - </div> - </div> - <div class="row"> - <div class="span12"> - <h4>Custom Bootstrap + Font Awesome Integration using SASS or SCSS</h4> - <p>I have never used either, so let me know if the included SCSS or SASS files have issues.</p> - </div> - </div> - <div class="row"> - <div class="span12"> - <h4>Not using Bootstrap?</h4> - </div> - <div class="span3"> - <p>Font Awesome works just as well without Twitter Bootstrap.</p> - </div> - <div class="span9"> - <ol> - <li>Copy the Font Awesome font directory into your project.</li> - <li>Copy font-awesome.less or font-awesome.min.css into your project.</li> - <li>Open your project's font-awesome.less or font-awesome.min.css and edit the font location to point it to your font directory (see above examples).</li> - <li>Check out the examples to start using Font Awesome!</li> - </ol> - </div> - </div> - <div class="row"> - <div class="span12"> - <h4>Need IE7 Support?</h4> - </div> - <div class="span3"> - <p>Font Awesome supports IE7. If you need it, you have my condolences.</p> - </div> - <div class="span9"> - <ol> - <li>Get Font Awesome working properly in a modern browser.</li> - <li>Copy font-awesome-ie7.min.css into your project.</li> - <li> - In the <code><head></code> of your html, reference the location to your font-awesome-ie7.min.css. -<pre class="prettyprint linenums"> -<link rel="stylesheet" href="../css/bootstrap.min.css"> -<link rel="stylesheet" href="../css/font-awesome.min.css"> -<!--[if IE 7]> -<link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css"> -<![endif]--> -</pre> - </li> - <li>Go complain to whoever decided your project needs IE7 support.</li> - </ol> - </div> - </div> -</section> - -<section id="examples"> - <h2 class="page-header">Examples</h2> - <p>Many examples re-used from the Twitter Bootstrap documentation.</p> - <div class="row"> - <div class="span4"> - <div class="well well-transparent"> - <p>Use Font Awesome icons in:</p> - <ul class="icons"> - <li><i class="icon-ok"></i>Bulleted lists (like this one)</li> - <li><i class="icon-ok"></i>Buttons</li> - <li><i class="icon-ok"></i>Button groups</li> - <li><i class="icon-ok"></i>Navigation</li> - <li><i class="icon-ok"></i>Prepended form inputs</li> - <li><i class="icon-ok"></i>And many more with Custom CSS</li> - </ul> - </div> - </div> - <div class="span4"> - <p> - <a class="btn" href="#"><i class="icon-repeat"></i> Reload</a> - <a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-large"></i> Checkout</a> - <a class="btn btn-danger" href="#"><i class="icon-trash icon-large"></i> Delete</a> - </p> - <p> - <a class="btn btn-large btn-primary" href="#"><i class="icon-comment"></i> Comment</a> - <a class="btn btn-small" href="#"><i class="icon-cog"></i> Settings</a> - <a class="btn btn-small btn-info" href="#"><i class="icon-info-sign"></i> Info</a> - </p> - <div class="well" style="padding: 8px 0;"> - <ul class="nav nav-list"> - <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li> - <li><a href="#"><i class="icon-book"></i> Library</a></li> - <li><a href="#"><i class="icon-pencil"></i> Applications</a></li> - <li><a href="#"><i class="icon-cogs"></i> Settings</a></li> - </ul> - </div> - </div> - <div class="span4"> - <div class="btn-toolbar"> - <div class="btn-group"> - <a class="btn" href="#"><i class="icon-align-left"></i></a> - <a class="btn" href="#"><i class="icon-align-center"></i></a> - <a class="btn" href="#"><i class="icon-align-right"></i></a> - <a class="btn" href="#"><i class="icon-align-justify"></i></a> - </div> - <div class="btn-group"> - <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> - <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="icon-caret-down"></span></a> - <ul class="dropdown-menu"> - <li><a href="#"><i class="icon-pencil"></i> Edit</a></li> - <li><a href="#"><i class="icon-trash"></i> Delete</a></li> - <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li> - <li class="divider"></li> - <li><a href="#"><i class="i"></i> Make admin</a></li> - </ul> - </div> - </div> - <form> - <div class="control-group"> - <div class="controls"> - <div class="input-prepend"> - <span class="add-on"><i class="icon-envelope"></i></span> - <input class="span2" id="inputIcon" type="text" placeholder="Email address"> - </div> - </div> - </div> - <div class="control-group"> - <div class="controls"> - <div class="input-prepend"> - <span class="add-on"><i class="icon-key"></i></span> - <input class="span2" id="inputIcon2" type="text" placeholder="Password"> - </div> - </div> - </div> - </form> - <div> - <span class="rating"> - <span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span> - </span> - </div> - </div> - </div> - - <h3 class="page-header">New Styles in 3.0</h3> - <div class="row"> - <div class="span4"> - <i class="icon-quote-left icon-4x pull-left icon-muted"></i> - 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. - </div> - <div class="span4"> - <div class="well well-large well-transparent lead"> - <i class="icon-spinner icon-spin icon-2x pull-left"></i> Spinner icon when loading content... - </div> - </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> - </p> - <a class="btn btn-primary" href="#"><i class="icon-refresh icon-spin"></i> Synchronizing Content...</a> - </div> - </div> - -<h3 class="page-header">Example HTML</h3> -<div class="row"> - <div class="span12"> - <h4>Inline Icons</h4> - </div> - <div class="span3"> - <p>Place Font Awesome icons just about anywhere with the <code><i></code> tag.</p> - </div> - <div class="span9"> - <div class="well well-transparent"> - <div style="font-size: 24px; line-height: 1.5em;"> - <i class="icon-camera-retro"></i> icon-camera-retro - </div> - </div> -<pre class="prettyprint linenums"> -<i class="icon-camera-retro"></i> icon-camera-retro -</pre> - <div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Larger Icons</h4> - </div> - <div class="span3"> - <p> - To increase the size of icons relative to its container, use <code>icon-large</code>, <code>icon-2x</code>, - <code>icon-3x</code>, or <code>icon-4x</code>. - </p> - </div> - <div class="span9"> - <p> - Increase the icon size by using the <code>icon-large</code> (33% increase), <code>icon-2x</code>, - <code>icon-3x</code>, or <code>icon-4x</code> classes. - </p> - <div class="well well-transparent"> - <div style="font-size: 24px; line-height: 1.5em;"> - <p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p> - <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p> - <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p> - <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p> - </div> - </div> -<pre class="prettyprint linenums"> -<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p> -<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p> -<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p> -<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p> -</pre> - <div class="alert alert-info"> - <i class="icon-info-sign"></i> If your icons are getting chopped off on top and bottom, make sure you have - sufficient line-height. - </div> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Animated Spinner</h4> - </div> - <div class="span3"> - <p> - Use the <code>icon-spin</code> class to get any icon to rotate. Works best with <code>icon-spinner</code> and - <code>icon-refresh</code>. - </p> - </div> - <div class="span9"> - <div class="well well-large well-transparent lead"> - <i class="icon-spinner icon-spin"></i> Spinner icon when loading content... - </div> -<pre class="prettyprint linenums"> -<i class="icon-spinner icon-spin"></i> Spinner icon when loading content... -</pre> - <p class="alert alert-info"> - <i class="icon-info-sign"></i> CSS3 animations aren't supported in IE7 - IE9. - </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> - </div> - <div class="span3"> - <p> - Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or - article graphics. - </p> - </div> - <div class="span9"> - <div class="well well-large well-transparent"> - <i class="icon-quote-left icon-4x pull-left icon-muted"></i> - 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. - </div> -<pre class="prettyprint linenums"> -<i class="icon-quote-left icon-4x pull-left icon-muted"></i> -Use a few of the new styles together ... lots of new possibilities. -</pre> - <div class="well well-large well-transparent"> - <i class="icon-flag icon-4x pull-left icon-border"></i> - 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. - </div> -<pre class="prettyprint linenums"> -<i class="icon-flag icon-4x pull-left icon-border"></i> -Use a few of the new styles together ... lots of new possibilities. -</pre> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Buttons</h4> - </div> - <div class="span3"> - <p> - <a class="btn" href="#"> - <i class="icon-repeat"></i> Reload</a> - <a class="btn btn-success" href="#"> - <i class="icon-shopping-cart icon-large"></i> Checkout</a> - </p> - <p> - <a class="btn btn-large btn-primary" href="#"> - <i class="icon-comment"></i> Comment</a> - <a class="btn btn-small btn-info" href="#"> - <i class="icon-info-sign"></i> Info</a> - </p> - <p> - <a class="btn btn-danger" href="#"> - <i class="icon-trash icon-large"></i> Delete</a> - <a class="btn btn-small" href="#"> - <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> - </p> - <p> - <a class="btn btn-primary" href="#"><i class="icon-refresh icon-spin"></i> Synchronizing Content...</a> - </p> - - </div> - <div class="span9"> - <p> - Font Awesome icons work great in buttons. You can even combine them with larger icon styles, - <code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>. - </p> -<pre class="prettyprint linenums"> -<a class="btn" href="#"> - <i class="icon-repeat"></i> Reload</a> -<a class="btn btn-success" href="#"> - <i class="icon-shopping-cart icon-large"></i> Checkout</a> -<a class="btn btn-large btn-primary" href="#"> - <i class="icon-comment"></i> Comment</a> -<a class="btn btn-small btn-info" href="#"> - <i class="icon-info-sign"></i> Info</a> -<a class="btn btn-danger" href="#"> - <i class="icon-trash icon-large"></i> Delete</a> -<a class="btn btn-small" href="#"> - <i class="icon-cog"></i> Settings</a> -<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-primary" href="#"> - <i class="icon-refresh icon-spin"></i> Synchronizing Content...</a> -</pre> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Button groups</h4> - </div> - <div class="span3"> - <p> - <div class="btn-group"> - <a class="btn" href="#"><i class="icon-align-left"></i></a> - <a class="btn" href="#"><i class="icon-align-center"></i></a> - <a class="btn" href="#"><i class="icon-align-right"></i></a> - <a class="btn" href="#"><i class="icon-align-justify"></i></a> - </div> - </p> - </div> - <div class="span9"> -<pre class="prettyprint linenums"> -<div class="btn-group"> - <a class="btn" href="#"><i class="icon-align-left"></i></a> - <a class="btn" href="#"><i class="icon-align-center"></i></a> - <a class="btn" href="#"><i class="icon-align-right"></i></a> - <a class="btn" href="#"><i class="icon-align-justify"></i></a> -</div> -</pre> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Button dropdowns</h4> - </div> - <div class="span3"> - <p> - <div class="btn-group open"> - <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> - <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="icon-caret-down"></span></a> - <ul class="dropdown-menu"> - <li><a href="#"><i class="icon-pencil"></i> Edit</a></li> - <li><a href="#"><i class="icon-trash"></i> Delete</a></li> - <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li> - <li class="divider"></li> - <li><a href="#"><i class="i"></i> Make admin</a></li> - </ul> - </div> - </div> - </p> - <div class="span9"> -<pre class="prettyprint linenums"> -<div class="btn-group open"> - <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> - <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="icon-caret-down"></span></a> - <ul class="dropdown-menu"> - <li><a href="#"><i class="icon-pencil"></i> Edit</a></li> - <li><a href="#"><i class="icon-trash"></i> Delete</a></li> - <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li> - <li class="divider"></li> - <li><a href="#"><i class="i"></i> Make admin</a></li> - </ul> -</div> -</pre> - <div class="alert alert-info"><i class="icon-info-sign"></i> Don't forget to add the appropriate JavaScript to enable button dropdowns.</div> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Lists</h4> - </div> - <div class="span3"> - <p> - <ul class="icons"> - <li><i class="icon-ok"></i> Lists</li> - <li><i class="icon-ok"></i> Buttons</li> - <li><i class="icon-ok"></i> Button groups</li> - <li><i class="icon-ok"></i> Navigation</li> - <li><i class="icon-ok"></i> Prepended form inputs</li> - </ul> - </p> - </div> - <div class="span9"> - <p>Easily replace individual bullets.</p> -<pre class="prettyprint linenums"> -<ul class="icons"> - <li><i class="icon-ok"></i> Lists</li> - <li><i class="icon-ok"></i> Buttons</li> - <li><i class="icon-ok"></i> Button groups</li> - <li><i class="icon-ok"></i> Navigation</li> - <li><i class="icon-ok"></i> Prepended form inputs</li> -</ul> -</pre> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Navigation</h4> - </div> - <div class="span3"> - <div class="well" style="padding: 8px 0;"> - <ul class="nav nav-list"> - <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li> - <li><a href="#"><i class="icon-book"></i> Library</a></li> - <li><a href="#"><i class="icon-pencil"></i> Applications</a></li> - <li><a href="#"><i class="icon-cogs"></i> Settings</a></li> - </ul> - </div> - </div> - <div class="span9"> - <p>Use Font Awesome icons in navigation to provide helpful visual cues.</p> -<pre class="prettyprint linenums"> -<ul class="nav nav-list"> - <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li> - <li><a href="#"><i class="icon-book"></i> Library</a></li> - <li><a href="#"><i class="icon-pencil"></i> Applications</a></li> - <li><a href="#"><i class="icon-cogs"></i> Settings</a></li> -</ul> -</pre> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Prepended form inputs</h4> - </div> - <div class="span3"> - <p> - <form> - <div class="input-prepend"> - <span class="add-on"><i class="icon-envelope"></i></span> - <input class="span2" type="text" placeholder="Email address"> - </div> - <div class="input-prepend"> - <span class="add-on"><i class="icon-key"></i></span> - <input class="span2" type="password" placeholder="Password"> - </div> - </form> - </p> - </div> - <div class="span9"> -<pre class="prettyprint linenums"> -<form> - <div class="input-prepend"> - <span class="add-on"><i class="icon-envelope"></i></span> - <input class="span2" type="text" placeholder="Email address"> - </div> - <div class="input-prepend"> - <span class="add-on"><i class="icon-key"></i></span> - <input class="span2" type="password" placeholder="Password"> - </div> -</form> -</pre> - </div> -</div> -<div class="row"> - <div class="span12"> - <h4>Custom CSS</h4> - </div> - <div class="span3"> - <p>Anything you can do with CSS font styles, you can do with Font Awesome.</p> - </div> - <div class="span9"> - <p>Star Ratings (inspired by <a href="http://css-tricks.com/star-ratings/" target="_blank">CSS Tricks</a>)</p> - <div class="well"> - <span class="rating"> - <span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span> - </span> - </div> - </div> -</div> -</section> - -<section id="contribute"> - <h2 class="page-header">Contribute Icons to Font Awesome</h2> - <div class="row"> - <div class="span3"> - <img class="img-rounded" src="assets/img/contribution-sample.png"> - </div> - <div class="span9"> - <p class="lead"> - Want to help make Font Awesome even more awesome? Contribute back to the Font Awesome community by designing - new pictograms for the set. - </p> - <p> - If selected, you'll retain the CC-BY license to your pictogram and get attribution - right here on the Font Awesome site. - </p> - <h3>How to Submit New Icons</h3> - <ol> - <li>Download the <a href="assets/img/icon-flag.pdf">icon-flag.pdf template</a>.</li> - <li> - 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. - </li> - <li> - 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. - </li> - <li> - Submit your icon. Drop me an email at <a href="mailto:dave@davegandy.com">dave@davegandy.com</a>. Make sure to - use the subject <code>[Font Awesome] [Icon Contribution] icon-name</code> 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. - </li> - </ol> - </div> - </div> - -</section> - -<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> - <li><i class="icon-plus"></i>More icons. Have any requests? <a href="https://github.com/FortAwesome/Font-Awesome/issues" target="_blank">Open an issue</a> in the Font Awesome GitHub project.</li> - <li><i class="icon-plus"></i>Tricks and tips for super-awesome creative CSS methods, like the star example above.</li> - </ul> -</section> - -<section id="license"> - <h2 class="page-header">License</h2> - <ul> - <li>The Font Awesome font is licensed under the <a href="http://scripts.sil.org/OFL" target="_blank">SIL Open Font License - http://scripts.sil.org/OFL</a>.</li> - <li>Font Awesome CSS, LESS, and SASS files are licensed under the <a href="http://opensource.org/licenses/mit-license.html" target="_blank">MIT License - http://opensource.org/licenses/mit-license.html</a>.</li> - <li>The Font Awesome pictograms are licensed under the <a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/</a></li> - <li>Attribution is no longer required in Font Awesome 3.0, but much appreciated: <code>Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome</code>.</li> - </ul> - <p></p> - <p></p> -</section> - -<section id="kyruus"> - <h2 class="page-header"><a href="http://kyruus.com" target="_blank">Kyruus</a></h2> - <div class="row"> - <div class="span7"> - <p> - I'm the lead product designer at Kyruus. I wake up every single day excited about my job. - Why? <strong>Kyruus is going to change healthcare.</strong> No exaggeration. - </p> - - <p> - 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. <strong>We believe data can save lives.</strong> - </p> - - What I love about Kyruus: - <ul class="unstyled"> - <li><i class="icon-pencil icon-2x pull-left"></i> Product design. From the top of the organization, Kyruus is committed to product design done right. It's awesome.</li> - <li><i class="icon-globe icon-2x pull-left"></i> Purpose. Every day, I get to help make the world a better place – a little at a time.</li> - <li><i class="icon-group icon-2x pull-left"></i> People. I work with some of the best people I've ever met. More than just smart people. Good people.</li> - </ul> - - <p> - <strong>Kyruus needs good people.</strong> Designers, app developers, big data masters, & interns that get real responsibility. Come work with me. - </p> - - Interested? <a href="mailto:dave@davegandy.com">Email me.</a> - </div> - <div class="span5"> - <div class="border pull-right text-align-center"> - <a href="http://kyruus.com" target="_blank"> - <i class="icon-medkit"></i><br> - Work with me at Kyruus - </a> - </div> - </div> - </div> -</section> - -<section id="say-thanks"> - <h2 class="page-header">Say Thanks <small></small></h2> - <div class="row"> - <div class="span12"> - <p class="lead"> - <i class="icon-gift icon-4x pull-left"></i> - Hopefully you think Font Awesome <em>is</em> 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. - </p> - </div> - </div> - <div class="row"> - <div class="span4"> - <h4><a href="#contribute">Contribute Icons</a></h4> - <p> - <a href="#contribute">Contribute icons</a> to make Font Awesome even awesome-er. - </p> - </div> - <div class="span4"> - <h4><a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Help me buy an iMac</a></h4> - <p> - <a href="http://www.shareagift.com/pages/giftpage.aspx?giftid=2472" target="_blank">Contribute</a> to a shiny - new iMac for me to keep making great icons. - </p> - </div> - <div class="span4"> - <h4><a href="http://amzn.com/w/G64X58AY416W" target="_blank">My Amazon Wish List</a></h4> - <p> - Or pick something straight - from <a href="http://amzn.com/w/G64X58AY416W" target="_blank">my wish list</a>. Gift cards are great. - </p> - </div> - </div> -</section> - -</div> - -<footer> - <div class="container"> - <div class="row"> - <div class="span4"> - <h2>Contact</h2> - <ul class="icons"> - <li><i class="icon-envelope"></i> Email: <a href="mailto:dave@davegandy.com">Dave Gandy</a></li> - <li><i class="icon-twitter"></i> Twitter: <a href="https://twitter.com/fortaweso_me/" target="_blank">@FortAweso_me</a></li> - <li><i class="icon-wrench"></i> Work: Lead Product Designer @ <a href="#kyruus">Kyruus</a></li> - </ul> - </div> - <div class="span8"> - <h2>Special Thanks</h2> - <p> - Special thanks to <a href="https://twitter.com/robmadole/" target="_blank">@robmadole</a> and - <a href="https://twitter.com/supercodepoet/" target="_blank">@supercodepoet</a> for icon design - review, advice, and some backbone.js help. - </p> - <p> - Special thanks to <a target="_blank" href="https://twitter.com/grantgordon">@grantgordon</a> and - <a target="_blank" href="https://twitter.com/johnsmclay">@johnsmclay</a> for developing - <a target="_blank" href="http://icnfnt.com/">icnfnt</a>, the best way to subset Font Awesome to get just the - icons you need. - </p> - </div> - </div> - </div> -</footer> - - - -<script type="text/template" id="modal-template"> - <div class="modal hide fade in"> - <div class="modal-header"> - <a class="close" data-dismiss="modal"><i class="icon-remove"></i></a> - <h4><%= iconName %></h4> - </div> - <div class="modal-body"> - <div class="row"> - <div class="span3 icon6"> - <div class="thumbnail"> - <div><i class="<%= iconName %>"></i></div> - 280px - </div> - </div> - <div class="span3 icon5"> - <div class="thumbnail"> - <div><i class="<%= iconName %>"></i></div> - 140px - </div> - </div> - </div> - <div class="row"> - <div class="span2 icon4"> - <div class="thumbnail"> - <div><i class="<%= iconName %>"></i></div> - 112px - </div> - </div> - <div class="span2 icon3"> - <div class="thumbnail"> - <div><i class="<%= iconName %>"></i></div> - 56px - </div> - </div> - <div class="span1 icon2"> - <div class="thumbnail"> - <div><i class="<%= iconName %>"></i></div> - 28px - </div> - </div> - <div class="span1 icon1"> - <div class="thumbnail"> - <div><i class="<%= iconName %>"></i></div> - 14px - </div> - </div> - </div> - </div> - </div> -</script> - -<script src="assets/js/jquery-1.7.1.min.js"></script> -<script src="assets/js/underscore.min.js"></script> -<script src="assets/js/backbone.min.js"></script> -<script src="assets/js/prettify.min.js"></script> -<script src="assets/js/bootstrap-222.min.js"></script> -<script src="assets/js/index/index.js"></script> - -</body> -</html> |