From 6d2c067f0d6bc78eef7ececcec3eba71cbb5d80c Mon Sep 17 00:00:00 2001 From: David Luevano Alvarado Date: Tue, 1 Jun 2021 03:21:33 -0600 Subject: add fork awesome, contact and donate pages, update general style and update readme --- .../accessibility/accessibility-manual.html | 121 ++++++++++++++++ .../doc/_includes/accessibility/background.html | 15 ++ .../src/doc/_includes/accessibility/other.html | 17 +++ .../src/doc/_includes/brand-adblock-warning.html | 5 + .../src/doc/_includes/brand-license.html | 6 + .../fork-awesome/src/doc/_includes/code/core.less | 6 + .../fork-awesome/src/doc/_includes/code/core.scss | 6 + .../src/doc/_includes/code/license.css | 12 ++ .../doc/_includes/community/getting-support.html | 19 +++ .../_includes/community/project-milestones.html | 8 ++ .../doc/_includes/community/reporting-bugs.html | 18 +++ .../_includes/community/requesting-new-icons.html | 29 ++++ .../community/submitting-pull-requests.html | 18 +++ .../src/doc/_includes/examples/accessible.html | 101 +++++++++++++ .../src/doc/_includes/examples/animated.html | 60 ++++++++ .../src/doc/_includes/examples/basic.html | 39 +++++ .../src/doc/_includes/examples/bootstrap.html | 111 +++++++++++++++ .../doc/_includes/examples/bordered-pulled.html | 30 ++++ .../src/doc/_includes/examples/custom.html | 16 +++ .../src/doc/_includes/examples/fixed-width.html | 33 +++++ .../src/doc/_includes/examples/larger.html | 40 ++++++ .../src/doc/_includes/examples/list.html | 30 ++++ .../doc/_includes/examples/rotated-flipped.html | 34 +++++ .../src/doc/_includes/examples/stacked.html | 65 +++++++++ static/fork-awesome/src/doc/_includes/footer.html | 20 +++ .../src/doc/_includes/icons/accessibility.html | 12 ++ .../src/doc/_includes/icons/brand.html | 19 +++ .../src/doc/_includes/icons/chart.html | 12 ++ .../src/doc/_includes/icons/currency.html | 12 ++ .../src/doc/_includes/icons/directional.html | 12 ++ .../src/doc/_includes/icons/file-type.html | 12 ++ .../src/doc/_includes/icons/form-control.html | 11 ++ .../src/doc/_includes/icons/gender.html | 12 ++ .../fork-awesome/src/doc/_includes/icons/hand.html | 12 ++ .../src/doc/_includes/icons/medical.html | 12 ++ .../fork-awesome/src/doc/_includes/icons/new.html | 19 +++ .../src/doc/_includes/icons/payment.html | 12 ++ .../src/doc/_includes/icons/spinner.html | 22 +++ .../src/doc/_includes/icons/text-editor.html | 12 ++ .../src/doc/_includes/icons/transportation.html | 12 ++ .../src/doc/_includes/icons/video-player.html | 12 ++ .../src/doc/_includes/icons/web-application.html | 12 ++ .../src/doc/_includes/jumbotron-carousel.html | 51 +++++++ .../fork-awesome/src/doc/_includes/jumbotron.html | 17 +++ .../src/doc/_includes/modals/download.html | 25 ++++ static/fork-awesome/src/doc/_includes/navbar.html | 85 +++++++++++ .../src/doc/_includes/new-features.html | 29 ++++ .../fork-awesome/src/doc/_includes/new-naming.html | 157 +++++++++++++++++++++ .../src/doc/_includes/new-upgrading.html | 13 ++ .../doc/_includes/products/camera-retro-tee.html | 31 ++++ .../src/doc/_includes/products/classics-tee.html | 31 ++++ .../doc/_includes/products/cta-suggestions.html | 20 +++ .../src/doc/_includes/products/fa-ther-tee.html | 29 ++++ .../src/doc/_includes/products/green-logo-tee.html | 31 ++++ .../src/doc/_includes/products/old-skool-tee.html | 31 ++++ .../rock-paper-scissors-lizard-spock-tee.html | 27 ++++ .../doc/_includes/products/space-shuttle-tee.html | 31 ++++ .../src/doc/_includes/products/white-logo-tee.html | 35 +++++ .../src/doc/_includes/stripe-social.html | 46 ++++++ .../tests/rotated-flipped-inside-anchor.html | 6 + .../tests/rotated-flipped-inside-btn.html | 6 + .../src/doc/_includes/tests/rotated-flipped.html | 6 + .../doc/_includes/tests/stacked-inside-anchor.html | 69 +++++++++ .../src/doc/_includes/tests/stacked-with-text.html | 4 + .../src/doc/_includes/tests/stacked.html | 58 ++++++++ .../fork-awesome/src/doc/_includes/thanks-to.html | 19 +++ static/fork-awesome/src/doc/_includes/why.html | 42 ++++++ 67 files changed, 1985 insertions(+) create mode 100644 static/fork-awesome/src/doc/_includes/accessibility/accessibility-manual.html create mode 100644 static/fork-awesome/src/doc/_includes/accessibility/background.html create mode 100644 static/fork-awesome/src/doc/_includes/accessibility/other.html create mode 100644 static/fork-awesome/src/doc/_includes/brand-adblock-warning.html create mode 100644 static/fork-awesome/src/doc/_includes/brand-license.html create mode 100644 static/fork-awesome/src/doc/_includes/code/core.less create mode 100644 static/fork-awesome/src/doc/_includes/code/core.scss create mode 100644 static/fork-awesome/src/doc/_includes/code/license.css create mode 100644 static/fork-awesome/src/doc/_includes/community/getting-support.html create mode 100644 static/fork-awesome/src/doc/_includes/community/project-milestones.html create mode 100644 static/fork-awesome/src/doc/_includes/community/reporting-bugs.html create mode 100644 static/fork-awesome/src/doc/_includes/community/requesting-new-icons.html create mode 100644 static/fork-awesome/src/doc/_includes/community/submitting-pull-requests.html create mode 100644 static/fork-awesome/src/doc/_includes/examples/accessible.html create mode 100644 static/fork-awesome/src/doc/_includes/examples/animated.html create mode 100644 static/fork-awesome/src/doc/_includes/examples/basic.html create mode 100644 static/fork-awesome/src/doc/_includes/examples/bootstrap.html create mode 100644 static/fork-awesome/src/doc/_includes/examples/bordered-pulled.html create mode 100644 static/fork-awesome/src/doc/_includes/examples/custom.html create mode 100644 static/fork-awesome/src/doc/_includes/examples/fixed-width.html create mode 100644 static/fork-awesome/src/doc/_includes/examples/larger.html create mode 100644 static/fork-awesome/src/doc/_includes/examples/list.html create mode 100644 static/fork-awesome/src/doc/_includes/examples/rotated-flipped.html create mode 100644 static/fork-awesome/src/doc/_includes/examples/stacked.html create mode 100644 static/fork-awesome/src/doc/_includes/footer.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/accessibility.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/brand.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/chart.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/currency.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/directional.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/file-type.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/form-control.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/gender.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/hand.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/medical.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/new.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/payment.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/spinner.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/text-editor.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/transportation.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/video-player.html create mode 100644 static/fork-awesome/src/doc/_includes/icons/web-application.html create mode 100644 static/fork-awesome/src/doc/_includes/jumbotron-carousel.html create mode 100644 static/fork-awesome/src/doc/_includes/jumbotron.html create mode 100644 static/fork-awesome/src/doc/_includes/modals/download.html create mode 100644 static/fork-awesome/src/doc/_includes/navbar.html create mode 100644 static/fork-awesome/src/doc/_includes/new-features.html create mode 100644 static/fork-awesome/src/doc/_includes/new-naming.html create mode 100644 static/fork-awesome/src/doc/_includes/new-upgrading.html create mode 100644 static/fork-awesome/src/doc/_includes/products/camera-retro-tee.html create mode 100644 static/fork-awesome/src/doc/_includes/products/classics-tee.html create mode 100644 static/fork-awesome/src/doc/_includes/products/cta-suggestions.html create mode 100644 static/fork-awesome/src/doc/_includes/products/fa-ther-tee.html create mode 100644 static/fork-awesome/src/doc/_includes/products/green-logo-tee.html create mode 100644 static/fork-awesome/src/doc/_includes/products/old-skool-tee.html create mode 100644 static/fork-awesome/src/doc/_includes/products/rock-paper-scissors-lizard-spock-tee.html create mode 100644 static/fork-awesome/src/doc/_includes/products/space-shuttle-tee.html create mode 100644 static/fork-awesome/src/doc/_includes/products/white-logo-tee.html create mode 100644 static/fork-awesome/src/doc/_includes/stripe-social.html create mode 100644 static/fork-awesome/src/doc/_includes/tests/rotated-flipped-inside-anchor.html create mode 100644 static/fork-awesome/src/doc/_includes/tests/rotated-flipped-inside-btn.html create mode 100644 static/fork-awesome/src/doc/_includes/tests/rotated-flipped.html create mode 100644 static/fork-awesome/src/doc/_includes/tests/stacked-inside-anchor.html create mode 100644 static/fork-awesome/src/doc/_includes/tests/stacked-with-text.html create mode 100644 static/fork-awesome/src/doc/_includes/tests/stacked.html create mode 100644 static/fork-awesome/src/doc/_includes/thanks-to.html create mode 100644 static/fork-awesome/src/doc/_includes/why.html (limited to 'static/fork-awesome/src/doc/_includes') diff --git a/static/fork-awesome/src/doc/_includes/accessibility/accessibility-manual.html b/static/fork-awesome/src/doc/_includes/accessibility/accessibility-manual.html new file mode 100644 index 0000000..1f68205 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/accessibility/accessibility-manual.html @@ -0,0 +1,121 @@ +
+ +

