Browse Source

remove unused src dir in fork-awesome, added link checker in CI

april1st
Alexandros Theodotou 4 years ago
parent
commit
0b0cf19fd0
  1. 7
      .gitlab-ci.yml
  2. 70
      dist/fork-awesome/src/doc/Makefile
  3. 95
      dist/fork-awesome/src/doc/README.md-nobuild
  4. 121
      dist/fork-awesome/src/doc/_includes/accessibility/accessibility-manual.html
  5. 15
      dist/fork-awesome/src/doc/_includes/accessibility/background.html
  6. 17
      dist/fork-awesome/src/doc/_includes/accessibility/other.html
  7. 5
      dist/fork-awesome/src/doc/_includes/brand-adblock-warning.html
  8. 6
      dist/fork-awesome/src/doc/_includes/brand-license.html
  9. 6
      dist/fork-awesome/src/doc/_includes/code/core.less
  10. 6
      dist/fork-awesome/src/doc/_includes/code/core.scss
  11. 12
      dist/fork-awesome/src/doc/_includes/code/license.css
  12. 19
      dist/fork-awesome/src/doc/_includes/community/getting-support.html
  13. 8
      dist/fork-awesome/src/doc/_includes/community/project-milestones.html
  14. 18
      dist/fork-awesome/src/doc/_includes/community/reporting-bugs.html
  15. 29
      dist/fork-awesome/src/doc/_includes/community/requesting-new-icons.html
  16. 18
      dist/fork-awesome/src/doc/_includes/community/submitting-pull-requests.html
  17. 101
      dist/fork-awesome/src/doc/_includes/examples/accessible.html
  18. 60
      dist/fork-awesome/src/doc/_includes/examples/animated.html
  19. 39
      dist/fork-awesome/src/doc/_includes/examples/basic.html
  20. 111
      dist/fork-awesome/src/doc/_includes/examples/bootstrap.html
  21. 30
      dist/fork-awesome/src/doc/_includes/examples/bordered-pulled.html
  22. 16
      dist/fork-awesome/src/doc/_includes/examples/custom.html
  23. 33
      dist/fork-awesome/src/doc/_includes/examples/fixed-width.html
  24. 40
      dist/fork-awesome/src/doc/_includes/examples/larger.html
  25. 30
      dist/fork-awesome/src/doc/_includes/examples/list.html
  26. 34
      dist/fork-awesome/src/doc/_includes/examples/rotated-flipped.html
  27. 65
      dist/fork-awesome/src/doc/_includes/examples/stacked.html
  28. 20
      dist/fork-awesome/src/doc/_includes/footer.html
  29. 12
      dist/fork-awesome/src/doc/_includes/icons/accessibility.html
  30. 19
      dist/fork-awesome/src/doc/_includes/icons/brand.html
  31. 12
      dist/fork-awesome/src/doc/_includes/icons/chart.html
  32. 12
      dist/fork-awesome/src/doc/_includes/icons/currency.html
  33. 12
      dist/fork-awesome/src/doc/_includes/icons/directional.html
  34. 12
      dist/fork-awesome/src/doc/_includes/icons/file-type.html
  35. 11
      dist/fork-awesome/src/doc/_includes/icons/form-control.html
  36. 12
      dist/fork-awesome/src/doc/_includes/icons/gender.html
  37. 12
      dist/fork-awesome/src/doc/_includes/icons/hand.html
  38. 12
      dist/fork-awesome/src/doc/_includes/icons/medical.html
  39. 19
      dist/fork-awesome/src/doc/_includes/icons/new.html
  40. 12
      dist/fork-awesome/src/doc/_includes/icons/payment.html
  41. 22
      dist/fork-awesome/src/doc/_includes/icons/spinner.html
  42. 12
      dist/fork-awesome/src/doc/_includes/icons/text-editor.html
  43. 12
      dist/fork-awesome/src/doc/_includes/icons/transportation.html
  44. 12
      dist/fork-awesome/src/doc/_includes/icons/video-player.html
  45. 12
      dist/fork-awesome/src/doc/_includes/icons/web-application.html
  46. 51
      dist/fork-awesome/src/doc/_includes/jumbotron-carousel.html
  47. 17
      dist/fork-awesome/src/doc/_includes/jumbotron.html
  48. 25
      dist/fork-awesome/src/doc/_includes/modals/download.html
  49. 85
      dist/fork-awesome/src/doc/_includes/navbar.html
  50. 29
      dist/fork-awesome/src/doc/_includes/new-features.html
  51. 157
      dist/fork-awesome/src/doc/_includes/new-naming.html
  52. 13
      dist/fork-awesome/src/doc/_includes/new-upgrading.html
  53. 31
      dist/fork-awesome/src/doc/_includes/products/camera-retro-tee.html
  54. 31
      dist/fork-awesome/src/doc/_includes/products/classics-tee.html
  55. 20
      dist/fork-awesome/src/doc/_includes/products/cta-suggestions.html
  56. 29
      dist/fork-awesome/src/doc/_includes/products/fa-ther-tee.html
  57. 31
      dist/fork-awesome/src/doc/_includes/products/green-logo-tee.html
  58. 31
      dist/fork-awesome/src/doc/_includes/products/old-skool-tee.html
  59. 27
      dist/fork-awesome/src/doc/_includes/products/rock-paper-scissors-lizard-spock-tee.html
  60. 31
      dist/fork-awesome/src/doc/_includes/products/space-shuttle-tee.html
  61. 35
      dist/fork-awesome/src/doc/_includes/products/white-logo-tee.html
  62. 46
      dist/fork-awesome/src/doc/_includes/stripe-social.html
  63. 6
      dist/fork-awesome/src/doc/_includes/tests/rotated-flipped-inside-anchor.html
  64. 6
      dist/fork-awesome/src/doc/_includes/tests/rotated-flipped-inside-btn.html
  65. 6
      dist/fork-awesome/src/doc/_includes/tests/rotated-flipped.html
  66. 69
      dist/fork-awesome/src/doc/_includes/tests/stacked-inside-anchor.html
  67. 4
      dist/fork-awesome/src/doc/_includes/tests/stacked-with-text.html
  68. 58
      dist/fork-awesome/src/doc/_includes/tests/stacked.html
  69. 19
      dist/fork-awesome/src/doc/_includes/thanks-to.html
  70. 42
      dist/fork-awesome/src/doc/_includes/why.html
  71. 56
      dist/fork-awesome/src/doc/_layouts/base.html
  72. 76
      dist/fork-awesome/src/doc/_layouts/icon.html
  73. 17
      dist/fork-awesome/src/doc/_plugins/all-contributors-generator.rb
  74. 38
      dist/fork-awesome/src/doc/_plugins/flatten_icon_filters.rb
  75. 45
      dist/fork-awesome/src/doc/_plugins/icon_page_generator.rb
  76. 142
      dist/fork-awesome/src/doc/_plugins/site.rb
  77. 20
      dist/fork-awesome/src/doc/_plugins/sri_hash.rb
  78. 36
      dist/fork-awesome/src/doc/accessibility.html
  79. 30
      dist/fork-awesome/src/doc/assets/css/prettify.css
  80. 71
      dist/fork-awesome/src/doc/assets/css/pygments.css
  81. 1
      dist/fork-awesome/src/doc/assets/css/share.min.css
  82. 36
      dist/fork-awesome/src/doc/assets/fork-awesome/less/animated.less
  83. 28
      dist/fork-awesome/src/doc/assets/fork-awesome/less/bordered-pulled.less
  84. 9
      dist/fork-awesome/src/doc/assets/fork-awesome/less/core.less
  85. 9
      dist/fork-awesome/src/doc/assets/fork-awesome/less/fixed-width.less
  86. 17
      dist/fork-awesome/src/doc/assets/fork-awesome/less/fork-awesome.less
  87. 7
      dist/fork-awesome/src/doc/assets/fork-awesome/less/icons.less
  88. 16
      dist/fork-awesome/src/doc/assets/fork-awesome/less/larger.less
  89. 22
      dist/fork-awesome/src/doc/assets/fork-awesome/less/list.less
  90. 56
      dist/fork-awesome/src/doc/assets/fork-awesome/less/mixins.less
  91. 15
      dist/fork-awesome/src/doc/assets/fork-awesome/less/path.less
  92. 23
      dist/fork-awesome/src/doc/assets/fork-awesome/less/rotated-flipped.less
  93. 5
      dist/fork-awesome/src/doc/assets/fork-awesome/less/screen-reader.less
  94. 23
      dist/fork-awesome/src/doc/assets/fork-awesome/less/stacked.less
  95. 160
      dist/fork-awesome/src/doc/assets/fork-awesome/less/v5-compat.less
  96. 17
      dist/fork-awesome/src/doc/assets/fork-awesome/less/variables.less
  97. 36
      dist/fork-awesome/src/doc/assets/fork-awesome/scss/animated.scss.txt
  98. 28
      dist/fork-awesome/src/doc/assets/fork-awesome/scss/bordered-pulled.scss.txt
  99. 9
      dist/fork-awesome/src/doc/assets/fork-awesome/scss/core.scss.txt
  100. 9
      dist/fork-awesome/src/doc/assets/fork-awesome/scss/fixed-width.scss.txt
  101. Some files were not shown because too many files have changed in this diff Show More

