diff --git a/src/_includes/cheatsheet.html b/src/_includes/cheatsheet.html deleted file mode 100644 index ea6698ed3..000000000 --- a/src/_includes/cheatsheet.html +++ /dev/null @@ -1,19 +0,0 @@ -{% capture stripe_ad_content %} -

- Print this page to PDF for the complete set of vectors. Or to use on the desktop, install FontAwesome.otf and copy - and paste the icons (not the unicode) directly into your designs. -

-{% endcapture %} -{% include stripe-ad.html %} - -

Every Font Awesome {{ site.fontawesome.version }} Icon, CSS Class, & Unicode

- -
-{% for icon in icons %} -
- &#x{{ icon.unicode }} - fa-icon-{{ icon.id }} - (&#x{{ icon.unicode }};) -
-{% endfor %} -
diff --git a/src/_includes/community.html b/src/_includes/community.html deleted file mode 100644 index f6ba9f060..000000000 --- a/src/_includes/community.html +++ /dev/null @@ -1,20 +0,0 @@ -{% capture stripe_ad_content %} -

- Font Awesome has a vibrant community of folks helping each other out. You can - get support, - report bugs, - request new icons, - submit pull requests, and - check upcoming milestones. -

-{% endcapture %} -{% include stripe-ad.html %} - -{% include community/getting-support.html %} -{% include community/reporting-bugs.html %} -{% include community/requesting-new-icons.html %} -{% include community/submitting-pull-requests.html %} -{% include community/project-milestones.html %} - -{% include thanks-to.html %} -{% include tell-me-thanks.html %} diff --git a/src/_includes/examples.html b/src/_includes/examples.html deleted file mode 100644 index 709836d71..000000000 --- a/src/_includes/examples.html +++ /dev/null @@ -1,22 +0,0 @@ -{% capture stripe_ad_content %} -

- After you get up and running, you can place Font Awesome icons just about - anywhere with the <i> tag. - Many examples appreciatively re-used from the Bootstrap documentation. -

-{% endcapture %} -{% include stripe-ad.html %} - -{% include examples/inline-icons.html %} -{% include examples/larger-icons.html %} -{% include examples/bordered-pulled.html %} -{% include examples/buttons.html %} -{% include examples/button-groups.html %} -{% include examples/button-dropdowns.html %} -{% include examples/list-bullets.html %} -{% include examples/navigation.html %} -{% include examples/form-inputs.html %} -{% include examples/animated-spinner.html %} -{% include examples/rotated-flipped.html %} -{% include examples/stacked.html %} -{% include examples/custom.html %} diff --git a/src/_includes/get-started.html b/src/_includes/get-started.html deleted file mode 100644 index c74c12036..000000000 --- a/src/_includes/get-started.html +++ /dev/null @@ -1,98 +0,0 @@ -{% capture stripe_ad_content %} -

- Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and - customize the LESS yourself! Font Awesome even plays nicely with - Bootstrap 3! -

-{% endcapture %} -{% include stripe-ad.html %} - -
-

EASIEST: BootstrapCDN

-

Add Font Awesome into your website with a single line of code. You don't even have to download or install anything!

-
    -
  1. - Paste the following code into the <head> section of your site's HTML. -{% highlight html %} - -{% endhighlight %} -
    2. -
  2. - Pat yourself on the back for your scalable-vector-icons-on-the-website - judo solution in a single line of code. -
    3. -
  3. - Check out the examples to start using Font Awesome! -
    4. -
-
- -
-

EASY: Default CSS

-

Use this method to get the default Font Awesome CSS with the default Bootstrap CSS.

-
    -
  1. Copy the entire font-awesome directory into your project.
    2. -
  2. - In the <head> of your html, reference the location to your font-awesome.min.css. -{% highlight html %} - -{% endhighlight %} -
    3. -
  3. Check out the examples to start using Font Awesome!
    4. -
-
- -
-

EASY: Font Awesome Ruby Gem

-

- Use the Official Font Awesome Ruby Gem to easily get Font - Awesome into a Rails project. Generously maintained by @supercodepoet. -

-
    -
  1. - Add this line to your application's Gemfile: -{% highlight bash %} -gem 'font-awesome-sass' -{% endhighlight %} -
    2. -
  2. - And then execute: -{% highlight bash %} -$ bundle -{% endhighlight %} -
    3. -
  3. Or install it yourself as: -{% highlight bash %} -$ gem install font-awesome-sass -{% endhighlight %} -
    4. -
-
- -
-

PRO: Custom LESS or SCSS

-

Use this method to customize Font Awesome {{ site.bootstrap.version }} using LESS or SCSS.