+ + Manually make your icons accessible +

+ +

When using icons in your UI, there are manual techniques and ways to help assistive technology either ignore or better understand {{ site.forkawesome.name }}.

+ +

Icons used for pure decoration or visual styling

+

If you're using an icon to add some extra decoration or branding, it does not need to be announced to users as they are navigating your site or app aurally. Additionally, if you're using an icon to visually re-emphasize or add styling to content already present in your HTML, it does not need to be repeated to an assistive technology-using user. You can make sure this is not read by adding the aria-hidden="true" to your {{ site.forkawesome.name }} markup.

+ +
+{% highlight html %} + +{% endhighlight %} +an icon being used as pure decoration +
+ +
+{% highlight html %} +

+ + Pied Piper, A Middle-Out Compression Solution Making Data Storage Problems Smaller +

+{% endhighlight %} +an icon being used as a logo +
+ +
+{% highlight html %} + View this project's code on Github +{% endhighlight %} +an icon being used in front of link text +
+ +

Icons with semantic or interactive purpose

+

+ If you're using an icon to convey meaning (rather than only as a decorative element), ensure that this meaning is also conveyed to assistive technologies. This goes for content you're abbreviating via icons as well as interactive controls (buttons, form elements, toggles, etc.). There are a few techniques to accomplish this: +

+ +

If an icon is not an interactive element

+

+ The simplest way to provide a text alternative is to use the aria-hidden="true" attribute on the icon and to include the text with an additional element, such as a <span>, with appropriate CSS to visually hide the element while keeping it accessible to assistive technologies. In addition, you can add a title attribute on the icon to provide a tooltip for sighted mouse users. +

+ +
+{% highlight html %} +
+
+ + Time to destination by car: +
+
4 minutes
+ +
+ + Time to destination by bike: +
+
12 minutes
+
+{% endhighlight %} + an icon being used to communicate travel methods +
+ +
+{% highlight html %} + +60 minutes remain in your exam + + +30 minutes remain in your exam + + +0 minutes remain in your exam +{% endhighlight %} + an icon being used to denote time remaining +
+ +

If an icon represents an interactive element

+

+ In the case of focusable interactive elements, there are various options to include an alternative text or label to the element, without the need for any visually hidden <span> or similar. For instance, simply adding the aria-label attribute with a text description to the interactive element itself will be sufficient to provide an accessible alternative name for the element. If you need to provide a visual tooltip on mouseover/focus, we recommend additionally using the title attribute or a custom tooltip solution. +

+ +
+{% highlight html %} + + + +{% endhighlight %} + an icon being used to communicate shopping cart state +
+ +
+{% highlight html %} + + + +{% endhighlight %} + an icon being used as a link to a navigation menu +
+ +
+{% highlight html %} + + + +{% endhighlight %} + an icon being used as a delete button's symbol with a title attribute to provide a native mouse tooltip +
+ + +
+ +
+
diff --git a/static/fork-awesome/src/doc/_includes/accessibility/background.html b/static/fork-awesome/src/doc/_includes/accessibility/background.html new file mode 100644 index 0000000..ac26a4a --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/accessibility/background.html @@ -0,0 +1,15 @@ +
+

About Icon Fonts & Accessibility

+