7
.gitlab-ci.yml

@ -12,3 +12,10 @@ build: @@ -12,3 +12,10 @@ build:
script:
- make locale
- make
test:
stage: test
script:
- make locale
- make
- linkchecker --ignore-url .*team.html --ignore-url .*join-us.html rendered

70
dist/fork-awesome/src/doc/Makefile vendored

@ -1,70 +0,0 @@ @@ -1,70 +0,0 @@
---
---
PATH := ../node_modules/.bin:$(PATH)
FA_ROOT_DIRECTORY = assets/fork-awesome
FA_LESS_DIRECTORY = assets/fork-awesome/less
FA_SCSS_DIRECTORY = assets/fork-awesome/scss
FA_CSS_DIRECTORY = assets/fork-awesome/css
FA_LESS_MODERN = ${FA_LESS_DIRECTORY}/fork-awesome.less
FA_LESS_COMPAT = ${FA_LESS_DIRECTORY}/v5-compat.less
FA_SCSS_MODERN = ${FA_SCSS_DIRECTORY}/fork-awesome.scss
FA_CSS_MODERN = ${FA_CSS_DIRECTORY}/fork-awesome.css
FA_CSS_MODERN_MIN = ${FA_CSS_DIRECTORY}/fork-awesome.min.css
FA_CSS_COMPAT = ${FA_CSS_DIRECTORY}/v5-compat.css
FA_CSS_COMPAT_MIN = ${FA_CSS_DIRECTORY}/v5-compat.min.css
SITE_LESS_DIRECTORY = assets/less
SITE_CSS_DIRECTORY = assets/css
SITE_LESS = ${SITE_LESS_DIRECTORY}/site.less
SITE_CSS = ${SITE_CSS_DIRECTORY}/site.css
build:
@echo "Cleaning build dirs"
rm -rf ./less/
rm -rf ./scss/
@echo "Compiling Less files"
@mkdir -p ${FA_CSS_DIRECTORY}
lessc ${FA_LESS_MODERN} ${FA_CSS_MODERN}
lessc --clean-css="--compatibility=ie8" --source-map ${FA_CSS_MODERN} ${FA_CSS_MODERN_MIN}
lessc ${FA_LESS_COMPAT} ${FA_CSS_COMPAT}
lessc --clean-css="--compatibility=ie8" --source-map ${FA_CSS_COMPAT} ${FA_CSS_COMPAT_MIN}
lessc --clean-css="--compatibility=ie8" --source-map ${SITE_LESS} ${SITE_CSS}
@echo "Moving CSS, LESS & SASS to /"
mv ${FA_SCSS_DIRECTORY}/fork-awesome.scss.txt ${FA_SCSS_DIRECTORY}/fork-awesome.scss
mv ${FA_SCSS_DIRECTORY}/animated.scss.txt ${FA_SCSS_DIRECTORY}/_animated.scss
mv ${FA_SCSS_DIRECTORY}/bordered-pulled.scss.txt ${FA_SCSS_DIRECTORY}/_bordered-pulled.scss
mv ${FA_SCSS_DIRECTORY}/core.scss.txt ${FA_SCSS_DIRECTORY}/_core.scss
mv ${FA_SCSS_DIRECTORY}/fixed-width.scss.txt ${FA_SCSS_DIRECTORY}/_fixed-width.scss
mv ${FA_SCSS_DIRECTORY}/functions.scss.txt ${FA_SCSS_DIRECTORY}/_functions.scss
mv ${FA_SCSS_DIRECTORY}/icons.scss.txt ${FA_SCSS_DIRECTORY}/_icons.scss
mv ${FA_SCSS_DIRECTORY}/larger.scss.txt ${FA_SCSS_DIRECTORY}/_larger.scss
mv ${FA_SCSS_DIRECTORY}/list.scss.txt ${FA_SCSS_DIRECTORY}/_list.scss
mv ${FA_SCSS_DIRECTORY}/mixins.scss.txt ${FA_SCSS_DIRECTORY}/_mixins.scss
mv ${FA_SCSS_DIRECTORY}/path.scss.txt ${FA_SCSS_DIRECTORY}/_path.scss
mv ${FA_SCSS_DIRECTORY}/rotated-flipped.scss.txt ${FA_SCSS_DIRECTORY}/_rotated-flipped.scss
mv ${FA_SCSS_DIRECTORY}/screen-reader.scss.txt ${FA_SCSS_DIRECTORY}/_screen-reader.scss
mv ${FA_SCSS_DIRECTORY}/stacked.scss.txt ${FA_SCSS_DIRECTORY}/_stacked.scss
mv ${FA_SCSS_DIRECTORY}/variables.scss.txt ${FA_SCSS_DIRECTORY}/_variables.scss
cp -r ${FA_ROOT_DIRECTORY}/* ../
@echo "Moving font files to assets"
cp -r "../fonts" ${FA_ROOT_DIRECTORY}/
@echo "Updating Readme"
mv "README.md-nobuild" "../README.md"
default: build
.PHONY: build

95
dist/fork-awesome/src/doc/README.md-nobuild vendored

@ -1,95 +0,0 @@ @@ -1,95 +0,0 @@
---
---
# {{ site.forkawesome.name }}
### {{ site.forkawesome.tagline }}
[![npm](https://img.shields.io/npm/v/fork-awesome.svg?style=flat&colorB=CB3837)](https://www.npmjs.com/package/fork-awesome)
[![All Contributors](https://img.shields.io/badge/all_contributors-{{ page.total_contributors }}-orange.svg?style=flat-square)](CONTRIBUTORS.md)
[![JSDeliver](https://data.jsdelivr.com/v1/package/npm/fork-awesome/badge)](https://www.jsdelivr.com/package/npm/fork-awesome)
[![CDNJS](https://img.shields.io/cdnjs/v/fork-awesome.svg?style=flat-square)](https://cdnjs.com/libraries/fork-awesome)
[![Build Status](https://travis-ci.org/ForkAwesome/Fork-Awesome.svg?branch=master)](https://travis-ci.org/ForkAwesome/Fork-Awesome)
{{ site.forkawesome.name }} is a full suite of {{ icons | size }} pictographic icons for easy scalable vector graphics on websites, originally created by [Dave Gandy](https://twitter.com/davegandy) and now maintained by a community.
Following concerns regarding [the development of Font Awesome](https://github.com/FortAwesome/Font-Awesome/issues/12199#issuecomment-362919956), the PR Freeze since Oct 2016 and the direction [Fort Awesome](https://fortawesome.com/) is taking with the version 5.0 of their project, we are forking Font Awesome (4.7), in order to build on this amazing tool Dave Gandy has given us, while at the same time allowing this project to be run by a distributed community of contributors.
A tremendous gratitude is given to the whole team behind [Font Awesome](https://fontawesome.com), and you are encouraged to support them and buy Font Awesome Pro for your project.
Though If you believe in distributed open source design and wish to be part of this new adventure, please start submitting patches and suggestions of improvement.
Also, if you care about owning the build process of your icon font, this project will give you that. The whole pipeline is shared and free to use for any purpose. You could be spinning your own icon font with your clever name by just forking this project and changing a few settings.
## How to use
There is a full page in our documentation website that explains [how to use {{ site.forkawesome.name }} in your web project]({{ site.forkawesome.url}}get-started/). It ranges from just pointing to a CSS file on a CDN, hosting it on your own server or even adapting the LESS and SCSS files to your own liking.
## License
- The {{ site.forkawesome.name }} font is licensed under the SIL OFL 1.1:
- http://scripts.sil.org/OFL
- {{ site.forkawesome.name }} CSS, LESS, and Sass files are licensed under the MIT License:
- https://opensource.org/licenses/mit-license.html
- The {{ site.forkawesome.name }} documentation is licensed under the CC BY 3.0 License:
- https://creativecommons.org/licenses/by/3.0/
## Contributing
Please read through our [contributing guidelines](https://github.com/ForkAwesome/Fork-Awesome/blob/master/CONTRIBUTING.md).
Included are directions for opening issues, coding standards, and notes on development.
We also take great pride in recognizing any contributions made to this project. Whether you've written a blogpost about it, fixed a typo in the documentation or submitted new icons or code patches, we will happily list you in our [contributors list](CONTRIBUTORS.md).
## Versioning
{{ site.forkawesome.name }} will be maintained under the Semantic Versioning guidelines as much as possible. Releases will be numbered
with the following format:
`<major>.<minor>.<patch>`
And constructed with the following guidelines:
* Breaking backward compatibility bumps the major (and resets the minor and patch)
* Big changes, without breaking backward compatibility, bumps the minor (and resets the patch)
* Bug fixes, small adaptations, adding a few icons and misc changes bumps the patch
* The fork started from FontAwesome 4.7 (last commit by Dave is [bdfa9823](https://github.com/ForkAwesome/Fork-Awesome/commits/master?after=b0bc8f6fb74e05c987ef7ce1525cd3ab8390a1c3+69)).
* The project starts at version 1.0.0. All references to versions before the fork are named 0.4.7
For more information on SemVer, please visit http://semver.org.
## Component
To include as a [component](https://github.com/componentjs/component), just run
$ component install ForkAwesome/Fork-Awesome
Or add
"ForkAwesome/Fork-Awesome": "*"
to the `dependencies` in your `component.json`.
## Building {{ site.forkawesome.name }}
**Before you can build the project**, you must first have the following installed:
- [Ruby](https://www.ruby-lang.org/en/)
- Ruby Development Headers
- **Ubuntu:** `sudo apt-get install ruby-dev` *(Only if you're __NOT__ using `rbenv` or `rvm`)*
- **Windows:** [DevKit](http://rubyinstaller.org/)
- **macOS:** no extra step required
- [Bundler](http://bundler.io/) (Run `gem install bundler` to install).
- [Node Package Manager (aka. `npm`)](https://docs.npmjs.com/getting-started/installing-node)
From the root of the repository, install the tools used to develop.
$ bundle install
$ npm ci
Build the font:
$:/src/icons make
Build the web documentation:
$ npm run build
Or serve it on a local server on http://localhost:7998:
$ npm run dev

121
dist/fork-awesome/src/doc/_includes/accessibility/accessibility-manual.html vendored

@ -1,121 +0,0 @@ @@ -1,121 +0,0 @@
<section id="accessibility-manual" class="accessibility-manual">
<h3>
<i class="gg-col fa fa-wrench text-muted fa-lg padding-right" aria-hidden="true"></i>
Manually make your icons accessible
</h3>
<p>When using icons in your UI, there are manual techniques and ways to help assistive technology either ignore or better understand {{ site.forkawesome.name }}.</p>
<h4 class="margin-top-xl">Icons used for pure decoration or visual styling</h4>
<p>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 <code>aria-hidden="true"</code> to your {{ site.forkawesome.name }} markup.</p>
<div class="margin-top-lg margin-bottom-lg">
{% highlight html %}
<i class="fa fa-fighter-jet" aria-hidden="true"></i>
{% endhighlight %}
<small class="text-muted">an icon being used as pure decoration</small>
</div>
<div class="margin-bottom-lg">
{% highlight html %}
<h1 class="logo">
<i class="fa fa-pied-piper" aria-hidden="true"></i>
Pied Piper, A Middle-Out Compression Solution Making Data Storage Problems Smaller
</h1>
{% endhighlight %}
<small class="text-muted">an icon being used as a logo</small>
</div>
<div class="margin-bottom-lg">
{% highlight html %}
<a href="https://github.com/FortAwesome/Font-Awesome"><i class="fa fa-github" aria-hidden="true"></i> View this project's code on Github</a>
{% endhighlight %}
<small class="text-muted">an icon being used in front of link text</small>
</div>
<h4 class="margin-top-xl">Icons with semantic or interactive purpose</h4>
<p>
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:
</p>
<h4 class="margin-top-xl text-muted">If an icon is <strong>not</strong> an interactive element</h4>
<p>
The simplest way to provide a text alternative is to use the <code>aria-hidden="true"</code> attribute on the icon and to include the text with an additional element, such as a <code>&lt;span&gt;</code>, with appropriate CSS to visually hide the element while keeping it accessible to assistive technologies. In addition, you can add a <code>title</code> attribute on the icon to provide a tooltip for sighted mouse users.
</p>
<div class="margin-bottom-lg margin-top-lg">
{% highlight html %}
<dl>
<dt>
<i class="fa fa-car" aria-hidden="true" title="Time to destination by car"></i>
<span class="sr-only">Time to destination by car:</span>
</dt>
<dd>4 minutes</dd>
<dt>
<i class="fa fa-bicycle" aria-hidden="true" title="Time to destination by bike"></i>
<span class="sr-only">Time to destination by bike:</span>
</dt>
<dd>12 minutes</dd>
</dl>
{% endhighlight %}
<small class="text-muted">an icon being used to communicate travel methods</small>
</div>
<div class="margin-bottom-lg margin-top-lg">
{% highlight html %}
<i class="fa fa-hourglass" aria-hidden="true" title="60 minutes remain in your exam"></i>
<span class="sr-only">60 minutes remain in your exam</span>
<i class="fa fa-hourglass-half" aria-hidden="true" title="30 minutes remain in your exam"></i>
<span class="sr-only">30 minutes remain in your exam</span>
<i class="fa fa-hourglass-end" aria-hidden="true" title="0 minutes remain in your exam"></i>
<span class="sr-only">0 minutes remain in your exam</span>
{% endhighlight %}
<small class="text-muted">an icon being used to denote time remaining</small>
</div>
<h4 class="margin-top-xl text-muted">If an icon represents an interactive element</h4>
<p>
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 <code>&lt;span&gt;</code> or similar. For instance, simply adding the <code>aria-label</code> 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 <code>title</code> attribute or a <a href="https://github.com/chinchang/hint.css">custom tooltip</a> solution.
</p>
<div class="margin-bottom-lg margin-top-lg">
{% highlight html %}
<a href="path/to/shopping/cart" aria-label="View 3 items in your shopping cart">
<i class="fa fa-shopping-cart" aria-hidden="true"></i>
</a>
{% endhighlight %}
<small class="text-muted">an icon being used to communicate shopping cart state</small>
</div>
<div class="margin-bottom-lg margin-top-lg">
{% highlight html %}
<a href="#navigation-main" aria-label="Skip to main navigation">
<i class="fa fa-bars" aria-hidden="true"></i>
</a>
{% endhighlight %}
<small class="text-muted">an icon being used as a link to a navigation menu</small>
</div>
<div class="margin-bottom-lg margin-top-lg">
{% highlight html %}
<a class="btn btn-danger" href="path/to/settings" aria-label="Delete">
<i class="fa fa-trash-o" aria-hidden="true" title="Delete this item?"></i>
</a>
{% endhighlight %}
<small class="text-muted">an icon being used as a delete button's symbol with a <code>title</code> attribute to provide a native mouse tooltip</small>
</div>
<div class="alert alert-success">
<ul class="fa-ul margin-bottom-none">
<li>
<i class="fa-li fa fa-info-circle fa-lg" aria-hidden"true"></i>
<a href="{{ page.relative_path }}examples/#accessible">See more examples of how to add accessibility-minded icons</a> into your UI.
</li>
</ul>
</div>
</section>

15
dist/fork-awesome/src/doc/_includes/accessibility/background.html vendored

@ -1,15 +0,0 @@ @@ -1,15 +0,0 @@
<div id="accessibility-background">
<h4 class="margin-top-none">About Icon Fonts &amp; Accessibility</h4>
<p>
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.
</p>
<ul>
<li>
The assistive technology may not find any content to read out to a user
</li>
<li>
The assistive technology may read the unicode equivalent, which could not match up to what the icon means in context, or worse is just plain confusing
</li>
</ul>
</div>

17
dist/fork-awesome/src/doc/_includes/accessibility/other.html vendored

@ -1,17 +0,0 @@ @@ -1,17 +0,0 @@
<section id="accessibility-other" class="accessibility-other">
<h2 class="page-header">Other cases and information</h2>
<p>
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.
</p>
<ul>
<li><a href="https://www.filamentgroup.com/lab/bulletproof_icon_fonts.html">https://www.filamentgroup.com/lab/bulletproof_icon_fonts.html</a></li>
<li><a href="https://css-tricks.com/html-for-icon-font-usage/">https://css-tricks.com/html-for-icon-font-usage/</a></li>
<li><a href="http://www.sitepoint.com/icon-fonts-vs-svg-debate/">http://www.sitepoint.com/icon-fonts-vs-svg-debate/</a></li>
<li><a href="http://leaverou.github.io/contrast-ratio">http://leaverou.github.io/contrast-ratio/</a></li>
</ul>
<p>
We'll continue to work on these under the larger topic of accessibility, but in the meantime, <a href="{{ page.relative_path }}community/#reporting-bugs">let us know if any bugs or issues</a>.
</p>
</section>

5
dist/fork-awesome/src/doc/_includes/brand-adblock-warning.html vendored

@ -1,5 +0,0 @@ @@ -1,5 +0,0 @@
<h4><i class="fa fa-warning" aria-hidden"true"></i> Warning!</h4>
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
<a href="https://adblockplus.org/en/bugs" class="alert-link">report an issue with Adblock Plus</a> if you believe this to be
an error. To work around this, you'll need to modify the social icon class names.

6
dist/fork-awesome/src/doc/_includes/brand-license.html vendored

@ -1,6 +0,0 @@ @@ -1,6 +0,0 @@
<ul class="margin-bottom-none padding-left-lg">
<li>All brand icons are trademarks of their respective owners.</li>
<li>The use of these trademarks does not indicate endorsement of the trademark holder by {{ site.forkawesome.name }}, nor vice versa.</li>
<li>Brand icons should only be used to represent the company or product to which they refer.</li>
<li class="strong">Please do not use brand logos for any purpose except to represent that particular brand or service.</li>
</ul>

6
dist/fork-awesome/src/doc/_includes/code/core.less vendored

@ -1,6 +0,0 @@ @@ -1,6 +0,0 @@
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;

6
dist/fork-awesome/src/doc/_includes/code/core.scss vendored

@ -1,6 +0,0 @@ @@ -1,6 +0,0 @@
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;

12
dist/fork-awesome/src/doc/_includes/code/license.css vendored

@ -1,12 +0,0 @@ @@ -1,12 +0,0 @@
/*!
{{ 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.
*/