-
    -
  1. Copy the font-awesome/ directory into your project.
    2. -
  2. - Open your project's font-awesome/variables.less and edit the @fa-font-path or $fa-font-path - variable to point to your font directory. -{% highlight scss %} -@fa-font-path: "../font"; -{% endhighlight %} -

    The font path is relative from your compiled CSS directory.

    -
    3. -
  3. Re-compile your LESS or SCSS if using a static compiler. Otherwise, you should be good to go.
    4. -
  4. Check out the examples to start using Font Awesome!
    5. -
-
- -
-

Need IE7 Support?

-

- If you need IE7 support, you have my condolences. Really. Font Awesome {{ site.fontawesome.version }} - doesn't support IE7, but an older version does. You'll need to check out the - 3.2.1 instructions for using IE7. Then go complain to - whomever decided your project needs IE7 support. -

-
diff --git a/src/_includes/icons.html b/src/_includes/icons.html deleted file mode 100644 index aeb802805..000000000 --- a/src/_includes/icons.html +++ /dev/null @@ -1,18 +0,0 @@ -{% capture stripe_ad_content %} -

- You asked, Font Awesome delivers with {{ icons | version:site.fontawesome.minor_version | size }} shiny new icons in version {{ site.fontawesome.minor_version }}. - Want to request new icons? Here's how. - - Need vectors or want to use on the desktop? Check the cheatsheet. -

-{% endcapture %} -{% include stripe-ad.html %} - -{% include icons/new.html %} -{% include icons/web-application.html %} -{% include icons/currency.html %} -{% include icons/text-editor.html %} -{% include icons/directional.html %} -{% include icons/video-player.html %} -{% include icons/brand.html %} -{% include icons/medical.html %} diff --git a/src/_includes/license.html b/src/_includes/license.html deleted file mode 100644 index 758153368..000000000 --- a/src/_includes/license.html +++ /dev/null @@ -1,58 +0,0 @@ -{% capture stripe_ad_content %} -

- Font Awesome is fully open source and is GPL compatible. You can use it for commercial projects, open source - projects, or really just about whatever you want. -

-{% endcapture %} -{% include stripe-ad.html %} - -
-
- -
-
- -
-

Font License

- -
- -
-

Code License

- -
- -
-

Documentation License

- -
- -
-

Brand Icons

- {% include brand-license.html %} -
diff --git a/src/cheatsheet.html b/src/cheatsheet.html index 21ce46699..f6629f4ab 100644 --- a/src/cheatsheet.html +++ b/src/cheatsheet.html @@ -10,5 +10,23 @@ relative_path: ../ {% include stripe-social.html %}
- {% include cheatsheet.html %} + {% capture stripe_ad_content %} +

+ Print this page to PDF for the complete set of vectors. Or to use on the desktop, install FontAwesome.otf and copy + and paste the icons (not the unicode) directly into your designs. +

+ {% endcapture %} + {% include stripe-ad.html %} + +

Every Font Awesome {{ site.fontawesome.version }} Icon, CSS Class, & Unicode

+ +
+ {% for icon in icons %} +
+ &#x{{ icon.unicode }} + fa-icon-{{ icon.id }} + (&#x{{ icon.unicode }};) +
+ {% endfor %} +
diff --git a/src/community.html b/src/community.html index 00456a0fc..0ef1e0060 100644 --- a/src/community.html +++ b/src/community.html @@ -11,5 +11,24 @@ relative_path: ../ {% include stripe-social.html %}
- {% include community.html %} + {% capture stripe_ad_content %} +

+ Font Awesome has a vibrant community of folks helping each other out. You can + get support, + report bugs, + request new icons, + submit pull requests, and + check upcoming milestones. +

+ {% endcapture %} + {% include stripe-ad.html %} + + {% include community/getting-support.html %} + {% include community/reporting-bugs.html %} + {% include community/requesting-new-icons.html %} + {% include community/submitting-pull-requests.html %} + {% include community/project-milestones.html %} + + {% include thanks-to.html %} + {% include tell-me-thanks.html %}
diff --git a/src/examples.html b/src/examples.html index 61d3c4102..ac88af582 100644 --- a/src/examples.html +++ b/src/examples.html @@ -11,5 +11,26 @@ relative_path: ../ {% include stripe-social.html %}
- {% include examples.html %} + {% capture stripe_ad_content %} +

+ After you get up and running, you can place Font Awesome icons just about + anywhere with the <i> tag. + Many examples appreciatively re-used from the Bootstrap documentation. +

+ {% endcapture %} + {% include stripe-ad.html %} + + {% include examples/inline-icons.html %} + {% include examples/larger-icons.html %} + {% include examples/bordered-pulled.html %} + {% include examples/buttons.html %} + {% include examples/button-groups.html %} + {% include examples/button-dropdowns.html %} + {% include examples/list-bullets.html %} + {% include examples/navigation.html %} + {% include examples/form-inputs.html %} + {% include examples/animated-spinner.html %} + {% include examples/rotated-flipped.html %} + {% include examples/stacked.html %} + {% include examples/custom.html %}
diff --git a/src/get-started.html b/src/get-started.html index 6f16bc430..1eb3c3fea 100644 --- a/src/get-started.html +++ b/src/get-started.html @@ -11,5 +11,102 @@ relative_path: ../ {% include stripe-social.html %}
- {% include get-started.html %} + {% capture stripe_ad_content %} +

+ Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and + customize the LESS yourself! Font Awesome even plays nicely with + Bootstrap 3! +

+ {% endcapture %} + {% include stripe-ad.html %} + +
+

EASIEST: BootstrapCDN

+

Add Font Awesome into your website with a single line of code. You don't even have to download or install anything!

+
    +
  1. + Paste the following code into the <head> section of your site's HTML. +{% highlight html %} + +{% endhighlight %} +
    2. +
  2. + Pat yourself on the back for your scalable-vector-icons-on-the-website + judo solution in a single line of code. +
    3. +
  3. + Check out the examples to start using Font Awesome! +
    4. +
+
+ +
+

EASY: Default CSS

+

Use this method to get the default Font Awesome CSS with the default Bootstrap CSS.

+
    +
  1. Copy the entire font-awesome directory into your project.
    2. +
  2. + In the <head> of your html, reference the location to your font-awesome.min.css. +{% highlight html %} + +{% endhighlight %} +
    3. +
  3. Check out the examples to start using Font Awesome!
    4. +
+
+ +
+

EASY: Font Awesome Ruby Gem

+

+ Use the Official Font Awesome Ruby Gem to easily get Font + Awesome into a Rails project. Generously maintained by @supercodepoet. +

+
    +
  1. + Add this line to your application's Gemfile: +{% highlight bash %} +gem 'font-awesome-sass' +{% endhighlight %} +
    2. +
  2. + And then execute: +{% highlight bash %} +$ bundle +{% endhighlight %} +
    3. +
  3. Or install it yourself as: +{% highlight bash %} +$ gem install font-awesome-sass +{% endhighlight %} +
    4. +
+
+ +
+

PRO: Custom LESS or SCSS

+

Use this method to customize Font Awesome {{ site.bootstrap.version }} using LESS or SCSS.

+
    +
  1. Copy the font-awesome/ directory into your project.
    2. +
  2. + Open your project's font-awesome/variables.less and edit the @fa-font-path or $fa-font-path + variable to point to your font directory. +{% highlight scss %} +@fa-font-path: "../font"; +{% endhighlight %} +

    The font path is relative from your compiled CSS directory.

    +
    3. +
  3. Re-compile your LESS or SCSS if using a static compiler. Otherwise, you should be good to go.
    4. +
  4. Check out the examples to start using Font Awesome!
    5. +
+
+ +
+

Need IE7 Support?

+

+ If you need IE7 support, you have my condolences. Really. Font Awesome {{ site.fontawesome.version }} + doesn't support IE7, but an older version does. You'll need to check out the + 3.2.1 instructions for using IE7. Then go complain to + whomever decided your project needs IE7 support. +

+
diff --git a/src/icons.html b/src/icons.html index 0dd648d0f..e64f098b6 100644 --- a/src/icons.html +++ b/src/icons.html @@ -11,5 +11,22 @@ relative_path: ../ {% include stripe-social.html %}
- {% include icons.html %} + {% capture stripe_ad_content %} +

+ You asked, Font Awesome delivers with {{ icons | version:site.fontawesome.minor_version | size }} shiny new icons in version {{ site.fontawesome.minor_version }}. + Want to request new icons? Here's how. + + Need vectors or want to use on the desktop? Check the cheatsheet. +

+ {% endcapture %} + {% include stripe-ad.html %} + + {% include icons/new.html %} + {% include icons/web-application.html %} + {% include icons/currency.html %} + {% include icons/text-editor.html %} + {% include icons/directional.html %} + {% include icons/video-player.html %} + {% include icons/brand.html %} + {% include icons/medical.html %}
diff --git a/src/license.html b/src/license.html index aef54a23c..56a2b8e8c 100644 --- a/src/license.html +++ b/src/license.html @@ -11,5 +11,62 @@ relative_path: ../ {% include stripe-social.html %}
- {% include license.html %} + {% capture stripe_ad_content %} +

+ Font Awesome is fully open source and is GPL compatible. You can use it for commercial projects, open source + projects, or really just about whatever you want. +

+ {% endcapture %} + {% include stripe-ad.html %} + +
+
+
    +
  • + Attribution is no longer required as of Font Awesome 3.0 but is much appreciated: + "Font Awesome by Dave Gandy - http://fontawesome.io". +
    • +
+
+
+ +
+

Font License

+ +
+ +
+

Code License

+ +
+ +
+

Documentation License

+ +
+ +
+

Brand Icons

+ {% include brand-license.html %} +