+ Modern versions of assistive technology, like screen readers, will read CSS generated content (how {{ site.forkawesome.name }} icons are rendered), as well as specific Unicode characters. When reading our default markup for rendering icons, assisistive technology may have the following problems. +

+ + +
diff --git a/static/fork-awesome/src/doc/_includes/accessibility/other.html b/static/fork-awesome/src/doc/_includes/accessibility/other.html new file mode 100644 index 0000000..d3054ba --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/accessibility/other.html @@ -0,0 +1,17 @@ +
+

Other cases and information

+

+ While the scenarios and techniques here help avoid some serious issues and confusion, they are not exhaustive. There are many complex contexts and use cases when it comes to accessibility, such as users with low vision who need a high color contrast ratio to see UI. There are some great tools and resources to learn from and work on these issues out there. Here are a few reads we recommend. +

+ + + +

+ We'll continue to work on these under the larger topic of accessibility, but in the meantime, let us know if any bugs or issues. +

+
diff --git a/static/fork-awesome/src/doc/_includes/brand-adblock-warning.html b/static/fork-awesome/src/doc/_includes/brand-adblock-warning.html new file mode 100644 index 0000000..1f7e1d6 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/brand-adblock-warning.html @@ -0,0 +1,5 @@ +

Warning!

+Apparently, Adblock Plus can remove {{ site.forkawesome.name }} brand icons with their "Remove Social +Media Buttons" setting. We will not use hacks to force them to display. Please +report an issue with Adblock Plus if you believe this to be +an error. To work around this, you'll need to modify the social icon class names. diff --git a/static/fork-awesome/src/doc/_includes/brand-license.html b/static/fork-awesome/src/doc/_includes/brand-license.html new file mode 100644 index 0000000..475aa7e --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/brand-license.html @@ -0,0 +1,6 @@ + diff --git a/static/fork-awesome/src/doc/_includes/code/core.less b/static/fork-awesome/src/doc/_includes/code/core.less new file mode 100644 index 0000000..7ca5f74 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/code/core.less @@ -0,0 +1,6 @@ + display: inline-block; + font: normal normal normal @fa-font-size-base/@fa-line-height-base @fa-font-family; // shortening font declaration + font-size: inherit; // can't have font-size inherit on line above, so need to override + text-rendering: auto; // optimizelegibility throws things off #1094 + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; diff --git a/static/fork-awesome/src/doc/_includes/code/core.scss b/static/fork-awesome/src/doc/_includes/code/core.scss new file mode 100644 index 0000000..4114bc8 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/code/core.scss @@ -0,0 +1,6 @@ + display: inline-block; + font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} #{$fa-font-family}; // shortening font declaration + font-size: inherit; // can't have font-size inherit on line above, so need to override + text-rendering: auto; // optimizelegibility throws things off #1094 + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; diff --git a/static/fork-awesome/src/doc/_includes/code/license.css b/static/fork-awesome/src/doc/_includes/code/license.css new file mode 100644 index 0000000..43068be --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/code/license.css @@ -0,0 +1,12 @@ +/*! +{{ site.forkawesome.name }} {{ site.forkawesome.version }} +License - {{ site.forkawesome.url }}license + +Copyright 2018 {{ site.fontawesome.author.name }} & {{ site.forkawesome.name }} + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. + */ diff --git a/static/fork-awesome/src/doc/_includes/community/getting-support.html b/static/fork-awesome/src/doc/_includes/community/getting-support.html new file mode 100644 index 0000000..c51cfcf --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/community/getting-support.html @@ -0,0 +1,19 @@ +
+

Getting Support

+

+ Having trouble getting {{ site.forkawesome.name }} up and running? Something not working the way you think it should? +

+
    +
  1. + Make sure you've read the latest version of how to get started. +
    2. +
  2. + Since {{ site.forkawesome.name }} is based on {{ site.fontawesome.name }}, 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. +
    4. +
+
diff --git a/static/fork-awesome/src/doc/_includes/community/project-milestones.html b/static/fork-awesome/src/doc/_includes/community/project-milestones.html new file mode 100644 index 0000000..62a7b8c --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/community/project-milestones.html @@ -0,0 +1,8 @@ +
+

Projects

+

+ Want to keep up with what's planned for {{ site.forkawesome.name }}? Check out our + projects on the GitHub repo. + And come help us achieve those goals. +

+
diff --git a/static/fork-awesome/src/doc/_includes/community/reporting-bugs.html b/static/fork-awesome/src/doc/_includes/community/reporting-bugs.html new file mode 100644 index 0000000..1ad5994 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/community/reporting-bugs.html @@ -0,0 +1,18 @@ +
+

Reporting Bugs

+

+ Found a problem with {{ site.forkawesome.name }}? Feel free to submit an issue on the GitHub project. But please keep the following in mind: +

+
    +
  1. Please be nice. {{ site.forkawesome.name }} is a happy place.
    2. +
  2. Please search to see if your bug was already reported.
    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/static/fork-awesome/src/doc/_includes/community/requesting-new-icons.html b/static/fork-awesome/src/doc/_includes/community/requesting-new-icons.html new file mode 100644 index 0000000..6865e95 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/community/requesting-new-icons.html @@ -0,0 +1,29 @@ +
+

Requesting New Icons

+

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

+
    +
  1. Please be nice. {{ site.forkawesome.name }} is a happy place.
    2. +
  2. Please search to see if your icon request already exists. If a request is found, please add a 👍 reaction to that one.
    3. +
  3. + Please make requests for single icons, unless you are requesting a couple of strictly related icons (e.g., thumbs-up/thumbs-down). +
    4. +
  4. + Please and thank you if you include the following: +
      +
    • + Title your new issue + Icon request: icon-name (e.g., Icon request: icon-car). +
      • +
    • 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.
      • +
    +
    5. +
  5. + Request concrete objects: it's harder to make an icon to represent happiness, it's easier to make a smiley face. +
    6. +
+
diff --git a/static/fork-awesome/src/doc/_includes/community/submitting-pull-requests.html b/static/fork-awesome/src/doc/_includes/community/submitting-pull-requests.html new file mode 100644 index 0000000..83f3313 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/community/submitting-pull-requests.html @@ -0,0 +1,18 @@ +
+

Submitting Pull Requests

+ Found a way to solve a bug in {{ site.forkawesome.name }}? Want to contribute new features or a new icon? +
    +
  1. + Clone the repository and work on your proposal. +
    2. +
  2. + Then, when you think it's ready or when you want feedback, + submit a pull + request. +
    3. +
  3. + Discuss with rest of the community and follow up on conversations until + your pull request is merged. +
    4. +