19
dist/fork-awesome/src/doc/_includes/community/getting-support.html vendored

@ -1,19 +0,0 @@ @@ -1,19 +0,0 @@
<div id="getting-support">
<h2 class="page-header">Getting Support</h2>
<p>
Having trouble getting {{ site.forkawesome.name }} up and running? Something not working the way you think it should?
</p>
<ol>
<li>
Make sure you've read the latest version of how to <a href="{{ page.relative_path }}get-started/">get started</a>.
</li>
<li>
Since {{ site.forkawesome.name }} is based on {{ site.fontawesome.name }}, check out the <a href="http://stackoverflow.com/questions/tagged/font-awesome">existing questions tagged as
Font Awesome</a> over on Stack Overflow. Other folks might have had the same question you've had.
</li>
<li>
Can't find the answer to your question on Stack Overflow?
<a href="http://stackoverflow.com/questions/ask?tags=fork-awesome">Ask a new question</a>, then.
</li>
</ol>
</div>

8
dist/fork-awesome/src/doc/_includes/community/project-milestones.html vendored

@ -1,8 +0,0 @@ @@ -1,8 +0,0 @@
<section id="project-milestones">
<h2 class="page-header">Projects</h2>
<p>
Want to keep up with what's planned for {{ site.forkawesome.name }}? Check out our
<a href="{{ site.forkawesome.github.url }}/projects">projects</a> on the GitHub repo.
And come help us achieve those goals.
</p>
</section>

