From 043042428ce7eea3daec258743349ff23c40b6e6 Mon Sep 17 00:00:00 2001 From: friendica Date: Tue, 8 Oct 2013 16:11:20 -0700 Subject: add font_awesome --- .../src/_includes/ads/carbon-dark-vertical.html | 1 + .../src/_includes/ads/carbon-light-horizontal.html | 1 + .../src/_includes/ads/carbon-light-vertical.html | 1 + .../font_awesome/src/_includes/brand-license.html | 4 + library/font_awesome/src/_includes/cheatsheet.html | 19 ++++ library/font_awesome/src/_includes/community.html | 20 ++++ .../src/_includes/community/getting-support.html | 22 +++++ .../_includes/community/project-milestones.html | 7 ++ .../src/_includes/community/reporting-bugs.html | 18 ++++ .../_includes/community/requesting-new-icons.html | 27 ++++++ .../community/submitting-pull-requests.html | 12 +++ library/font_awesome/src/_includes/examples.html | 24 +++++ .../src/_includes/examples/animated-spinner.html | 20 ++++ .../src/_includes/examples/bordered-pulled.html | 33 +++++++ .../src/_includes/examples/bulleted-lists.html | 31 ++++++ .../src/_includes/examples/button-dropdowns.html | 36 +++++++ .../src/_includes/examples/button-groups.html | 25 +++++ .../src/_includes/examples/buttons.html | 57 +++++++++++ .../src/_includes/examples/custom.html | 16 ++++ .../src/_includes/examples/form-inputs.html | 31 ++++++ .../src/_includes/examples/inline-icons.html | 19 ++++ .../src/_includes/examples/larger-icons.html | 35 +++++++ .../src/_includes/examples/navigation.html | 26 +++++ .../font_awesome/src/_includes/examples/new.html | 47 +++++++++ .../src/_includes/examples/rotated-flipped.html | 29 ++++++ .../src/_includes/examples/stacked.html | 55 +++++++++++ library/font_awesome/src/_includes/footer.html | 23 +++++ .../font_awesome/src/_includes/get-started.html | 105 +++++++++++++++++++++ library/font_awesome/src/_includes/icons.html | 18 ++++ .../font_awesome/src/_includes/icons/brand.html | 15 +++ .../font_awesome/src/_includes/icons/currency.html | 12 +++ .../src/_includes/icons/directional.html | 12 +++ .../font_awesome/src/_includes/icons/medical.html | 12 +++ library/font_awesome/src/_includes/icons/new.html | 18 ++++ .../src/_includes/icons/text-editor.html | 12 +++ .../src/_includes/icons/video-player.html | 12 +++ .../src/_includes/icons/web-application.html | 12 +++ .../src/_includes/jumbotron-slider.html | 53 +++++++++++ library/font_awesome/src/_includes/jumbotron.html | 6 ++ .../font_awesome/src/_includes/license-code.less | 25 +++++ library/font_awesome/src/_includes/license.html | 57 +++++++++++ library/font_awesome/src/_includes/navbar.html | 69 ++++++++++++++ library/font_awesome/src/_includes/stripe-ad.html | 10 ++ .../font_awesome/src/_includes/stripe-social.html | 18 ++++ .../font_awesome/src/_includes/tell-me-thanks.html | 22 +++++ .../tests/rotated-flipped-inside-anchor.html | 6 ++ .../tests/rotated-flipped-inside-btn.html | 6 ++ .../src/_includes/tests/rotated-flipped.html | 6 ++ .../src/_includes/tests/stacked-inside-anchor.html | 69 ++++++++++++++ .../font_awesome/src/_includes/tests/stacked.html | 51 ++++++++++ library/font_awesome/src/_includes/thanks-to.html | 26 +++++ library/font_awesome/src/_includes/whats-new.html | 38 ++++++++ library/font_awesome/src/_includes/why.html | 41 ++++++++ 53 files changed, 1370 insertions(+) create mode 100644 library/font_awesome/src/_includes/ads/carbon-dark-vertical.html create mode 100644 library/font_awesome/src/_includes/ads/carbon-light-horizontal.html create mode 100644 library/font_awesome/src/_includes/ads/carbon-light-vertical.html create mode 100644 library/font_awesome/src/_includes/brand-license.html create mode 100644 library/font_awesome/src/_includes/cheatsheet.html create mode 100644 library/font_awesome/src/_includes/community.html create mode 100644 library/font_awesome/src/_includes/community/getting-support.html create mode 100644 library/font_awesome/src/_includes/community/project-milestones.html create mode 100644 library/font_awesome/src/_includes/community/reporting-bugs.html create mode 100644 library/font_awesome/src/_includes/community/requesting-new-icons.html create mode 100644 library/font_awesome/src/_includes/community/submitting-pull-requests.html create mode 100644 library/font_awesome/src/_includes/examples.html create mode 100644 library/font_awesome/src/_includes/examples/animated-spinner.html create mode 100644 library/font_awesome/src/_includes/examples/bordered-pulled.html create mode 100644 library/font_awesome/src/_includes/examples/bulleted-lists.html create mode 100644 library/font_awesome/src/_includes/examples/button-dropdowns.html create mode 100644 library/font_awesome/src/_includes/examples/button-groups.html create mode 100644 library/font_awesome/src/_includes/examples/buttons.html create mode 100644 library/font_awesome/src/_includes/examples/custom.html create mode 100644 library/font_awesome/src/_includes/examples/form-inputs.html create mode 100644 library/font_awesome/src/_includes/examples/inline-icons.html create mode 100644 library/font_awesome/src/_includes/examples/larger-icons.html create mode 100644 library/font_awesome/src/_includes/examples/navigation.html create mode 100644 library/font_awesome/src/_includes/examples/new.html create mode 100644 library/font_awesome/src/_includes/examples/rotated-flipped.html create mode 100644 library/font_awesome/src/_includes/examples/stacked.html create mode 100644 library/font_awesome/src/_includes/footer.html create mode 100644 library/font_awesome/src/_includes/get-started.html create mode 100644 library/font_awesome/src/_includes/icons.html create mode 100644 library/font_awesome/src/_includes/icons/brand.html create mode 100644 library/font_awesome/src/_includes/icons/currency.html create mode 100644 library/font_awesome/src/_includes/icons/directional.html create mode 100644 library/font_awesome/src/_includes/icons/medical.html create mode 100644 library/font_awesome/src/_includes/icons/new.html create mode 100644 library/font_awesome/src/_includes/icons/text-editor.html create mode 100644 library/font_awesome/src/_includes/icons/video-player.html create mode 100644 library/font_awesome/src/_includes/icons/web-application.html create mode 100644 library/font_awesome/src/_includes/jumbotron-slider.html create mode 100644 library/font_awesome/src/_includes/jumbotron.html create mode 100644 library/font_awesome/src/_includes/license-code.less create mode 100644 library/font_awesome/src/_includes/license.html create mode 100644 library/font_awesome/src/_includes/navbar.html create mode 100644 library/font_awesome/src/_includes/stripe-ad.html create mode 100644 library/font_awesome/src/_includes/stripe-social.html create mode 100644 library/font_awesome/src/_includes/tell-me-thanks.html create mode 100644 library/font_awesome/src/_includes/tests/rotated-flipped-inside-anchor.html create mode 100644 library/font_awesome/src/_includes/tests/rotated-flipped-inside-btn.html create mode 100644 library/font_awesome/src/_includes/tests/rotated-flipped.html create mode 100644 library/font_awesome/src/_includes/tests/stacked-inside-anchor.html create mode 100644 library/font_awesome/src/_includes/tests/stacked.html create mode 100644 library/font_awesome/src/_includes/thanks-to.html create mode 100644 library/font_awesome/src/_includes/whats-new.html create mode 100644 library/font_awesome/src/_includes/why.html (limited to 'library/font_awesome/src/_includes') diff --git a/library/font_awesome/src/_includes/ads/carbon-dark-vertical.html b/library/font_awesome/src/_includes/ads/carbon-dark-vertical.html new file mode 100644 index 000000000..15804e73a --- /dev/null +++ b/library/font_awesome/src/_includes/ads/carbon-dark-vertical.html @@ -0,0 +1 @@ +
diff --git a/library/font_awesome/src/_includes/ads/carbon-light-horizontal.html b/library/font_awesome/src/_includes/ads/carbon-light-horizontal.html new file mode 100644 index 000000000..8dcfb61b6 --- /dev/null +++ b/library/font_awesome/src/_includes/ads/carbon-light-horizontal.html @@ -0,0 +1 @@ +
diff --git a/library/font_awesome/src/_includes/ads/carbon-light-vertical.html b/library/font_awesome/src/_includes/ads/carbon-light-vertical.html new file mode 100644 index 000000000..e6fce26a9 --- /dev/null +++ b/library/font_awesome/src/_includes/ads/carbon-light-vertical.html @@ -0,0 +1 @@ +
diff --git a/library/font_awesome/src/_includes/brand-license.html b/library/font_awesome/src/_includes/brand-license.html new file mode 100644 index 000000000..07dea295a --- /dev/null +++ b/library/font_awesome/src/_includes/brand-license.html @@ -0,0 +1,4 @@ + diff --git a/library/font_awesome/src/_includes/cheatsheet.html b/library/font_awesome/src/_includes/cheatsheet.html new file mode 100644 index 000000000..81e508c45 --- /dev/null +++ b/library/font_awesome/src/_includes/cheatsheet.html @@ -0,0 +1,19 @@ +{% 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 }} + icon-{{ icon.id }} + (&#x{{ icon.unicode }};) +
+{% endfor %} +
diff --git a/library/font_awesome/src/_includes/community.html b/library/font_awesome/src/_includes/community.html new file mode 100644 index 000000000..f6ba9f060 --- /dev/null +++ b/library/font_awesome/src/_includes/community.html @@ -0,0 +1,20 @@ +{% 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/library/font_awesome/src/_includes/community/getting-support.html b/library/font_awesome/src/_includes/community/getting-support.html new file mode 100644 index 000000000..8ae311adc --- /dev/null +++ b/library/font_awesome/src/_includes/community/getting-support.html @@ -0,0 +1,22 @@ +
+

Getting Support

+

+ Having trouble getting Font Awesome up and running? Something not working the way you think it should? I hate that + I don't have time to answer Font Awesome support emails anymore. So here are some things you might wanna do: +

+
    +
  1. + Make sure you've read the latest version of how to get started. + It's been updated recently to make Font Awesome even easier to use. +
    2. +
  2. + Check out the existing questions tagged as + Font Awesome over on Stack Overflow. Other folks might have had the same question you've had. +
    3. +
  3. + Can't find the answer to your question on Stack Overflow? + Ask a new question, then + send me an email and I might be able to take a look. +
    4. +
+
diff --git a/library/font_awesome/src/_includes/community/project-milestones.html b/library/font_awesome/src/_includes/community/project-milestones.html new file mode 100644 index 000000000..ba2a4e493 --- /dev/null +++ b/library/font_awesome/src/_includes/community/project-milestones.html @@ -0,0 +1,7 @@ +
+

Project Milestones

+

+ Want to keep up with what's planned for Font Awesome? Check out our + milestones on the GitHub project. +

+
diff --git a/library/font_awesome/src/_includes/community/reporting-bugs.html b/library/font_awesome/src/_includes/community/reporting-bugs.html new file mode 100644 index 000000000..3dde63fa5 --- /dev/null +++ b/library/font_awesome/src/_includes/community/reporting-bugs.html @@ -0,0 +1,18 @@ +
+

Reporting Bugs

+

+ Found a problem with Font Awesome? Feel free to submit an issue on the GitHub project. But please keep the following in mind: +

+
    +
  1. Please be nice. Font Awesome is a happy place.
    2. +
  2. Please search to see if your icon request already exists.
    3. +
  3. + Before opening any issue, please read the generic issue + guidelines, by Nicolas Gallagher. +
    4. +
  4. + After doing everything above, feel free to + submit an issue. +
    5. +
+
diff --git a/library/font_awesome/src/_includes/community/requesting-new-icons.html b/library/font_awesome/src/_includes/community/requesting-new-icons.html new file mode 100644 index 000000000..d710e2bb1 --- /dev/null +++ b/library/font_awesome/src/_includes/community/requesting-new-icons.html @@ -0,0 +1,27 @@ +
+

Requesting New Icons

+

+ New icons mostly start as requests by the + Font Awesome community on GitHub. Want to request a new + icon? Here are some things to keep in mind: +

+
    +
  1. Please be nice. Font Awesome is a happy place.
    2. +
  2. Please search to see if your icon request already exists.
    3. +
  3. + Please and thank you if you include the following: +
      +
    • + Title your new issue + Icon request: icon-name. +
      • +
    • Include a few use cases for your requested icon. How do you plan on using it?
      • +
    • Attach a single color image or two that represent the idea you're going for.
      • +
    +
    4. +
  4. + Concrete objects make good icons, since abstract concepts are, well, abstract. It's harder to make an icon + to represent happiness. It's easier to make a smiley face. +
    5. +
+
diff --git a/library/font_awesome/src/_includes/community/submitting-pull-requests.html b/library/font_awesome/src/_includes/community/submitting-pull-requests.html new file mode 100644 index 000000000..de79930e6 --- /dev/null +++ b/library/font_awesome/src/_includes/community/submitting-pull-requests.html @@ -0,0 +1,12 @@ +
+

Submitting Pull Requests

+ Found a way to solve a bug in Font Awesome? Want to contribute new features? Here are a few things to remember: +
    +
  1. Please submit all pull requests against *-wip branches.
    2. +
  2. All pull requests submitted against master will be sumarily closed and this guide referenced.
    3. +
  3. + After doing everything above, feel free to + submit a pull request. +
    4. +
+
diff --git a/library/font_awesome/src/_includes/examples.html b/library/font_awesome/src/_includes/examples.html new file mode 100644 index 000000000..0598e28be --- /dev/null +++ b/library/font_awesome/src/_includes/examples.html @@ -0,0 +1,24 @@ +{% 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/new.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/bulleted-lists.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/library/font_awesome/src/_includes/examples/animated-spinner.html b/library/font_awesome/src/_includes/examples/animated-spinner.html new file mode 100644 index 000000000..eee013a11 --- /dev/null +++ b/library/font_awesome/src/_includes/examples/animated-spinner.html @@ -0,0 +1,20 @@ +
+

Animated Spinner

+
+
+ Use the icon-spin class to get any icon to rotate. Works well with icon-spinner and + icon-refresh. +
+
+
+ Spinner icon when loading content... +
+{% highlight html %} + Spinner icon when loading content... +{% endhighlight %} +

+ CSS3 animations aren't supported in IE7 - IE9. +

+
+
+
diff --git a/library/font_awesome/src/_includes/examples/bordered-pulled.html b/library/font_awesome/src/_includes/examples/bordered-pulled.html new file mode 100644 index 000000000..b5aa2bf17 --- /dev/null +++ b/library/font_awesome/src/_includes/examples/bordered-pulled.html @@ -0,0 +1,33 @@ +
+

Bordered & Pulled Icons

+
+
+

+ Use icon-border and pull-right or pull-left for easy pull quotes or + article graphics. +

+
+
+
+ + Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image. + Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all + of them in any combination to get lots of new possibilities. +
+{% highlight html %} + +Use a few of the new styles together ... lots of new possibilities. +{% endhighlight %} +
+ + 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. +
+{% highlight html %} + +Use a few of the new styles together ... lots of new possibilities. +{% endhighlight %} +
+
+
diff --git a/library/font_awesome/src/_includes/examples/bulleted-lists.html b/library/font_awesome/src/_includes/examples/bulleted-lists.html new file mode 100644 index 000000000..73db34e47 --- /dev/null +++ b/library/font_awesome/src/_includes/examples/bulleted-lists.html @@ -0,0 +1,31 @@ +
+

Bulleted Lists

+
+
+
+
+
    +
  • Bulleted lists (like this one)
    • +
  • Buttons
    • +
  • Button groups
    • +
  • Navigation
    • +
  • Prepended form inputs
    • +
  • …and many more with custom CSS
    • +
+
+
+

Easily replace individual bullets.

+{% highlight html %} +
    +
  • Bulleted lists (like this one)
    • +
  • Buttons
    • +
  • Button groups
    • +
  • Navigation
    • +
  • Prepended form inputs
    • +
  • …and many more with custom CSS
    • +
+{% endhighlight %} +
Make sure to NOT include any whitespace after the icon declaration.
+
+
+
diff --git a/library/font_awesome/src/_includes/examples/button-dropdowns.html b/library/font_awesome/src/_includes/examples/button-dropdowns.html new file mode 100644 index 000000000..201eb1cd4 --- /dev/null +++ b/library/font_awesome/src/_includes/examples/button-dropdowns.html @@ -0,0 +1,36 @@ +
+

Button Dropdowns

+
+
+
+ User + + + +
+
+
+{% highlight html %} +
+ User + + + +
+{% endhighlight %} +
Don't forget to add the appropriate JavaScript to enable button dropdowns.
+
+
+
diff --git a/library/font_awesome/src/_includes/examples/button-groups.html b/library/font_awesome/src/_includes/examples/button-groups.html new file mode 100644 index 000000000..ce4892309 --- /dev/null +++ b/library/font_awesome/src/_includes/examples/button-groups.html @@ -0,0 +1,25 @@ +
+

Button Groups

+
+
+

+

+ + + + +
+

+
+
+{% highlight html %} +
+ + + + +
+{% endhighlight %} +
+
+
diff --git a/library/font_awesome/src/_includes/examples/buttons.html b/library/font_awesome/src/_includes/examples/buttons.html new file mode 100644 index 000000000..b8d147c07 --- /dev/null +++ b/library/font_awesome/src/_includes/examples/buttons.html @@ -0,0 +1,57 @@ +
+

Buttons

+
+
+

+ + Reload + + Checkout +

+

+ + Comment + + Info +

+

+ + Delete + + Settings +

+

+ + Font Awesome
Version {{ site.fontawesome.version }} +

+

+ + Synchronizing Content... +

+
+
+

+ Font Awesome icons work great in buttons. You can even combine them with larger icon styles, + pull-right and pull-left, and icon-spin. +

+{% highlight html %} + + Reload + + Checkout + + Comment + + Info + + Delete + + Settings + + Font Awesome
Version {{ site.fontawesome.version }} + + Synchronizing Content... +{% endhighlight %} +
+
+
diff --git a/library/font_awesome/src/_includes/examples/custom.html b/library/font_awesome/src/_includes/examples/custom.html new file mode 100644 index 000000000..dfad1900c --- /dev/null +++ b/library/font_awesome/src/_includes/examples/custom.html @@ -0,0 +1,16 @@ +
+

Custom CSS

+
+
+

Anything you can do with CSS font styles, you can do with Font Awesome.

+
+
+

Star Ratings (inspired by CSS Tricks)

+
+ + + +
+
+
+
diff --git a/library/font_awesome/src/_includes/examples/form-inputs.html b/library/font_awesome/src/_includes/examples/form-inputs.html new file mode 100644 index 000000000..dcb39a8f2 --- /dev/null +++ b/library/font_awesome/src/_includes/examples/form-inputs.html @@ -0,0 +1,31 @@ +
+

Prepended & Appended Form Inputs

+
+
+
+
+ + +
+
+ + +
+
+
+
+{% highlight html %} +
+
+ + +
+
+ + +
+
+{% endhighlight %} +
+
+
diff --git a/library/font_awesome/src/_includes/examples/inline-icons.html b/library/font_awesome/src/_includes/examples/inline-icons.html new file mode 100644 index 000000000..3965e7c2a --- /dev/null +++ b/library/font_awesome/src/_includes/examples/inline-icons.html @@ -0,0 +1,19 @@ +
+

Inline Icons

+
+
+

Place Font Awesome icons just about anywhere with the <i> tag.

+
+
+
+
+ icon-camera-retro +
+
+{% highlight html %} + icon-camera-retro +{% endhighlight %} +
Icon classes are echoed via CSS :before.
+
+
+
diff --git a/library/font_awesome/src/_includes/examples/larger-icons.html b/library/font_awesome/src/_includes/examples/larger-icons.html new file mode 100644 index 000000000..95f1ee13b --- /dev/null +++ b/library/font_awesome/src/_includes/examples/larger-icons.html @@ -0,0 +1,35 @@ +
+

Larger Icons

+
+
+

+ To increase the size of icons relative to its container, use icon-large, icon-2x, + icon-3x, or icon-4x. +

+
+
+

+ Increase the icon size by using the icon-large (33% increase), icon-2x, + icon-3x, or icon-4x classes. +

+
+
+

icon-camera-retro

+

icon-camera-retro

+

icon-camera-retro

+

icon-camera-retro

+
+
+{% highlight html %} +

icon-camera-retro

+

icon-camera-retro

+

icon-camera-retro

+

icon-camera-retro

+{% endhighlight %} +
+ If your icons are getting chopped off on top and bottom, make sure you have + sufficient line-height. +
+
+
+
diff --git a/library/font_awesome/src/_includes/examples/navigation.html b/library/font_awesome/src/_includes/examples/navigation.html new file mode 100644 index 000000000..850e64442 --- /dev/null +++ b/library/font_awesome/src/_includes/examples/navigation.html @@ -0,0 +1,26 @@ + diff --git a/library/font_awesome/src/_includes/examples/new.html b/library/font_awesome/src/_includes/examples/new.html new file mode 100644 index 000000000..8393f7d36 --- /dev/null +++ b/library/font_awesome/src/_includes/examples/new.html @@ -0,0 +1,47 @@ +<{% if page.navbar_active == "examples" %}div{% else %}section{% endif %} id="new-styles"> +

New Styles in {{ site.fontawesome.minor_version }}

+
+
+

Rotated and Flipped Icons

+
+   normal
+   icon-rotate-90
+   icon-rotate-180
+   icon-rotate-270
+   icon-flip-horizontal
+   icon-flip-vertical +
+
+
+

Stacked Icons

+
+ + + + + icon-twitter on icon-check-empty
+ + + + + icon-flag on icon-circle
+ + + + + icon-terminal on icon-sign-blank +
+
+
+

Better Bulleted Lists

+
+
    +
  • New bulleted lists
    • +
  • Fix some old bugs
    • +
  • And deal with arbitrary
    • +
  • Font sizes better
    • +
+
+
+
+ diff --git a/library/font_awesome/src/_includes/examples/rotated-flipped.html b/library/font_awesome/src/_includes/examples/rotated-flipped.html new file mode 100644 index 000000000..cf061cd59 --- /dev/null +++ b/library/font_awesome/src/_includes/examples/rotated-flipped.html @@ -0,0 +1,29 @@ +
+

Rotated & Flipped

+
+
+ A set of classes that can be used to arbitrarily rotate and flip icons. +
+
+
+   normal
+   icon-rotate-90
+   icon-rotate-180
+   icon-rotate-270
+   icon-flip-horizontal
+   icon-flip-vertical +
+{% highlight html %} +  normal
+  icon-rotate-90
+  icon-rotate-180
+  icon-rotate-270
+  icon-flip-horizontal
+  icon-flip-vertical +{% endhighlight %} +

+ Rotating and flipping icons aren't yet supported in IE7. +

+
+
+
diff --git a/library/font_awesome/src/_includes/examples/stacked.html b/library/font_awesome/src/_includes/examples/stacked.html new file mode 100644 index 000000000..3e7240c12 --- /dev/null +++ b/library/font_awesome/src/_includes/examples/stacked.html @@ -0,0 +1,55 @@ +
+

Stacked Icons

+
+
+ A method for easily stacking multiple icons. Use the icon-stack class on the parent and + icon-stack-base for the bottom icon. +
+
+
+ + + + + icon-twitter on icon-check-empty
+ + + + + icon-flag on icon-circle
+ + + + + icon-terminal on icon-sign-blank
+ + + + + icon-camera on icon-ban-circle +
+{% highlight html %} + + + + +icon-twitter on icon-check-empty
+ + + + +icon-flag on icon-circle
+ + + + +icon-terminal on icon-sign-blank
+ + + + +icon-camera on icon-ban-circle +{% endhighlight %} +
+
+
diff --git a/library/font_awesome/src/_includes/footer.html b/library/font_awesome/src/_includes/footer.html new file mode 100644 index 000000000..186b1524d --- /dev/null +++ b/library/font_awesome/src/_includes/footer.html @@ -0,0 +1,23 @@ + diff --git a/library/font_awesome/src/_includes/get-started.html b/library/font_awesome/src/_includes/get-started.html new file mode 100644 index 000000000..34b970fd4 --- /dev/null +++ b/library/font_awesome/src/_includes/get-started.html @@ -0,0 +1,105 @@ +{% 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! +

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

EASIEST: BootstrapCDN

+

Add Font Awesome + Bootstrap into your website with two lines 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 %} +
    + Want to use Font Awesome by itself without Bootstrap? Just don't include the first line. +
    +
    2. +
  2. + Pat yourself on the back for your scalable-vector-icons-on-the-website + judo solution in two lines 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 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. +
+
+ +
+

PRO: Custom LESS

+

Use this method to customize Font Awesome and Bootstrap {{ site.bootstrap.version }} using LESS.

+
    +
  1. Copy the font-awesome directory into your project.
    2. +
  2. Open your project's bootstrap/bootstrap.less and replace +{% highlight html %} +@import "sprites.less"; +{% endhighlight %} + with +{% highlight html %} +@import "path/to/font-awesome/less/font-awesome.less"; +{% endhighlight %} +
    3. +
  3. + Open your project's font-awesome/variables.less and edit the @FontAwesomePath variable to point to your font directory. +{% highlight html %} +@FontAwesomePath: "../font"; +{% endhighlight %} +

    The font path is relative from your compiled CSS directory.

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

Not using Bootstrap?

+

Font Awesome works just as well without Bootstrap.

+
    +
  1. Copy the font-awesome directory into your project.
    2. +
  2. Follow the above directions and skip the Bootstrap parts.
    3. +
  3. 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).
    4. +
  4. Check out the examples to start using Font Awesome!
    5. +
+
+ +
+

Need IE7 Support?

+

Font Awesome supports IE7. If you need it, you have my condolences.

+
    +
  1. Get Font Awesome working properly in a modern browser.
    2. +
  2. Copy font-awesome-ie7.min.css into your project.
    3. +
  3. + In the <head> of your html, reference the location to your font-awesome-ie7.min.css. +{% highlight html %} + + + +{% endhighlight %} +
    4. +
  4. Go complain to whoever decided your project needs IE7 support.
    5. +
+
diff --git a/library/font_awesome/src/_includes/icons.html b/library/font_awesome/src/_includes/icons.html new file mode 100644 index 000000000..aeb802805 --- /dev/null +++ b/library/font_awesome/src/_includes/icons.html @@ -0,0 +1,18 @@ +{% 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/library/font_awesome/src/_includes/icons/brand.html b/library/font_awesome/src/_includes/icons/brand.html new file mode 100644 index 000000000..feb6032e8 --- /dev/null +++ b/library/font_awesome/src/_includes/icons/brand.html @@ -0,0 +1,15 @@ +
+

Brand Icons

+ +
+ {% include brand-license.html %} +
+ +
+ {% assign icons_brand = icons | expand_aliases | category:"Brand Icons" | sort_by:'class' %} + + {% for icon in icons_brand %} +
icon-{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+
diff --git a/library/font_awesome/src/_includes/icons/currency.html b/library/font_awesome/src/_includes/icons/currency.html new file mode 100644 index 000000000..c451d5211 --- /dev/null +++ b/library/font_awesome/src/_includes/icons/currency.html @@ -0,0 +1,12 @@ +
+

Currency Icons

+ +
+ {% assign icons_currency = icons | expand_aliases | category:"Currency Icons" | sort_by:'class' %} + + {% for icon in icons_currency %} +
icon-{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/library/font_awesome/src/_includes/icons/directional.html b/library/font_awesome/src/_includes/icons/directional.html new file mode 100644 index 000000000..6b4170a1b --- /dev/null +++ b/library/font_awesome/src/_includes/icons/directional.html @@ -0,0 +1,12 @@ +
+

Directional Icons

+ +
+ {% assign icons_directional = icons | expand_aliases | category:"Directional Icons" | sort_by:'class' %} + + {% for icon in icons_directional %} +
icon-{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/library/font_awesome/src/_includes/icons/medical.html b/library/font_awesome/src/_includes/icons/medical.html new file mode 100644 index 000000000..7d4cd7f97 --- /dev/null +++ b/library/font_awesome/src/_includes/icons/medical.html @@ -0,0 +1,12 @@ +
+

Medical Icons

+ +
+ {% assign icons_medical = icons | expand_aliases | category:"Medical Icons" | sort_by:'class' %} + + {% for icon in icons_medical %} +
icon-{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/library/font_awesome/src/_includes/icons/new.html b/library/font_awesome/src/_includes/icons/new.html new file mode 100644 index 000000000..52c5e3fa6 --- /dev/null +++ b/library/font_awesome/src/_includes/icons/new.html @@ -0,0 +1,18 @@ +<{% if page.navbar_active == "icons" %}div{% else %}section{% endif %} id="new"> +

New Icons in {{ site.fontawesome.minor_version }}

+ {% if page.navbar_active != "icons" %} +
+ 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. +
+ {% endif %} + +
+ {% assign icons_new = icons | expand_aliases | version:site.fontawesome.minor_version %} + + {% for icon in icons_new %} +
icon-{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ + diff --git a/library/font_awesome/src/_includes/icons/text-editor.html b/library/font_awesome/src/_includes/icons/text-editor.html new file mode 100644 index 000000000..2c2d4955c --- /dev/null +++ b/library/font_awesome/src/_includes/icons/text-editor.html @@ -0,0 +1,12 @@ +
+

Text Editor Icons

+ +
+ {% assign icons_text_editor = icons | expand_aliases | category:"Text Editor Icons" | sort_by:'class' %} + + {% for icon in icons_text_editor %} +
icon-{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/library/font_awesome/src/_includes/icons/video-player.html b/library/font_awesome/src/_includes/icons/video-player.html new file mode 100644 index 000000000..5fcbe133b --- /dev/null +++ b/library/font_awesome/src/_includes/icons/video-player.html @@ -0,0 +1,12 @@ +
+

Video Player Icons

+ +
+ {% assign icons_video_player = icons | expand_aliases | category:"Video Player Icons" | sort_by:'class' %} + + {% for icon in icons_video_player %} +
icon-{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/library/font_awesome/src/_includes/icons/web-application.html b/library/font_awesome/src/_includes/icons/web-application.html new file mode 100644 index 000000000..f70d727f7 --- /dev/null +++ b/library/font_awesome/src/_includes/icons/web-application.html @@ -0,0 +1,12 @@ +
+

Web Application Icons

+ +
+ {% assign icons_web_application = icons | expand_aliases | category:"Web Application Icons" | sort_by:'class' %} + + {% for icon in icons_web_application %} +
icon-{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/library/font_awesome/src/_includes/jumbotron-slider.html b/library/font_awesome/src/_includes/jumbotron-slider.html new file mode 100644 index 000000000..362eeac70 --- /dev/null +++ b/library/font_awesome/src/_includes/jumbotron-slider.html @@ -0,0 +1,53 @@ +
+
+
+
+
+

Font Awesome

+

The iconic font designed for Bootstrap

+
+ +    + Download + +
+
+ + GitHub Project   ·   + Version {{ site.fontawesome.version }}   ·   + Created & Maintained by Dave Gandy +
+
+
+
+ +
+
+ +
+
diff --git a/library/font_awesome/src/_includes/jumbotron.html b/library/font_awesome/src/_includes/jumbotron.html new file mode 100644 index 000000000..747b32ded --- /dev/null +++ b/library/font_awesome/src/_includes/jumbotron.html @@ -0,0 +1,6 @@ +
+
+

{{ jumbotron_h1 }}

+

{{ jumbotron_p }}

+
+
diff --git a/library/font_awesome/src/_includes/license-code.less b/library/font_awesome/src/_includes/license-code.less new file mode 100644 index 000000000..940e9a586 --- /dev/null +++ b/library/font_awesome/src/_includes/license-code.less @@ -0,0 +1,25 @@ +/*! + * Font Awesome {{ site.fontawesome.version }} + * the iconic font designed for Bootstrap + * ------------------------------------------------------------------------------ + * The full suite of pictographic icons, examples, and documentation can be + * found at {{ site.fontawesome.url }}. Stay up to date on Twitter at + * http://twitter.com/{{ site.fontawesome.twitter }}. + * + * License + * ------------------------------------------------------------------------------ + * - The Font Awesome font is licensed under {{ site.fontawesome.license.font.version }} - + * {{ site.fontawesome.license.font.url }} + * - Font Awesome CSS, LESS, and SASS files are licensed under {{ site.fontawesome.license.code.version }} - + * {{ site.fontawesome.license.code.url }} + * - Font Awesome documentation licensed under {{ site.fontawesome.license.documentation.version }} - + * {{ site.fontawesome.license.documentation.url }} + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - {{ site.fontawesome.url }}" + * + * Author - Dave Gandy + * ------------------------------------------------------------------------------ + * Email: {{ site.fontawesome.author.email }} + * Twitter: http://twitter.com/{{ site.fontawesome.author.twitter }} + * Work: {{ site.fontawesome.author.work.title }} @ {{ site.fontawesome.author.work.name }} - {{ site.fontawesome.author.work.url }} + */ \ No newline at end of file diff --git a/library/font_awesome/src/_includes/license.html b/library/font_awesome/src/_includes/license.html new file mode 100644 index 000000000..8b2948095 --- /dev/null +++ b/library/font_awesome/src/_includes/license.html @@ -0,0 +1,57 @@ +{% 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 %} +
diff --git a/library/font_awesome/src/_includes/navbar.html b/library/font_awesome/src/_includes/navbar.html new file mode 100644 index 000000000..99e1f5819 --- /dev/null +++ b/library/font_awesome/src/_includes/navbar.html @@ -0,0 +1,69 @@ +
+
+
+ + + + + + + Font Awesome +
+ + +
+
+
+
diff --git a/library/font_awesome/src/_includes/stripe-ad.html b/library/font_awesome/src/_includes/stripe-ad.html new file mode 100644 index 000000000..64a278609 --- /dev/null +++ b/library/font_awesome/src/_includes/stripe-ad.html @@ -0,0 +1,10 @@ +
+
+
+ {{ stripe_ad_content }} +
+
+ {% include ads/carbon-light-horizontal.html %} +
+
+
diff --git a/library/font_awesome/src/_includes/stripe-social.html b/library/font_awesome/src/_includes/stripe-social.html new file mode 100644 index 000000000..6c303e385 --- /dev/null +++ b/library/font_awesome/src/_includes/stripe-social.html @@ -0,0 +1,18 @@ +
+
+ +
+
diff --git a/library/font_awesome/src/_includes/tell-me-thanks.html b/library/font_awesome/src/_includes/tell-me-thanks.html new file mode 100644 index 000000000..94be6b209 --- /dev/null +++ b/library/font_awesome/src/_includes/tell-me-thanks.html @@ -0,0 +1,22 @@ +
+

Tell Me Thanks

+

+ Hopefully you think Font Awesome is awesome. I've put hundreds of hours into the project to give back to the + open source community. If you'd like, here are a couple of ways you can tell me thanks for all my hard work. +

+
+
+

Tip me on Gittip

+

+ Gittip is a great way to let developers know you appreciate their work. +

+
+
+

My Amazon Wish List

+

+ Or pick something straight + from my wish list. Gift cards are great. +

+
+
+
diff --git a/library/font_awesome/src/_includes/tests/rotated-flipped-inside-anchor.html b/library/font_awesome/src/_includes/tests/rotated-flipped-inside-anchor.html new file mode 100644 index 000000000..df11b37b4 --- /dev/null +++ b/library/font_awesome/src/_includes/tests/rotated-flipped-inside-anchor.html @@ -0,0 +1,6 @@ +  normal
+  icon-rotate-90
+  icon-rotate-180
+  icon-rotate-270
+  icon-flip-horizontal
+  icon-flip-vertical diff --git a/library/font_awesome/src/_includes/tests/rotated-flipped-inside-btn.html b/library/font_awesome/src/_includes/tests/rotated-flipped-inside-btn.html new file mode 100644 index 000000000..c8c9993fd --- /dev/null +++ b/library/font_awesome/src/_includes/tests/rotated-flipped-inside-btn.html @@ -0,0 +1,6 @@ +  normal
+  icon-rotate-90
+  icon-rotate-180
+  icon-rotate-270
+  icon-flip-horizontal
+  icon-flip-vertical diff --git a/library/font_awesome/src/_includes/tests/rotated-flipped.html b/library/font_awesome/src/_includes/tests/rotated-flipped.html new file mode 100644 index 000000000..a6620cd3f --- /dev/null +++ b/library/font_awesome/src/_includes/tests/rotated-flipped.html @@ -0,0 +1,6 @@ +  normal
+  icon-rotate-90
+  icon-rotate-180
+  icon-rotate-270
+  icon-flip-horizontal
+  icon-flip-vertical diff --git a/library/font_awesome/src/_includes/tests/stacked-inside-anchor.html b/library/font_awesome/src/_includes/tests/stacked-inside-anchor.html new file mode 100644 index 000000000..d034a9959 --- /dev/null +++ b/library/font_awesome/src/_includes/tests/stacked-inside-anchor.html @@ -0,0 +1,69 @@ +

+ + + + + + Twitter Icon + + + + + + + Facebook Icon + + + + + + + GitHub Icon + +

+

+ + + + + + Twitter Icon + + + + + + + Facebook Icon + + + + + + + GitHub Icon + +

+

+ + + + + + Twitter Icon + + + + + + + Facebook Icon + + + + + + + GitHub Icon + +

\ No newline at end of file diff --git a/library/font_awesome/src/_includes/tests/stacked.html b/library/font_awesome/src/_includes/tests/stacked.html new file mode 100644 index 000000000..36e427f78 --- /dev/null +++ b/library/font_awesome/src/_includes/tests/stacked.html @@ -0,0 +1,51 @@ +

+ + + + + Twitter Icon + + + + + Facebook Icon + + + + + GitHub Icon +

+

+ + + + + Twitter Icon + + + + + Facebook Icon + + + + + GitHub Icon +

+

+ + + + + Twitter Icon + + + + + Facebook Icon + + + + + GitHub Icon +

\ No newline at end of file diff --git a/library/font_awesome/src/_includes/thanks-to.html b/library/font_awesome/src/_includes/thanks-to.html new file mode 100644 index 000000000..8a2d15208 --- /dev/null +++ b/library/font_awesome/src/_includes/thanks-to.html @@ -0,0 +1,26 @@ +
+

Thanks To

+
+
+

+ Thanks to @robmadole and + @supercodepoet for icon design + review, advice, some Jekyll help, and being all around badass coders. +

+
+
+

+ Thanks to @grantgordon and + @johnsmclay for developing and hosting + icnfnt, the best way to subset Font Awesome. +

+
+
+

+ Thanks to MaxCDN for providing the excellent + BootstrapCDN, the fastest and easiest way to + get started with Font Awesome. +

+
+
+
diff --git a/library/font_awesome/src/_includes/whats-new.html b/library/font_awesome/src/_includes/whats-new.html new file mode 100644 index 000000000..d413d0dec --- /dev/null +++ b/library/font_awesome/src/_includes/whats-new.html @@ -0,0 +1,38 @@ +{% capture stripe_ad_content %} +

+ Font Awesome is always getting a little awesome-er. So here's what's new in the latest version, Font Awesome + {{ site.fontawesome.minor_version }}. Have some ideas for new features? + Help contribute. +

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

{{ icons | version:site.fontawesome.minor_version | size }} New Icons in {{ site.fontawesome.minor_version }}

+ Requested by the active community on the Font Awesome GitHub project. +
+
+

SCSS Support

+ A long term solution is now in place for SCSS support. Need SASS? Try sass-convert. +
+
+

Better & Simpler License

+ SIL OFL 1.1 for font, MIT license for code. No more attribution required, but much appreciated. +
+
+

Pixel Perfection at 14px

+ Version 3 was re-created from the ground up to be razor sharp at Bootstrap's default 14px. +
+
+

Font Subsetting

+ Thanks to @grantgordon and @johnsmclay, you can subset to get just the icons you need. +
+
+

Want More Details?

+ Check out the CHANGELOG on the GitHub project to see + what's new and changed. +
+
+
diff --git a/library/font_awesome/src/_includes/why.html b/library/font_awesome/src/_includes/why.html new file mode 100644 index 000000000..ce3b87d13 --- /dev/null +++ b/library/font_awesome/src/_includes/why.html @@ -0,0 +1,41 @@ +
+
+
+

One Font, {{ icons | size }} Icons

+ In a single collection, Font Awesome is a pictographic language of web-related actions. +
+
+

CSS Control

+ Easily style icon color, size, shadow, and anything that's possible with CSS. +
+
+

Infinite Scalability

+ Scalable vector graphics means every icon looks awesome at any size. +
+
+

Free, as in Speech

+ Font Awesome is completely free for commercial use. Check out the license. +
+
+

IE7 Support

+ Font Awesome supports IE7. If you need it, you have my condolences. +
+
+

Perfect on Retina Displays

+ Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays. +
+
+

Made for Bootstrap

+ Designed from scratch to be fully compatible with Bootstrap {{ site.bootstrap.version }}. +
+
+

Desktop Friendly

+ To use on the desktop or for a complete set of vectors, + check out the cheatsheet. +
+
+

Screen Reader Compatible

+ Font Awesome won't trip up screen readers, unlike other icon fonts. +
+
+
-- cgit v1.2.3