+
diff --git a/static/fork-awesome/src/doc/_includes/examples/accessible.html b/static/fork-awesome/src/doc/_includes/examples/accessible.html new file mode 100644 index 0000000..0360a46 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/examples/accessible.html @@ -0,0 +1,101 @@ +
+

+ Accessibility-Minded +

+
+
+

+ + + + + + + + + + + +

+ +

+ + Refreshing... + + + Saving. Hang tight! +

+ +

+

+ + +
+
+ + +
+

+ +

+ + + +

+ +

+ + Battery level: 50% +

+
+
+

+ With our thoughts on icon accessibility in mind, If an icon only adds some extra decoration or branding, it does not need to be announced to users as they are navigating your site or app aurally. Alternatively, if an icon conveys meaning in your content or interface, ensure that this meaning is also conveyed to assistive technologies through alternative displays or text. +

+ +{% highlight html %} + + + + + + + + + + + +{% endhighlight %} + +{% highlight html %} + +Refreshing... + + +Saving. Hang tight! +{% endhighlight %} + +{% highlight html %} +
+ + +
+
+ + +
+{% endhighlight %} + +{% highlight html %} + + + +{% endhighlight %} + +{% highlight html %} + +Battery level: 50% +{% endhighlight %} +
+
+
diff --git a/static/fork-awesome/src/doc/_includes/examples/animated.html b/static/fork-awesome/src/doc/_includes/examples/animated.html new file mode 100644 index 0000000..595bff9 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/examples/animated.html @@ -0,0 +1,60 @@ +
+

+ Animated Icons + +

+
+
+

+ + Loading example (with fa-spinner icon) + + + Loading (with fa-circle-o-notch icon) + + + Loading example (with fa-refresh icon) + + + Loading example (with fa-cog icon) + + + Loading example (with fa-spinner icon) +

+
+
+

+ Use the fa-spin class to get any icon to rotate, and use fa-pulse to have it rotate + with 8 steps. Works well with fa-spinner, fa-refresh, and fa-cog. +

+{% highlight html %} + +Loading... + + +Loading... + + +Loading... + + +Loading... + + +Loading... +{% endhighlight %} +

+ Note: + Some browsers on some platforms have issues with animated icons resulting in a jittery wobbling effect. See + issue #671 + for examples and possible workarounds. +

+

+ Note: CSS3 animations aren't supported in IE8 - IE9. +

+
+
+
diff --git a/static/fork-awesome/src/doc/_includes/examples/basic.html b/static/fork-awesome/src/doc/_includes/examples/basic.html new file mode 100644 index 0000000..dbccc71 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/examples/basic.html @@ -0,0 +1,39 @@ +
+

+ Basic Icons + +

+ +
+
+

+ + Example: basic icon + fa-camera-retro +

+
+
+

+ You can place {{ site.forkawesome.name }} icons just about anywhere using the CSS Prefix fa and the icon's + name. Fork Awesome is designed to be used with inline elements (we like the <i> tag for + brevity, but using a <span> is more semantically correct). +

+{% highlight html %} + fa-camera-retro +{% endhighlight %} +
+
    +
  • + + Example: basic icon + If you change the font-size of the icon's container, the icon gets bigger. Same things goes for color, + drop shadow, and anything else that gets inherited using CSS. +
    • +
+
+
+
+
diff --git a/static/fork-awesome/src/doc/_includes/examples/bootstrap.html b/static/fork-awesome/src/doc/_includes/examples/bootstrap.html new file mode 100644 index 0000000..2ec5273 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/examples/bootstrap.html @@ -0,0 +1,111 @@ +
+

Bootstrap 3 Examples

+
+
+

+ + Delete + + Settings +

+

+ + {{ site.forkawesome.name }}
Version {{ site.forkawesome.version }} +

+
+
+ + + + + + + + + + + + +
+
+
+
+ + +
+
+ + +
+
+
+
+ User + + + + +
+
+ +
+
+

+ {{ site.forkawesome.name }} works great with the full range of Bootstrap components. +

+{% highlight html %} + + Delete + + Settings + + + {{ site.forkawesome.name }}
Version {{ site.fontawesome.version }} + +
+ + + + + + + + + + + + +
+ +
+ + +
+
+ + +
+ +
+ User + + + + +
+{% endhighlight %} +
+
+
diff --git a/static/fork-awesome/src/doc/_includes/examples/bordered-pulled.html b/static/fork-awesome/src/doc/_includes/examples/bordered-pulled.html new file mode 100644 index 0000000..78928fc --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/examples/bordered-pulled.html @@ -0,0 +1,30 @@ +
+

+ Bordered & Pulled Icons + +

+
+
+

+ + …tomorrow we will run faster, stretch out our arms farther… And then one fine morning— + So we beat on, boats against the current, borne back ceaselessly into the past. +

+
+
+

+ Use fa-border and fa-pull-right or fa-pull-left for easy pull quotes or + article icons. +

+{% highlight html %} + +...tomorrow we will run faster, stretch out our arms farther... +And then one fine morning— So we beat on, boats against the +current, borne back ceaselessly into the past. +{% endhighlight %} +
+
+
diff --git a/static/fork-awesome/src/doc/_includes/examples/custom.html b/static/fork-awesome/src/doc/_includes/examples/custom.html new file mode 100644 index 0000000..2de7ad7 --- /dev/null +++ b/static/fork-awesome/src/doc/_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/static/fork-awesome/src/doc/_includes/examples/fixed-width.html b/static/fork-awesome/src/doc/_includes/examples/fixed-width.html new file mode 100644 index 0000000..0ba0610 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/examples/fixed-width.html @@ -0,0 +1,33 @@ +
+

+ Fixed Width Icons + +

+
+
+
+   Home +   Library +   Applications +   Settings +
+
+
+

+ Use fa-fw to set icons at a fixed width. Great to use when different icon widths throw off alignment. + Especially useful in things like nav lists & list groups. +

+{% highlight html %} +
+   Home +   Library +   Applications +   Settings +
+{% endhighlight %} +
+
+
diff --git a/static/fork-awesome/src/doc/_includes/examples/larger.html b/static/fork-awesome/src/doc/_includes/examples/larger.html new file mode 100644 index 0000000..7b9a250 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/examples/larger.html @@ -0,0 +1,40 @@ +
+

+ Larger Icons + +

+
+
+

fa-lg

+

fa-2x

+

fa-3x

+

fa-4x

+

fa-5x

+
+
+

+ To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, + fa-3x, fa-4x, or fa-5x classes. +

+{% highlight html %} + fa-lg + fa-2x + fa-3x + fa-4x + fa-5x +{% endhighlight %} +
+
    +
  • + + If your icons are getting chopped off on top and bottom, make sure you have + sufficient line-height. +
    • +