18
dist/fork-awesome/src/doc/_includes/community/reporting-bugs.html vendored

@ -1,18 +0,0 @@ @@ -1,18 +0,0 @@
<section id="reporting-bugs">
<h2 class="page-header">Reporting Bugs</h2>
<p>
Found a problem with {{ site.forkawesome.name }}? Feel free to submit an issue on the GitHub project. But please keep the following in mind:
</p>
<ol>
<li>Please be nice. {{ site.forkawesome.name }} is a happy place.</li>
<li>Please <a href="{{ site.forkawesome.github.url }}/search?type=Issues">search</a> to see if your bug was already reported.</li>
<li>
Before opening any issue, please read the generic <a href="https://github.com/necolas/issue-guidelines">issue
guidelines</a>, by <a href="https://github.com/necolas/">Nicolas Gallagher</a>.
</li>
<li>
After doing everything above, feel free to
<a href="{{ site.forkawesome.github.url }}/issues/new">submit an issue</a>.
</li>
</ol>
</section>

29
dist/fork-awesome/src/doc/_includes/community/requesting-new-icons.html vendored

@ -1,29 +0,0 @@ @@ -1,29 +0,0 @@
<section id="requesting-new-icons">
<h2 class="page-header">Requesting New Icons</h2>
<p>
New icons mostly start as requests by the
<a href="{{ site.forkawesome.github.url }}/issues">{{ site.forkawesome.name }} community on GitHub</a>. Want to request a new
icon? Here are some things to keep in mind:
</p>
<ol>
<li>Please be nice. {{ site.forkawesome.name }} is a happy place.</li>
<li>Please <a href="{{ site.forkawesome.github.url }}/search?type=Issues">search</a> to see if your icon request already exists. If a request is found, please add a &#x1F44D; reaction to that one.</li>
<li>
Please make requests for single icons, unless you are requesting a couple of strictly related icons (e.g., thumbs-up/thumbs-down).
</li>
<li>
Please and thank you if you include the following:
<ul>
<li>
Title your <a href="{{ site.forkawesome.github.url }}/issues/new?title=Icon%20Request:%20fa-">new issue</a>
<code>Icon request: icon-name</code> (e.g., <code>Icon request: icon-car</code>).
</li>
<li>Include a few use cases for your requested icon. How do you plan on using it?</li>
<li>Attach a single color image or two that represent the idea you're going for.</li>
</ul>
</li>
<li>
Request concrete objects: it's harder to make an icon to represent happiness, it's easier to make a smiley face. <i class="fa fa-smile-o" title="Smiling face"></i>
</li>
</ol>
</section>

18
dist/fork-awesome/src/doc/_includes/community/submitting-pull-requests.html vendored

@ -1,18 +0,0 @@ @@ -1,18 +0,0 @@
<section id="submitting-pull-requests">
<h2 class="page-header">Submitting Pull Requests</h2>
Found a way to solve a bug in {{ site.forkawesome.name }}? Want to contribute new features or a new icon?
<ol>
<li>
Clone the repository and work on your proposal.
</li>
<li>
Then, when you think it's ready or when you want feedback,
<a href="{{ site.forkawesome.github.url }}/issues/new">submit a pull
request</a>.
</li>
<li>
Discuss with rest of the community and follow up on conversations until
your pull request is merged.
</li>
</ol>
</section>

101
dist/fork-awesome/src/doc/_includes/examples/accessible.html vendored

@ -1,101 +0,0 @@ @@ -1,101 +0,0 @@
<section id="accessible">
<h2 class="page-header">
Accessibility-Minded
</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<p>
<a class="btn btn-default" href="path/to/settings" aria-label="Settings">
<i class="fa fa-cog" aria-hidden="true"></i>
</a>
<a class="btn btn-danger" href="path/to/settings" aria-label="Delete">
<i class="fa fa-trash-o" aria-hidden="true"></i>
</a>
<a class="btn btn-primary" href="#navigation-main" aria-label="Skip to main navigation">
<i class="fa fa-bars" aria-hidden="true"></i>
</a>
</p>
<p>
<i class="fa fa-refresh fa-spin fa-3x fa-fw" aria-hidden="true"></i>
<span class="sr-only">Refreshing...</span>
<i class="fa fa-cog fa-spin fa-3x fa-fw" aria-hidden="true"></i>
<span class="sr-only">Saving. Hang tight!</span>
</p>
<p>
<div class="input-group margin-bottom-sm">
<span class="input-group-addon"><i class="fa fa-envelope-o fa-fw" aria-hidden="true"></i></span>
<input class="form-control" type="text" placeholder="Email address">
</div>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-key fa-fw" aria-hidden="true"></i></span>
<input class="form-control" type="password" placeholder="Password">
</div>
</p>
<p>
<a href="path/to/shopping/cart" class="btn btn-primary" aria-label="View 3 items in your shopping cart">
<i class="fa fa-shopping-cart" aria-hidden="true"></i>
</a>
</p>
<p>
<i class="fa fa-battery-half" aria-hidden="true"></i>
<span class="sr-only">Battery level: 50%</span>
</p>
</div>
<div class="col-md-9 col-sm-8">
<p>
With <a href="{{ page.relative_path }}accessibility/">our thoughts on icon accessibility</a> 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.
</p>
{% highlight html %}
<a class="btn btn-default" href="path/to/settings" aria-label="Settings">
<i class="fa fa-cog" aria-hidden="true"></i>
</a>
<a class="btn btn-danger" href="path/to/settings" aria-label="Delete">
<i class="fa fa-trash-o" aria-hidden="true"></i>
</a>
<a class="btn btn-primary" href="#navigation-main" aria-label="Skip to main navigation">
<i class="fa fa-bars" aria-hidden="true"></i>
</a>
{% endhighlight %}
{% highlight html %}
<i class="fa fa-refresh fa-spin fa-3x fa-fw" aria-hidden="true"></i>
<span class="sr-only">Refreshing...</span>
<i class="fa fa-cog fa-spin fa-3x fa-fw" aria-hidden="true"></i>
<span class="sr-only">Saving. Hang tight!</span>
{% endhighlight %}
{% highlight html %}
<div class="input-group margin-bottom-sm">
<span class="input-group-addon"><i class="fa fa-envelope-o fa-fw" aria-hidden="true"></i></span>
<input class="form-control" type="text" placeholder="Email address">
</div>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-key fa-fw" aria-hidden="true"></i></span>
<input class="form-control" type="password" placeholder="Password">
</div>
{% endhighlight %}
{% highlight html %}
<a href="path/to/shopping/cart" class="btn btn-primary" aria-label="View 3 items in your shopping cart">
<i class="fa fa-shopping-cart" aria-hidden="true"></i>
</a>
{% endhighlight %}
{% highlight html %}
<i class="fa fa-battery-half" aria-hidden="true"></i>
<span class="sr-only">Battery level: 50%</span>
{% endhighlight %}
</div>
</div>
</section>

60
dist/fork-awesome/src/doc/_includes/examples/animated.html vendored

@ -1,60 +0,0 @@ @@ -1,60 +0,0 @@
<section id="animated">
<h2 class="page-header">
Animated Icons
<div class="pull-right text-default margin-top padding-top-sm hidden-xs">
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/less/animated.less" class="text-muted padding-right">View LESS</a>
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/scss/_animated.scss" class="text-muted">View SASS</a>
</div>
</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<p>
<i class="fa fa-spinner fa-spin fa-3x fa-fw margin-bottom"></i>
<span class="sr-only">Loading example (with fa-spinner icon)</span>
<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw margin-bottom"></i>
<span class="sr-only">Loading (with fa-circle-o-notch icon)</span>
<i class="fa fa-refresh fa-spin fa-3x fa-fw margin-bottom"></i>
<span class="sr-only">Loading example (with fa-refresh icon)</span>
<i class="fa fa-cog fa-spin fa-3x fa-fw margin-bottom"></i>
<span class="sr-only">Loading example (with fa-cog icon)</span>
<i class="fa fa-spinner fa-pulse fa-3x fa-fw margin-bottom"></i>
<span class="sr-only">Loading example (with fa-spinner icon)</span>
</p>
</div>
<div class="col-md-9 col-sm-8">
<p>
Use the <code>fa-spin</code> class to get any icon to rotate, and use <code>fa-pulse</code> to have it rotate
with 8 steps. Works well with <code>fa-spinner</code>, <code>fa-refresh</code>, and <code>fa-cog</code>.
</p>
{% highlight html %}
<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
<i class="fa fa-refresh fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
<i class="fa fa-cog fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
{% endhighlight %}
<p class="alert alert-success">
<i class="fa fa-exclamation-triangle fa-lg" aria-hidden="true"></i><strong class="sr-only">Note:</strong>
Some browsers on some platforms have issues with animated icons resulting in a jittery wobbling effect. See
<a href="https://github.com/FortAwesome/Font-Awesome/issues/671" class="alert-link" target="_blank">issue #671</a>
for examples and possible workarounds.
</p>
<p class="alert alert-success">
<i class="fa fa-info-circle fa-lg" aria-hidden="true"></i><strong class="sr-only">Note:</strong> CSS3 animations aren't supported in IE8 - IE9.
</p>
</div>
</div>
</section>