+
+
+
+
diff --git a/static/fork-awesome/src/doc/_includes/examples/list.html b/static/fork-awesome/src/doc/_includes/examples/list.html new file mode 100644 index 0000000..c164356 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/examples/list.html @@ -0,0 +1,30 @@ +
+

+ List Icons + +

+
+
+
    +
  • List icons
    • +
  • can be used
    • +
  • as bullets
    • +
  • in lists
    • +
+
+
+

Use fa-ul and fa-li to easily replace default bullets in unordered lists.

+{% highlight html %} +
    +
  • List icons
    • +
  • can be used
    • +
  • as bullets
    • +
  • in lists
    • +
+{% endhighlight %} +
+
+
diff --git a/static/fork-awesome/src/doc/_includes/examples/rotated-flipped.html b/static/fork-awesome/src/doc/_includes/examples/rotated-flipped.html new file mode 100644 index 0000000..a649962 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/examples/rotated-flipped.html @@ -0,0 +1,34 @@ +
+

+ Rotated & Flipped + +

+
+
+

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

+
+
+

+ To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes. +

+{% highlight html %} + normal
+ fa-rotate-90
+ fa-rotate-180
+ fa-rotate-270
+ fa-flip-horizontal
+ fa-flip-vertical +{% endhighlight %} +
+
+
diff --git a/static/fork-awesome/src/doc/_includes/examples/stacked.html b/static/fork-awesome/src/doc/_includes/examples/stacked.html new file mode 100644 index 0000000..65b3603 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/examples/stacked.html @@ -0,0 +1,65 @@ +
+

+ Stacked Icons + +

+
+
+
+ + fa-twitter on fa-square-o
+ + fa-flag on fa-circle
+ + fa-terminal on fa-square
+ + fa-ban on fa-camera +
+
+
+

+ To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x + for the regularly sized icon, and fa-stack-2x for the larger icon. fa-inverse + can be used as an alternative icon color. You can even throw larger icon classes on the parent + to get further control of sizing. +

+{% highlight html %} + + + + +fa-twitter on fa-square-o
+ + + + +fa-flag on fa-circle
+ + + + +fa-terminal on fa-square
+ + + + +fa-ban on fa-camera +{% endhighlight %} +
+
+
diff --git a/static/fork-awesome/src/doc/_includes/footer.html b/static/fork-awesome/src/doc/_includes/footer.html new file mode 100644 index 0000000..325b41c --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/footer.html @@ -0,0 +1,20 @@ + diff --git a/static/fork-awesome/src/doc/_includes/icons/accessibility.html b/static/fork-awesome/src/doc/_includes/icons/accessibility.html new file mode 100644 index 0000000..c9f6202 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/accessibility.html @@ -0,0 +1,12 @@ +
+

Accessibility Icons