39
dist/fork-awesome/src/doc/_includes/examples/basic.html vendored

@ -1,39 +0,0 @@ @@ -1,39 +0,0 @@
<section id="basic">
<h2 class="page-header">
Basic Icons
<div class="pull-right text-default margin-top padding-top-sm hidden-xs">
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/less/core.less" class="text-muted padding-right">View LESS</a>
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/scss/_core.scss" class="text-muted">View SASS</a>
</div>
</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<p>
<i class="fa fa-camera-retro"></i>
<span class="sr-only">Example: basic icon</span>
fa-camera-retro
</p>
</div>
<div class="col-md-9 col-sm-8">
<p>
You can place {{ site.forkawesome.name }} icons just about anywhere using the CSS Prefix <code>fa</code> and the icon's
name. Fork Awesome is designed to be used with inline elements (we like the <code>&lt;i&gt;</code> tag for
brevity, but using a <code>&lt;span&gt;</code> is more semantically correct).
</p>
{% highlight html %}
<i class="fa fa-camera-retro"></i> fa-camera-retro
{% endhighlight %}
<div class="alert alert-success">
<ul class="fa-ul">
<li>
<i class="fa fa-info-circle fa-lg fa-li" aria-hidden="true"></i>
<strong class="sr-only">Example: basic icon</strong>
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.
</li>
</ul>
</div>
</div>
</div>
</section>

111
dist/fork-awesome/src/doc/_includes/examples/bootstrap.html vendored

@ -1,111 +0,0 @@ @@ -1,111 +0,0 @@
<section id="bootstrap">
<h2 class="page-header">Bootstrap 3 Examples</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<p>
<a class="btn btn-danger" href="#">
<i class="fa fa-trash-o fa-lg"></i> Delete</a>
<a class="btn btn-default btn-sm" href="#">
<i class="fa fa-cog"></i> Settings</a>
</p>
<p>
<a class="btn btn-lg btn-success" href="#">
<i class="fa fa-code-fork fa-2x pull-left"></i> {{ site.forkawesome.name }}<br>Version {{ site.forkawesome.version }}</a>
</p>
<div class="margin-bottom">
<div class="btn-group">
<a class="btn btn-default" href="#">
<i class="fa fa-align-left" title="Align Left"></i>
</a>
<a class="btn btn-default" href="#">
<i class="fa fa-align-center" title="Align Center"></i>
</a>
<a class="btn btn-default" href="#">
<i class="fa fa-align-right" title="Align Right"></i>
</a>
<a class="btn btn-default" href="#">
<i class="fa fa-align-justify" title="Align Justify"></i>
</a>
</div>
</div>
<div class="margin-bottom">
<div class="input-group margin-bottom-sm">
<span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
<input class="form-control" type="text" placeholder="Email address">
</div>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span>
<input class="form-control" type="password" placeholder="Password">
</div>
</div>
<div class="margin-bottom">
<div class="btn-group open">
<a class="btn btn-primary" href="#"><i class="fa fa-user fa-fw"></i> User</a>
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
<span class="fa fa-caret-down" title="Toggle dropdown menu"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-pencil fa-fw"></i> Edit</a></li>
<li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
<li><a href="#"><i class="fa fa-ban fa-fw"></i> Ban</a></li>
<li class="divider"></li>
<li><a href="#"><i class="fa fa-unlock"></i> Make admin</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-9 col-sm-8">
<p>
{{ site.forkawesome.name }} works great with the full range of Bootstrap components.
</p>
{% highlight html %}
<a class="btn btn-danger" href="#">
<i class="fa fa-trash-o fa-lg"></i> Delete</a>
<a class="btn btn-default btn-sm" href="#">
<i class="fa fa-cog"></i> Settings</a>
<a class="btn btn-lg btn-success" href="#">
<i class="fa fa-flag fa-2x pull-left"></i> {{ site.forkawesome.name }}<br>Version {{ site.fontawesome.version }}</a>
<div class="btn-group">
<a class="btn btn-default" href="#">
<i class="fa fa-align-left" title="Align Left"></i>
</a>
<a class="btn btn-default" href="#">
<i class="fa fa-align-center" title="Align Center"></i>
</a>
<a class="btn btn-default" href="#">
<i class="fa fa-align-right" title="Align Right"></i>
</a>
<a class="btn btn-default" href="#">
<i class="fa fa-align-justify" title="Align Justify"></i>
</a>
</div>
<div class="input-group margin-bottom-sm">
<span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
<input class="form-control" type="text" placeholder="Email address">
</div>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span>
<input class="form-control" type="password" placeholder="Password">
</div>
<div class="btn-group open">
<a class="btn btn-primary" href="#"><i class="fa fa-user fa-fw"></i> User</a>
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
<span class="fa fa-caret-down" title="Toggle dropdown menu"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-pencil fa-fw"></i> Edit</a></li>
<li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
<li><a href="#"><i class="fa fa-ban fa-fw"></i> Ban</a></li>
<li class="divider"></li>
<li><a href="#"><i class="fa fa-unlock"></i> Make admin</a></li>
</ul>
</div>
{% endhighlight %}
</div>
</div>
</section>

30
dist/fork-awesome/src/doc/_includes/examples/bordered-pulled.html vendored

@ -1,30 +0,0 @@ @@ -1,30 +0,0 @@
<section id="bordered-pulled">
<h2 class="page-header">
Bordered &amp; Pulled Icons
<div class="pull-right text-default margin-top padding-top-sm hidden-xs">
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/less/bordered-pulled.less" class="text-muted padding-right">View LESS</a>
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/scss/_bordered-pulled.scss" class="text-muted">View SASS</a>
</div>
</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<p>
<i class="fa fa-quote-left fa-3x fa-pull-left fa-border" aria-hidden="true"></i>
&hellip;tomorrow we will run faster, stretch out our arms farther&hellip; And then one fine morning&mdash;
So we beat on, boats against the current, borne back ceaselessly into the past.
</p>
</div>
<div class="col-md-9 col-sm-8">
<p>
Use <code>fa-border</code> and <code>fa-pull-right</code> or <code>fa-pull-left</code> for easy pull quotes or
article icons.
</p>
{% highlight html %}
<i class="fa fa-quote-left fa-3x fa-pull-left fa-border" aria-hidden="true"></i>
...tomorrow we will run faster, stretch out our arms farther...
And then one fine morning&mdash; So we beat on, boats against the
current, borne back ceaselessly into the past.
{% endhighlight %}
</div>
</div>
</section>

16
dist/fork-awesome/src/doc/_includes/examples/custom.html vendored

@ -1,16 +0,0 @@ @@ -1,16 +0,0 @@
<section id="custom">
<h2 class="page-header">Custom CSS</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<p>Anything you can do with CSS font styles, you can do with Font Awesome.</p>
</div>
<div class="col-md-9 col-sm-8">
<p>Star Ratings (inspired by <a href="http://css-tricks.com/star-ratings/" target="_blank">CSS Tricks</a>)</p>
<div class="well">
<span class="rating">
<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span>
</span>
</div>
</div>
</div>
</section>

33
dist/fork-awesome/src/doc/_includes/examples/fixed-width.html vendored

@ -1,33 +0,0 @@ @@ -1,33 +0,0 @@
<section id="fixed-width">
<h2 class="page-header">
Fixed Width Icons
<div class="pull-right text-default margin-top padding-top-sm hidden-xs">
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/less/fixed-width.less" class="text-muted padding-right">View LESS</a>
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/scss/_fixed-width.scss" class="text-muted">View SASS</a>
</div>
</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<div class="list-group">
<a class="list-group-item" href="#"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp; Home</a>
<a class="list-group-item" href="#"><i class="fa fa-book fa-fw" aria-hidden="true"></i>&nbsp; Library</a>
<a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>&nbsp; Applications</a>
<a class="list-group-item" href="#"><i class="fa fa-cog fa-fw" aria-hidden="true"></i>&nbsp; Settings</a>
</div>
</div>
<div class="col-md-9 col-sm-8">
<p>
Use <code>fa-fw</code> to set icons at a fixed width. Great to use when different icon widths throw off alignment.
Especially useful in things like nav lists &amp; list groups.
</p>
{% highlight html %}
<div class="list-group">
<a class="list-group-item" href="#"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp; Home</a>
<a class="list-group-item" href="#"><i class="fa fa-book fa-fw" aria-hidden="true"></i>&nbsp; Library</a>
<a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>&nbsp; Applications</a>
<a class="list-group-item" href="#"><i class="fa fa-cog fa-fw" aria-hidden="true"></i>&nbsp; Settings</a>
</div>
{% endhighlight %}
</div>
</div>
</section>

40
dist/fork-awesome/src/doc/_includes/examples/larger.html vendored

@ -1,40 +0,0 @@ @@ -1,40 +0,0 @@
<section id="larger">
<h2 class="page-header">
Larger Icons
<div class="pull-right text-default margin-top padding-top-sm hidden-xs">
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/less/larger.less" class="text-muted padding-right">View LESS</a>
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/scss/_larger.scss" class="text-muted">View SASS</a>
</div>
</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<p><i class="fa fa-camera-retro fa-lg" aria-hidden="true"></i> fa-lg</p>
<p><i class="fa fa-camera-retro fa-2x" aria-hidden="true"></i> fa-2x</p>
<p><i class="fa fa-camera-retro fa-3x" aria-hidden="true"></i> fa-3x</p>
<p><i class="fa fa-camera-retro fa-4x" aria-hidden="true"></i> fa-4x</p>
<p><i class="fa fa-camera-retro fa-5x" aria-hidden="true"></i> fa-5x</p>
</div>
<div class="col-md-9 col-sm-8">
<p>
To increase icon sizes relative to their container, use the <code>fa-lg</code> (33% increase), <code>fa-2x</code>,
<code>fa-3x</code>, <code>fa-4x</code>, or <code>fa-5x</code> classes.
</p>
{% highlight html %}
<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x
{% endhighlight %}
<div class="alert alert-success">
<ul class="fa-ul">
<li>
<i class="fa fa-exclamation-triangle fa-li fa-lg"></i>
If your icons are getting chopped off on top and bottom, make sure you have
sufficient line-height.
</li>
</ul>
</div>
</div>
</div>
</section>

30
dist/fork-awesome/src/doc/_includes/examples/list.html vendored

@ -1,30 +0,0 @@ @@ -1,30 +0,0 @@
<section id="list">
<h2 class="page-header">
List Icons
<div class="pull-right text-default margin-top padding-top-sm hidden-xs">
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/less/list.less" class="text-muted padding-right">View LESS</a>
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/scss/_list.scss" class="text-muted">View SASS</a>
</div>
</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<ul class="fa-ul">
<li><i class="fa-li fa fa-check-square"></i>List icons</li>
<li><i class="fa-li fa fa-check-square"></i>can be used</li>
<li><i class="fa-li fa fa-spinner fa-spin"></i>as bullets</li>
<li><i class="fa-li fa fa-square"></i>in lists</li>
</ul>
</div>
<div class="col-md-9 col-sm-8">
<p>Use <code>fa-ul</code> and <code>fa-li</code> to easily replace default bullets in unordered lists.</p>
{% highlight html %}
<ul class="fa-ul">
<li><i class="fa-li fa fa-check-square"></i>List icons</li>
<li><i class="fa-li fa fa-check-square"></i>can be used</li>
<li><i class="fa-li fa fa-spinner fa-spin"></i>as bullets</li>
<li><i class="fa-li fa fa-square"></i>in lists</li>
</ul>
{% endhighlight %}
</div>
</div>
</section>

34
dist/fork-awesome/src/doc/_includes/examples/rotated-flipped.html vendored

@ -1,34 +0,0 @@ @@ -1,34 +0,0 @@
<section id="rotated-flipped">
<h2 class="page-header">
Rotated &amp; Flipped
<div class="pull-right text-default margin-top padding-top-sm hidden-xs">
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/less/rotated-flipped.less" class="text-muted padding-right">View LESS</a>
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/scss/_rotated-flipped.scss" class="text-muted">View SASS</a>
</div>
</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<p style="font-size: 18px;">
<i class="fa fa-shield" aria-hidden="true"></i>&nbsp; normal<br>
<i class="fa fa-shield fa-rotate-90" aria-hidden="true"></i>&nbsp; fa-rotate-90<br>
<i class="fa fa-shield fa-rotate-180" aria-hidden="true"></i>&nbsp; fa-rotate-180<br>
<i class="fa fa-shield fa-rotate-270" aria-hidden="true"></i>&nbsp; fa-rotate-270<br>
<i class="fa fa-shield fa-flip-horizontal" aria-hidden="true"></i>&nbsp; fa-flip-horizontal<br>
<i class="fa fa-shield fa-flip-vertical" aria-hidden="true"></i>&nbsp; fa-flip-vertical
</p>
</div>
<div class="col-md-9 col-sm-8">
<p>
To arbitrarily rotate and flip icons, use the <code>fa-rotate-*</code> and <code>fa-flip-*</code> classes.
</p>
{% highlight html %}
<i class="fa fa-shield"></i> normal<br>
<i class="fa fa-shield fa-rotate-90"></i> fa-rotate-90<br>
<i class="fa fa-shield fa-rotate-180"></i> fa-rotate-180<br>
<i class="fa fa-shield fa-rotate-270"></i> fa-rotate-270<br>
<i class="fa fa-shield fa-flip-horizontal"></i> fa-flip-horizontal<br>
<i class="fa fa-shield fa-flip-vertical"></i> fa-flip-vertical
{% endhighlight %}
</div>
</div>
</section>

65
dist/fork-awesome/src/doc/_includes/examples/stacked.html vendored

@ -1,65 +0,0 @@ @@ -1,65 +0,0 @@
<section id="stacked">
<h2 class="page-header">
Stacked Icons
<div class="pull-right text-default margin-top padding-top-sm hidden-xs">
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/less/stacked.less" class="text-muted padding-right">View LESS</a>
<a href="https://github.com/{{ site.forkawesome.github.org }}/{{ site.forkawesome.github.project }}/blob/{{ site.forkawesome.version }}/scss/_stacked.scss" class="text-muted">View SASS</a>
</div>
</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<div class="margin-bottom">
<span class="fa-stack fa-lg" aria-hidden="true">
<i class="fa fa-square-o fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x"></i>
</span>
fa-twitter on fa-square-o<br>
<span class="fa-stack fa-lg" aria-hidden="true">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-flag fa-stack-1x fa-inverse"></i>
</span>
fa-flag on fa-circle<br>
<span class="fa-stack fa-lg" aria-hidden="true">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-terminal fa-stack-1x fa-inverse"></i>
</span>
fa-terminal on fa-square<br>
<span class="fa-stack fa-lg" aria-hidden="true">
<i class="fa fa-camera fa-stack-1x"></i>
<i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
fa-ban on fa-camera
</div>
</div>
<div class="col-md-9 col-sm-8">
<p>
To stack multiple icons, use the <code>fa-stack</code> class on the parent, the <code>fa-stack-1x</code>
for the regularly sized icon, and <code>fa-stack-2x</code> for the larger icon. <code>fa-inverse</code>
can be used as an alternative icon color. You can even throw <a href="#larger">larger icon</a> classes on the parent
to get further control of sizing.
</p>
{% highlight html %}
<span class="fa-stack fa-lg">
<i class="fa fa-square-o fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x"></i>
</span>
fa-twitter on fa-square-o<br>
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-flag fa-stack-1x fa-inverse"></i>
</span>
fa-flag on fa-circle<br>
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-terminal fa-stack-1x fa-inverse"></i>
</span>
fa-terminal on fa-square<br>
<span class="fa-stack fa-lg">
<i class="fa fa-camera fa-stack-1x"></i>
<i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
fa-ban on fa-camera
{% endhighlight %}
</div>
</div>
</section>