+ +
+ {% assign icons_currency = icons | expand_aliases | where:"categories", "Accessibility Icons" | sort_by:'class' %} + + {% for icon in icons_currency %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/static/fork-awesome/src/doc/_includes/icons/brand.html b/static/fork-awesome/src/doc/_includes/icons/brand.html new file mode 100644 index 0000000..6a740d6 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/brand.html @@ -0,0 +1,19 @@ +
+

Brand Icons

+ +
+ {% assign icons_brand = icons | expand_aliases | where:"categories", "Brand Icons" | sort_by:'class' %} + + {% for icon in icons_brand %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
+ {% include brand-adblock-warning.html %} +
+ +
+ {% include brand-license.html %} +
+
diff --git a/static/fork-awesome/src/doc/_includes/icons/chart.html b/static/fork-awesome/src/doc/_includes/icons/chart.html new file mode 100644 index 0000000..e0be4ab --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/chart.html @@ -0,0 +1,12 @@ +
+

Chart Icons

+ +
+ {% assign icons_chart = icons | expand_aliases | where:"categories", "Chart Icons" | sort_by:'class' %} + + {% for icon in icons_chart %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/static/fork-awesome/src/doc/_includes/icons/currency.html b/static/fork-awesome/src/doc/_includes/icons/currency.html new file mode 100644 index 0000000..b8de574 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/currency.html @@ -0,0 +1,12 @@ +
+

Currency Icons

+ +
+ {% assign icons_currency = icons | expand_aliases | where:"categories", "Currency Icons" | sort_by:'class' %} + + {% for icon in icons_currency %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/static/fork-awesome/src/doc/_includes/icons/directional.html b/static/fork-awesome/src/doc/_includes/icons/directional.html new file mode 100644 index 0000000..3257dcc --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/directional.html @@ -0,0 +1,12 @@ +
+

Directional Icons

+ +
+ {% assign icons_directional = icons | expand_aliases | where:"categories", "Directional Icons" | sort_by:'class' %} + + {% for icon in icons_directional %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/static/fork-awesome/src/doc/_includes/icons/file-type.html b/static/fork-awesome/src/doc/_includes/icons/file-type.html new file mode 100644 index 0000000..b1713bf --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/file-type.html @@ -0,0 +1,12 @@ +
+

File Type Icons

+ +
+ {% assign icons_file_type = icons | expand_aliases | where:"categories", "File Type Icons" | sort_by:'class' %} + + {% for icon in icons_file_type %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/static/fork-awesome/src/doc/_includes/icons/form-control.html b/static/fork-awesome/src/doc/_includes/icons/form-control.html new file mode 100644 index 0000000..dd43d90 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/form-control.html @@ -0,0 +1,11 @@ +
+

Form Control Icons

+ +
+ {% assign icons_form_control = icons | expand_aliases | where:"categories", "Form Control Icons" | sort_by:'class' %} + + {% for icon in icons_form_control %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+
diff --git a/static/fork-awesome/src/doc/_includes/icons/gender.html b/static/fork-awesome/src/doc/_includes/icons/gender.html new file mode 100644 index 0000000..091cdff --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/gender.html @@ -0,0 +1,12 @@ +
+

Gender Icons

+ +
+ {% assign icons_gender = icons | expand_aliases | where:"categories", "Gender Icons" | sort_by:'class' %} + + {% for icon in icons_gender %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/static/fork-awesome/src/doc/_includes/icons/hand.html b/static/fork-awesome/src/doc/_includes/icons/hand.html new file mode 100644 index 0000000..3f21f91 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/hand.html @@ -0,0 +1,12 @@ +
+

Hand Icons

+ +
+ {% assign icons_hand = icons | expand_aliases | where:"categories", "Hand Icons" | sort_by:'class' %} + + {% for icon in icons_hand %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/static/fork-awesome/src/doc/_includes/icons/medical.html b/static/fork-awesome/src/doc/_includes/icons/medical.html new file mode 100644 index 0000000..e27ca33 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/medical.html @@ -0,0 +1,12 @@ +
+

Medical Icons

+ +
+ {% assign icons_medical = icons | expand_aliases | where:"categories", "Medical Icons" | sort_by:'class' %} + + {% for icon in icons_medical %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/static/fork-awesome/src/doc/_includes/icons/new.html b/static/fork-awesome/src/doc/_includes/icons/new.html new file mode 100644 index 0000000..8cdd2b7 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/new.html @@ -0,0 +1,19 @@ +
+ {% assign version = 1.0 %} + {% assign icons_new = icons | where_exp:"icon", "icon.created >= version" | sort_by:'class' %} + +

{{ icons_new | size }} New Icons since {{ version }}

+ {% if page.navbar_active != "icons" %} +
+ You asked, {{ site.forkawesome.name }} delivers with {{ icons_new | size }} shiny new icons in version {{ version }}. + Want to request new icons? Here's how. +
+ {% endif %} + +
+ {% for icon in icons_new %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/static/fork-awesome/src/doc/_includes/icons/payment.html b/static/fork-awesome/src/doc/_includes/icons/payment.html new file mode 100644 index 0000000..051cf50 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/payment.html @@ -0,0 +1,12 @@ +
+

Payment Icons

+ +
+ {% assign icons_payment = icons | expand_aliases | where:"categories", "Payment Icons" | sort_by:'class' %} + + {% for icon in icons_payment %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/static/fork-awesome/src/doc/_includes/icons/spinner.html b/static/fork-awesome/src/doc/_includes/icons/spinner.html new file mode 100644 index 0000000..c4bca75 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/spinner.html @@ -0,0 +1,22 @@ +
+

Spinner Icons

+ +
+ +
+ +
+ {% assign icons_spinner = icons | expand_aliases | where:"categories", "Spinner Icons" | sort_by:'class' %} + + {% for icon in icons_spinner %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+
diff --git a/static/fork-awesome/src/doc/_includes/icons/text-editor.html b/static/fork-awesome/src/doc/_includes/icons/text-editor.html new file mode 100644 index 0000000..20ac360 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/text-editor.html @@ -0,0 +1,12 @@ +
+

Text Editor Icons

+ +
+ {% assign icons_text_editor = icons | expand_aliases | where:"categories", "Text Editor Icons" | sort_by:'class' %} + + {% for icon in icons_text_editor %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/static/fork-awesome/src/doc/_includes/icons/transportation.html b/static/fork-awesome/src/doc/_includes/icons/transportation.html new file mode 100644 index 0000000..bf67ee4 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/transportation.html @@ -0,0 +1,12 @@ +
+

Transportation Icons

+ +
+ {% assign icons_transportation = icons | expand_aliases | where:"categories", "Transportation Icons" | sort_by:'class' %} + + {% for icon in icons_transportation %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/static/fork-awesome/src/doc/_includes/icons/video-player.html b/static/fork-awesome/src/doc/_includes/icons/video-player.html new file mode 100644 index 0000000..cb39c03 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/video-player.html @@ -0,0 +1,12 @@ +
+

Video Player Icons

+ +
+ {% assign icons_video_player = icons | expand_aliases | where:"categories", "Video Player Icons" | sort_by:'class' %} + + {% for icon in icons_video_player %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/static/fork-awesome/src/doc/_includes/icons/web-application.html b/static/fork-awesome/src/doc/_includes/icons/web-application.html new file mode 100644 index 0000000..453b875 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/icons/web-application.html @@ -0,0 +1,12 @@ +
+

Web Application Icons

+ +
+ {% assign icons_web_application = icons | expand_aliases | where:"categories", "Web Application Icons" | sort_by:'class' %} + + {% for icon in icons_web_application %} +
Example of {{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
+ {% endfor %} +
+ +
diff --git a/static/fork-awesome/src/doc/_includes/jumbotron-carousel.html b/static/fork-awesome/src/doc/_includes/jumbotron-carousel.html new file mode 100644 index 0000000..1d5b74c --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/jumbotron-carousel.html @@ -0,0 +1,51 @@ +
+
+
+
+

{{ site.forkawesome.name }}

+

{{ site.forkawesome.tagline }}

+
+ +   + Download + +
+
+ Version {{ site.forkawesome.version }} +   ·   + + GitHub Project + +
+
+
+ +
+
+ +
+
diff --git a/static/fork-awesome/src/doc/_includes/jumbotron.html b/static/fork-awesome/src/doc/_includes/jumbotron.html new file mode 100644 index 0000000..84b5a51 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/jumbotron.html @@ -0,0 +1,17 @@ +
+
+ {% if page.in_page_nav %} +
+

{{ jumbotron_h1 }}

+

{{ jumbotron_p }}

+
+ +
+ {{ jumbotron_nav }} +
+ {% else %} +

{{ jumbotron_h1 }}

+

{{ jumbotron_p }}

+ {% endif %} +
+
diff --git a/static/fork-awesome/src/doc/_includes/modals/download.html b/static/fork-awesome/src/doc/_includes/modals/download.html new file mode 100644 index 0000000..a329f6b --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/modals/download.html @@ -0,0 +1,25 @@ + diff --git a/static/fork-awesome/src/doc/_includes/navbar.html b/static/fork-awesome/src/doc/_includes/navbar.html new file mode 100644 index 0000000..57b956a --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/navbar.html @@ -0,0 +1,85 @@ +
+
+
+ + {{ site.forkawesome.name }} +
+ +
+ +
+
+
diff --git a/static/fork-awesome/src/doc/_includes/new-features.html b/static/fork-awesome/src/doc/_includes/new-features.html new file mode 100644 index 0000000..7f18999 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/new-features.html @@ -0,0 +1,29 @@ + +
+
+
+

Completely Rewritten

+ Everything re-written from the ground up for speed and simplicity. +
+
+

CSS Best Practices

+ New icon base class allows simpler CSS, faster rendering, and easier control. +
+
+

New Icon Names

+ Icons have been renamed to improve consistency and predictability. +
+
+

Bootstrap 3

+ {{ site.forkawesome.name }} {{ site.forkawesome.minor_version }} is fully tested and compatible with Bootstrap 3. +
+
+

Better Compatibility

+ {{ site.forkawesome.name }}is now more compatible with all web frameworks, including Foundation. +
+
+

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

+ Requested by the active community on the {{ site.forkawesome.name }} GitHub project. +
+
+
diff --git a/static/fork-awesome/src/doc/_includes/new-naming.html b/static/fork-awesome/src/doc/_includes/new-naming.html new file mode 100644 index 0000000..0a0a481 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/new-naming.html @@ -0,0 +1,157 @@ +
+

New Naming Conventions in {{ site.forkawesome.minor_version }}

+

fa-[name]-[shape]-[o]-[direction]

+

+ A desire for better icon naming consistency and predictability are at the heart + of the changes in naming conventions. Once you know the name of the base icon shape, you should be able to predict + the names of variants. +

+
+
+

fa-*

+

Solid icons as the base variant

+
    +
  • + + fa-bookmark +
    • +
  • + + fa-comment +
    • +
  • + + fa-folder +
    • +
+
+
+

*-o

+

Outlined version of previous modifier

+
    +
  • + + fa-bookmark-o +
    • +
  • + + fa-comment-o +
    • +
  • + + fa-folder-o +
    • +
+
+
+

*-circle

+

Circle under previous modifier

+
    +
  • + + fa-check-circle +
    • +
  • + + fa-exclamation-circle +
    • +
  • + + fa-plus-circle +
    • +
+
+
+

*-square

+

Square under previous modifier

+
    +
  • + + fa-check-square +
    • +
  • + + fa-twitter-square +
    • +
  • + + fa-plus-square +
    • +
+
+
+

*-right, *-up, etc.

+

Directional modifier always at the end

+
    +
  • + + fa-arrow-right +
    • +
  • + + fa-arrow-circle-right +
    • +
  • + + fa-angle-double-right +
    • +
+
+
+

*-alt

+

Alternative to the original

+
    +
  • + + fa-unlock-alt +
    • +
  • + + fa-list-alt +
    • +
  • + + fa-github-alt +
    • +
+
+
+

*-h, *-v

+

Horizontal & vertical modifiers

+
    +
  • + + fa-arrows-v +
    • +
  • + + fa-arrows-h +
    • +
  • + + fa-ellipsis-v +
    • +
+
+
+

Combine 'em up&helip;

+

Consistent when strung together

+
    +
  • + + fa-arrow-circle-o-right +
    • +
  • + + fa-caret-square-o-right +
    • +
  • + + fa-hand-o-right +
    • +
+
+ +
+ +
diff --git a/static/fork-awesome/src/doc/_includes/new-upgrading.html b/static/fork-awesome/src/doc/_includes/new-upgrading.html new file mode 100644 index 0000000..0bcabc3 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/new-upgrading.html @@ -0,0 +1,13 @@ +
+

Switching from {{ site.fontawesome.name }} {{ site.fontawesome.minor_version }}?

+

+ If you were using {{ site.fontawesome.name }} {{ site.fontawesome.minor_version }}, you should be able to just switch to {{ site.forkawesome.name }} {{ site.forkawesome.minor_version }} and get all the benefits from it. + If you were using npm or composer packages, replace the ones you were using by this {{ site.forkawesome.name }} ones. Or if you downloaded a static copy of {{ site.fontawesome.name }}, download the latest version of {{ site.forkawesome.name }} and + replace CSS and font files in your project and you should be good to go. +

+

+ We paid special attention not to change unicode codepoints for the existing icons, nor changed the CSS class names or icon names from {{ site.fontawesome.name }} {{ site.fontawesome.minor_version }}. + Though we added a few more icons and made the process of contributing to this project much easier. + Though, if you see a mistake, please don't hesitate to file a bug. +

+
diff --git a/static/fork-awesome/src/doc/_includes/products/camera-retro-tee.html b/static/fork-awesome/src/doc/_includes/products/camera-retro-tee.html new file mode 100644 index 0000000..4f6ff4d --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/products/camera-retro-tee.html @@ -0,0 +1,31 @@ + +
+ Available in the following sizes: + + + +
+
+
+ +
+
+ +
+
+ + + +
+ +
+

Camera Retro Tee

+

$28

+
+
+ American Apparel Fine Jersey Short Sleeve T-Shirt +
+ diff --git a/static/fork-awesome/src/doc/_includes/products/classics-tee.html b/static/fork-awesome/src/doc/_includes/products/classics-tee.html new file mode 100644 index 0000000..458f34a --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/products/classics-tee.html @@ -0,0 +1,31 @@ + +
+ Available in the following sizes: + + + +
+
+
+ +
+
+ +
+
+ + + +
+ +
+

Classics Tee

+

$28

+
+
+ American Apparel Fine Jersey Short Sleeve T-Shirt +
+ diff --git a/static/fork-awesome/src/doc/_includes/products/cta-suggestions.html b/static/fork-awesome/src/doc/_includes/products/cta-suggestions.html new file mode 100644 index 0000000..09f703c --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/products/cta-suggestions.html @@ -0,0 +1,20 @@ +
+

Have Ideas or Requests?

+ +
+

+ Got a great idea for a Font Awesome goodie or shirt? Don't see your favorite icon in a wear-able or share-able format? +

+ +

+ We're all ears! Spend a few minutes and let us know what you'd want. If we end up using your idea, we'll send you a free copy. +

+
+ + Make a Store Suggestion! + + +

+ Please note: While we appreciate all suggestions, not every idea might be right for Font Awesome nor could we physically make every idea. +

+
diff --git a/static/fork-awesome/src/doc/_includes/products/fa-ther-tee.html b/static/fork-awesome/src/doc/_includes/products/fa-ther-tee.html new file mode 100644 index 0000000..7699d6b --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/products/fa-ther-tee.html @@ -0,0 +1,29 @@ + +
+ Available in the following sizes: + +
+
+
+ +
+
+ +
+
+ + + +
+ +
+

Fa-ther Tee

+

$28

+
+
+ American Apparel Fine Jersey Short Sleeve T-Shirt +
+ diff --git a/static/fork-awesome/src/doc/_includes/products/green-logo-tee.html b/static/fork-awesome/src/doc/_includes/products/green-logo-tee.html new file mode 100644 index 0000000..9226a54 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/products/green-logo-tee.html @@ -0,0 +1,31 @@ + +
+ Available in the following sizes: + + + +
+
+
+ +
+
+ +
+
+ + + +
+ +
+

Green Logo Tee

+

$28

+
+
+ American Apparel Fine Jersey Short Sleeve T-Shirt +
+ diff --git a/static/fork-awesome/src/doc/_includes/products/old-skool-tee.html b/static/fork-awesome/src/doc/_includes/products/old-skool-tee.html new file mode 100644 index 0000000..4fff5b9 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/products/old-skool-tee.html @@ -0,0 +1,31 @@ + +
+ Available in the following sizes: + + + +
+
+
+ +
+
+ +
+
+ + + +
+ +
+

Old Skool Tee

+

$28

+
+
+ American Apparel Fine Jersey Short Sleeve T-Shirt +
+ diff --git a/static/fork-awesome/src/doc/_includes/products/rock-paper-scissors-lizard-spock-tee.html b/static/fork-awesome/src/doc/_includes/products/rock-paper-scissors-lizard-spock-tee.html new file mode 100644 index 0000000..2941231 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/products/rock-paper-scissors-lizard-spock-tee.html @@ -0,0 +1,27 @@ + +
+ Available in the following sizes: + + + +
+
+
+ +
+
+ + + +
+ +
+

Rock Paper Scissors Lizard Spock Tee

+

$28

+
+
+ American Apparel Fine Jersey Short Sleeve T-Shirt +
+ diff --git a/static/fork-awesome/src/doc/_includes/products/space-shuttle-tee.html b/static/fork-awesome/src/doc/_includes/products/space-shuttle-tee.html new file mode 100644 index 0000000..ddac553 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/products/space-shuttle-tee.html @@ -0,0 +1,31 @@ + +
+ Available in the following sizes: + + + +
+
+
+ +
+
+ +
+
+ + + +
+ +
+

Space Shuttle Tee

+

$28

+
+
+ American Apparel Fine Jersey Short Sleeve T-Shirt +
+ diff --git a/static/fork-awesome/src/doc/_includes/products/white-logo-tee.html b/static/fork-awesome/src/doc/_includes/products/white-logo-tee.html new file mode 100644 index 0000000..bd4ac26 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/products/white-logo-tee.html @@ -0,0 +1,35 @@ + +
+ Available in the following sizes: + + + +
+
+
+ +
+
+ +
+
+ +
+
+ + + +
+ +
+

White Logo Tee

+

$28

+
+
+ American Apparel Fine Jersey Short Sleeve T-Shirt +
+ diff --git a/static/fork-awesome/src/doc/_includes/stripe-social.html b/static/fork-awesome/src/doc/_includes/stripe-social.html new file mode 100644 index 0000000..6bd9d51 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/stripe-social.html @@ -0,0 +1,46 @@ +
+
+
    +
  • + + +
    • +
  • + + +
    • +
  • + +
    • +
  • + +
    • +
+
+
diff --git a/static/fork-awesome/src/doc/_includes/tests/rotated-flipped-inside-anchor.html b/static/fork-awesome/src/doc/_includes/tests/rotated-flipped-inside-anchor.html new file mode 100644 index 0000000..2c48c0e --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/tests/rotated-flipped-inside-anchor.html @@ -0,0 +1,6 @@ +  normal
+  fa-rotate-90
+  fa-rotate-180
+  fa-rotate-270
+  fa-flip-horizontal
+  fa-flip-vertical diff --git a/static/fork-awesome/src/doc/_includes/tests/rotated-flipped-inside-btn.html b/static/fork-awesome/src/doc/_includes/tests/rotated-flipped-inside-btn.html new file mode 100644 index 0000000..9399fc3 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/tests/rotated-flipped-inside-btn.html @@ -0,0 +1,6 @@ +  normal
+  fa-rotate-90
+  fa-rotate-180
+  fa-rotate-270
+  fa-flip-horizontal
+  fa-flip-vertical diff --git a/static/fork-awesome/src/doc/_includes/tests/rotated-flipped.html b/static/fork-awesome/src/doc/_includes/tests/rotated-flipped.html new file mode 100644 index 0000000..7f12a77 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/tests/rotated-flipped.html @@ -0,0 +1,6 @@ +  normal
+  fa-rotate-90
+  fa-rotate-180
+  fa-rotate-270
+  fa-flip-horizontal
+  fa-flip-vertical diff --git a/static/fork-awesome/src/doc/_includes/tests/stacked-inside-anchor.html b/static/fork-awesome/src/doc/_includes/tests/stacked-inside-anchor.html new file mode 100644 index 0000000..04a6b31 --- /dev/null +++ b/static/fork-awesome/src/doc/_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 + +

diff --git a/static/fork-awesome/src/doc/_includes/tests/stacked-with-text.html b/static/fork-awesome/src/doc/_includes/tests/stacked-with-text.html new file mode 100644 index 0000000..28a7500 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/tests/stacked-with-text.html @@ -0,0 +1,4 @@ + diff --git a/static/fork-awesome/src/doc/_includes/tests/stacked.html b/static/fork-awesome/src/doc/_includes/tests/stacked.html new file mode 100644 index 0000000..4d00407 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/tests/stacked.html @@ -0,0 +1,58 @@ + +
Center + +
+

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

+

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

+

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

diff --git a/static/fork-awesome/src/doc/_includes/thanks-to.html b/static/fork-awesome/src/doc/_includes/thanks-to.html new file mode 100644 index 0000000..fe2232b --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/thanks-to.html @@ -0,0 +1,19 @@ +
+

Thanks To

+
+
+

+ Thanks to @davegandy for his + original work on {{ site.fontawesome.name }} and to + @gtagliala for managing pull + requests and issues on the Font Awesome Github repo. +

+
+
+

+ Thanks to the still growing community of {{ page.total_contributors }} contributors who've carried this project from the early days of {{ site.fontawesome.name }} and who have joined this project since the fork. + If you feel your contribution has not been recognized. Please file an issue, we'll happily add you to the list. +

+
+
+
diff --git a/static/fork-awesome/src/doc/_includes/why.html b/static/fork-awesome/src/doc/_includes/why.html new file mode 100644 index 0000000..e95b514 --- /dev/null +++ b/static/fork-awesome/src/doc/_includes/why.html @@ -0,0 +1,42 @@ +
+
+
+

One Font, {{ icons | size }} Icons

+ In a single collection, {{ site.forkawesome.name }} is a pictographic language of web-related actions. +
+
+

No JavaScript Required

+ Fewer compatibility concerns because {{ site.forkawesome.name }} doesn't require JavaScript. +
+
+

Infinite Scalability

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

Free, as in Speech

+ {{ site.forkawesome.name }} is completely free for commercial use. Check out the license. +
+
+

CSS Control

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

Perfect on Retina Displays

+ {{ site.forkawesome.name }} icons are vectors, which mean they're gorgeous on high-resolution displays. +
+
+

Plays Well with Others

+ Originally designed for Bootstrap, {{ site.forkawesome.name }} works great with all frameworks. +
+
+

Desktop Friendly

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

Accessibility-minded

+ {{ site.forkawesome.name }} loves screen readers and +helps make your icons accessible on the web. +
+
+
-- cgit v1.2.3-70-g09d2