20
dist/fork-awesome/src/doc/_includes/footer.html vendored

@ -1,20 +0,0 @@ @@ -1,20 +0,0 @@
<footer id="footer" class="footer hidden-print">
<div class="container text-center">
<div>
<i class="fa fa-fork" aria-hidden="true"></i> {{ site.forkawesome.name }} {{ site.forkawesome.version }}
<span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
A fork of {{ site.fontawesome.name }}, originally created by <a href="https://twitter.com/{{ site.fontawesome.author.twitter }}">{{ site.fontawesome.author.name }}</a>, now maintained by a community.
</div>
<div>
{{ site.forkawesome.name }} is licensed under <a href="{{ site.forkawesome.license.font.url }}">{{ site.forkawesome.license.font.version }}</a>
<span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
Code is licensed under <a href="{{ site.forkawesome.license.code.url }}">{{ site.forkawesome.license.code.version }}</a>
<span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
Documentation is licensed under <a href="{{ site.forkawesome.license.documentation.url }}">{{ site.forkawesome.license.documentation.version }}</a>
</div>
<div class="project">
<a href="{{ site.forkawesome.github.url }}">GitHub Project</a> &middot;
<a href="{{ site.forkawesome.github.url }}/issues">Issues</a>
</div>
</div>
</footer>

12
dist/fork-awesome/src/doc/_includes/icons/accessibility.html vendored

@ -1,12 +0,0 @@ @@ -1,12 +0,0 @@
<section id="accessibility">
<h2 class="page-header">Accessibility Icons</h2>
<div class="row fontawesome-icon-list">
{% assign icons_currency = icons | expand_aliases | where:"categories", "Accessibility Icons" | sort_by:'class' %}
{% for icon in icons_currency %}
<div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
{% endfor %}
</div>
</section>

19
dist/fork-awesome/src/doc/_includes/icons/brand.html vendored

@ -1,19 +0,0 @@ @@ -1,19 +0,0 @@
<section id="brand">
<h2 class="page-header">Brand Icons</h2>
<div class="row fontawesome-icon-list margin-bottom-lg">
{% assign icons_brand = icons | expand_aliases | where:"categories", "Brand Icons" | sort_by:'class' %}
{% for icon in icons_brand %}
<div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
{% endfor %}
</div>
<div class="alert alert-warning">
{% include brand-adblock-warning.html %}
</div>
<div class="alert alert-success">
{% include brand-license.html %}
</div>
</section>

12
dist/fork-awesome/src/doc/_includes/icons/chart.html vendored

@ -1,12 +0,0 @@ @@ -1,12 +0,0 @@
<section id="chart">
<h2 class="page-header">Chart Icons</h2>
<div class="row fontawesome-icon-list">
{% assign icons_chart = icons | expand_aliases | where:"categories", "Chart Icons" | sort_by:'class' %}
{% for icon in icons_chart %}
<div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
{% endfor %}
</div>
</section>

12
dist/fork-awesome/src/doc/_includes/icons/currency.html vendored

@ -1,12 +0,0 @@ @@ -1,12 +0,0 @@
<section id="currency">
<h2 class="page-header">Currency Icons</h2>
<div class="row fontawesome-icon-list">
{% assign icons_currency = icons | expand_aliases | where:"categories", "Currency Icons" | sort_by:'class' %}
{% for icon in icons_currency %}
<div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
{% endfor %}
</div>
</section>

12
dist/fork-awesome/src/doc/_includes/icons/directional.html vendored

@ -1,12 +0,0 @@ @@ -1,12 +0,0 @@
<section id="directional">
<h2 class="page-header">Directional Icons</h2>
<div class="row fontawesome-icon-list">
{% assign icons_directional = icons | expand_aliases | where:"categories", "Directional Icons" | sort_by:'class' %}
{% for icon in icons_directional %}
<div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
{% endfor %}
</div>
</section>

12
dist/fork-awesome/src/doc/_includes/icons/file-type.html vendored

@ -1,12 +0,0 @@ @@ -1,12 +0,0 @@
<section id="file-type">
<h2 class="page-header">File Type Icons</h2>
<div class="row fontawesome-icon-list">
{% assign icons_file_type = icons | expand_aliases | where:"categories", "File Type Icons" | sort_by:'class' %}
{% for icon in icons_file_type %}
<div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
{% endfor %}
</div>
</section>

11
dist/fork-awesome/src/doc/_includes/icons/form-control.html vendored

@ -1,11 +0,0 @@ @@ -1,11 +0,0 @@
<section id="form-control">
<h2 class="page-header">Form Control Icons</h2>
<div class="row fontawesome-icon-list">
{% assign icons_form_control = icons | expand_aliases | where:"categories", "Form Control Icons" | sort_by:'class' %}
{% for icon in icons_form_control %}
<div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
{% endfor %}
</div>
</section>

12
dist/fork-awesome/src/doc/_includes/icons/gender.html vendored

@ -1,12 +0,0 @@ @@ -1,12 +0,0 @@
<section id="gender">
<h2 class="page-header">Gender Icons</h2>
<div class="row fontawesome-icon-list">
{% assign icons_gender = icons | expand_aliases | where:"categories", "Gender Icons" | sort_by:'class' %}
{% for icon in icons_gender %}
<div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
{% endfor %}
</div>
</section>

12
dist/fork-awesome/src/doc/_includes/icons/hand.html vendored

@ -1,12 +0,0 @@ @@ -1,12 +0,0 @@
<section id="hand">
<h2 class="page-header">Hand Icons</h2>
<div class="row fontawesome-icon-list">
{% assign icons_hand = icons | expand_aliases | where:"categories", "Hand Icons" | sort_by:'class' %}
{% for icon in icons_hand %}
<div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
{% endfor %}
</div>
</section>

12
dist/fork-awesome/src/doc/_includes/icons/medical.html vendored

@ -1,12 +0,0 @@ @@ -1,12 +0,0 @@
<section id="medical">
<h2 class="page-header">Medical Icons</h2>
<div class="row fontawesome-icon-list">
{% assign icons_medical = icons | expand_aliases | where:"categories", "Medical Icons" | sort_by:'class' %}
{% for icon in icons_medical %}
<div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
{% endfor %}
</div>
</section>

19
dist/fork-awesome/src/doc/_includes/icons/new.html vendored

@ -1,19 +0,0 @@ @@ -1,19 +0,0 @@
<section id="new">
{% assign version = 1.0 %}
{% assign icons_new = icons | where_exp:"icon", "icon.created >= version" | sort_by:'class' %}
<h2 class="page-header">{{ icons_new | size }} New Icons since {{ version }}</h2>
{% if page.navbar_active != "icons" %}
<div class="margin-botom-large">
You asked, {{ site.forkawesome.name }} delivers with {{ icons_new | size }} shiny new icons in version {{ version }}.
Want to request new icons? <a href="{{ page.relative_path }}community/#requesting-new-icons">Here's how</a>.
</div>
{% endif %}
<div class="row fontawesome-icon-list">
{% for icon in icons_new %}
<div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div>
{% endfor %}
</div>
</section>