diff options
| author | David Luevano Alvarado <david@luevano.xyz> | 2021-06-01 03:21:33 -0600 |
|---|---|---|
| committer | David Luevano Alvarado <david@luevano.xyz> | 2021-06-01 03:21:33 -0600 |
| commit | 6d2c067f0d6bc78eef7ececcec3eba71cbb5d80c (patch) | |
| tree | feb9c3b13d2603526fee6fbd876f5bd8dfe5bcf2 /static/fork-awesome/src/doc | |
| parent | bda8405ebdf2cad9cd2f316d6e5371fece798353 (diff) | |
add fork awesome, contact and donate pages, update general style and update readme
Diffstat (limited to 'static/fork-awesome/src/doc')
242 files changed, 17183 insertions, 0 deletions
diff --git a/static/fork-awesome/src/doc/Makefile b/static/fork-awesome/src/doc/Makefile new file mode 100644 index 0000000..e54ad2a --- /dev/null +++ b/static/fork-awesome/src/doc/Makefile @@ -0,0 +1,70 @@ +--- +--- +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 diff --git a/static/fork-awesome/src/doc/README.md-nobuild b/static/fork-awesome/src/doc/README.md-nobuild new file mode 100644 index 0000000..9ba6e51 --- /dev/null +++ b/static/fork-awesome/src/doc/README.md-nobuild @@ -0,0 +1,95 @@ +--- +--- +# {{ site.forkawesome.name }} +### {{ site.forkawesome.tagline }} + +[](https://www.npmjs.com/package/fork-awesome) +[](CONTRIBUTORS.md) +[](https://www.jsdelivr.com/package/npm/fork-awesome) +[](https://cdnjs.com/libraries/fork-awesome) +[](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 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 @@ +<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><span></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><span></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> 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 @@ +<div id="accessibility-background"> + <h4 class="margin-top-none">About Icon Fonts & 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> 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 @@ +<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> 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 @@ +<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. 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 @@ +<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> 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 @@ +<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> 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 @@ +<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> 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 @@ +<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> 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 @@ +<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 👍 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> 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 @@ +<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> 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 @@ +<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> 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 @@ +<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> 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 @@ +<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><i></code> tag for + brevity, but using a <code><span></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> 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 @@ +<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> 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 @@ +<section id="bordered-pulled"> + <h2 class="page-header"> + Bordered & 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> + …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. + </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— So we beat on, boats against the +current, borne back ceaselessly into the past. +{% endhighlight %} + </div> + </div> +</section> 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 @@ +<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> 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 @@ +<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> Home</a> + <a class="list-group-item" href="#"><i class="fa fa-book fa-fw" aria-hidden="true"></i> Library</a> + <a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i> Applications</a> + <a class="list-group-item" href="#"><i class="fa fa-cog fa-fw" aria-hidden="true"></i> 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 & 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> Home</a> + <a class="list-group-item" href="#"><i class="fa fa-book fa-fw" aria-hidden="true"></i> Library</a> + <a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i> Applications</a> + <a class="list-group-item" href="#"><i class="fa fa-cog fa-fw" aria-hidden="true"></i> Settings</a> +</div> +{% endhighlight %} + </div> + </div> +</section> 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 @@ +<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> 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 @@ +<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> 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 @@ +<section id="rotated-flipped"> + <h2 class="page-header"> + Rotated & 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> normal<br> + <i class="fa fa-shield fa-rotate-90" aria-hidden="true"></i> fa-rotate-90<br> + <i class="fa fa-shield fa-rotate-180" aria-hidden="true"></i> fa-rotate-180<br> + <i class="fa fa-shield fa-rotate-270" aria-hidden="true"></i> fa-rotate-270<br> + <i class="fa fa-shield fa-flip-horizontal" aria-hidden="true"></i> fa-flip-horizontal<br> + <i class="fa fa-shield fa-flip-vertical" aria-hidden="true"></i> 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> 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 @@ +<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> 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 @@ +<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">·</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">·</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">·</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> · + <a href="{{ site.forkawesome.github.url }}/issues">Issues</a> + </div> + </div> +</footer> 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 @@ +<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> 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 @@ +<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> 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 @@ +<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> 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 @@ +<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> 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 @@ +<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> 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 @@ +<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> 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 @@ +<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> 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 @@ +<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> 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 @@ +<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> 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 @@ +<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> 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 @@ +<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> 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 @@ +<section id="payment"> + <h2 class="page-header">Payment Icons</h2> + + <div class="row fontawesome-icon-list"> + {% assign icons_payment = icons | expand_aliases | where:"categories", "Payment Icons" | sort_by:'class' %} + + {% for icon in icons_payment %} + <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> 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 @@ +<section id="spinner"> + <h2 class="page-header">Spinner Icons</h2> + + <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">Note:</strong> + These icons work great with the <code>fa-spin</code> class. Check out the + <a href="{{ page.relative_path }}examples/#animated" class="alert-link">spinning icons example</a>. + </li> + </ul> + </div> + + <div class="row fontawesome-icon-list"> + {% assign icons_spinner = icons | expand_aliases | where:"categories", "Spinner Icons" | sort_by:'class' %} + + {% for icon in icons_spinner %} + <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> 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 @@ +<section id="text-editor"> + <h2 class="page-header">Text Editor Icons</h2> + + <div class="row fontawesome-icon-list"> + {% assign icons_text_editor = icons | expand_aliases | where:"categories", "Text Editor Icons" | sort_by:'class' %} + + {% for icon in icons_text_editor %} + <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> 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 @@ +<section id="transportation"> + <h2 class="page-header">Transportation Icons</h2> + + <div class="row fontawesome-icon-list"> + {% assign icons_transportation = icons | expand_aliases | where:"categories", "Transportation Icons" | sort_by:'class' %} + + {% for icon in icons_transportation %} + <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> 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 @@ +<section id="video-player"> + <h2 class="page-header">Video Player Icons</h2> + + <div class="row fontawesome-icon-list"> + {% assign icons_video_player = icons | expand_aliases | where:"categories", "Video Player Icons" | sort_by:'class' %} + + {% for icon in icons_video_player %} + <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> 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 @@ +<section id="web-application"> + <h2 class="page-header">Web Application Icons</h2> + + <div class="row fontawesome-icon-list"> + {% assign icons_web_application = icons | expand_aliases | where:"categories", "Web Application Icons" | sort_by:'class' %} + + {% for icon in icons_web_application %} + <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> 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 @@ +<div class="jumbotron jumbotron-carousel hidden-print"> + <div class="container"> + <div class="row"> + <div class="col-md-8 col-sm-8 text-center"> + <h1>{{ site.forkawesome.name }}</h1> + <p>{{ site.forkawesome.tagline }}</p> + <div class="actions"> + <a class="btn btn-default btn-lg" href="#modal-download" data-toggle="modal"> + <i class="fa fa-download fa-lg" aria-hidden="true"></i> + Download + </a> + </div> + <div class="shameless-self-promotion"> + Version {{ site.forkawesome.version }} + · + <a href="{{ site.forkawesome.github.url }}"> + <i class="fa fa-github-alt" aria-hidden="true"></i> GitHub Project + </a> + </div> + </div> + <div class="col-md-4 col-sm-4"> + <div id="icon-carousel" class="carousel slide"> + <div class="carousel-inner"> + <div class="active item"><div><i class="fa fa-fork-awesome" aria-hidden="true"></i><span class="sr-only">fork awesome icon</span></div></div> + <div class="item"><div><i class="fa fa-bath" aria-hidden="true"></i><span class="sr-only">bath icon</span></div></div> + <div class="item"><div><i class="fa fa-envelope-open-o" aria-hidden="true"></i><span class="sr-only">envelope icon</span></div></div> + <div class="item"><div><i class="fa fa-commenting" aria-hidden="true"></i><span class="sr-only">commenting icon</span></div></div> + <div class="item"><div><i class="fa fa-map-signs" aria-hidden="true"></i><span class="sr-only">map signs icon</span></div></div> + <div class="item"><div><i class="fa fa-camera-retro" aria-hidden="true"></i><span class="sr-only">camera icon</span></div></div> + <div class="item"><div><i class="fa fa-send-o" aria-hidden="true"></i><span class="sr-only">send icon</span></div></div> + <div class="item"><div><i class="fa fa-book" aria-hidden="true"></i><span class="sr-only">book icon</span></div></div> + <div class="item"><div><i class="fa fa-gitlab" aria-hidden="true"></i><span class="sr-only">gitlab icon</span></div></div> + <div class="item"><div><i class="fa fa-heart-o" aria-hidden="true"></i><span class="sr-only">heart icon</span></div></div> + <div class="item"><div><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sr-only">thumbs up icon</span></div></div> + <div class="item"><div><i class="fa fa-mastodon" aria-hidden="true"></i><span class="sr-only">mastodon icon</span></div></div> + </div> + <!-- Carousel nav --> + <a class="carousel-control left" href="#icon-carousel" data-slide="prev"> + <i class="fa fa-arrow-circle-left" aria-hidden="true"></i> + <span class="sr-only">Previous</span> + </a> + <a class="carousel-control right" href="#icon-carousel" data-slide="next"> + <i class="fa fa-arrow-circle-right" aria-hidden="true"></i> + <span class="sr-only">Next</span> + </a> + </div> + </div> + </div> + + </div> +</div> 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 @@ +<div class="jumbotron jumbotron-ad hidden-print"> + <div class="container"> + {% if page.in_page_nav %} + <div class="col-md-9"> + <h1>{{ jumbotron_h1 }}</h1> + <p>{{ jumbotron_p }}</p> + </div> + + <div class="col-md-3"> + {{ jumbotron_nav }} + </div> + {% else %} + <h1>{{ jumbotron_h1 }}</h1> + <p>{{ jumbotron_p }}</p> + {% endif %} + </div> +</div> 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 @@ +<div class="modal fade" id="modal-download" tabindex="-1" role="dialog" aria-labelledby="modal-download-label" + xmlns="http://www.w3.org/1999/html"> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times" aria-hidden="true"></i><span class="close"></span></button> + <h2 class="modal-title" id="modal-download-label"> + <i class="fa fa-download fa-lg" aria-hidden="true"></i> + Download + </h2> + </div> + <div class="modal-body"> + <a class="btn btn-primary btn-lg btn-block" href="{{ site.forkawesome.github.url }}/archive/{{ site.forkawesome.version }}.zip"> + {{ site.forkawesome.name }} {{ site.forkawesome.version }} + </a> + <div class="row margin-bottom-lg margin-top-lg"> + <div class="col-md-12 text-center"> + More ways to install {{ site.forkawesome.name }} coming soon!<br/> + In the meantime, don't forget to read <a href="{{ page.relative_path }}get-started">how to get started</a>. + </div> + </div> + </div> + </div> + </div> +</div> 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 @@ +<div class="navbar navbar-inverse navbar-static-top hidden-print"> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> + <i class="fa fa-bars fa-lg" aria-hidden="true" title="Toggle navigation"></i> + <span class="sr-only">Toggle navigation</span> + </button> + <a class="navbar-brand" href="{{ page.relative_path }}"><i class="fa fa-fork-awesome" aria-hidden="true"></i> {{ site.forkawesome.name }}</a> + </div> + + <div class="navbar-collapse collapse"> + <ul class="nav navbar-nav"> + <li class="hidden-sm {% if page.navbar_active == "home" %} active{% endif %}"><a href="{{ page.relative_path }}">Home</a></li> + <li class="hidden-sm{% if page.navbar_active == "whats-new" %} active{% endif %}"> + <a href="{{ page.relative_path }}whats-new/">What's New</a> + </li> + <li class="hidden-xs hidden-md hidden-lg{% if page.navbar_active == "whats-new" %} active{% endif %}"> + <a href="{{ page.relative_path }}whats-new/">New</a> + </li> + + <li class="hidden-sm{% if page.navbar_active == "get-started" %} active{% endif %}"><a href="{{ page.relative_path }}get-started/">Get Started</a></li> + <li class="hidden-xs hidden-md hidden-lg{% if page.navbar_active == "get-started" %} active{% endif %}"> + <a href="{{ page.relative_path }}get-started/">Start</a> + </li> + + <li class="dropdown-split-left{% if page.navbar_active == "icons" %} active{% endif %}"><a href="{{ page.relative_path }}icons/">Icons</a></li> + <li class="dropdown dropdown-split-right hidden-xs{% if page.navbar_active == "icons" %} active{% endif %}"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i> + <span class="sr-only">Toggle dropdown menu</span> + <span class="toggle drop down"></span> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="{{ page.relative_path }}icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i> All Icons</a></li> + <li class="divider"></li> + <li><a href="{{ page.relative_path }}icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i> New Icons in {{ site.fontawesome.minor_version }}</a></li> + <li><a href="{{ page.relative_path }}icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i> Web Application Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i> Accessibility Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i> Hand Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#transportation"><i class="fa fa-ship fa-fw" aria-hidden="true"></i> Transportation Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#gender"><i class="fa fa-venus fa-fw" aria-hidden="true"></i> Gender Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#file-type"><i class="fa fa-file-image-o fa-fw" aria-hidden="true"></i> File Type Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#spinner"><i class="fa fa-spinner fa-fw" aria-hidden="true"></i> Spinner Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#form-control"><i class="fa fa-check-square fa-fw" aria-hidden="true"></i> Form Control Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#payment"><i class="fa fa-credit-card fa-fw" aria-hidden="true"></i> Payment Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#chart"><i class="fa fa-pie-chart fa-fw" aria-hidden="true"></i> Chart Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#currency"><i class="fa fa-won fa-fw" aria-hidden="true"></i> Currency Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#text-editor"><i class="fa fa-file-text-o fa-fw" aria-hidden="true"></i> Text Editor Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#directional"><i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i> Directional Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#video-player"><i class="fa fa-play-circle fa-fw" aria-hidden="true"></i> Video Player Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#brand"><i class="fa fa-facebook-official fa-fw" aria-hidden="true"></i> Brand Icons</a></li> + <li><a href="{{ page.relative_path }}icons/#medical"><i class="fa fa-medkit fa-fw" aria-hidden="true"></i> Medical Icons</a></li> + </ul> + </li> + <li class="dropdown-split-left{% if page.navbar_active == "examples" %} active{% endif %}"><a href="{{ page.relative_path }}examples/">Examples</a></li> + <li class="dropdown dropdown-split-right hidden-xs{% if page.navbar_active == "examples" %} active{% endif %}"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i> + <span class="sr-only">Toggle dropdown menu</span> + <span class="toggle drop down"></span> + </a> + <ul class="dropdown-menu pull-right"> + <li><a href="{{ page.relative_path }}examples/">Examples</a></li> + <li class="divider"></li> + <li><a href="{{ page.relative_path }}examples/#basic">Basic Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#larger">Larger Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#fixed-width">Fixed Width Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#list">List Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#bordered-pulled">Bordered & Pulled Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#animated">Animated Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#accessible">Accessibility-Minded</a></li> + <li><a href="{{ page.relative_path }}examples/#rotated-flipped">Rotated & Flipped Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#stacked">Stacked Icons</a></li> + <li><a href="{{ page.relative_path }}examples/#bootstrap">Bootstrap 3 Examples</a></li> + <li><a href="{{ page.relative_path }}examples/#custom">Custom CSS</a></li> + </ul> + </li> + <li class="hidden-sm{% if page.navbar_active == "accessibility" %} active{% endif %}"><a href="{{ page.relative_path }}accessibility/">Accessibility</a></li> + <li class="hidden-xs hidden-md hidden-lg{% if page.navbar_active == "accessibility" %} active{% endif %}"><a href="{{ page.relative_path }}accessibility/"><i class="fa fa-universal-access"></i></a></li> + <li{% if page.navbar_active == "community" %} class="active"{% endif %}><a href="{{ page.relative_path }}community/">Community</a></li> + <li{% if page.navbar_active == "license" %} class="active"{% endif %}><a href="{{ page.relative_path }}license/">License</a></li> + </ul> + </div> + </div> +</div> 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 @@ + +<section id="whats-new" class="feature-list"> + <div class="row"> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-file-text-o" aria-hidden="true"></i> Completely Rewritten</h4> + Everything re-written from the ground up for speed and simplicity. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-fighter-jet" aria-hidden="true"></i> CSS Best Practices</h4> + New icon base class allows simpler CSS, faster rendering, and easier control. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-terminal" aria-hidden="true"></i> New Icon Names</h4> + Icons have been renamed to improve consistency and predictability. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> Bootstrap 3</h4> + {{ site.forkawesome.name }} {{ site.forkawesome.minor_version }} is fully tested and compatible with Bootstrap 3. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-code" aria-hidden="true"></i> Better Compatibility</h4> + {{ site.forkawesome.name }}is now more compatible with all web frameworks, including Foundation. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-rub" aria-hidden="true"></i> {{ icons | version:site.forkawesome.minor_version | size }} New Icons in {{ site.fontawesome.minor_version }}</h4> + Requested by the active community on the <a href="{{ site.forkawesome.github.url }}">{{ site.forkawesome.name }} GitHub project</a>. + </div> + </div> +</section> 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 @@ +<section id="new-naming"> + <h2 class="page-header">New Naming Conventions in {{ site.forkawesome.minor_version }}</h2> + <p class="lead text-center alert alert-success">fa-[name]-[shape]-[o]-[direction]</p> + <p> + A desire for better icon naming <strong>consistency</strong> and <strong>predictability</strong> 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. + </p> + <div class="row"> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">fa-*</h4> + <p class="margin-bottom-sm">Solid icons as the base variant</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-bookmark fa-li" aria-hidden="true"></i> + fa-bookmark + </li> + <li> + <i class="fa fa-comment fa-li" aria-hidden="true"></i> + fa-comment + </li> + <li> + <i class="fa fa-folder fa-li" aria-hidden="true"></i> + fa-folder + </li> + </ul> + </div> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">*-o</h4> + <p class="margin-bottom-sm">Outlined version of previous modifier</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-bookmark-o fa-li" aria-hidden="true"></i> + fa-bookmark-o + </li> + <li> + <i class="fa fa-comment-o fa-li" aria-hidden="true"></i> + fa-comment-o + </li> + <li> + <i class="fa fa-folder-o fa-li" aria-hidden="true"></i> + fa-folder-o + </li> + </ul> + </div> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">*-circle</h4> + <p class="margin-bottom-sm">Circle under previous modifier</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-check-circle fa-li" aria-hidden="true"></i> + fa-check-circle + </li> + <li> + <i class="fa fa-exclamation-circle fa-li" aria-hidden="true"></i> + fa-exclamation-circle + </li> + <li> + <i class="fa fa-plus-circle fa-li" aria-hidden="true"></i> + fa-plus-circle + </li> + </ul> + </div> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">*-square</h4> + <p class="margin-bottom-sm">Square under previous modifier</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-check-square fa-li" aria-hidden="true"></i> + fa-check-square + </li> + <li> + <i class="fa fa-twitter-square fa-li" aria-hidden="true"></i> + fa-twitter-square + </li> + <li> + <i class="fa fa-plus-square fa-li" aria-hidden="true"></i> + fa-plus-square + </li> + </ul> + </div> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">*-right, *-up, etc.</h4> + <p class="margin-bottom-sm">Directional modifier always at the end</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-arrow-right fa-li" aria-hidden="true"></i> + fa-arrow-right + </li> + <li> + <i class="fa fa-arrow-circle-right fa-li" aria-hidden="true"></i> + fa-arrow-circle-right + </li> + <li> + <i class="fa fa-angle-double-right fa-li" aria-hidden="true"></i> + fa-angle-double-right + </li> + </ul> + </div> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">*-alt</h4> + <p class="margin-bottom-sm">Alternative to the original</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-unlock-alt fa-li" aria-hidden="true"></i> + fa-unlock-alt + </li> + <li> + <i class="fa fa-list-alt fa-li" aria-hidden="true"></i> + fa-list-alt + </li> + <li> + <i class="fa fa-github-alt fa-li" aria-hidden="true"></i> + fa-github-alt + </li> + </ul> + </div> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">*-h, *-v</h4> + <p class="margin-bottom-sm">Horizontal & vertical modifiers</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-arrows-v fa-li" aria-hidden="true"></i> + fa-arrows-v + </li> + <li> + <i class="fa fa-arrows-h fa-li" aria-hidden="true"></i> + fa-arrows-h + </li> + <li> + <i class="fa fa-ellipsis-v fa-li" aria-hidden="true"></i> + fa-ellipsis-v + </li> + </ul> + </div> + <div class="col-lg-3 col-md-4 col-sm-6"> + <h4 class="margin-bottom-sm">Combine 'em up&helip;</h4> + <p class="margin-bottom-sm">Consistent when strung together</p> + <ul class="fa-ul padding-left-sm"> + <li> + <i class="fa fa-arrow-circle-o-right fa-li" aria-hidden="true"></i> + fa-arrow-circle-o-right + </li> + <li> + <i class="fa fa-caret-square-o-right fa-li" aria-hidden="true"></i> + fa-caret-square-o-right + </li> + <li> + <i class="fa fa-hand-o-right fa-li" aria-hidden="true"></i> + fa-hand-o-right + </li> + </ul> + </div> + + </div> + +</section> 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 @@ +<section id="new-upgrading"> + <h2 class="page-header">Switching from {{ site.fontawesome.name }} {{ site.fontawesome.minor_version }}?</h2> + <p> + 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. + </p> + <p> + 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 <a href="{{ page.relative_path }}community/#reporting-bugs">file a bug</a>. + </p> +</section> 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 @@ +<a class="product" href="http://www.amazon.com/Camera-Retro-T-shirt-Small-Asphalt/dp/B01ELWGV14"> + <div class="product-sizes"> + <span class="sr-only">Available in the following sizes: </span> + <i class="fa fa-male" title="Men"></i> + <i class="fa fa-female" title="Women"></i> + <i class="fa fa-child" title="Kids"></i> + </div> + <div class="tab-content"> + <div class="tab-pane active" id="camera-asphalt"> + <img src="http://ecx.images-amazon.com/images/I/81mzUUTrfYL._UX679_.jpg"> + </div> + <div class="tab-pane" id="camera-kelly-green"> + <img src="http://ecx.images-amazon.com/images/I/81AihmIpmUL._UX679_.jpg"> + </div> + </div> + + <ul class="list-inline text-center margin-bottom-0"> + <li class="active"><span data-target="#camera-asphalt" data-toggle="tab"><span class="swatch swatch-asphalt" title="Asphalt"></span><span class="sr-only"> Asphalt</span></span></li> + <li><span data-target="#camera-kelly-green" data-toggle="tab"><span class="swatch swatch-kellygreen" title="Kelly Green"></span> <span class="sr-only"> Kelly Green</span></span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom-sm"> + <h3 class="gg-col product-title margin-top-0 margin-bottom-0 padding-right-sm">Camera Retro Tee</h3> + <h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3> + </div> + <div class="text-muted"> + American Apparel Fine Jersey Short Sleeve T-Shirt + </div> +</a> 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 @@ +<a class="product" href="http://www.amazon.com/Mens-Classics-T-shirt-Small-Navy/dp/B01ELY5MT4"> + <div class="product-sizes"> + <span class="sr-only">Available in the following sizes: </span> + <i class="fa fa-male" title="Men"></i> + <i class="fa fa-female" title="Women"></i> + <i class="fa fa-child" title="Kids"></i> + </div> + <div class="tab-content"> + <div class="tab-pane active" id="classics-kelly-green"> + <img src="http://ecx.images-amazon.com/images/I/81nYbDVxo8L._UX679_.jpg"> + </div> + <div class="tab-pane" id="classics-navy"> + <img src="http://ecx.images-amazon.com/images/I/81MMb-JjRNL._UX679_.jpg"> + </div> + </div> + + <ul class="list-inline text-center margin-bottom-0"> + <li class="active"><span data-target="#classics-kelly-green" data-toggle="tab"><span class="swatch swatch-kellygreen" title="Kelly Green"></span> <span class="sr-only"> Kelly Green</span></span></li> + <li><span data-target="#classics-navy" data-toggle="tab"><span class="swatch swatch-navy"></span><span class="sr-only" title="Navy"> Navy</span></span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom-sm"> + <h3 class="gg-col product-title margin-top-0 margin-bottom-0 padding-right-sm">Classics Tee</h3> + <h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3> + </div> + <div class="text-muted"> + American Apparel Fine Jersey Short Sleeve T-Shirt + </div> +</a> 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 @@ +<div class="product-cta"> + <h3 class="cta-title">Have Ideas or Requests?</h3> + + <div class="cta-content"> + <p> + 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? + </p> + + <p> + 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. + </p> + </div> + + <a class="btn btn-success btn-block btn-lg" href="mailto:suggestions@fortawesome.com?subject=I have a store idea!">Make a Store Suggestion!</a> + + + <p class="text-muted cta-fine-print"> + Please note: While we appreciate all suggestions, not every idea might be right for Font Awesome nor could we physically make every idea. + </p> +</div> 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 @@ +<a class="product" href="http://www.amazon.com/Father-T-shirt-Small-Kelly-Green/dp/B01ELXTKW0"> + <div class="product-sizes"> + <span class="sr-only">Available in the following sizes: </span> + <i class="fa fa-male" title="Men"></i> + </div> + <div class="tab-content"> + <div class="tab-pane active" id="father-kelly-green"> + <img src="http://ecx.images-amazon.com/images/I/81QUekkdt7L._UX679_.jpg"> + </div> + <div class="tab-pane" id="father-navy"> + <img src="http://ecx.images-amazon.com/images/I/817wsSl9ScL._UX679_.jpg"> + </div> + </div> + + <ul class="list-inline text-center margin-bottom-0"> + <li class="active"><span data-target="#father-kelly-green" data-toggle="tab"><span class="swatch swatch-kellygreen" title="Kelly Green"></span> <span class="sr-only"> Kelly Green</span></span></li> + <li><span data-target="#father-navy" data-toggle="tab"><span class="swatch swatch-navy" title="Navy"></span><span class="sr-only"> Navy</span></span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom-sm"> + <h3 class="gg-col product-title margin-top-0 margin-bottom-0 padding-right-sm">Fa-ther Tee</h3> + <h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3> + </div> + <div class="text-muted"> + American Apparel Fine Jersey Short Sleeve T-Shirt + </div> +</a> 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 @@ +<a class="product" href="http://www.amazon.com/Mens-Schmancy-Green-Small-Black/dp/B01ELYOYY8"> + <div class="product-sizes"> + <span class="sr-only">Available in the following sizes: </span> + <i class="fa fa-male" title="Men"></i> + <i class="fa fa-female" title="Women"></i> + <i class="fa fa-child" title="Kids"></i> + </div> + <div class="tab-content"> + <div class="tab-pane active" id="green-logo-black"> + <img src="http://ecx.images-amazon.com/images/I/715simtOAGL._UX679_.jpg"> + </div> + <div class="tab-pane" id="green-logo-kelly-green"> + <img src="http://ecx.images-amazon.com/images/I/81Y2BFVgUAL._UX679_.jpg"> + </div> + </div> + + <ul class="list-inline text-center margin-bottom-0"> + <li class="active"><span data-target="#green-logo-black" data-toggle="tab"><span class="swatch swatch-navy" title="Navy"></span><span class="sr-only"> Navy</span></span></li> + <li><span data-target="#green-logo-kelly-green" data-toggle="tab"><span class="swatch swatch-kellygreen" title="Kelly Green"></span> <span class="sr-only"> Kelly Green</span></span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom-sm"> + <h3 class="gg-col product-title margin-top-0 margin-bottom-0 padding-right-sm">Green Logo Tee</h3> + <h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3> + </div> + <div class="text-muted"> + American Apparel Fine Jersey Short Sleeve T-Shirt + </div> +</a> 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 @@ +<a class="product" href="http://www.amazon.com/Mens-Skool-T-shirt-Small-Navy/dp/B01ELWVHJ0"> + <div class="product-sizes"> + <span class="sr-only">Available in the following sizes: </span> + <i class="fa fa-male" title="Men"></i> + <i class="fa fa-female" title="Women"></i> + <i class="fa fa-child" title="Kids"></i> + </div> + <div class="tab-content"> + <div class="tab-pane active" id="old-skool-kelly-green"> + <img src="http://ecx.images-amazon.com/images/I/812ghxTnRrL._UX679_.jpg"> + </div> + <div class="tab-pane" id="old-skool-navy"> + <img src="http://ecx.images-amazon.com/images/I/819SDvnOv8L._UX679_.jpg"> + </div> + </div> + + <ul class="list-inline text-center margin-bottom-0"> + <li class="active"><span data-target="#old-skool-kelly-green" data-toggle="tab"><span class="swatch swatch-kellygreen" title="Kelly Green"></span> <span class="sr-only"> Kelly Green</span></span></li> + <li><span data-target="#old-skool-navy" data-toggle="tab"><span class="swatch swatch-navy" title="Navy"></span><span class="sr-only"> Navy</span></span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom-sm"> + <h3 class="gg-col product-title margin-top-0 margin-bottom-0 padding-right-sm">Old Skool Tee</h3> + <h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3> + </div> + <div class="text-muted"> + American Apparel Fine Jersey Short Sleeve T-Shirt + </div> +</a> 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 @@ +<a class="product" href="http://www.amazon.com/Paper-Scissors-Lizard-Spock-T-shirt/dp/B01ELX6N7U"> + <div class="product-sizes"> + <span class="sr-only">Available in the following sizes: </span> + <i class="fa fa-male" title="Men"></i> + <i class="fa fa-female" title="Women"></i> + <i class="fa fa-child" title="Kids"></i> + </div> + <div class="tab-content"> + <div class="tab-pane active" id="rpsls-blue"> + <img src="http://ecx.images-amazon.com/images/I/81AqlTK02KL._UX679_.jpg"> + </div> + </div> + + <ul class="list-inline text-center margin-bottom-0"> + <li class="active"><span data-target="#rpsls-blue" data-toggle="tab"><span class="swatch swatch-royalblue" title="Royal Blue"></span><span class="sr-only"> Royal Blue</span></span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom-sm"> + <h3 class="gg-col product-title margin-top-0 margin-bottom-0 padding-right-sm">Rock Paper Scissors Lizard Spock Tee</h3> + <h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3> + </div> + <div class="text-muted"> + American Apparel Fine Jersey Short Sleeve T-Shirt + </div> +</a> 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 @@ +<a class="product" href="http://www.amazon.com/Space-Shuttle-T-shirt-Small-Black/dp/B01ELRXO14"> + <div class="product-sizes"> + <span class="sr-only">Available in the following sizes: </span> + <i class="fa fa-male" title="Men"></i> + <i class="fa fa-female" title="Women"></i> + <i class="fa fa-child" title="Kids"></i> + </div> + <div class="tab-content"> + <div class="tab-pane active" id="shuttle-black"> + <img src="http://ecx.images-amazon.com/images/I/71e4BRlSOML._UX679_.jpg"> + </div> + <div class="tab-pane" id="shuttle-navy"> + <img src="http://ecx.images-amazon.com/images/I/81U%2BSAV23IL._UX679_.jpg"> + </div> + </div> + + <ul class="list-inline text-center margin-bottom-0"> + <li class="active"><span data-target="#shuttle-black" data-toggle="tab"><span class="swatch swatch-black" title="Black"></span><span class="sr-only"> Black</span></span></li> + <li><span data-target="#shuttle-navy" data-toggle="tab"><span class="swatch swatch-navy" title="Navy"></span><span class="sr-only"> Navy</span></span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom-sm"> + <h3 class="gg-col product-title margin-top-0 margin-bottom-0 padding-right-sm">Space Shuttle Tee</h3> + <h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3> + </div> + <div class="text-muted"> + American Apparel Fine Jersey Short Sleeve T-Shirt + </div> +</a> 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 @@ +<a class="product" href="http://www.amazon.com/Mens-Schmancy-White-T-shirt-Small/dp/B01ELYG428"> + <div class="product-sizes"> + <span class="sr-only">Available in the following sizes: </span> + <i class="fa fa-male" title="Men"></i> + <i class="fa fa-female" title="Women"></i> + <i class="fa fa-child" title="Kids"></i> + </div> + <div class="tab-content"> + <div class="tab-pane active" id="white-logo-kelly-green"> + <img src="http://ecx.images-amazon.com/images/I/81fPcfH8KkL._UX679_.jpg"> + </div> + <div class="tab-pane" id="white-logo-navy"> + <img src="http://ecx.images-amazon.com/images/I/81wt4C6gBlL._UX679_.jpg"> + </div> + <div class="tab-pane" id="white-logo-silver"> + <img src="http://ecx.images-amazon.com/images/I/71pEdMm86PL._UX679_.jpg"> + </div> + </div> + + <ul class="list-inline text-center margin-bottom-0"> + <li class="active"><span data-target="#white-logo-kelly-green" data-toggle="tab"><span class="swatch swatch-kellygreen" title="Kelly Green"></span> <span class="sr-only"> Kelly Green</span></span></li> + <li><span data-target="#white-logo-navy" data-toggle="tab"><span class="swatch swatch-navy" title="Navy"></span><span class="sr-only"> Navy</span></span></li> + <li><span data-target="#white-logo-silver" data-toggle="tab"><span class="swatch swatch-silver" title="Silver"></span><span class="sr-only"> Silver</span></span></li> + </ul> + + <hr /> + + <div class="gg margin-bottom-sm"> + <h3 class="gg-col product-title margin-top-0 margin-bottom-0">White Logo Tee</h3> + <h3 class="gg-col text-right text-success margin-top-0 margin-bottom-0">$28</h3> + </div> + <div class="text-muted"> + American Apparel Fine Jersey Short Sleeve T-Shirt + </div> +</a> 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 @@ +<div id="social-buttons" class="hidden-print"> + <div class="container"> + <ul class="list-inline"> + <li> + <input name="popup" id="overlay" class="overlay" type="radio"> + <span class="share"> + <label class="share-btn btn btn-xs diaspora" title="Share this page on Diaspora*" for="diaspora-share"> + <i class="fa fa-diaspora" aria-hidden="true"></i> Spread + </label> + <input name="popup" id="diaspora-share" class="hidden" type="radio"> + <span class="popup"> + <label for="overlay"></label> + <input name="podurl" value="" placeholder="Diaspora URL (joindiaspora.con)" type="text"><button class="share-btn" type="submit" value="diaspora">OK</button> + </span> + </span> + </li> + <li> + <input name="popup" id="overlay" class="overlay" type="radio"> + <span class="share"> + <label class="share-btn btn btn-xs mastodon" title="Share this page on Mastodon" for="mastodon-share"> + <i class="fa fa-mastodon" aria-hidden="true"></i> Toot + </label> + <input name="popup" id="mastodon-share" class="hidden" type="radio"> + <span class="popup"> + <label for="overlay"></label> + <input name="podurl" value="" placeholder="Mastodon URL (mastodon.social)" type="text"><button class="share-btn" type="submit" value="mastodon">OK</button> + </span> + </span> + </li> + <li> + <span class="share"> + <a + class="btn btn-xs twitter" + href="https://twitter.com/intent/tweet?url={{ site.forkawesome.url | cgi_escape }}&text={{ site.forkawesome.name | cgi_escape }}%20{{ site.forkawesome.tagline | cgi_escape }}&hashtags=forkawesome,iconfont" + target="_blank" + > + <i class="fa fa-twitter" aria-hidden="true"></i> Tweet + </a> + </span> + </li> + <li class="github-btn"> + <iframe src="https://ghbtns.com/github-btn.html?user=ForkAwesome&repo=Fork-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe> + </li> + </ul> + </div> +</div> 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 @@ +<a href="#"><i class="fa fa-flag" aria-hidden="true"></i> normal</a><br> +<a href="#"><i class="fa fa-flag fa-rotate-90" aria-hidden="true"></i> fa-rotate-90</a><br> +<a href="#"><i class="fa fa-flag fa-rotate-180" aria-hidden="true"></i> fa-rotate-180</a><br> +<a href="#"><i class="fa fa-flag fa-rotate-270" aria-hidden="true"></i> fa-rotate-270</a><br> +<a href="#"><i class="fa fa-flag fa-flip-horizontal" aria-hidden="true"></i> fa-flip-horizontal</a><br> +<a href="#"><i class="fa fa-flag fa-flip-vertical" aria-hidden="true"></i> fa-flip-vertical</a> 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 @@ +<a class="btn btn-default" href="#"><i class="fa fa-flag" aria-hidden="true"></i> normal</a><br> +<a class="btn btn-default" href="#"><i class="fa fa-flag fa-rotate-90" aria-hidden="true"></i> fa-rotate-90</a><br> +<a class="btn btn-default" href="#"><i class="fa fa-flag fa-rotate-180" aria-hidden="true"></i> fa-rotate-180</a><br> +<a class="btn btn-default" href="#"><i class="fa fa-flag fa-rotate-270" aria-hidden="true"></i> fa-rotate-270</a><br> +<a class="btn btn-default" href="#"><i class="fa fa-flag fa-flip-horizontal" aria-hidden="true"></i> fa-flip-horizontal</a><br> +<a class="btn btn-default" href="#"><i class="fa fa-flag fa-flip-vertical" aria-hidden="true"></i> fa-flip-vertical</a> 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 @@ +<i class="fa fa-flag" aria-hidden="true"></i> normal<br> +<i class="fa fa-flag fa-rotate-90" aria-hidden="true"></i> fa-rotate-90<br> +<i class="fa fa-flag fa-rotate-180" aria-hidden="true"></i> fa-rotate-180<br> +<i class="fa fa-flag fa-rotate-270" aria-hidden="true"></i> fa-rotate-270<br> +<i class="fa fa-flag fa-flip-horizontal" aria-hidden="true"></i> fa-flip-horizontal<br> +<i class="fa fa-flag fa-flip-vertical" aria-hidden="true"></i> 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 @@ +<p> + <a href="#"> + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x fa-inverse"></i> + </span> + Twitter Icon + </a> + <a href="#"> + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-facebook-f fa-stack-1x fa-inverse"></i> + </span> + Facebook Icon + </a> + <a href="#"> + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-github fa-stack-1x fa-inverse"></i> + </span> + GitHub Icon + </a> +</p> +<p> + <a href="#"> + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x fa-inverse"></i> + </span> + Twitter Icon + </a> + <a href="#"> + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-facebook-f fa-stack-1x fa-inverse"></i> + </span> + Facebook Icon + </a> + <a href="#"> + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-github fa-stack-1x fa-inverse"></i> + </span> + GitHub Icon + </a> +</p> +<p> + <a href="#"> + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-circle-o fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x"></i> + </span> + Twitter Icon + </a> + <a href="#"> + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-circle-o fa-stack-2x"></i> + <i class="fa fa-facebook-f fa-stack-1x"></i> + </span> + Facebook Icon + </a> + <a href="#"> + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-circle-o fa-stack-2x"></i> + <i class="fa fa-github fa-stack-1x"></i> + </span> + GitHub Icon + </a> +</p> 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 @@ +<span class="fa-stack" aria-hidden="true"> + <i class="fa fa-calendar-o fa-stack-2x"></i> + <span class="fa-stack-1x padding-top-sm">27</span> +</span> 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 @@ +<span style="border: solid 1px #d3d3d3; display: inline-block; text-align: center"> + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x fa-inverse"></i> + </span><br>Center +</span> +<hr> +<p> + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x fa-inverse"></i> + </span> + Twitter Icon + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-facebook-f fa-stack-1x fa-inverse"></i> + </span> + Facebook Icon + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-square fa-stack-2x"></i> + <i class="fa fa-github fa-stack-1x fa-inverse"></i> + </span> + GitHub Icon +</p> +<p> + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x fa-inverse"></i> + </span> + Twitter Icon + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-facebook-f fa-stack-1x fa-inverse"></i> + </span> + Facebook Icon + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-github fa-stack-1x fa-inverse"></i> + </span> + GitHub Icon +</p> +<p> + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-circle-o fa-stack-2x"></i> + <i class="fa fa-twitter fa-stack-1x"></i> + </span> + Twitter Icon + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-circle-o fa-stack-2x"></i> + <i class="fa fa-facebook-f fa-stack-1x"></i> + </span> + Facebook Icon + <span class="fa-stack" aria-hidden="true"> + <i class="fa fa-circle-o fa-stack-2x"></i> + <i class="fa fa-github fa-stack-1x"></i> + </span> + GitHub Icon +</p> 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 @@ +<section id="thanks-to"> + <h2 class="page-header">Thanks To</h2> + <div class="row"> + <div class="col-md-4 col-sm-4"> + <p> + Thanks to <a href="https://twitter.com/davegandy">@davegandy</a> for his + original work on {{ site.fontawesome.name }} and to + <a href="https://twitter.com/gtagliala">@gtagliala</a> for managing pull + requests and issues on the Font Awesome Github repo. + </p> + </div> + <div class="col-md-8 col-sm-8"> + <p> + Thanks to the still growing community of <a href="https://github.com/ForkAwesome/Fork-Awesome/blob/master/CONTRIBUTORS.md">{{ page.total_contributors }} contributors</a> 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. + </p> + </div> + </div> +</section> 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 @@ +<section id="why" class="feature-list"> + <div class="row"> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-fork-awesome" aria-hidden="true"></i> One Font, {{ icons | size }} Icons</h4> + In a single collection, {{ site.forkawesome.name }} is a pictographic language of web-related actions. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-ban" aria-hidden="true"></i> No JavaScript Required</h4> + Fewer compatibility concerns because {{ site.forkawesome.name }} doesn't require JavaScript. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-arrows-alt" aria-hidden="true"></i> Infinite Scalability</h4> + Scalable vector graphics means every icon looks awesome at any size. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-microphone" aria-hidden="true"></i> Free, as in Speech</h4> + {{ site.forkawesome.name }} is completely free for commercial use. Check out the <a href="{{ page.relative_path }}license/">license</a>. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-pencil" aria-hidden="true"></i> CSS Control</h4> + Easily style icon color, size, shadow, and anything that's possible with CSS. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-eye" aria-hidden="true"></i> Perfect on Retina Displays</h4> + {{ site.forkawesome.name }} icons are vectors, which mean they're gorgeous on high-resolution displays. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-gamepad" aria-hidden="true"></i> Plays Well with Others</h4> + Originally designed for <a href="{{ site.bootstrap.url }}">Bootstrap</a>, {{ site.forkawesome.name }} works great with all frameworks. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-desktop" aria-hidden="true"></i> Desktop Friendly</h4> + To use on the desktop or for a complete set of vectors, + check out the <a href="{{ page.relative_path }}cheatsheet/">cheatsheet</a>. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-wheelchair" aria-hidden="true"></i> Accessibility-minded</h4> + {{ site.forkawesome.name }} <i class="fa fa-heart" aria-hidden="true"></i><span class="sr-only">loves</span> screen readers and +<a href="{{ page.relative_path }}accessibility/">helps make your icons accessible</a> on the web. + </div> + </div> +</section> diff --git a/static/fork-awesome/src/doc/_layouts/base.html b/static/fork-awesome/src/doc/_layouts/base.html new file mode 100644 index 0000000..62ee184 --- /dev/null +++ b/static/fork-awesome/src/doc/_layouts/base.html @@ -0,0 +1,56 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1"> + <meta name="description" content="Fork Awesome, a fork of the iconic font and CSS framework"> + <meta name="author" content="Dave Gandy"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <link rel="shortcut icon" href="{{ page.relative_path }}assets/ico/favicon.ico"> + + <title>{% if page.title %}{{ page.title }}{% endif %}</title> + + <!-- CSS + ================================================== --> + <link rel="stylesheet" href="{{ page.relative_path }}assets/css/site.css"> + <link rel="stylesheet" href="{{ page.relative_path }}assets/css/pygments.css"> + <link rel="stylesheet" href="{{ page.relative_path }}assets/css/share.min.css"> + <link rel="stylesheet" href="{{ page.relative_path }}assets/fork-awesome/css/fork-awesome.css"> + + <!-- Twitter + ================================================== --> + <meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% endif %}"> + <meta name="twitter:card" content="summary_large_image"> + <meta name="twitter:description" content="Fork Awesome, a fork of the iconic font and CSS toolkit"> + <meta name="twitter:image" content="https://forkawesome.github.io/Fork-Awesome/assets/images/banner.jpg"> + + <!-- FACEBOOK + ================================================== --> + <meta property="og:url" content="https://forkawesome.github.io/Fork-Awesome/"> + <meta property="og:title" content="{% if page.title %}{{ page.title }}{% endif %}"> + <meta name="description" property="og:description" content="Fork Awesome, a fork of the iconic font and CSS toolkit" /> + <meta property="og:image" content="https://forkawesome.github.io/Fork-Awesome/assets/images/banner.jpg"> + + <!--[if lt IE 9]> + <script src="{{ page.relative_path }}assets/js/html5shiv.js"></script> + <script src="{{ page.relative_path }}assets/js/respond.min.js"></script> + <![endif]--> + +</head> +<body class="font-awesome {{ page.view_class }}"> + <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> + {% include navbar.html %} + + {{ content }} + </div> + {% include footer.html %} + <script src="https://ajax.googleapis.com/ajax/libs/jquery/{{ site.jquery.version }}/jquery.min.js"></script> + <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/{{ site.jquery_validate.version }}/jquery.validate.min.js"></script> + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/{{ site.bootstrap.version }}/js/bootstrap.min.js"></script> + <script src="{{ page.relative_path }}assets/js/site.js"></script> + <script src="{{ page.relative_path }}assets/js/share.min.js"></script> + + </body> +</html> diff --git a/static/fork-awesome/src/doc/_layouts/icon.html b/static/fork-awesome/src/doc/_layouts/icon.html new file mode 100644 index 0000000..30c4340 --- /dev/null +++ b/static/fork-awesome/src/doc/_layouts/icon.html @@ -0,0 +1,76 @@ +--- +layout: base +title_suffix: Fork Awesome Icons +relative_path: ../../ +--- +<div class="jumbotron jumbotron-icon"> + <div class="container"> + <div class="info-icons"> + <i class="fa fa-{{ page.icon.id }} fa-6" aria-hidden="true"></i> + <span class="sr-only">Example of {{ page.icon.id }} at 6x</span> + <span class="hide-xs"> + <i class="fa fa-{{ page.icon.id }} fa-5" aria-hidden="true"></i> + <span class="sr-only">Example of {{ page.icon.id }} at 5x</span> + + <span class="hide-sm"> + <i class="fa fa-{{ page.icon.id }} fa-4" aria-hidden="true"></i> + <span class="sr-only">Example of {{ page.icon.id }} at 4x</span> + + </span> + <i class="fa fa-{{ page.icon.id }} fa-3" aria-hidden="true"></i> + <span class="sr-only">Example of {{ page.icon.id }} at 3x</span> + + <i class="fa fa-{{ page.icon.id }} fa-2" aria-hidden="true"></i> + <span class="sr-only">Example of {{ page.icon.id }} at 2x</span> + + </span> + <i class="fa fa-{{ page.icon.id }} fa-1" aria-hidden="true"></i> + <span class="sr-only">Example of {{ page.icon.id }}</span> + </div> + <h1 class="info-class"> + fa-{{ page.icon.id }} + <small> + <i class="fa fa-{{ page.icon.id }}" aria-hidden="true"></i> · + Unicode: <span class="upper">{{ page.icon.unicode }}</span> · + Created: v{{ page.icon.created }} · + Categories: + {% for category in page.icon.categories %} + {{ category }}{% unless forloop.last %},{% endunless %} + {% endfor %} + {% assign icon_alias_count = page.icon.aliases | size %} + {% if icon_alias_count > 0 %} + · Aliases: + {% for alias in page.icon.aliases %} + fa-{{ alias }}{% unless forloop.last %},{% endunless %} + {% endfor %} + {% endif %} + {% if page.icon.url %}· <a target="_blank" rel="nofollow" href="http://{{ page.icon.url }}">{{ page.icon.url }}<i class="fa fa-external-link-square margin-left-sm"></i></a>{% endif %} + </small> + </h1> + </div> +</div> + +<div class="container"> + <section> + <div class="row"> + <div class="col-md-12 col-sm-12"> + <p>After you get <a href="{{ page.relative_path }}get-started/">up and running</a>, you can place {{ site.forkawesome.name }} icons just about anywhere with the <code><i></code> tag:</p> + <div class="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="fa fa-{{ page.icon.id }}" aria-hidden="true"></i><span class="sr-only">Example of {{ page.icon.id }}</span> fa-{{ page.icon.id }} + </div> + </div> +{% highlight html %} +<i class="fa fa-{{ page.icon.id }}" aria-hidden="true"></i> +{% endhighlight %} + <p class="margin-bottom-lg"> + <small class="text-muted">Note: to improve <a href="{{ page.relative_path }}accessibility/">web accessibility</a>, we recommend using <strong>aria-hidden="true"</strong> to hide icons used purely for decoration.</small> + </p> + + <div class="lead"> + <i class="fa fa-info-circle" aria-hidden"true"></i> Looking for more? Check out the <a href="{{ page.relative_path }}examples/">examples</a>. + </div> + </div> + </div> + </section> +</div> diff --git a/static/fork-awesome/src/doc/_plugins/all-contributors-generator.rb b/static/fork-awesome/src/doc/_plugins/all-contributors-generator.rb new file mode 100644 index 0000000..85d0328 --- /dev/null +++ b/static/fork-awesome/src/doc/_plugins/all-contributors-generator.rb @@ -0,0 +1,17 @@ +## +# Generate an all-contributors badge with the number of contributors + +require "json" + +module Jekyll + class AllContributors < Generator + def generate(site) + all_contributors_rc = File.read(File.join(Dir.pwd, '.all-contributorsrc')) + all_contributors = JSON.parse(all_contributors_rc) + total_contributors = all_contributors['contributors'].length + site.pages.each do |page| + page.data['total_contributors'] = total_contributors + end + end + end +end diff --git a/static/fork-awesome/src/doc/_plugins/flatten_icon_filters.rb b/static/fork-awesome/src/doc/_plugins/flatten_icon_filters.rb new file mode 100644 index 0000000..1e3daff --- /dev/null +++ b/static/fork-awesome/src/doc/_plugins/flatten_icon_filters.rb @@ -0,0 +1,38 @@ +## +# Flattens the icons object to a one-dimensional array of possible search terms. + +require 'set' + +module Jekyll + module FlattenArray + def flattenIconFilters(icons) + flattened = Set.new + icons.each do |icon| + toAdd = [] + + toAdd.push(icon["class"].downcase) # Add class as a filter value + + # Add any existing aliases as a filter value + if not icon["aliases"].nil? + icon["aliases"].each do |iconAlias| + toAdd.push(iconAlias.downcase) + end + end + + # Add any existing filters as a filter value + if not icon["filter"].nil? + icon["filter"].each do |iconFilter| + toAdd.push(iconFilter.downcase) + end + end + flattened.merge(toAdd) + + print toAdd if toAdd.include? true + print toAdd if toAdd.include? false + end + return flattened.to_a # .to_a because we can't jsonify a <Set> + end + end +end + +Liquid::Template.register_filter(Jekyll::FlattenArray) diff --git a/static/fork-awesome/src/doc/_plugins/icon_page_generator.rb b/static/fork-awesome/src/doc/_plugins/icon_page_generator.rb new file mode 100644 index 0000000..0daadf3 --- /dev/null +++ b/static/fork-awesome/src/doc/_plugins/icon_page_generator.rb @@ -0,0 +1,45 @@ +## +# Create individual pages for each icon in the FontAwesome set + +require 'yaml' + +module Jekyll + + class IconPage < Page + + ## + # Take a single icon and render a page for it. + + def initialize(site, base, dir, icon) + @site = site + @base = base + @dir = dir + @name = "#{icon.id}.html" + @icon = icon + + self.process(@name) + + self.read_yaml(File.join(base, site.config['layouts_dir']), site.config['icon_layout']) + + self.data['icon'] = icon + self.data['title'] = "fa-#{icon.id}: " + self.data['title_suffix'] + end + + end + + class IconGenerator < Generator + + ## + # Iterate over every described icon in a YAML file and create a page for it + + safe true + + def generate(site) + site.icons.each do |icon| + site.pages << IconPage.new(site, site.source, site.config['icon_destination'], icon) + end + end + + end + +end diff --git a/static/fork-awesome/src/doc/_plugins/site.rb b/static/fork-awesome/src/doc/_plugins/site.rb new file mode 100644 index 0000000..0784d0d --- /dev/null +++ b/static/fork-awesome/src/doc/_plugins/site.rb @@ -0,0 +1,142 @@ +## +# Provide an icons attribute on the site object + +require 'yaml' +require 'forwardable' + +module Jekyll + + class Icon + + attr_reader :name, :id, :unicode, :created, :categories + + def initialize(icon_object) + @icon_object = icon_object + + # Class name used in CSS and HTML + @icon_object['class'] = icon_object['id'] + # Normalize the aliases + @icon_object['aliases'] ||= [] + + @name = icon_object['name'] + @id = icon_object['id'] + @class = icon_object['class'] + @aliases = icon_object['aliases'] + @unicode = icon_object['unicode'] + @created = icon_object['created'] + @categories = icon_object['categories'] + end + + def to_liquid + return @icon_object + end + + end + + class IconList + ## + # A list of icons + # + include Enumerable + extend Forwardable + + def_delegators :@icon_array, :each, :<< + + def initialize(icon_array) + @original_icon_array = icon_array + @icon_array = [] + + icon_array.each { |icon_object| + @icon_array << Icon.new(icon_object) + } + end + + def [](k) + @icon_array[k] + end + + def to_liquid + @original_icon_array + end + + end + + module IconFilters + def expand_aliases(icons) + expanded = [] + + icons.each { |icon| + # Remove the aliases since we are expanding them + expanded << icon.reject{ |k| k == 'aliases'} + + icon['aliases'].each { |alias_id| + alias_icon = expanded[-1].dup + alias_icon['class'] = alias_id + alias_icon['alias_of'] = icon + + expanded << alias_icon + } + } + + return expanded + end + + def category(icons, cat) + icons.select { |icon| icon['categories'].include?(cat) } + end + + def version(icons, version) + icons.select { |icon| icon['created'] == version } + end + + def sort_by(icons, sort_key) + icons.sort_by! { |icon| icon[sort_key] } + end + end + + Liquid::Template.register_filter(IconFilters) + + class Site + + attr_reader :icons + + def process + self.reset_icons + self.reset + self.read + self.generate + self.render + self.cleanup + self.write + + self.build + end + + ## + # Reads the YAML file that stores all data about icons + def reset_icons + @icons = IconList.new(YAML.load_file(self.config['icon_meta'])['icons']) + end + + ## + # After generation, runs a build of Font-Awesome + def build + system("make build", :chdir => self.config['destination'], :out => :err) + end + + def site_payload + { + "site" => self.config.merge({ + "time" => self.time, + "posts" => self.posts.docs.sort { |a, b| b <=> a }, + "pages" => self.pages, + "html_pages" => self.pages.reject { |page| !page.html? }, + "categories" => post_attr_hash('categories'), + "tags" => post_attr_hash('tags')}), + "icons" => @icons, + } + end + + end + +end diff --git a/static/fork-awesome/src/doc/_plugins/sri_hash.rb b/static/fork-awesome/src/doc/_plugins/sri_hash.rb new file mode 100644 index 0000000..63e0242 --- /dev/null +++ b/static/fork-awesome/src/doc/_plugins/sri_hash.rb @@ -0,0 +1,20 @@ +## +# Generate an SRI hash for a given file + +require 'digest' + +module Jekyll + class GetSriHash < Liquid::Tag + def initialize(tag_name, text, tokens) + super + @filename = text.strip + end + + def render(context) + sha256 = Digest::SHA256.file(@filename) + "sha256-#{sha256.base64digest}" + end + end +end + +Liquid::Template.register_tag('sri_hash', Jekyll::GetSriHash) diff --git a/static/fork-awesome/src/doc/accessibility.html b/static/fork-awesome/src/doc/accessibility.html new file mode 100644 index 0000000..74fdffc --- /dev/null +++ b/static/fork-awesome/src/doc/accessibility.html @@ -0,0 +1,36 @@ +--- +layout: base +title: Fork Awesome & Accessibility +navbar_active: accessibility +view_class: v-accessibility +relative_path: ../ +--- +{% capture jumbotron_h1 %}<i class="fa fa-universal-access" aria-hidden="true"></i> Accessibility{% endcapture %} +{% capture jumbotron_p %}Make your icons awesome for all of your users{% endcapture %} + +{% include jumbotron.html %} + +<div class="container"> + <section id="accessibility-intro" class="accessibility-intro"> + <div class="row"> + <div class="col-md-6"> + <p class="lead"> + Icons are symbols that can convey a ton of information and really help + people comprehend directions, signs, and interfaces. It's important + that we create and use them so that they can reach the largest amount + of people possible. + </p> + </div> + <div class="col-md-6"> + {% include accessibility/background.html %} + </div> + </div> + </section> + + <h2 class="page-header"> + Using {{ site.forkawesome.name }} with Acessibility in mind + </h2> + + {% include accessibility/accessibility-manual.html %} + {% include accessibility/other.html %} +</div> diff --git a/static/fork-awesome/src/doc/assets/css/prettify.css b/static/fork-awesome/src/doc/assets/css/prettify.css new file mode 100644 index 0000000..aedd8d1 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/css/prettify.css @@ -0,0 +1,30 @@ +.com { color: #93a1a1; } +.lit { color: #195f91; } +.pun, .opn, .clo { color: #93a1a1; } +.fun { color: #dc322f; } +.str, .atv { color: #D14; } +.kwd, .linenums .tag { color: #1e347b; } +.typ, .atn, .dec, .var { color: teal; } +.pln { color: #48484c; } + +.prettyprint { + padding: 8px; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; +} +.prettyprint.linenums { + -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; + -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; + box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; +} + +/* Specify class=linenums on a pre to get line numbering */ +ol.linenums { + margin: 0 0 0 33px; /* IE indents via margin-left */ +} +ol.linenums li { + padding-left: 12px; + color: #bebec5; + line-height: 18px; + text-shadow: 0 1px 0 #fff; +}
\ No newline at end of file diff --git a/static/fork-awesome/src/doc/assets/css/pygments.css b/static/fork-awesome/src/doc/assets/css/pygments.css new file mode 100644 index 0000000..5af20ee --- /dev/null +++ b/static/fork-awesome/src/doc/assets/css/pygments.css @@ -0,0 +1,71 @@ +.hll { background-color: #ffffcc } +/*{ background: #f0f3f3; }*/ +.c { color: #999; } /* Comment */ +.err { color: #AA0000; background-color: #FFAAAA } /* Error */ +.k { color: #006699; } /* Keyword */ +.o { color: #555555 } /* Operator */ +.cm { color: #0099FF; font-style: italic } /* Comment.Multiline */ +.cp { color: #009999 } /* Comment.Preproc */ +.c1 { color: #999; } /* Comment.Single */ +.cs { color: #999; } /* Comment.Special */ +.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ +.ge { font-style: italic } /* Generic.Emph */ +.gr { color: #FF0000 } /* Generic.Error */ +.gh { color: #003300; } /* Generic.Heading */ +.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ +.go { color: #AAAAAA } /* Generic.Output */ +.gp { color: #000099; } /* Generic.Prompt */ +.gs { } /* Generic.Strong */ +.gu { color: #003300; } /* Generic.Subheading */ +.gt { color: #99CC66 } /* Generic.Traceback */ +.kc { color: #006699; } /* Keyword.Constant */ +.kd { color: #006699; } /* Keyword.Declaration */ +.kn { color: #006699; } /* Keyword.Namespace */ +.kp { color: #006699 } /* Keyword.Pseudo */ +.kr { color: #006699; } /* Keyword.Reserved */ +.kt { color: #007788; } /* Keyword.Type */ +.m { color: #FF6600 } /* Literal.Number */ +.s { color: #d44950 } /* Literal.String */ +.na { color: #4f9fcf } /* Name.Attribute */ +.nb { color: #336666 } /* Name.Builtin */ +.nc { color: #00AA88; } /* Name.Class */ +.no { color: #336600 } /* Name.Constant */ +.nd { color: #9999FF } /* Name.Decorator */ +.ni { color: #999999; } /* Name.Entity */ +.ne { color: #CC0000; } /* Name.Exception */ +.nf { color: #CC00FF } /* Name.Function */ +.nl { color: #9999FF } /* Name.Label */ +.nn { color: #00CCFF; } /* Name.Namespace */ +.nt { color: #2f6f9f; } /* Name.Tag */ +.nv { color: #003333 } /* Name.Variable */ +.ow { color: #000000; } /* Operator.Word */ +.w { color: #bbbbbb } /* Text.Whitespace */ +.mf { color: #FF6600 } /* Literal.Number.Float */ +.mh { color: #FF6600 } /* Literal.Number.Hex */ +.mi { color: #FF6600 } /* Literal.Number.Integer */ +.mo { color: #FF6600 } /* Literal.Number.Oct */ +.sb { color: #CC3300 } /* Literal.String.Backtick */ +.sc { color: #CC3300 } /* Literal.String.Char */ +.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ +.s2 { color: #CC3300 } /* Literal.String.Double */ +.se { color: #CC3300; } /* Literal.String.Escape */ +.sh { color: #CC3300 } /* Literal.String.Heredoc */ +.si { color: #AA0000 } /* Literal.String.Interpol */ +.sx { color: #CC3300 } /* Literal.String.Other */ +.sr { color: #33AAAA } /* Literal.String.Regex */ +.s1 { color: #CC3300 } /* Literal.String.Single */ +.ss { color: #FFCC33 } /* Literal.String.Symbol */ +.bp { color: #336666 } /* Name.Builtin.Pseudo */ +.vc { color: #003333 } /* Name.Variable.Class */ +.vg { color: #003333 } /* Name.Variable.Global */ +.vi { color: #003333 } /* Name.Variable.Instance */ +.il { color: #FF6600 } /* Literal.Number.Integer.Long */ + +.css .o, +.css .o + .nt, +.css .nt + .nt { color: #999; } + +pre { + background-color: #fafafa; + padding: 8px 15px; +} diff --git a/static/fork-awesome/src/doc/assets/css/share.min.css b/static/fork-awesome/src/doc/assets/css/share.min.css new file mode 100644 index 0000000..0e38b21 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/css/share.min.css @@ -0,0 +1 @@ +.rounded{border-radius:6px}.oval{border-radius:15px}.circle{border-radius:50%}.wo-text{width:34px}.dex-btn,.popup button{cursor:pointer}.dex-btn{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Open Sans,Cantarell,sans-serif;display:inline-block;height:34px;line-height:1.6;color:#fff;text-align:center;text-decoration:none;font-size:.85rem;margin:0 .2em;border:none;padding-top:4px;box-sizing:border-box}.dex-btn span,.dex-icon{vertical-align:middle}.dex-btn,.dex-btn span{font-weight:700}.share{display:inline-block;max-height:40px}.share .dex-btn:not(.wo-text),.support:not(.wo-text){padding:4px 12px 4px 10px}.share .dex-btn:not(.wo-text) .dex-icon,.support:not(.wo-text) .dex-icon{margin-right:8px}.dex-icon{fill:#fff}.hidden,.hidden+.popup,.overlay{display:none}.hidden:checked+.popup{position:absolute;min-width:255px;margin-top:.8em;padding:.5em;z-index:3;background-color:#333;border-radius:.5em;display:inline-block}.hidden:checked+.popup:before{content:"";position:absolute;top:-.7em;height:0;width:0;border-bottom:.8em solid #141414;border-left:.8em solid transparent;border-right:.8em solid transparent;z-index:3}.popup input{min-width:190px;height:25px}.popup button{margin:2.5px 0 2.5px 5px;height:28px;width:44px}.popup label{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:rgba(0,0,0,.5)}.diaspora{background-color:#222}.diaspora:hover{background-color:#000}.mastodon{background-color:#3088d4}.mastodon:hover{background-color:#1074cb}.hubzilla{background-color:#43488a}.hubzilla:hover{background-color:#363b7d}.gnusocial{background-color:#a22430}.gnusocial:hover{background-color:#900d19}.friendica{background-color:#ffb900}.friendica:hover{background-color:#ebaa00}.socialhome{background-color:#4c4c4c}.socialhome:hover{background-color:#423c3c}.postactiv{background-color:#ad68d5}.postactiv:hover{background-color:#a44fd5}.pumpio{background-color:#000}.pumpio:hover{background-color:#333}.diaspora-bright{background-color:#141414}.diaspora-bright:hover{background-color:#000}.mastodon-bright{background-color:#054dff}.mastodon-bright:hover{background-color:#003cd1}.hubzilla-bright{background-color:#311b92}.hubzilla-bright:hover{background-color:#231367}.gnusocial-bright{background-color:#b90d1e}.gnusocial-bright:hover{background-color:#890a16}.friendica-bright{background-color:#ff8f00}.friendica-bright:hover{background-color:#ff7a00}.socialhome-bright{background-color:#303636}.socialhome-bright:hover{background-color:#212727}.postactiv-bright{background-color:#b030f9}.postactiv-bright:hover{background-color:#a20af7}.support-liberapay{background-color:#f6c915;color:#0e0e0e}.support-liberapay:hover{background-color:#ffb900}.support-snowdrift{background-color:#13628e}.support-snowdrift:hover{background-color:#024d76}.support-ocollective{background-color:#7fadf2}.support-ocollective:hover{background-color:#4992ff}.support-gratipay{background-color:#630}.support-gratipay:hover{background-color:#4d2600}.support-liberapay .dex-icon{fill:#0e0e0e}@media screen and (max-width:64em){.dex-btn{margin:.5em .2em}}@media screen and (max-width:47.938em){.share{display:inline-block}}
\ No newline at end of file diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/less/animated.less b/static/fork-awesome/src/doc/assets/fork-awesome/less/animated.less new file mode 100644 index 0000000..63e8e3c --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/less/animated.less @@ -0,0 +1,36 @@ +--- +--- +// Animated Icons +// -------------------------- + +.@{fa-css-prefix}-spin { + -webkit-animation: ~'@{fa-css-prefix}-spin' 2s infinite linear; + animation: ~'@{fa-css-prefix}-spin' 2s infinite linear; +} + +.@{fa-css-prefix}-pulse { + -webkit-animation: ~'@{fa-css-prefix}-spin' 1s infinite steps(8); + animation: ~'@{fa-css-prefix}-spin' 1s infinite steps(8); +} + +@-webkit-keyframes ~'@{fa-css-prefix}-spin' { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@keyframes ~'@{fa-css-prefix}-spin' { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/less/bordered-pulled.less b/static/fork-awesome/src/doc/assets/fork-awesome/less/bordered-pulled.less new file mode 100644 index 0000000..cd14a68 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/less/bordered-pulled.less @@ -0,0 +1,28 @@ +--- +--- + +// Bordered & Pulled +// ------------------------- + +.@{fa-css-prefix}-border { + padding: .2em .25em .15em; + border: solid .08em @fa-border-color; + border-radius: .1em; +} + +.@{fa-css-prefix}-pull-left { float: left; } +.@{fa-css-prefix}-pull-right { float: right; } + +.@{fa-css-prefix} { + &.@{fa-css-prefix}-pull-left { margin-right: .3em; } + &.@{fa-css-prefix}-pull-right { margin-left: .3em; } +} + +/* Deprecated as of 4.4.0 */ +.pull-right { float: right; } +.pull-left { float: left; } + +.@{fa-css-prefix} { + &.pull-left { margin-right: .3em; } + &.pull-right { margin-left: .3em; } +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/less/core.less b/static/fork-awesome/src/doc/assets/fork-awesome/less/core.less new file mode 100644 index 0000000..d299d0d --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/less/core.less @@ -0,0 +1,9 @@ +--- +--- + +// Base Class Definition +// ------------------------- + +.@{fa-css-prefix} { +{% include code/core.less %} +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/less/fixed-width.less b/static/fork-awesome/src/doc/assets/fork-awesome/less/fixed-width.less new file mode 100644 index 0000000..f3b657b --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/less/fixed-width.less @@ -0,0 +1,9 @@ +--- +--- + +// Fixed Width Icons +// ------------------------- +.@{fa-css-prefix}-fw { + width: (18em / 14); + text-align: center; +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/less/fork-awesome.less b/static/fork-awesome/src/doc/assets/fork-awesome/less/fork-awesome.less new file mode 100644 index 0000000..3fb656e --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/less/fork-awesome.less @@ -0,0 +1,17 @@ +--- +--- +{% include code/license.css %} + +@import "variables.less"; +@import "mixins.less"; +@import "path.less"; +@import "core.less"; +@import "larger.less"; +@import "fixed-width.less"; +@import "list.less"; +@import "bordered-pulled.less"; +@import "animated.less"; +@import "rotated-flipped.less"; +@import "stacked.less"; +@import "icons.less"; +@import "screen-reader.less"; diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/less/icons.less b/static/fork-awesome/src/doc/assets/fork-awesome/less/icons.less new file mode 100644 index 0000000..38cdb7b --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/less/icons.less @@ -0,0 +1,7 @@ +--- +--- +/* {{ site.forkawesome.name }} uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +{% for icon in icons %}{% for alias in icon.aliases %} +.@{fa-css-prefix}-{{ alias }}:before,{% endfor %} +.@{fa-css-prefix}-{{ icon.id }}:before { content: @fa-var-{{ icon.id }}; }{% endfor %} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/less/larger.less b/static/fork-awesome/src/doc/assets/fork-awesome/less/larger.less new file mode 100644 index 0000000..472643e --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/less/larger.less @@ -0,0 +1,16 @@ +--- +--- + +// Icon Sizes +// ------------------------- + +/* makes the font 33% larger relative to the icon container */ +.@{fa-css-prefix}-lg { + font-size: (4em / 3); + line-height: (3em / 4); + vertical-align: -15%; +} +.@{fa-css-prefix}-2x { font-size: 2em; } +.@{fa-css-prefix}-3x { font-size: 3em; } +.@{fa-css-prefix}-4x { font-size: 4em; } +.@{fa-css-prefix}-5x { font-size: 5em; } diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/less/list.less b/static/fork-awesome/src/doc/assets/fork-awesome/less/list.less new file mode 100644 index 0000000..e32bc0d --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/less/list.less @@ -0,0 +1,22 @@ +--- +--- + +// List Icons +// ------------------------- + +.@{fa-css-prefix}-ul { + padding-left: 0; + margin-left: @fa-li-width; + list-style-type: none; + > li { position: relative; } +} +.@{fa-css-prefix}-li { + position: absolute; + left: -@fa-li-width; + width: @fa-li-width; + top: (2em / 14); + text-align: center; + &.@{fa-css-prefix}-lg { + left: (-@fa-li-width + (4em / 14)); + } +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/less/mixins.less b/static/fork-awesome/src/doc/assets/fork-awesome/less/mixins.less new file mode 100644 index 0000000..5889739 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/less/mixins.less @@ -0,0 +1,56 @@ +--- +--- +// Mixins +// -------------------------- + +.fa-icon() { +{% include code/core.less %} +} + +.fa-icon-rotate(@degrees, @rotation) { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})"; + -webkit-transform: rotate(@degrees); + -ms-transform: rotate(@degrees); + transform: rotate(@degrees); +} + +.fa-icon-flip(@horiz, @vert, @rotation) { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)"; + -webkit-transform: scale(@horiz, @vert); + -ms-transform: scale(@horiz, @vert); + transform: scale(@horiz, @vert); +} + + +// Only display content to screen readers. A la Bootstrap 4. +// +// See: http://a11yproject.com/posts/how-to-hide-content/ + +.sr-only() { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} + +// Use in conjunction with .sr-only to only display content when it's focused. +// +// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 +// +// Credit: HTML5 Boilerplate + +.sr-only-focusable() { + &:active, + &:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; + } +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/less/path.less b/static/fork-awesome/src/doc/assets/fork-awesome/less/path.less new file mode 100644 index 0000000..cd1544f --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/less/path.less @@ -0,0 +1,15 @@ +/* FONT PATH + * -------------------------- */ + +@font-face { + font-family: '@{fa-font-family}'; + src: url('@{fa-font-path}/forkawesome-webfont.eot?v=@{fa-version}'); + src: url('@{fa-font-path}/forkawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'), + url('@{fa-font-path}/forkawesome-webfont.woff2?v=@{fa-version}') format('woff2'), + url('@{fa-font-path}/forkawesome-webfont.woff?v=@{fa-version}') format('woff'), + url('@{fa-font-path}/forkawesome-webfont.ttf?v=@{fa-version}') format('truetype'), + url('@{fa-font-path}/forkawesome-webfont.svg?v=@{fa-version}#forkawesomeregular') format('svg'); + // src: url('@{fa-font-path}/ForkAwesome.otf') format('opentype'); // used when developing fonts + font-weight: normal; + font-style: normal; +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/less/rotated-flipped.less b/static/fork-awesome/src/doc/assets/fork-awesome/less/rotated-flipped.less new file mode 100644 index 0000000..bf7a0b4 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/less/rotated-flipped.less @@ -0,0 +1,23 @@ +--- +--- + +// Rotated & Flipped Icons +// ------------------------- + +.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); } +.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); } +.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); } + +.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); } +.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); } + +// Hook for IE8-9 +// ------------------------- + +:root .@{fa-css-prefix}-rotate-90, +:root .@{fa-css-prefix}-rotate-180, +:root .@{fa-css-prefix}-rotate-270, +:root .@{fa-css-prefix}-flip-horizontal, +:root .@{fa-css-prefix}-flip-vertical { + filter: none; +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/less/screen-reader.less b/static/fork-awesome/src/doc/assets/fork-awesome/less/screen-reader.less new file mode 100644 index 0000000..11c1881 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/less/screen-reader.less @@ -0,0 +1,5 @@ +// Screen Readers +// ------------------------- + +.sr-only { .sr-only(); } +.sr-only-focusable { .sr-only-focusable(); } diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/less/stacked.less b/static/fork-awesome/src/doc/assets/fork-awesome/less/stacked.less new file mode 100644 index 0000000..2a1e418 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/less/stacked.less @@ -0,0 +1,23 @@ +--- +--- + +// Stacked Icons +// ------------------------- + +.@{fa-css-prefix}-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.@{fa-css-prefix}-stack-1x { line-height: inherit; } +.@{fa-css-prefix}-stack-2x { font-size: 2em; } +.@{fa-css-prefix}-inverse { color: @fa-inverse; } diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/less/v5-compat.less b/static/fork-awesome/src/doc/assets/fork-awesome/less/v5-compat.less new file mode 100644 index 0000000..ddedea9 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/less/v5-compat.less @@ -0,0 +1,160 @@ +--- +--- +{% include code/license.css %} + +@import "variables.less"; + +.fas, .fab, .far { +{% include code/core.less %} +} + +.fas { + &.fa-chart-area:before { content: "\f1fe"; } // area-chart + &.fa-arrows-alt:before { content: "\f047"; } // arrows + &.fa-expand-arrows-alt:before { content: "\f0b2"; } // arrows-alt + &.fa-arrows-alt-h:before { content: "\f07e"; } // arrows-h + &.fa-arrows-alt-v:before { content: "\f07d"; } // arrows-v + &.fa-calendar-alt:before { content: "\f073"; } // calendar + &.fa-circle-notch:before { content: "\f1ce"; } // circle-o-notch + &.fa-cloud-download-alt:before { content: "\f0ed"; } // cloud-download + &.fa-cloud-upload-alt:before { content: "\f0ee"; } // cloud-upload + &.fa-credit-card:before { content: "\f283"; } // credit-card-alt + &.fa-dollar-sign:before { content: "\f155"; } // dollar + &.fa-euro-sign:before { content: "\f153"; } // eur, euro + &.fa-exchange-alt:before { content: "\f0ec"; } // exchange + &.fa-external-link-alt:before { content: "\f08e"; } // external-link + &.fa-external-link-square-alt:before { content: "\f14c"; } // external-link-square + &.fa-eye-dropper:before { content: "\f1fb"; } // eyedropper + &.fa-pound-sign:before { content: "\f154"; } // gbp + &.fa-glass-martini:before { content: "\f000"; } // glass + &.fa-shekel-sign:before { content: "\f20b"; } // shekel + &.fa-rupee-sign:before { content: "\f156"; } // rupee + &.fa-won-sign:before { content: "\f159"; } // krw + &.fa-level-down-alt:before { content: "\f149"; } // level-down + &.fa-level-up-alt:before { content: "\f148"; } // level-up + &.fa-chart-line:before { content: "\f201"; } // line-chart + &.fa-long-arrow-alt-down:before { content: "\f175"; } // long-arrow-down + &.fa-long-arrow-alt-left:before { content: "\f177"; } // long-arrow-left + &.fa-long-arrow-alt-right:before { content: "\f178"; } // long-arrow-right + &.fa-long-arrow-alt-up:before { content: "\f176"; } // long-arrow-up + &.fa-map-marker-alt:before { content: "\f041"; } // map-marker + &.fa-mobile-alt:before { content: "\f10b"; } // mobile + &.fa-pencil-alt:before { content: "\f040"; } // pencil + &.fa-pen-square:before { content: "\f14b"; } // pencil-square + &.fa-chart-pie:before { content: "\f200"; } // pie-chart + &.fa-yen-sign:before { content: "\f157"; } // yen + &.fa-ruble-sign:before { content: "\f158"; } // ruble + &.fa-shield-alt:before { content: "\f132"; } // shield + &.fa-sign-in-alt:before { content: "\f090"; } // sign-in + &.fa-sign-out-alt:before { content: "\f08b"; } // sign-out + &.fa-sliders-h:before { content: "\f1de"; } // sliders + &.fa-tablet-alt:before { content: "\f10a"; } // tablet + &.fa-tachometer-alt:before { content: "\f0e4"; } // tachometer + &.fa-thumbtack:before { content: "\f08d"; } // thumb-tack + &.fa-ticket-alt:before { content: "\f145"; } // ticket + &.fa-trash-alt:before { content: "\f1f8"; } // trash + &.fa-lira-sign:before { content: "\f195"; } // turkish-lira +} + +.fab { + &.fa-linkedin-in:before { content: "\fe01"; } // linkedin + &.fa-linkedin:before { content: "\f08c"; } // linkedin-square +} + +.far { + &.fa-address-book:before { content: "\f2ba"; } // address-book-o + &.fa-address-card:before { content: "\f2bc"; } // address-card-o + &.fa-arrow-alt-circle-down:before { content: "\f01a"; } // arrow-circle-o-down + &.fa-arrow-alt-circle-left:before { content: "\f190"; } // arrow-circle-o-left + &.fa-arrow-alt-circle-right:before { content: "\f18e"; } // arrow-circle-o-right + &.fa-arrow-alt-circle-up:before { content: "\f01b"; } // arrow-circle-o-up + &.fa-bell:before { content: "\f0f3"; } // bell-o + &.fa-bell-slash:before { content: "\f1f7"; } // bell-slash-o + &.fa-bookmark:before { content: "\f097"; } // bookmark-o + &.fa-building:before { content: "\f0f7"; } // building-o + &.fa-calendar-check:before { content: "\f274"; } // calendar-check-o + &.fa-calendar-minus:before { content: "\f272"; } // calendar-minus-o + &.fa-calendar:before { content: "\f133"; } // calendar-o + &.fa-calendar-plus:before { content: "\f271"; } // calendar-plus-o + &.fa-calendar-times:before { content: "\f273"; } // calendar-times-o + &.fa-caret-square-down:before { content: "\f150"; } // caret-square-o-down + &.fa-caret-square-left:before { content: "\f191"; } // caret-square-o-left + &.fa-caret-square-right:before { content: "\f152"; } // caret-square-o-right + &.fa-caret-square-up:before { content: "\f151"; } // caret-square-o-up + &.fa-check-circle:before { content: "\f05d"; } // check-circle-o + &.fa-check-square:before { content: "\f046"; } // check-square-o + &.fa-circle:before { content: "\f10c"; } // circle-o + &.fa-clock:before { content: "\f017"; } // clock-o + &.fa-comment:before { content: "\f0e5"; } // comment-o + &.fa-comment-dots:before { content: "\f27b"; } // commenting-o + &.fa-comments:before { content: "\f0e6"; } // comments-o + &.fa-dot-circle:before { content: "\f192"; } // dot-circle-o + &.fa-id-card:before { content: "\f2c3"; } // drivers-license-o + &.fa-envelope:before { content: "\f003"; } // envelope-o + &.fa-envelope-open:before { content: "\f2b7"; } // envelope-open-o + &.fa-file-archive:before { content: "\f1c6"; } // file-archive-o + &.fa-file-audio:before { content: "\f1c7"; } // file-audio-o + &.fa-file-code:before { content: "\f1c9"; } // file-code-o + &.fa-file-excel:before { content: "\f1c3"; } // file-excel-o + &.fa-file-image:before { content: "\f1c5"; } // file-image-o + &.fa-file-video:before { content: "\f1c8"; } // file-video-o + &.fa-copy:before, + &.fa-file:before { content: "\f016"; } // file-o + &.fa-file-pdf:before { content: "\f1c1"; } // file-pdf-o + &.fa-file-powerpoint:before { content: "\f1c4"; } // file-powerpoint-o + &.fa-file-alt:before { content: "\f0f6"; } // file-text-o + &.fa-file-word:before { content: "\f1c2"; } // file-word-o + &.fa-flag:before { content: "\f11d"; } // flag-o + &.fa-save:before { content: "\f0c7"; } // foppy-o + &.fa-folder:before { content: "\f114"; } // folder-o + &.fa-folder-open:before { content: "\f115"; } // folder-open-o + &.fa-frown:before { content: "\f119"; } // frown-o + &.fa-futbol:before { content: "\f1e3"; } // futbol-o + &.fa-hand-rock:before { content: "\f255"; } // hand-grab-o + &.fa-hand-lizard:before { content: "\f258"; } // hand-lizard-o + &.fa-hand-point-down:before { content: "\f0a7"; } // hand-o-down + &.fa-hand-point-left:before { content: "\f0a5"; } // hand-o-left + &.fa-hand-point-right:before { content: "\f0a4"; } // hand-o-right + &.fa-hand-point-up:before { content: "\f0a6"; } // hand-o-up + &.fa-hand-paper:before { content: "\256"; } // hand-paper-o + &.fa-hand-pointer:before { content: "\f25a"; } // hand-pointer-o + &.fa-hand-scissors:before { content: "\f257"; } // hand-scissors-o + &.fa-hand-spock:before { content: "\f259"; } // hand-spock-o + &.fa-handshake:before { content: "\f2b5"; } // handshake-o + &.fa-hdd:before { content: "\f0a0"; } // hdd-o + &.fa-heart:before { content: "\f08a"; } // heart-o + &.fa-hospital:before { content: "\f0f8"; } // hospital-o + &.fa-hourglass:before { content: "\f250"; } // hourglass-o + &.fa-id-card:before { content: "\f2c3"; } // id-card-o + &.fa-keyboard:before { content: "\f11c"; } // keyboard-o + &.fa-lemon:before { content: "\f094"; } // lemon-o + &.fa-lightbulb:before { content: "\f0eb"; } // lightbulb-o + &.fa-meh:before { content: "\f11a"; } // meh-o + &.fa-minus-square:before { content: "\f147"; } // minus-square-o + &.fa-money-bill-alt:before { content: "\f0d6"; } // money + &.fa-moon:before { content: "\f186"; } // moon-o + &.fa-newspaper:before { content: "\f1ea"; } // newspaper-o + &.fa-paper-plane:before { content: "\f1d9"; } // paper-plane-o + &.fa-pause-circle:before { content: "\f28c"; } // pause-circle-o + &.fa-edit:before { content: "\f044"; } // pencil-square-o + &.fa-image:before { content: "\f03e"; } // picture-o + &.fa-play-circle:before { content: "\f01d"; } // play-circle-o + &.fa-plus-square:before { content: "\f196"; } // plus-square-o + &.fa-question-circle:before { content: "\f92c"; } // question-circle-o + &.fa-share-square:before { content: "\f045"; } // share-square-o + &.fa-smile:before { content: "\f118"; } // smile-o + &.fa-snowflake:before { content: "\f2dc"; } // snowflake-o + &.fa-futbol:before { content: "\f1e3"; } // soccer-ball-o + &.fa-star-half:before { content: "\f089"; } // star-half-o + &.fa-star:before { content: "\f006"; } // star-o + &.fa-sticky-note:before { content: "\f24a"; } // sticky-note-o + &.fa-stop-circle:before { content: "\f28e"; } // stop-circle-o + &.fa-sun:before { content: "\f185"; } // sun-o + &.fa-thumbs-down:before { content: "\f088"; } // thumbs-o-down + &.fa-thumbs-up:before { content: "\f087"; } // thumbs-o-up + &.fa-times-circle:before { content: "\f05c"; } // times-circle-o + &.fa-window-close:before { content: "\f2d4"; } // times-rectangle-o + &.fa-trash-alt:before { content: "\f014"; } // trash-o + &.fa-user-circle:before { content: "\f2be"; } // user-circle-o + &.fa-user:before { content: "\f2c0"; } // user-o +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/less/variables.less b/static/fork-awesome/src/doc/assets/fork-awesome/less/variables.less new file mode 100644 index 0000000..9b3ed2f --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/less/variables.less @@ -0,0 +1,17 @@ +--- +--- +// Variables +// -------------------------- + +@fa-font-path: "../fonts"; +@fa-font-size-base: 14px; +@fa-line-height-base: 1; +@fa-css-prefix: {{ site.forkawesome.css_prefix }}; +@fa-font-family: {{ site.forkawesome.font_family }}; +@fa-version: "{{ site.forkawesome.version }}"; +@fa-border-color: #eee; +@fa-inverse: #fff; +@fa-li-width: (30em / 14); + +{% assign sorted_icons = icons | expand_aliases | sort_by:'class' %}{% for icon in sorted_icons %}@fa-var-{{ icon.class }}: "\{{ icon.unicode }}"; +{% endfor %} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/scss/animated.scss.txt b/static/fork-awesome/src/doc/assets/fork-awesome/scss/animated.scss.txt new file mode 100644 index 0000000..b37f0f3 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/scss/animated.scss.txt @@ -0,0 +1,36 @@ +--- +--- +// Spinning Icons +// -------------------------- + +.#{$fa-css-prefix}-spin { + -webkit-animation: #{$fa-css-prefix}-spin 2s infinite linear; + animation: #{$fa-css-prefix}-spin 2s infinite linear; +} + +.#{$fa-css-prefix}-pulse { + -webkit-animation: #{$fa-css-prefix}-spin 1s infinite steps(8); + animation: #{$fa-css-prefix}-spin 1s infinite steps(8); +} + +@-webkit-keyframes #{$fa-css-prefix}-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@keyframes #{$fa-css-prefix}-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/scss/bordered-pulled.scss.txt b/static/fork-awesome/src/doc/assets/fork-awesome/scss/bordered-pulled.scss.txt new file mode 100644 index 0000000..40bafcb --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/scss/bordered-pulled.scss.txt @@ -0,0 +1,28 @@ +--- +--- + +// Bordered & Pulled +// ------------------------- + +.#{$fa-css-prefix}-border { + padding: .2em .25em .15em; + border: solid .08em $fa-border-color; + border-radius: .1em; +} + +.#{$fa-css-prefix}-pull-left { float: left; } +.#{$fa-css-prefix}-pull-right { float: right; } + +.#{$fa-css-prefix} { + &.#{$fa-css-prefix}-pull-left { margin-right: .3em; } + &.#{$fa-css-prefix}-pull-right { margin-left: .3em; } +} + +/* Deprecated as of 4.4.0 */ +.pull-right { float: right; } +.pull-left { float: left; } + +.#{$fa-css-prefix} { + &.pull-left { margin-right: .3em; } + &.pull-right { margin-left: .3em; } +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/scss/core.scss.txt b/static/fork-awesome/src/doc/assets/fork-awesome/scss/core.scss.txt new file mode 100644 index 0000000..45e548b --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/scss/core.scss.txt @@ -0,0 +1,9 @@ +--- +--- + +// Base Class Definition +// ------------------------- + +.#{$fa-css-prefix} { +{% include code/core.scss %} +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/scss/fixed-width.scss.txt b/static/fork-awesome/src/doc/assets/fork-awesome/scss/fixed-width.scss.txt new file mode 100644 index 0000000..cfb1454 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/scss/fixed-width.scss.txt @@ -0,0 +1,9 @@ +--- +--- + +// Fixed Width Icons +// ------------------------- +.#{$fa-css-prefix}-fw { + width: (18em / 14); + text-align: center; +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/scss/fork-awesome.scss.txt b/static/fork-awesome/src/doc/assets/fork-awesome/scss/fork-awesome.scss.txt new file mode 100644 index 0000000..effcf2f --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/scss/fork-awesome.scss.txt @@ -0,0 +1,18 @@ +--- +--- +{% include code/license.css %} + +@import "variables"; +@import "mixins"; +@import "functions"; +@import "path"; +@import "core"; +@import "larger"; +@import "fixed-width"; +@import "list"; +@import "bordered-pulled"; +@import "animated"; +@import "rotated-flipped"; +@import "stacked"; +@import "icons"; +@import "screen-reader"; diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/scss/functions.scss.txt b/static/fork-awesome/src/doc/assets/fork-awesome/scss/functions.scss.txt new file mode 100644 index 0000000..3215091 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/scss/functions.scss.txt @@ -0,0 +1,13 @@ +--- +--- +// Functions +// -------------------------- + +// Helper function which adds quotes to preserve unicode values in CSS output. +// +// See: https://github.com/sass/sass/issues/1395 +// See: https://stackoverflow.com/questions/30421570/sass-unicode-escape-is-not-preserved-in-css-file + +@function fa-content($fa-var) { + @return unquote("\"#{$fa-var}\""); +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/scss/icons.scss.txt b/static/fork-awesome/src/doc/assets/fork-awesome/scss/icons.scss.txt new file mode 100644 index 0000000..23128aa --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/scss/icons.scss.txt @@ -0,0 +1,7 @@ +--- +--- +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +{% for icon in icons %}{% for alias in icon.aliases %} +.#{$fa-css-prefix}-{{ alias }}:before,{% endfor %} +.#{$fa-css-prefix}-{{ icon.id }}:before { content: $fa-var-{{ icon.id }}; }{% endfor %} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/scss/larger.scss.txt b/static/fork-awesome/src/doc/assets/fork-awesome/scss/larger.scss.txt new file mode 100644 index 0000000..4035723 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/scss/larger.scss.txt @@ -0,0 +1,16 @@ +--- +--- + +// Icon Sizes +// ------------------------- + +/* makes the font 33% larger relative to the icon container */ +.#{$fa-css-prefix}-lg { + font-size: (4em / 3); + line-height: (3em / 4); + vertical-align: -15%; +} +.#{$fa-css-prefix}-2x { font-size: 2em; } +.#{$fa-css-prefix}-3x { font-size: 3em; } +.#{$fa-css-prefix}-4x { font-size: 4em; } +.#{$fa-css-prefix}-5x { font-size: 5em; } diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/scss/list.scss.txt b/static/fork-awesome/src/doc/assets/fork-awesome/scss/list.scss.txt new file mode 100644 index 0000000..1c64982 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/scss/list.scss.txt @@ -0,0 +1,22 @@ +--- +--- + +// List Icons +// ------------------------- + +.#{$fa-css-prefix}-ul { + padding-left: 0; + margin-left: $fa-li-width; + list-style-type: none; + > li { position: relative; } +} +.#{$fa-css-prefix}-li { + position: absolute; + left: -$fa-li-width; + width: $fa-li-width; + top: (2em / 14); + text-align: center; + &.#{$fa-css-prefix}-lg { + left: -$fa-li-width + (4em / 14); + } +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/scss/mixins.scss.txt b/static/fork-awesome/src/doc/assets/fork-awesome/scss/mixins.scss.txt new file mode 100644 index 0000000..2411661 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/scss/mixins.scss.txt @@ -0,0 +1,56 @@ +--- +--- +// Mixins +// -------------------------- + +@mixin fa-icon() { +{% include code/core.scss %} +} + +@mixin fa-icon-rotate($degrees, $rotation) { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})"; + -webkit-transform: rotate($degrees); + -ms-transform: rotate($degrees); + transform: rotate($degrees); +} + +@mixin fa-icon-flip($horiz, $vert, $rotation) { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)"; + -webkit-transform: scale($horiz, $vert); + -ms-transform: scale($horiz, $vert); + transform: scale($horiz, $vert); +} + + +// Only display content to screen readers. A la Bootstrap 4. +// +// See: http://a11yproject.com/posts/how-to-hide-content/ + +@mixin sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} + +// Use in conjunction with .sr-only to only display content when it's focused. +// +// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 +// +// Credit: HTML5 Boilerplate + +@mixin sr-only-focusable { + &:active, + &:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; + } +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/scss/path.scss.txt b/static/fork-awesome/src/doc/assets/fork-awesome/scss/path.scss.txt new file mode 100644 index 0000000..5480425 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/scss/path.scss.txt @@ -0,0 +1,15 @@ +/* FONT PATH + * -------------------------- */ + +@font-face { + font-family: '#{$fa-font-family}'; + src: url('#{$fa-font-path}/forkawesome-webfont.eot?v=#{$fa-version}'); + src: url('#{$fa-font-path}/forkawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), + url('#{$fa-font-path}/forkawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), + url('#{$fa-font-path}/forkawesome-webfont.woff?v=#{$fa-version}') format('woff'), + url('#{$fa-font-path}/forkawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), + url('#{$fa-font-path}/forkawesome-webfont.svg?v=#{$fa-version}#forkawesomeregular') format('svg'); +// src: url('#{$fa-font-path}/ForkAwesome.otf') format('opentype'); // used when developing fonts + font-weight: normal; + font-style: normal; +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/scss/rotated-flipped.scss.txt b/static/fork-awesome/src/doc/assets/fork-awesome/scss/rotated-flipped.scss.txt new file mode 100644 index 0000000..6e95eb4 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/scss/rotated-flipped.scss.txt @@ -0,0 +1,23 @@ +--- +--- + +// Rotated & Flipped Icons +// ------------------------- + +.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } +.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } +.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } + +.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } +.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } + +// Hook for IE8-9 +// ------------------------- + +:root .#{$fa-css-prefix}-rotate-90, +:root .#{$fa-css-prefix}-rotate-180, +:root .#{$fa-css-prefix}-rotate-270, +:root .#{$fa-css-prefix}-flip-horizontal, +:root .#{$fa-css-prefix}-flip-vertical { + filter: none; +} diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/scss/screen-reader.scss.txt b/static/fork-awesome/src/doc/assets/fork-awesome/scss/screen-reader.scss.txt new file mode 100644 index 0000000..637426f --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/scss/screen-reader.scss.txt @@ -0,0 +1,5 @@ +// Screen Readers +// ------------------------- + +.sr-only { @include sr-only(); } +.sr-only-focusable { @include sr-only-focusable(); } diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/scss/stacked.scss.txt b/static/fork-awesome/src/doc/assets/fork-awesome/scss/stacked.scss.txt new file mode 100644 index 0000000..01c9443 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/scss/stacked.scss.txt @@ -0,0 +1,23 @@ +--- +--- + +// Stacked Icons +// ------------------------- + +.#{$fa-css-prefix}-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.#{$fa-css-prefix}-stack-1x { line-height: inherit; } +.#{$fa-css-prefix}-stack-2x { font-size: 2em; } +.#{$fa-css-prefix}-inverse { color: $fa-inverse; } diff --git a/static/fork-awesome/src/doc/assets/fork-awesome/scss/variables.scss.txt b/static/fork-awesome/src/doc/assets/fork-awesome/scss/variables.scss.txt new file mode 100644 index 0000000..0ecf359 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/fork-awesome/scss/variables.scss.txt @@ -0,0 +1,17 @@ +--- +--- +// Variables +// -------------------------- + +$fa-font-path: "../fonts" !default; +$fa-font-size-base: 14px !default; +$fa-line-height-base: 1 !default; +$fa-css-prefix: "{{ site.forkawesome.css_prefix }}" !default; +$fa-font-family: "{{ site.forkawesome.font_family }}" !default; +$fa-version: "{{ site.forkawesome.version }}" !default; +$fa-border-color: #eee !default; +$fa-inverse: #fff !default; +$fa-li-width: (30em / 14) !default; + +{% assign sorted_icons = icons | expand_aliases | sort_by:'class' %}{% for icon in sorted_icons %}$fa-var-{{ icon.class }}: "\{{ icon.unicode }}"; +{% endfor %} diff --git a/static/fork-awesome/src/doc/assets/ico/favicon.ico b/static/fork-awesome/src/doc/assets/ico/favicon.ico Binary files differnew file mode 100644 index 0000000..cec00e6 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/ico/favicon.ico diff --git a/static/fork-awesome/src/doc/assets/images/banner.jpg b/static/fork-awesome/src/doc/assets/images/banner.jpg Binary files differnew file mode 100644 index 0000000..8b2fd3a --- /dev/null +++ b/static/fork-awesome/src/doc/assets/images/banner.jpg diff --git a/static/fork-awesome/src/doc/assets/js/ZeroClipboard-1.1.7.min.js b/static/fork-awesome/src/doc/assets/js/ZeroClipboard-1.1.7.min.js new file mode 100644 index 0000000..32535fd --- /dev/null +++ b/static/fork-awesome/src/doc/assets/js/ZeroClipboard-1.1.7.min.js @@ -0,0 +1,8 @@ +/*! + * zeroclipboard + * The Zero Clipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie, and a JavaScript interface. + * Copyright 2012 Jon Rohan, James M. Greene, . + * Released under the MIT license + * http://jonrohan.github.com/ZeroClipboard/ + * v1.1.7 + */(function(){"use strict";var a=function(a,b){var c=a.style[b];a.currentStyle?c=a.currentStyle[b]:window.getComputedStyle&&(c=document.defaultView.getComputedStyle(a,null).getPropertyValue(b));if(c=="auto"&&b=="cursor"){var d=["a"];for(var e=0;e<d.length;e++)if(a.tagName.toLowerCase()==d[e])return"pointer"}return c},b=function(a){if(!l.prototype._singleton)return;a||(a=window.event);var b;this!==window?b=this:a.target?b=a.target:a.srcElement&&(b=a.srcElement),l.prototype._singleton.setCurrent(b)},c=function(a,b,c){a.addEventListener?a.addEventListener(b,c,!1):a.attachEvent&&a.attachEvent("on"+b,c)},d=function(a,b,c){a.removeEventListener?a.removeEventListener(b,c,!1):a.detachEvent&&a.detachEvent("on"+b,c)},e=function(a,b){if(a.addClass)return a.addClass(b),a;if(b&&typeof b=="string"){var c=(b||"").split(/\s+/);if(a.nodeType===1)if(!a.className)a.className=b;else{var d=" "+a.className+" ",e=a.className;for(var f=0,g=c.length;f<g;f++)d.indexOf(" "+c[f]+" ")<0&&(e+=" "+c[f]);a.className=e.replace(/^\s+|\s+$/g,"")}}return a},f=function(a,b){if(a.removeClass)return a.removeClass(b),a;if(b&&typeof b=="string"||b===undefined){var c=(b||"").split(/\s+/);if(a.nodeType===1&&a.className)if(b){var d=(" "+a.className+" ").replace(/[\n\t]/g," ");for(var e=0,f=c.length;e<f;e++)d=d.replace(" "+c[e]+" "," ");a.className=d.replace(/^\s+|\s+$/g,"")}else a.className=""}return a},g=function(b){var c={left:0,top:0,width:b.width||b.offsetWidth||0,height:b.height||b.offsetHeight||0,zIndex:9999},d=a(b,"zIndex");d&&d!="auto"&&(c.zIndex=parseInt(d,10));while(b){var e=parseInt(a(b,"borderLeftWidth"),10),f=parseInt(a(b,"borderTopWidth"),10);c.left+=isNaN(b.offsetLeft)?0:b.offsetLeft,c.left+=isNaN(e)?0:e,c.top+=isNaN(b.offsetTop)?0:b.offsetTop,c.top+=isNaN(f)?0:f,b=b.offsetParent}return c},h=function(a){return(a.indexOf("?")>=0?"&":"?")+"nocache="+(new Date).getTime()},i=function(a){var b=[];return a.trustedDomains&&(typeof a.trustedDomains=="string"?b.push("trustedDomain="+a.trustedDomains):b.push("trustedDomain="+a.trustedDomains.join(","))),b.join("&")},j=function(a,b){if(b.indexOf)return b.indexOf(a);for(var c=0,d=b.length;c<d;c++)if(b[c]===a)return c;return-1},k=function(a){if(typeof a=="string")throw new TypeError("ZeroClipboard doesn't accept query strings.");return a.length?a:[a]},l=function(a,b){a&&(l.prototype._singleton||this).glue(a);if(l.prototype._singleton)return l.prototype._singleton;l.prototype._singleton=this,this.options={};for(var c in o)this.options[c]=o[c];for(var d in b)this.options[d]=b[d];this.handlers={},l.detectFlashSupport()&&p()},m,n=[];l.prototype.setCurrent=function(b){m=b,this.reposition(),b.getAttribute("title")&&this.setTitle(b.getAttribute("title")),this.setHandCursor(a(b,"cursor")=="pointer")},l.prototype.setText=function(a){a&&a!==""&&(this.options.text=a,this.ready()&&this.flashBridge.setText(a))},l.prototype.setTitle=function(a){a&&a!==""&&this.htmlBridge.setAttribute("title",a)},l.prototype.setSize=function(a,b){this.ready()&&this.flashBridge.setSize(a,b)},l.prototype.setHandCursor=function(a){this.ready()&&this.flashBridge.setHandCursor(a)},l.version="1.1.7";var o={moviePath:"ZeroClipboard.swf",trustedDomains:null,text:null,hoverClass:"zeroclipboard-is-hover",activeClass:"zeroclipboard-is-active",allowScriptAccess:"sameDomain"};l.setDefaults=function(a){for(var b in a)o[b]=a[b]},l.destroy=function(){l.prototype._singleton.unglue(n);var a=l.prototype._singleton.htmlBridge;a.parentNode.removeChild(a),delete l.prototype._singleton},l.detectFlashSupport=function(){var a=!1;try{new ActiveXObject("ShockwaveFlash.ShockwaveFlash")&&(a=!0)}catch(b){navigator.mimeTypes["application/x-shockwave-flash"]&&(a=!0)}return a};var p=function(){var a=l.prototype._singleton,b=document.getElementById("global-zeroclipboard-html-bridge");if(!b){var c=' <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="global-zeroclipboard-flash-bridge" width="100%" height="100%"> <param name="movie" value="'+a.options.moviePath+h(a.options.moviePath)+'"/> <param name="allowScriptAccess" value="'+a.options.allowScriptAccess+'"/> <param name="scale" value="exactfit"/> <param name="loop" value="false"/> <param name="menu" value="false"/> <param name="quality" value="best" /> <param name="bgcolor" value="#ffffff"/> <param name="wmode" value="transparent"/> <param name="flashvars" value="'+i(a.options)+'"/> <embed src="'+a.options.moviePath+h(a.options.moviePath)+'" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="100%" height="100%" name="global-zeroclipboard-flash-bridge" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="'+i(a.options)+'" scale="exactfit"> </embed> </object>';b=document.createElement("div"),b.id="global-zeroclipboard-html-bridge",b.setAttribute("class","global-zeroclipboard-container"),b.setAttribute("data-clipboard-ready",!1),b.style.position="absolute",b.style.left="-9999px",b.style.top="-9999px",b.style.width="15px",b.style.height="15px",b.style.zIndex="9999",b.innerHTML=c,document.body.appendChild(b)}a.htmlBridge=b,a.flashBridge=document["global-zeroclipboard-flash-bridge"]||b.children[0].lastElementChild};l.prototype.resetBridge=function(){this.htmlBridge.style.left="-9999px",this.htmlBridge.style.top="-9999px",this.htmlBridge.removeAttribute("title"),this.htmlBridge.removeAttribute("data-clipboard-text"),f(m,this.options.activeClass),m=null,this.options.text=null},l.prototype.ready=function(){var a=this.htmlBridge.getAttribute("data-clipboard-ready");return a==="true"||a===!0},l.prototype.reposition=function(){if(!m)return!1;var a=g(m);this.htmlBridge.style.top=a.top+"px",this.htmlBridge.style.left=a.left+"px",this.htmlBridge.style.width=a.width+"px",this.htmlBridge.style.height=a.height+"px",this.htmlBridge.style.zIndex=a.zIndex+1,this.setSize(a.width,a.height)},l.dispatch=function(a,b){l.prototype._singleton.receiveEvent(a,b)},l.prototype.on=function(a,b){var c=a.toString().split(/\s/g);for(var d=0;d<c.length;d++)a=c[d].toLowerCase().replace(/^on/,""),this.handlers[a]||(this.handlers[a]=b);this.handlers.noflash&&!l.detectFlashSupport()&&this.receiveEvent("onNoFlash",null)},l.prototype.addEventListener=l.prototype.on,l.prototype.off=function(a,b){var c=a.toString().split(/\s/g);for(var d=0;d<c.length;d++){a=c[d].toLowerCase().replace(/^on/,"");for(var e in this.handlers)e===a&&this.handlers[e]===b&&delete this.handlers[e]}},l.prototype.removeEventListener=l.prototype.off,l.prototype.receiveEvent=function(a,b){a=a.toString().toLowerCase().replace(/^on/,"");var c=m;switch(a){case"load":if(b&&parseFloat(b.flashVersion.replace(",",".").replace(/[^0-9\.]/gi,""))<10){this.receiveEvent("onWrongFlash",{flashVersion:b.flashVersion});return}this.htmlBridge.setAttribute("data-clipboard-ready",!0);break;case"mouseover":e(c,this.options.hoverClass);break;case"mouseout":f(c,this.options.hoverClass),this.resetBridge();break;case"mousedown":e(c,this.options.activeClass);break;case"mouseup":f(c,this.options.activeClass);break;case"datarequested":var d=c.getAttribute("data-clipboard-target"),g=d?document.getElementById(d):null;if(g){var h=g.value||g.textContent||g.innerText;h&&this.setText(h)}else{var i=c.getAttribute("data-clipboard-text");i&&this.setText(i)}break;case"complete":this.options.text=null}if(this.handlers[a]){var j=this.handlers[a];typeof j=="function"?j.call(c,this,b):typeof j=="string"&&window[j].call(c,this,b)}},l.prototype.glue=function(a){a=k(a);for(var d=0;d<a.length;d++)j(a[d],n)==-1&&(n.push(a[d]),c(a[d],"mouseover",b))},l.prototype.unglue=function(a){a=k(a);for(var c=0;c<a.length;c++){d(a[c],"mouseover",b);var e=j(a[c],n);e!=-1&&n.splice(e,1)}},typeof module!="undefined"?module.exports=l:typeof define=="function"&&define.amd?define(function(){return l}):window.ZeroClipboard=l})();
\ No newline at end of file diff --git a/static/fork-awesome/src/doc/assets/js/ZeroClipboard-1.1.7.swf b/static/fork-awesome/src/doc/assets/js/ZeroClipboard-1.1.7.swf Binary files differnew file mode 100644 index 0000000..880e64e --- /dev/null +++ b/static/fork-awesome/src/doc/assets/js/ZeroClipboard-1.1.7.swf diff --git a/static/fork-awesome/src/doc/assets/js/html5shiv.js b/static/fork-awesome/src/doc/assets/js/html5shiv.js new file mode 100644 index 0000000..784f221 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/js/html5shiv.js @@ -0,0 +1,8 @@ +/* + HTML5 Shiv v3.6.2pre | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed +*/ +(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); +a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}</style>"; +c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| +"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",version:"3.6.2pre",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment(); +for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document); diff --git a/static/fork-awesome/src/doc/assets/js/monetization.js b/static/fork-awesome/src/doc/assets/js/monetization.js new file mode 100644 index 0000000..0e3c2a7 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/js/monetization.js @@ -0,0 +1 @@ +var _bsa={init:function(format,zoneKey,segment,options){var options=typeof options!=='undefined'?options:false;var srv=document.createElement('script');srv.id='_bsa_srv-'+zoneKey;srv.type='text/javascript';srv.src=(options&&options.path)?options.path:'//srv.buysellads.com/ads/'+zoneKey+'.json';srv.src=this.appendQueryString(srv.src,'callback','_bsa_go');if(segment)srv.src=this.appendQueryString(srv.src,'segment',segment);if(options&&this.isset(options.ip))srv.src=this.appendQueryString(srv.src,'forwardedip',options.ip);if(!this.isset(window['_bsa_queue']))window['_bsa_queue']=[];if(options&&!this.isset(options.platforms)||!this.isset(options))options.platforms=['desktop','mobile'];if(_bsa[format].readyToInit!=false||(options&&options.testMode)||!_bsa.objExists(zoneKey))window['_bsa_queue'].push([format,zoneKey,segment,options]);if(_bsa[format].readyToInit!=false&&!options.testMode){srv.src+=this.frequencyCap();if(_bsa.objExists(zoneKey))document.getElementsByTagName('head')[0].appendChild(srv)}else if((options&&options.testMode)||!_bsa.objExists(zoneKey))_bsa_go(_bsa[format].testData);else _bsa[format](zoneKey,segment,options)},frequencyCap:function(){var day=_bsa.getCookie('_bsap_daycap'),life=_bsa.getCookie('_bsap_lifecap'),day=this.isset(day)?day.split(';')[0].split(','):[],life=this.isset(life)?life.split(';')[0].split(','):[];if(day.length||life.length){var freqcap=[];for(var i=0;i<day.length;i++){var adspot=day[i];for(var found=-1,find=0;find<freqcap.length&&found==-1;find++)if(freqcap[find][0]==adspot)found=find;if(found==-1)freqcap.push([adspot,1,0]);else freqcap[found][1]++}for(var i=0;i<life.length;i++){var adspot=day[i];for(var found=-1,find=0;find<freqcap.length&&found==-1;find++)if(freqcap[find][0]==adspot)found=find;if(found==-1)freqcap.push([adspot,0,1]);else freqcap[found][2]++}for(var i=0;i<freqcap.length;i++)freqcap[i]=freqcap[i][0]+':'+freqcap[i][1]+','+freqcap[i][2]}if(freqcap&&freqcap.length)return'&freqcap='+encodeURIComponent(freqcap.join(';'));else return''},appendQueryString:function(url,name,value){var re=new RegExp('([?&]'+name+'=)[^&]+','');function add(sep){url+=sep+name+'='+encodeURIComponent(value)}function change(){url=url.replace(re,'$1'+encodeURIComponent(value))}if(url.indexOf('?')===-1){add('?')}else{if(re.test(url)){change()}else{add('&')}}return url},clearQueue:function(){window['_bsa_queue'].shift()},link:function(link){var l=link.split('?encredirect='),time=Date.now()/1000|0,fulllink;if(typeof l[1]!='undefined')fulllink=l[0]+'?segment='+window['_bsa_queue'][2]+';&encredirect='+encodeURIComponent(l[1]);else if(l[0].search('srv.buysellads.com')>0)fulllink=l[0]+'?segment='+window['_bsa_queue'][2]+';';else fulllink=l[0];fulllink=fulllink.replace('[publisher]',window['_bsa_queue'][2]);fulllink=fulllink.replace('[timestamp]',time);return fulllink},drop:function(output,target,elType,idName){var div=document.createElement(elType);div.id=idName;div.innerHTML=output;if(!this.isset(target))where='body';for(i=0;i<document.querySelectorAll(target).length;i++)document.querySelectorAll(target)[i].appendChild(div)},hide:function(e){if(document.getElementById(e)){this.removeClass(document.getElementById(e),'_bsa_show');this.addClass(document.getElementById(e),'_bsa_hide')}},show:function(e){if(document.getElementById(e)){this.removeClass(document.getElementById(e),'_bsa_hide');this.addClass(document.getElementById(e),'_bsa_show')}},close:function(e){this.hide(e);if(this.isset(_bsa.setCookie))_bsa.setCookie(e,'hide',1)},hasClass:function(el,name){return new RegExp('(\\s|^)'+name+'(\\s|$)').test(el.className)},addClass:function(el,name){if(!this.hasClass(el,name))el.className+=(el.className?' ':'')+name},removeClass:function(el,name){if(this.hasClass(el,name))el.className=el.className.replace(new RegExp('(\\s|^)'+name+'(\\s|$)'),' ').replace(/^\s+|\s+$/g,'')},removeEl:function(el){if(typeof el!=='undefined'&&el!=null)el.parentNode.removeChild(el)},isHex:function(c){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(c)},isMobile:function(){var check=false;(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))check=true})(navigator.userAgent||navigator.vendor||window.opera);return check},extend:function(target){for(var i=1;i<arguments.length;++i){var from=arguments[i];if(typeof from!=='object')continue;for(var j in from){if(from.hasOwnProperty(j)){target[j]=typeof from[j]==='object'?this.extend({},target[j],from[j]):from[j]}}}return target},isset:function(v){return typeof v!=='undefined'&&v!=null},exists:function(el){if(el===null)return false;return true},objExists:function(obj){var hasOwnProperty=Object.prototype.hasOwnProperty;if(obj==null)return false;if(obj.length>0)return true;if(obj.length===0)return false;for(var key in obj)if(hasOwnProperty.call(obj,key))return true;return false},getAttr:function(v,id){return document.getElementById(id).getAttribute('data-'+v)},getUrlVar:function(el,name){name=name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");var regexS="[\\?&]"+name+"=([^&#]*)",regex=new RegExp(regexS),results=regex.exec(el.src);if(results==null)return'';else return results[1]}};var _bsa_go=function(json){if(window['_bsa_queue'][0])if((window['_bsa_queue'][0][3]&&window['_bsa_queue'][0][3].platforms.indexOf('mobile')>-1&&_bsa.isMobile())||(window['_bsa_queue'][0][3]&&window['_bsa_queue'][0][3].platforms.indexOf('desktop')>-1&&!_bsa.isMobile()))for(i=json['ads'].length-1;i>=0;i--)if(json['ads'][i].statlink==null)json['ads'].splice(i,1);if(_bsa.isset(json['ads'][0].statlink)){for(var i=0;i<json['ads'].length;i++)_bsa_serving_callback(json['ads'][i].bannerid,json['ads'][i].zonekey,json['ads'][i].freqcap);_bsa[window['_bsa_queue'][0][0]](window['_bsa_queue'][0][1],window['_bsa_queue'][0][2],window['_bsa_queue'][0][3],json['ads'])}};_bsa.getCookie=function(name){var nameEQ=name+'=',ca=document.cookie.split(';');for(var i=0;i<ca.length;i++){var c=ca[i];while(c.charAt(0)==' ')c=c.substring(1,c.length);if(c.indexOf(nameEQ)==0)return c.substring(nameEQ.length,c.length)}return null};_bsa.setCookie=function(name,value,days){if(days){var date=new Date();date.setTime(date.getTime()+(days*24*60*60*1000));var expires='; expires='+date.toGMTString()}else var expires='';document.cookie=name+'='+value+expires+'; path=/'};_bsa.removeCookie=function(name){this.setCookie(name,'',-1)};window['_bsa_serving_callback']=function(banner,zone,freqcap){var append=function(w,data,days){var c=document.cookie,i=c.indexOf(w+'='),existing=i>=0?c.substring(i+w.length+1).split(';')[0]+',':'',d=new Date();d.setTime(days*3600000+d);data=existing+data;data=data.substring(0,2048);document.cookie=w+'='+data+'; expires='+d.toGMTString()+'; path=\/'};if(freqcap){append('_bsap_daycap',banner,1);append('_bsap_lifecap',banner,365)}};_bsa.default=function(zoneKey,segment,options,ads){var disable_css=_bsa.isset(options)&&_bsa.isset(options.disable_css)?options.disable_css:false;_bsa.default.elID=function(options){return(options&&options.id)?options.id:'_default_'};_bsa.default.align=function(options){return(options&&options.align)?options.align:'vertical'};function css(colors){var c='<style type="text/css">',id=_bsa.default.elID(options);if(_bsa.default.align(options)=='vertical')c+='#'+id+'{flex-direction:column}#'+id+' ._default_{margin-bottom:10px;}';else c+='#'+id+'{flex-direction:row}#'+id+' a._default_{width:49%;}';c+='#'+id+'{position:relative;display:flex;}#'+id+' a._default_{display:block;position:relative;margin:5px;text-decoration:none;}#'+id+' a._default_:hover .default-title{text-decoration:underline;}#'+id+' .default-ad{position:absolute;right:0;top:0;background:#e1e1e1;color:#9a9a9a;padding:2px 3px;font-size:12.5px;border-radius:2px;font-weight:600;}#'+id+' a._default_ .default-image img{float:left;margin:0 10px 0 0;}#'+id+' a._default_ .default-title{display:block;margin:4px 0 0 0;font-size:16px;font-weight:600;padding:0 0 4px;}#'+id+' a._default_ .default-description{display:block;font-size:14px;color:#414141;margin-right:5%;}#'+id+' a._default_:hover .default-description{color:#111;}';c+='</style>';return c}function template(ads){var c='<span class="default-ad">ad</span>';for(var i=0;i<ads.length;i++)c+='<a href="'+ads[i].statlink+'" target="_blank" rel="nofollow" class="_default_"><span class="default-image"><img src="'+(_bsa.isset(ads[i].base64)?ads[i].base64:ads[i].image)+'" /></span><span class="default-title">'+ads[i].title+'</span><span class="default-description">'+ads[i].description+'</span></a>'+(_bsa.isset(ads[i].pixel)?'<img src="'+ads[i].pixel.replace('[timestamp]',ads[i].time)+'" style="display:none;" height="0" width="0" />':'')+'';return c}if(ads){_bsa.drop((disable_css?'':css(ads))+template(ads),options.target,'div',_bsa.default.elID(options));_bsa.clearQueue()}};_bsa.default.readyToInit=true;_bsa.default.testData={ads:[{barcolor:'#1a1b1c',barcolorHover:'rgba(0,0,0,.8)',callToActionTextColor:'#ffffff',callToActionColor:'#06c',callToActionColorHover:'#06c',callToActionTextColorHover:'#ffffff',textcolor:'#ffffff',textcolorHover:'#ffffff',barcolorHover:'#1a1b1c',statlink:'//demo.com/',image:'//dummyimage.com/80x80/000/1a1b1c',title:'This is a title',description:'Hi, please try my fancy new product over here!',calltoaction:'Learn More',base64:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAFVBMVEUAAAAaGxwJCgoDAwMNDQ4GBgcQEBGUR2suAAAAb0lEQVR4Ae3RMYoGMQxDYeEnz/2PvIGw05gpXP6grwoPVATrJ0VERERERBWSur/7jsHogee7b1BSH/cldDD7grut0mFJWDKjb1SV5XeIzegbhYSLd2jPvnEn1P89DR59xVXmfvBoJJh9ioiIiIiIPyBgActqvt8OAAAAAElFTkSuQmCC'}]};_bsa.imageonly=function(zoneKey,segment,options,ads){var disable_css=_bsa.isset(options)&&_bsa.isset(options.disable_css)?options.disable_css:false;_bsa.default.elID=function(options){return(options&&options.id)?options.id:zoneKey};_bsa.default.align=function(options){return(options&&options.align)?options.align:'vertical'};function css(colors){var c='<style type="text/css">',id=_bsa.default.elID(options);if(_bsa.default.align(options)=='vertical')c+='#'+id+'{flex-direction:column}#'+id+' ._default_{margin-bottom:10px;}';else c+='#'+id+'{flex-direction:row}#'+id+' a._default_{width:49%;}';c+='#'+id+'{position:relative;display:flex;flex-wrap:wrap;}#'+id+' a._default_{display:block;position:relative;margin:5px;text-decoration:none;}#'+id+' a._default_:hover .default-title{text-decoration:underline;}#'+id+' .default-ad{position:absolute;right:0;top:0;background:#e1e1e1;color:#9a9a9a;padding:2px 3px;font-size:12.5px;border-radius:2px;font-weight:600;}#'+id+' a._default_ .default-image img{float:left;margin:0 10px 0 0;}#'+id+' a._default_ .default-title{display:block;margin:4px 0 0 0;font-size:16px;font-weight:600;padding:0 0 4px;}#'+id+' a._default_ .default-description{display:block;font-size:14px;color:#414141;margin-right:5%;}#'+id+' a._default_:hover .default-description{color:#111;}';c+='</style>';return c}function template(ads){var c='';for(var i=0;i<ads.length;i++)c+='<a href="'+ads[i].statlink+'" target="_blank" rel="nofollow" class="ad'+i+'"><img src="'+(_bsa.isset(ads[i].base64)?ads[i].base64:ads[i].image)+'" alt="'+ads[i].alt+'" width="'+ads[i].width+'" height="'+ads[i].height+'" /></a>'+(_bsa.isset(ads[i].pixel)?'<img src="'+ads[i].pixel.replace('[timestamp]',ads[i].time)+'" style="display:none;" height="0" width="0" />':'')+'';return c}if(ads){_bsa.drop((disable_css?'':css(ads))+template(ads),options.target,'div',_bsa.default.elID(options));_bsa.clearQueue()}};_bsa.imageonly.readyToInit=true;_bsa.imageonly.testData={ads:[{barcolor:'#1a1b1c',barcolorHover:'rgba(0,0,0,.8)',callToActionTextColor:'#ffffff',callToActionColor:'#06c',callToActionColorHover:'#06c',callToActionTextColorHover:'#ffffff',textcolor:'#ffffff',textcolorHover:'#ffffff',barcolorHover:'#1a1b1c',statlink:'//demo.com/',image:'//dummyimage.com/80x80/000/1a1b1c',title:'This is a title',description:'Hi, please try my fancy new product over here!',calltoaction:'Learn More',base64:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAFVBMVEUAAAAaGxwJCgoDAwMNDQ4GBgcQEBGUR2suAAAAb0lEQVR4Ae3RMYoGMQxDYeEnz/2PvIGw05gpXP6grwoPVATrJ0VERERERBWSur/7jsHogee7b1BSH/cldDD7grut0mFJWDKjb1SV5XeIzegbhYSLd2jPvnEn1P89DR59xVXmfvBoJJh9ioiIiIiIPyBgActqvt8OAAAAAElFTkSuQmCC'}]};_bsa.fancybar=function(zoneKey,segment,options,ads){var disable_css=_bsa.isset(options)&&_bsa.isset(options.disable_css)?options.disable_css:false;_bsa.fancybar.elID=function(options){return(options&&options.id)?options.id:'_fbn_'};function css(colors){var c=colors[0],barcolor=_bsa.isset(c)&&_bsa.isHex(c.barcolor)?c.barcolor:_bsa.fancybar.testData.ads[0].barcolor,barcolorHover=_bsa.isset(c)&&_bsa.isHex(c.barcolorHover)?c.barcolorHover:_bsa.fancybar.testData.ads[0].barcolorHover,callToActionTextColor=_bsa.isset(c)&&_bsa.isHex(c.callToActionTextColor)?c.callToActionTextColor:_bsa.fancybar.testData.ads[0].callToActionTextColor,callToActionColor=_bsa.isset(c)&&_bsa.isHex(c.callToActionColor)?c.callToActionColor:_bsa.fancybar.testData.ads[0].callToActionColor,callToActionColorHover=_bsa.isset(c)&&_bsa.isHex(c.callToActionColorHover)?c.callToActionColorHover:_bsa.fancybar.testData.ads[0].callToActionColorHover,callToActionTextColorHover=_bsa.isset(c)&&_bsa.isHex(c.callToActionTextColorHover)?c.callToActionTextColorHover:_bsa.fancybar.testData.ads[0].callToActionTextColorHover,textcolor=_bsa.isset(c)&&_bsa.isHex(c.textcolor)?c.textcolor:_bsa.fancybar.testData.ads[0].textcolor,textcolorHover=_bsa.isset(c)&&_bsa.isHex(c.textcolorHover)?c.textcolorHover:_bsa.fancybar.testData.ads[0].textcolorHover,barcolorHover=_bsa.isset(c)&&_bsa.isHex(c.barcolorHover)?c.barcolorHover:_bsa.fancybar.testData.ads[0].barcolorHover;return'<style type="text/css">._bsa_hide ._bsa_fancybar{top:-100%;}._bsa_show ._bsa_fancybar {top:0;}._bsa_fancybar{display:block;width:100%;float:left;position:fixed;top:-80px;left:0;right:0;z-index:100001;background-color:'+barcolor+';-webkit-transition:top 700ms;-moz-transition:top 700ms;-o-transition:top 700ms;transition:top 700ms;text-align:center;box-sizing:border-box;font-family:helvetica,arial,sans-serif;margin:0 auto;box-shadow: 0 1px 5px rgba(0,0,0,.6);backface-visibility:hidden;}._bsa_fancybar a {display:block;position:relative;text-align:left;text-decoration:none;margin:0 auto;float:left;width:100%;padding:10px 5%;box-sizing:border-box;}._bsa_fancybar a:hover {background:'+barcolorHover+';display: block;}._bsa_fancybar a .fancybar-cta {display:block;float:right;color:'+callToActionTextColor+';background-color:'+callToActionColor+';border-radius:2px;line-height:28px;font-size:15px;box-sizing:border-box;margin:0;padding:0 12px;}._bsa_fancybar a:hover .fancybar-cta {background:'+callToActionColorHover+';color:'+callToActionTextColorHover+';}._bsa_fancybar a .fancybar-logo {display:block;float:left;padding:0;margin:-10px 0;}._bsa_fancybar a .fancybar-logo img {display:block;max-width:110px;}._bsa_fancybar a .fancybar-text {float:left;font-size:16px;line-height:16px;padding:8px 0 0 15px;color:'+textcolor+';}._bsa_fancybar a:hover .fancybar-text {color:'+textcolorHover+';}@media all and (max-width:680px){._bsa_fancybar a .fancybar-logo{margin:0 auto;display:block;min-width:100%;}._bsa_fancybar a .fancybar-logo img {max-width:110px;display:block;margin:0 auto;}._bsa_fancybar a .fancybar-text{font-size:13px;line-height:13px;padding:10px 0;text-align:center;width:100%;display:block;}._bsa_fancybar a .fancybar-cta{display:block;float:left;width:100%;margin:0;box-sizing:border-box;text-align:center;}}._bsa_fancybar .fancybar-close{display:block;position:absolute;top:11px;right:15px;padding:5px 10px 7px;border-radius: 2px;color:'+textcolor+';z-index:2;font-size:14px;line-height:12px;}._bsa_fancybar .fancybar-close:hover{cursor:pointer;background:'+barcolorHover+';}</style>'}function template(ads){var a=ads[0],link=_bsa.isset(a)&&_bsa.isset(a.statlink)?_bsa.link(a.statlink):_bsa.fancybar.testData.ads[0].statlink,image=_bsa.isset(a)&&_bsa.isset(a.image)?a.image:_bsa.fancybar.testData.ads[0].image,base64=_bsa.isset(a)&&_bsa.isset(a.base64)?a.base64:_bsa.fancybar.testData.ads[0].base64,text=_bsa.isset(a)&&_bsa.isset(a.text)?a.text:_bsa.fancybar.testData.ads[0].text,calltoaction=_bsa.isset(a)&&_bsa.isset(a.calltoaction)?a.calltoaction:_bsa.fancybar.testData.ads[0].calltoaction,pixel=_bsa.isset(a)&&_bsa.isset(a.pixel)?a.pixel:null,time=Date.now()/1000|0;return'<div class="_bsa_fancybar"><span class="fancybar-close" onclick="_bsa.close(\''+_bsa.fancybar.elID(options)+'\')">x</span><a href="'+link+'" target="_blank" rel="nofollow"><span class="fancybar-logo"><img src="'+(_bsa.isset(base64)?base64:image)+'" /></span><span class="fancybar-cta">'+calltoaction+'</span><span class="fancybar-text">'+text+'</span></a>'+(_bsa.isset(pixel)?'<img src="'+pixel.replace('[timestamp]',time)+'" style="display:none;" height="0" width="0" />':'')+'</div>'}if(!_bsa.getCookie(_bsa.fancybar.elID(options))){var _fancybar_didScroll;var _fancybar_didDrop=false;window.onscroll=function(){_fancybar_didScroll=true};var _fancybar_scrollInterval=setInterval(function(){if(_fancybar_didScroll&&!_bsa.getCookie(_bsa.fancybar.elID(options))){_fancybar_didScroll=false;var scrollTop=(window.pageYOffset!==undefined)?window.pageYOffset:(document.documentElement||document.body.parentNode||document.body).scrollTop;if(scrollTop>=100&&!document.getElementById(_bsa.fancybar.elID(options))){_bsa.fancybar.readyToInit=true;_bsa.init('fancybar',zoneKey,segment,options)}else if(scrollTop>=100){_bsa.show(_bsa.fancybar.elID(options))}if(scrollTop<100){_bsa.hide(_bsa.fancybar.elID(options))}}},500)}if(ads){_bsa.drop((disable_css?'':css(ads))+template(ads),'body','div',_bsa.fancybar.elID(options));_bsa.clearQueue()}};_bsa.fancybar.readyToInit=false;_bsa.fancybar.testData={ads:[{barcolor:'#1a1b1c',barcolorHover:'rgba(0,0,0,.8)',callToActionTextColor:'#ffffff',callToActionColor:'#06c',callToActionColorHover:'#06c',callToActionTextColorHover:'#ffffff',textcolor:'#ffffff',textcolorHover:'#ffffff',barcolorHover:'#1a1b1c',statlink:'//demo.com/',image:'//dummyimage.com/125x50/000/1a1b1c',text:'Hi, please try my fancy new product over here!',calltoaction:'Learn More',base64:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH0AAAAyBAMAAACDoMmvAAAAG1BMVEUAAAAaGxwGBgcNDQ4QEBEWFxgJCgoDAwMTFBUu0R9eAAABlElEQVRIie2TsVLCQBCGjyQkluIIUh6jqKWoKGVmEGqQMVIeM2AsAQdtkQjDY7ubDclxSbSwsLl/JrfH7X67e5vAmJaWltZfdYqLM9520d6ArpQAEw8xpvUl0rhZwrURvDSfwR5n8IU28aPu+Xqa4jsjXH14tlDiJKPBGUHGEWNWT3Uu3JoU5xxm8WSK2NdA8TkDFvNFwYwsviaZieKzxT4f92cKzO7itk4nLekuGelhTpzZy90PowLLIhzlK520wxo8n4fe7FVneB8dC7xcyJ89BVB2g/sDkc970HXVf+/wXQNUnjU2H+PH0A28+nIT3oS7O5xseO5Hw57D0/ydr+1G45ExSlIszHbzM4+fB+mBjNMXSZDlsiDKk8PXY88tmcV1JQkyXUpb4Dm84cUHVB+/rKQY1J9IxdK8FEuZYPhG0gD0PeNx7jRvx7dndi8qLyeF4tZSHpLCN3m4N33mNMKtiYM2lri9m7I35IZTNkmPn/gSCjr+HPZXasBleV3FnFa576m+lObpPwhzLvatlpbW/+obifk8WyshfY8AAAAASUVORK5CYII='}]};
\ No newline at end of file diff --git a/static/fork-awesome/src/doc/assets/js/prettify.min.js b/static/fork-awesome/src/doc/assets/js/prettify.min.js new file mode 100644 index 0000000..eef5ad7 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/js/prettify.min.js @@ -0,0 +1,28 @@ +var q=null;window.PR_SHOULD_USE_CONTINUATION=!0; +(function(){function L(a){function m(a){var f=a.charCodeAt(0);if(f!==92)return f;var b=a.charAt(1);return(f=r[b])?f:"0"<=b&&b<="7"?parseInt(a.substring(1),8):b==="u"||b==="x"?parseInt(a.substring(2),16):a.charCodeAt(1)}function e(a){if(a<32)return(a<16?"\\x0":"\\x")+a.toString(16);a=String.fromCharCode(a);if(a==="\\"||a==="-"||a==="["||a==="]")a="\\"+a;return a}function h(a){for(var f=a.substring(1,a.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),a= +[],b=[],o=f[0]==="^",c=o?1:0,i=f.length;c<i;++c){var j=f[c];if(/\\[bdsw]/i.test(j))a.push(j);else{var j=m(j),d;c+2<i&&"-"===f[c+1]?(d=m(f[c+2]),c+=2):d=j;b.push([j,d]);d<65||j>122||(d<65||j>90||b.push([Math.max(65,j)|32,Math.min(d,90)|32]),d<97||j>122||b.push([Math.max(97,j)&-33,Math.min(d,122)&-33]))}}b.sort(function(a,f){return a[0]-f[0]||f[1]-a[1]});f=[];j=[NaN,NaN];for(c=0;c<b.length;++c)i=b[c],i[0]<=j[1]+1?j[1]=Math.max(j[1],i[1]):f.push(j=i);b=["["];o&&b.push("^");b.push.apply(b,a);for(c=0;c< +f.length;++c)i=f[c],b.push(e(i[0])),i[1]>i[0]&&(i[1]+1>i[0]&&b.push("-"),b.push(e(i[1])));b.push("]");return b.join("")}function y(a){for(var f=a.source.match(/\[(?:[^\\\]]|\\[\S\s])*]|\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\\d+|\\[^\dux]|\(\?[!:=]|[()^]|[^()[\\^]+/g),b=f.length,d=[],c=0,i=0;c<b;++c){var j=f[c];j==="("?++i:"\\"===j.charAt(0)&&(j=+j.substring(1))&&j<=i&&(d[j]=-1)}for(c=1;c<d.length;++c)-1===d[c]&&(d[c]=++t);for(i=c=0;c<b;++c)j=f[c],j==="("?(++i,d[i]===void 0&&(f[c]="(?:")):"\\"===j.charAt(0)&& +(j=+j.substring(1))&&j<=i&&(f[c]="\\"+d[i]);for(i=c=0;c<b;++c)"^"===f[c]&&"^"!==f[c+1]&&(f[c]="");if(a.ignoreCase&&s)for(c=0;c<b;++c)j=f[c],a=j.charAt(0),j.length>=2&&a==="["?f[c]=h(j):a!=="\\"&&(f[c]=j.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return f.join("")}for(var t=0,s=!1,l=!1,p=0,d=a.length;p<d;++p){var g=a[p];if(g.ignoreCase)l=!0;else if(/[a-z]/i.test(g.source.replace(/\\u[\da-f]{4}|\\x[\da-f]{2}|\\[^UXux]/gi,""))){s=!0;l=!1;break}}for(var r= +{b:8,t:9,n:10,v:11,f:12,r:13},n=[],p=0,d=a.length;p<d;++p){g=a[p];if(g.global||g.multiline)throw Error(""+g);n.push("(?:"+y(g)+")")}return RegExp(n.join("|"),l?"gi":"g")}function M(a){function m(a){switch(a.nodeType){case 1:if(e.test(a.className))break;for(var g=a.firstChild;g;g=g.nextSibling)m(g);g=a.nodeName;if("BR"===g||"LI"===g)h[s]="\n",t[s<<1]=y++,t[s++<<1|1]=a;break;case 3:case 4:g=a.nodeValue,g.length&&(g=p?g.replace(/\r\n?/g,"\n"):g.replace(/[\t\n\r ]+/g," "),h[s]=g,t[s<<1]=y,y+=g.length, +t[s++<<1|1]=a)}}var e=/(?:^|\s)nocode(?:\s|$)/,h=[],y=0,t=[],s=0,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=document.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);m(a);return{a:h.join("").replace(/\n$/,""),c:t}}function B(a,m,e,h){m&&(a={a:m,d:a},e(a),h.push.apply(h,a.e))}function x(a,m){function e(a){for(var l=a.d,p=[l,"pln"],d=0,g=a.a.match(y)||[],r={},n=0,z=g.length;n<z;++n){var f=g[n],b=r[f],o=void 0,c;if(typeof b=== +"string")c=!1;else{var i=h[f.charAt(0)];if(i)o=f.match(i[1]),b=i[0];else{for(c=0;c<t;++c)if(i=m[c],o=f.match(i[1])){b=i[0];break}o||(b="pln")}if((c=b.length>=5&&"lang-"===b.substring(0,5))&&!(o&&typeof o[1]==="string"))c=!1,b="src";c||(r[f]=b)}i=d;d+=f.length;if(c){c=o[1];var j=f.indexOf(c),k=j+c.length;o[2]&&(k=f.length-o[2].length,j=k-c.length);b=b.substring(5);B(l+i,f.substring(0,j),e,p);B(l+i+j,c,C(b,c),p);B(l+i+k,f.substring(k),e,p)}else p.push(l+i,b)}a.e=p}var h={},y;(function(){for(var e=a.concat(m), +l=[],p={},d=0,g=e.length;d<g;++d){var r=e[d],n=r[3];if(n)for(var k=n.length;--k>=0;)h[n.charAt(k)]=r;r=r[1];n=""+r;p.hasOwnProperty(n)||(l.push(r),p[n]=q)}l.push(/[\S\s]/);y=L(l)})();var t=m.length;return e}function u(a){var m=[],e=[];a.tripleQuotedStrings?m.push(["str",/^(?:'''(?:[^'\\]|\\[\S\s]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\\]|\\[\S\s]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$))/,q,"'\""]):a.multiLineStrings?m.push(["str",/^(?:'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$)|`(?:[^\\`]|\\[\S\s])*(?:`|$))/, +q,"'\"`"]):m.push(["str",/^(?:'(?:[^\n\r'\\]|\\.)*(?:'|$)|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,q,"\"'"]);a.verbatimStrings&&e.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var h=a.hashComments;h&&(a.cStyleComments?(h>1?m.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):m.push(["com",/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\n\r]*)/,q,"#"]),e.push(["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,q])):m.push(["com",/^#[^\n\r]*/, +q,"#"]));a.cStyleComments&&(e.push(["com",/^\/\/[^\n\r]*/,q]),e.push(["com",/^\/\*[\S\s]*?(?:\*\/|$)/,q]));a.regexLiterals&&e.push(["lang-regex",/^(?:^^\.?|[!+-]|!=|!==|#|%|%=|&|&&|&&=|&=|\(|\*|\*=|\+=|,|-=|->|\/|\/=|:|::|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|[?@[^]|\^=|\^\^|\^\^=|{|\||\|=|\|\||\|\|=|~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\s*(\/(?=[^*/])(?:[^/[\\]|\\[\S\s]|\[(?:[^\\\]]|\\[\S\s])*(?:]|$))+\/)/]);(h=a.types)&&e.push(["typ",h]);a=(""+a.keywords).replace(/^ | $/g, +"");a.length&&e.push(["kwd",RegExp("^(?:"+a.replace(/[\s,]+/g,"|")+")\\b"),q]);m.push(["pln",/^\s+/,q," \r\n\t\xa0"]);e.push(["lit",/^@[$_a-z][\w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][\w$@]*|\w+_t\b)/,q],["pln",/^[$_a-z][\w$@]*/i,q],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\\[\S\s]?/,q],["pun",/^.[^\s\w"-$'./@\\`]*/,q]);return x(m,e)}function D(a,m){function e(a){switch(a.nodeType){case 1:if(k.test(a.className))break;if("BR"===a.nodeName)h(a), +a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)e(a);break;case 3:case 4:if(p){var b=a.nodeValue,d=b.match(t);if(d){var c=b.substring(0,d.index);a.nodeValue=c;(b=b.substring(d.index+d[0].length))&&a.parentNode.insertBefore(s.createTextNode(b),a.nextSibling);h(a);c||a.parentNode.removeChild(a)}}}}function h(a){function b(a,d){var e=d?a.cloneNode(!1):a,f=a.parentNode;if(f){var f=b(f,1),g=a.nextSibling;f.appendChild(e);for(var h=g;h;h=g)g=h.nextSibling,f.appendChild(h)}return e} +for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),e;(e=a.parentNode)&&e.nodeType===1;)a=e;d.push(a)}var k=/(?:^|\s)nocode(?:\s|$)/,t=/\r\n?|\n/,s=a.ownerDocument,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=s.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);for(l=s.createElement("LI");a.firstChild;)l.appendChild(a.firstChild);for(var d=[l],g=0;g<d.length;++g)e(d[g]);m===(m|0)&&d[0].setAttribute("value", +m);var r=s.createElement("OL");r.className="linenums";for(var n=Math.max(0,m-1|0)||0,g=0,z=d.length;g<z;++g)l=d[g],l.className="L"+(g+n)%10,l.firstChild||l.appendChild(s.createTextNode("\xa0")),r.appendChild(l);a.appendChild(r)}function k(a,m){for(var e=m.length;--e>=0;){var h=m[e];A.hasOwnProperty(h)?window.console&&console.warn("cannot override language handler %s",h):A[h]=a}}function C(a,m){if(!a||!A.hasOwnProperty(a))a=/^\s*</.test(m)?"default-markup":"default-code";return A[a]}function E(a){var m= +a.g;try{var e=M(a.h),h=e.a;a.a=h;a.c=e.c;a.d=0;C(m,h)(a);var k=/\bMSIE\b/.test(navigator.userAgent),m=/\n/g,t=a.a,s=t.length,e=0,l=a.c,p=l.length,h=0,d=a.e,g=d.length,a=0;d[g]=s;var r,n;for(n=r=0;n<g;)d[n]!==d[n+2]?(d[r++]=d[n++],d[r++]=d[n++]):n+=2;g=r;for(n=r=0;n<g;){for(var z=d[n],f=d[n+1],b=n+2;b+2<=g&&d[b+1]===f;)b+=2;d[r++]=z;d[r++]=f;n=b}for(d.length=r;h<p;){var o=l[h+2]||s,c=d[a+2]||s,b=Math.min(o,c),i=l[h+1],j;if(i.nodeType!==1&&(j=t.substring(e,b))){k&&(j=j.replace(m,"\r"));i.nodeValue= +j;var u=i.ownerDocument,v=u.createElement("SPAN");v.className=d[a+1];var x=i.parentNode;x.replaceChild(v,i);v.appendChild(i);e<o&&(l[h+1]=i=u.createTextNode(t.substring(b,o)),x.insertBefore(i,v.nextSibling))}e=b;e>=o&&(h+=2);e>=c&&(a+=2)}}catch(w){"console"in window&&console.log(w&&w.stack?w.stack:w)}}var v=["break,continue,do,else,for,if,return,while"],w=[[v,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"], +"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],F=[w,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],G=[w,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"], +H=[G,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"],w=[w,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],I=[v,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"], +J=[v,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],v=[v,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],K=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/,N=/\S/,O=u({keywords:[F,H,w,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END"+ +I,J,v],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),A={};k(O,["default-code"]);k(x([],[["pln",/^[^<?]+/],["dec",/^<!\w[^>]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",/^<xmp\b[^>]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^<script\b[^>]*>([\S\s]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\S\s]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]), +["default-markup","htm","html","mxml","xhtml","xml","xsl"]);k(x([["pln",/^\s+/,q," \t\r\n"],["atv",/^(?:"[^"]*"?|'[^']*'?)/,q,"\"'"]],[["tag",/^^<\/?[a-z](?:[\w-.:]*\w)?|\/?>$/i],["atn",/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^\s"'>]*(?:[^\s"'/>]|\/(?=\s)))/],["pun",/^[/<->]+/],["lang-js",/^on\w+\s*=\s*"([^"]+)"/i],["lang-js",/^on\w+\s*=\s*'([^']+)'/i],["lang-js",/^on\w+\s*=\s*([^\s"'>]+)/i],["lang-css",/^style\s*=\s*"([^"]+)"/i],["lang-css",/^style\s*=\s*'([^']+)'/i],["lang-css", +/^style\s*=\s*([^\s"'>]+)/i]]),["in.tag"]);k(x([],[["atv",/^[\S\s]+/]]),["uq.val"]);k(u({keywords:F,hashComments:!0,cStyleComments:!0,types:K}),["c","cc","cpp","cxx","cyc","m"]);k(u({keywords:"null,true,false"}),["json"]);k(u({keywords:H,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:K}),["cs"]);k(u({keywords:G,cStyleComments:!0}),["java"]);k(u({keywords:v,hashComments:!0,multiLineStrings:!0}),["bsh","csh","sh"]);k(u({keywords:I,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}), +["cv","py"]);k(u({keywords:"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["perl","pl","pm"]);k(u({keywords:J,hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["rb"]);k(u({keywords:w,cStyleComments:!0,regexLiterals:!0}),["js"]);k(u({keywords:"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes", +hashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),["coffee"]);k(x([],[["str",/^[\S\s]+/]]),["regex"]);window.prettyPrintOne=function(a,m,e){var h=document.createElement("PRE");h.innerHTML=a;e&&D(h,e);E({g:m,i:e,h:h});return h.innerHTML};window.prettyPrint=function(a){function m(){for(var e=window.PR_SHOULD_USE_CONTINUATION?l.now()+250:Infinity;p<h.length&&l.now()<e;p++){var n=h[p],k=n.className;if(k.indexOf("prettyprint")>=0){var k=k.match(g),f,b;if(b= +!k){b=n;for(var o=void 0,c=b.firstChild;c;c=c.nextSibling)var i=c.nodeType,o=i===1?o?b:c:i===3?N.test(c.nodeValue)?b:o:o;b=(f=o===b?void 0:o)&&"CODE"===f.tagName}b&&(k=f.className.match(g));k&&(k=k[1]);b=!1;for(o=n.parentNode;o;o=o.parentNode)if((o.tagName==="pre"||o.tagName==="code"||o.tagName==="xmp")&&o.className&&o.className.indexOf("prettyprint")>=0){b=!0;break}b||((b=(b=n.className.match(/\blinenums\b(?::(\d+))?/))?b[1]&&b[1].length?+b[1]:!0:!1)&&D(n,b),d={g:k,h:n,i:b},E(d))}}p<h.length?setTimeout(m, +250):a&&a()}for(var e=[document.getElementsByTagName("pre"),document.getElementsByTagName("code"),document.getElementsByTagName("xmp")],h=[],k=0;k<e.length;++k)for(var t=0,s=e[k].length;t<s;++t)h.push(e[k][t]);var e=q,l=Date;l.now||(l={now:function(){return+new Date}});var p=0,d,g=/\blang(?:uage)?-([\w.]+)(?!\S)/;m()};window.PR={createSimpleLexer:x,registerLangHandler:k,sourceDecorator:u,PR_ATTRIB_NAME:"atn",PR_ATTRIB_VALUE:"atv",PR_COMMENT:"com",PR_DECLARATION:"dec",PR_KEYWORD:"kwd",PR_LITERAL:"lit", +PR_NOCODE:"nocode",PR_PLAIN:"pln",PR_PUNCTUATION:"pun",PR_SOURCE:"src",PR_STRING:"str",PR_TAG:"tag",PR_TYPE:"typ"}})(); diff --git a/static/fork-awesome/src/doc/assets/js/respond.min.js b/static/fork-awesome/src/doc/assets/js/respond.min.js new file mode 100644 index 0000000..56418a2 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/js/respond.min.js @@ -0,0 +1,6 @@ +/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */ +/*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */ +window.matchMedia=window.matchMedia||function(a){"use strict";var c,d=a.documentElement,e=d.firstElementChild||d.firstChild,f=a.createElement("body"),g=a.createElement("div");return g.id="mq-test-1",g.style.cssText="position:absolute;top:-100em",f.style.background="none",f.appendChild(g),function(a){return g.innerHTML='­<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',d.insertBefore(f,e),c=42===g.offsetWidth,d.removeChild(f),{matches:c,media:a}}}(document); + +/*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */ +(function(a){"use strict";function x(){u(!0)}var b={};a.respond=b,b.update=function(){},b.mediaQueriesSupported=a.matchMedia&&a.matchMedia("only all").matches,b.mediaQueriesSupported;var q,r,t,c=a.document,d=c.documentElement,e=[],f=[],g=[],h={},i=30,j=c.getElementsByTagName("head")[0]||d,k=c.getElementsByTagName("base")[0],l=j.getElementsByTagName("link"),m=[],n=function(){for(var b=0;l.length>b;b++){var c=l[b],d=c.href,e=c.media,f=c.rel&&"stylesheet"===c.rel.toLowerCase();d&&f&&!h[d]&&(c.styleSheet&&c.styleSheet.rawCssText?(p(c.styleSheet.rawCssText,d,e),h[d]=!0):(!/^([a-zA-Z:]*\/\/)/.test(d)&&!k||d.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&m.push({href:d,media:e}))}o()},o=function(){if(m.length){var a=m.shift();v(a.href,function(b){p(b,a.href,a.media),h[a.href]=!0,setTimeout(function(){o()},0)})}},p=function(a,b,c){var d=a.match(/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi),g=d&&d.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+b+"$2$3")},i=!g&&c;b.length&&(b+="/"),i&&(g=1);for(var j=0;g>j;j++){var k,l,m,n;i?(k=c,f.push(h(a))):(k=d[j].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1,f.push(RegExp.$2&&h(RegExp.$2))),m=k.split(","),n=m.length;for(var o=0;n>o;o++)l=m[o],e.push({media:l.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:f.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(/\(min\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(/\(max\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},s=function(){var a,b=c.createElement("div"),e=c.body,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",e||(e=f=c.createElement("body"),e.style.background="none"),e.appendChild(b),d.insertBefore(e,d.firstChild),a=b.offsetWidth,f?d.removeChild(e):e.removeChild(b),a=t=parseFloat(a)},u=function(a){var b="clientWidth",h=d[b],k="CSS1Compat"===c.compatMode&&h||c.body[b]||h,m={},n=l[l.length-1],o=(new Date).getTime();if(a&&q&&i>o-q)return clearTimeout(r),r=setTimeout(u,i),void 0;q=o;for(var p in e)if(e.hasOwnProperty(p)){var v=e[p],w=v.minw,x=v.maxw,y=null===w,z=null===x,A="em";w&&(w=parseFloat(w)*(w.indexOf(A)>-1?t||s():1)),x&&(x=parseFloat(x)*(x.indexOf(A)>-1?t||s():1)),v.hasquery&&(y&&z||!(y||k>=w)||!(z||x>=k))||(m[v.media]||(m[v.media]=[]),m[v.media].push(f[v.rules]))}for(var B in g)g.hasOwnProperty(B)&&g[B]&&g[B].parentNode===j&&j.removeChild(g[B]);for(var C in m)if(m.hasOwnProperty(C)){var D=c.createElement("style"),E=m[C].join("\n");D.type="text/css",D.media=C,j.insertBefore(D,n.nextSibling),D.styleSheet?D.styleSheet.cssText=E:D.appendChild(c.createTextNode(E)),g.push(D)}},v=function(a,b){var c=w();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},w=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}();n(),b.update=n,a.addEventListener?a.addEventListener("resize",x,!1):a.attachEvent&&a.attachEvent("onresize",x)})(this); diff --git a/static/fork-awesome/src/doc/assets/js/search.js b/static/fork-awesome/src/doc/assets/js/search.js new file mode 100644 index 0000000..1c4d447 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/js/search.js @@ -0,0 +1,92 @@ +$(function() { + var SearchView = Backbone.View.extend({ + events: { + "click #search-clear": "clear" + }, + + initialize: function() { + this.algolia = algoliasearch("M19DXW5X0Q", "c79b2e61519372a99fa5890db070064c"); + this.algoliaHelper = algoliasearchHelper(this.algolia, "font_awesome"); + this.template = _.template($("#results-template").html()); + + this.$searchInput = this.$("#search-input"); + this.$searchResultsSection = this.$("#search-results"); + this.$searchInputClear = this.$("#search-clear"); + this.$iconsSection = this.$("#icons"); + + this.$searchInput.on("keyup", _.debounce(_.bind(this.search, this), 200)); + this.algoliaHelper.on("result", _.bind(this.showResults, this)); + }, + + search: function(event) { + var query = this.$searchInput.val(); + + if (query !== "") { + this. algoliaHelper.setQuery(query).search(); + } else { + this.clearResults(); + } + }, + + clear: function(event) { + event.preventDefault(); + + this.clearResults(); + }, + + showResults: function(content, state) { + this.$searchResultsSection.html(""); + this.$searchResultsSection.removeClass("hide"); + this.$searchInputClear.removeClass("hide"); + this.$iconsSection.addClass("hide"); + + var results = []; + + _.each(content.hits, function(result) { + results.push(new SearchResultView({ result: result }).render()) + }); + + this.$searchResultsSection.html(this.template({ content: content, results: results.join("") })); + }, + + clearResults: function() { + this.$searchInput.val("").focus(); + this.$searchResultsSection.addClass("hide"); + this.$searchResultsSection.html(""); + this.$searchInputClear.addClass("hide"); + this.$iconsSection.removeClass("hide"); + } + }); + + var SearchResultView = Backbone.View.extend({ + initialize: function(options) { + this.template = _.template($("#result-template").html()); + this.result = options.result + }, + + render: function() { + var matches = []; + + this.pullMatches(matches, this.result._highlightResult.aliases); + this.pullMatches(matches, this.result._highlightResult.synonyms); + + return this.template({ result: this.result, matches: matches }); + }, + + pullMatches: function(matches, list) { + if (list !== undefined) { + _.each(list, function(highlight) { + if (highlight.matchLevel !== "none") { + matches.push(highlight.value) + } + }) + } + } + }); + + var $searchViewElement = $("[data-view=search]"); + + if ($searchViewElement.length > 0) { + new SearchView({ el: $searchViewElement }); + } +}); diff --git a/static/fork-awesome/src/doc/assets/js/share.min.js b/static/fork-awesome/src/doc/assets/js/share.min.js new file mode 100644 index 0000000..d3588e9 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/js/share.min.js @@ -0,0 +1 @@ +"use strict";document.addEventListener("DOMContentLoaded",function(){function e(e){if(e.match(/^https:\/\//i))return e;var t=e.split("/").filter(function(e){return e.indexOf(".")>-1});return"https://"+encodeURIComponent(t)}for(var t=document.querySelector("h1"),n=document.querySelector("head").querySelector("title"),o=document.querySelector('meta[property="og:title"]'),r=null===n?"":n.textContent,i=null===o?"":o.content,l=null===t?"":t.textContent,u=r||i||l,a=encodeURIComponent(window.location.href),c=document.querySelectorAll(".share-btn"),d=[],s=0;s<c.length;s++)d.push(c[s]);for(var p=document.querySelectorAll(".popup input"),f=[],h=0;h<p.length;h++)f.push(p[h]);var m=function(t){var n="podurl"!==t.target.name,o=n?t.target.value:t.target.nextSibling.value,r=n?t.target.previousSibling.value:t.target.value,i=encodeURI(u).replace(/%20/g,"+"),l=e(r);if("diaspora"===o||"friendica"===o||"socialhome"===o)window.open(l+"/bookmarklet?url="+a+"&title="+i);else if("gnusocial"===o)window.open(l+"/notice/new?status_textarea="+i+"&"+a);else if("mastodon"===o)window.open(l+"/share?text="+i+" "+a);else{if("hubzilla"!==o)return;window.open(l+"/rpost?f=&url="+a+"&title="+i)}};d.forEach(function(e){return e.addEventListener("click",m,!1)}),f.forEach(function(e){return e.addEventListener("keypress",function(e){13===e.keyCode&&m(e)})})});
\ No newline at end of file diff --git a/static/fork-awesome/src/doc/assets/js/site.js b/static/fork-awesome/src/doc/assets/js/site.js new file mode 100644 index 0000000..c6592a6 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/js/site.js @@ -0,0 +1,60 @@ +$(function () { + $("#newsletter").validate(); + + var ads = [ + { + quote: "Get 2,000+ icons with Font Awesome Pro and <strong>ALL</strong> KS rewards for just $60!", + class: "fa5", + url: "https://fontawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_campaign=fa5_released&utm_content=banner", + btn_text: "Check out FA Pro <i class='fas fas-external-link'></i>", + }, + ]; + + // selectAd(); + + // start the icon carousel + $('#icon-carousel').carousel({ + interval: 5000 + }); + + $('[data-toggle="tooltip"]').tooltip(); + $('[data-toggle="popover"]').popover(); + + if (storageAvailable('localStorage') && !localStorage.seenFA5ReleasedModal) { + $('#modal-fa5') + .modal('toggle') + .on('hidden.bs.modal', function (e) { + $('#fa5-iframe').remove(); + }); + ; + } + + if (storageAvailable('localStorage')) { + localStorage.seenFA5ReleasedModal = true; + // Yippee! We can use localStorage awesomeness + } + + function storageAvailable(type) { + try { + var storage = window[type], + x = '__storage_test__'; + storage.setItem(x, x); + storage.removeItem(x); + return true; + } + catch(e) { + return false; + } + } + + function selectAd() { + random_number = Math.floor(Math.random() * ads.length); + random_ad = ads[random_number]; + + $('#banner').addClass(random_ad.class); + $('#rotating-message').html(random_ad.quote); + $('#rotating-url').attr("href", random_ad.url); + $('#rotating-url').html(random_ad.btn_text); + $('#banner').collapse('show'); + } +}); diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/.csscomb.json b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/.csscomb.json new file mode 100644 index 0000000..40695a4 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/.csscomb.json @@ -0,0 +1,304 @@ +{ + "always-semicolon": true, + "block-indent": 2, + "color-case": "lower", + "color-shorthand": true, + "element-case": "lower", + "eof-newline": true, + "leading-zero": false, + "remove-empty-rulesets": true, + "space-after-colon": 1, + "space-after-combinator": 1, + "space-before-selector-delimiter": 0, + "space-between-declarations": "\n", + "space-after-opening-brace": "\n", + "space-before-closing-brace": "\n", + "space-before-colon": 0, + "space-before-combinator": 1, + "space-before-opening-brace": 1, + "strip-spaces": true, + "unitless-zero": true, + "vendor-prefix-align": true, + "sort-order": [ + [ + "position", + "top", + "right", + "bottom", + "left", + "z-index", + "display", + "float", + "width", + "min-width", + "max-width", + "height", + "min-height", + "max-height", + "-webkit-box-sizing", + "-moz-box-sizing", + "box-sizing", + "-webkit-appearance", + "padding", + "padding-top", + "padding-right", + "padding-bottom", + "padding-left", + "margin", + "margin-top", + "margin-right", + "margin-bottom", + "margin-left", + "overflow", + "overflow-x", + "overflow-y", + "-webkit-overflow-scrolling", + "-ms-overflow-x", + "-ms-overflow-y", + "-ms-overflow-style", + "clip", + "clear", + "font", + "font-family", + "font-size", + "font-style", + "font-weight", + "font-variant", + "font-size-adjust", + "font-stretch", + "font-effect", + "font-emphasize", + "font-emphasize-position", + "font-emphasize-style", + "font-smooth", + "-webkit-hyphens", + "-moz-hyphens", + "hyphens", + "line-height", + "color", + "text-align", + "-webkit-text-align-last", + "-moz-text-align-last", + "-ms-text-align-last", + "text-align-last", + "text-emphasis", + "text-emphasis-color", + "text-emphasis-style", + "text-emphasis-position", + "text-decoration", + "text-indent", + "text-justify", + "text-outline", + "-ms-text-overflow", + "text-overflow", + "text-overflow-ellipsis", + "text-overflow-mode", + "text-shadow", + "text-transform", + "text-wrap", + "-webkit-text-size-adjust", + "-ms-text-size-adjust", + "letter-spacing", + "-ms-word-break", + "word-break", + "word-spacing", + "-ms-word-wrap", + "word-wrap", + "-moz-tab-size", + "-o-tab-size", + "tab-size", + "white-space", + "vertical-align", + "list-style", + "list-style-position", + "list-style-type", + "list-style-image", + "pointer-events", + "-ms-touch-action", + "touch-action", + "cursor", + "visibility", + "zoom", + "flex-direction", + "flex-order", + "flex-pack", + "flex-align", + "table-layout", + "empty-cells", + "caption-side", + "border-spacing", + "border-collapse", + "content", + "quotes", + "counter-reset", + "counter-increment", + "resize", + "-webkit-user-select", + "-moz-user-select", + "-ms-user-select", + "-o-user-select", + "user-select", + "nav-index", + "nav-up", + "nav-right", + "nav-down", + "nav-left", + "background", + "background-color", + "background-image", + "-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient", + "filter:progid:DXImageTransform.Microsoft.gradient", + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader", + "filter", + "background-repeat", + "background-attachment", + "background-position", + "background-position-x", + "background-position-y", + "-webkit-background-clip", + "-moz-background-clip", + "background-clip", + "background-origin", + "-webkit-background-size", + "-moz-background-size", + "-o-background-size", + "background-size", + "border", + "border-color", + "border-style", + "border-width", + "border-top", + "border-top-color", + "border-top-style", + "border-top-width", + "border-right", + "border-right-color", + "border-right-style", + "border-right-width", + "border-bottom", + "border-bottom-color", + "border-bottom-style", + "border-bottom-width", + "border-left", + "border-left-color", + "border-left-style", + "border-left-width", + "border-radius", + "border-top-left-radius", + "border-top-right-radius", + "border-bottom-right-radius", + "border-bottom-left-radius", + "-webkit-border-image", + "-moz-border-image", + "-o-border-image", + "border-image", + "-webkit-border-image-source", + "-moz-border-image-source", + "-o-border-image-source", + "border-image-source", + "-webkit-border-image-slice", + "-moz-border-image-slice", + "-o-border-image-slice", + "border-image-slice", + "-webkit-border-image-width", + "-moz-border-image-width", + "-o-border-image-width", + "border-image-width", + "-webkit-border-image-outset", + "-moz-border-image-outset", + "-o-border-image-outset", + "border-image-outset", + "-webkit-border-image-repeat", + "-moz-border-image-repeat", + "-o-border-image-repeat", + "border-image-repeat", + "outline", + "outline-width", + "outline-style", + "outline-color", + "outline-offset", + "-webkit-box-shadow", + "-moz-box-shadow", + "box-shadow", + "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity", + "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha", + "opacity", + "-ms-interpolation-mode", + "-webkit-transition", + "-moz-transition", + "-ms-transition", + "-o-transition", + "transition", + "-webkit-transition-delay", + "-moz-transition-delay", + "-ms-transition-delay", + "-o-transition-delay", + "transition-delay", + "-webkit-transition-timing-function", + "-moz-transition-timing-function", + "-ms-transition-timing-function", + "-o-transition-timing-function", + "transition-timing-function", + "-webkit-transition-duration", + "-moz-transition-duration", + "-ms-transition-duration", + "-o-transition-duration", + "transition-duration", + "-webkit-transition-property", + "-moz-transition-property", + "-ms-transition-property", + "-o-transition-property", + "transition-property", + "-webkit-transform", + "-moz-transform", + "-ms-transform", + "-o-transform", + "transform", + "-webkit-transform-origin", + "-moz-transform-origin", + "-ms-transform-origin", + "-o-transform-origin", + "transform-origin", + "-webkit-animation", + "-moz-animation", + "-ms-animation", + "-o-animation", + "animation", + "-webkit-animation-name", + "-moz-animation-name", + "-ms-animation-name", + "-o-animation-name", + "animation-name", + "-webkit-animation-duration", + "-moz-animation-duration", + "-ms-animation-duration", + "-o-animation-duration", + "animation-duration", + "-webkit-animation-play-state", + "-moz-animation-play-state", + "-ms-animation-play-state", + "-o-animation-play-state", + "animation-play-state", + "-webkit-animation-timing-function", + "-moz-animation-timing-function", + "-ms-animation-timing-function", + "-o-animation-timing-function", + "animation-timing-function", + "-webkit-animation-delay", + "-moz-animation-delay", + "-ms-animation-delay", + "-o-animation-delay", + "animation-delay", + "-webkit-animation-iteration-count", + "-moz-animation-iteration-count", + "-ms-animation-iteration-count", + "-o-animation-iteration-count", + "animation-iteration-count", + "-webkit-animation-direction", + "-moz-animation-direction", + "-ms-animation-direction", + "-o-animation-direction", + "animation-direction" + ] + ] +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/.csslintrc b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/.csslintrc new file mode 100644 index 0000000..005b862 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/.csslintrc @@ -0,0 +1,19 @@ +{ + "adjoining-classes": false, + "box-sizing": false, + "box-model": false, + "compatible-vendor-prefixes": false, + "floats": false, + "font-sizes": false, + "gradients": false, + "important": false, + "known-properties": false, + "outline-none": false, + "qualified-headings": false, + "regex-selectors": false, + "shorthand": false, + "text-indent": false, + "unique-headings": false, + "universal-selector": false, + "unqualified-attributes": false +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/alerts.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/alerts.less new file mode 100644 index 0000000..c4199db --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/alerts.less @@ -0,0 +1,73 @@ +// +// Alerts +// -------------------------------------------------- + + +// Base styles +// ------------------------- + +.alert { + padding: @alert-padding; + margin-bottom: @line-height-computed; + border: 1px solid transparent; + border-radius: @alert-border-radius; + + // Headings for larger alerts + h4 { + margin-top: 0; + // Specified for the h4 to prevent conflicts of changing @headings-color + color: inherit; + } + + // Provide class for links that match alerts + .alert-link { + font-weight: @alert-link-font-weight; + } + + // Improve alignment and spacing of inner content + > p, + > ul { + margin-bottom: 0; + } + + > p + p { + margin-top: 5px; + } +} + +// Dismissible alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. +.alert-dismissible { + padding-right: (@alert-padding + 20); + + // Adjust close link position + .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; + } +} + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +.alert-success { + .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); +} + +.alert-info { + .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); +} + +.alert-warning { + .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); +} + +.alert-danger { + .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/badges.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/badges.less new file mode 100644 index 0000000..6ee16dc --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/badges.less @@ -0,0 +1,66 @@ +// +// Badges +// -------------------------------------------------- + + +// Base class +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: @font-size-small; + font-weight: @badge-font-weight; + color: @badge-color; + line-height: @badge-line-height; + vertical-align: middle; + white-space: nowrap; + text-align: center; + background-color: @badge-bg; + border-radius: @badge-border-radius; + + // Empty badges collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for badges in buttons + .btn & { + position: relative; + top: -1px; + } + + .btn-xs &, + .btn-group-xs > .btn & { + top: 0; + padding: 1px 5px; + } + + // Hover state, but only for links + a& { + &:hover, + &:focus { + color: @badge-link-hover-color; + text-decoration: none; + cursor: pointer; + } + } + + // Account for badges in navs + .list-group-item.active > &, + .nav-pills > .active > a > & { + color: @badge-active-color; + background-color: @badge-active-bg; + } + + .list-group-item > & { + float: right; + } + + .list-group-item > & + & { + margin-right: 5px; + } + + .nav-pills > li > a > & { + margin-left: 3px; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/bootstrap.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/bootstrap.less new file mode 100644 index 0000000..4b9916e --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/bootstrap.less @@ -0,0 +1,56 @@ +/*! + * Bootstrap v3.3.5 (http://getbootstrap.com) + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +// Core variables and mixins +@import "variables.less"; +@import "mixins.less"; + +// Reset and dependencies +@import "normalize.less"; +@import "print.less"; +@import "glyphicons.less"; + +// Core CSS +@import "scaffolding.less"; +@import "type.less"; +@import "code.less"; +@import "grid.less"; +@import "tables.less"; +@import "forms.less"; +@import "buttons.less"; + +// Components +@import "component-animations.less"; +@import "dropdowns.less"; +@import "button-groups.less"; +@import "input-groups.less"; +@import "navs.less"; +@import "navbar.less"; +@import "breadcrumbs.less"; +@import "pagination.less"; +@import "pager.less"; +@import "labels.less"; +@import "badges.less"; +@import "jumbotron.less"; +@import "thumbnails.less"; +@import "alerts.less"; +@import "progress-bars.less"; +@import "media.less"; +@import "list-group.less"; +@import "panels.less"; +@import "responsive-embed.less"; +@import "wells.less"; +@import "close.less"; + +// Components w/ JavaScript +@import "modals.less"; +@import "tooltip.less"; +@import "popovers.less"; +@import "carousel.less"; + +// Utility classes +@import "utilities.less"; +@import "responsive-utilities.less"; diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/breadcrumbs.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/breadcrumbs.less new file mode 100644 index 0000000..cb01d50 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/breadcrumbs.less @@ -0,0 +1,26 @@ +// +// Breadcrumbs +// -------------------------------------------------- + + +.breadcrumb { + padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal; + margin-bottom: @line-height-computed; + list-style: none; + background-color: @breadcrumb-bg; + border-radius: @border-radius-base; + + > li { + display: inline-block; + + + li:before { + content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space + padding: 0 5px; + color: @breadcrumb-color; + } + } + + > .active { + color: @breadcrumb-active-color; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/button-groups.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/button-groups.less new file mode 100644 index 0000000..6a0c5a8 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/button-groups.less @@ -0,0 +1,244 @@ +// +// Button groups +// -------------------------------------------------- + +// Make the div behave like a button +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; // match .btn alignment given font-size hack above + > .btn { + position: relative; + float: left; + // Bring the "active" button to the front + &:hover, + &:focus, + &:active, + &.active { + z-index: 2; + } + } +} + +// Prevent double borders when buttons are next to each other +.btn-group { + .btn + .btn, + .btn + .btn-group, + .btn-group + .btn, + .btn-group + .btn-group { + margin-left: -1px; + } +} + +// Optional: Group multiple button groups together for a toolbar +.btn-toolbar { + margin-left: -5px; // Offset the first child's margin + &:extend(.clearfix all); + + .btn, + .btn-group, + .input-group { + float: left; + } + > .btn, + > .btn-group, + > .input-group { + margin-left: 5px; + } +} + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} + +// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match +.btn-group > .btn:first-child { + margin-left: 0; + &:not(:last-child):not(.dropdown-toggle) { + .border-right-radius(0); + } +} +// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + .border-left-radius(0); +} + +// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + .border-right-radius(0); + } +} +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + .border-left-radius(0); +} + +// On active and open, don't show outline +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + + +// Sizing +// +// Remix the default button sizing classes into new ones for easier manipulation. + +.btn-group-xs > .btn { &:extend(.btn-xs); } +.btn-group-sm > .btn { &:extend(.btn-sm); } +.btn-group-lg > .btn { &:extend(.btn-lg); } + + +// Split button dropdowns +// ---------------------- + +// Give the line between buttons some depth +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} + +// The clickable button for toggling the menu +// Remove the gradient and set the same inset shadow as the :active state +.btn-group.open .dropdown-toggle { + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + + // Show no shadow for `.btn-link` since it has no other button styles. + &.btn-link { + .box-shadow(none); + } +} + + +// Reposition the caret +.btn .caret { + margin-left: 0; +} +// Carets in other button sizes +.btn-lg .caret { + border-width: @caret-width-large @caret-width-large 0; + border-bottom-width: 0; +} +// Upside down carets for .dropup +.dropup .btn-lg .caret { + border-width: 0 @caret-width-large @caret-width-large; +} + + +// Vertical button groups +// ---------------------- + +.btn-group-vertical { + > .btn, + > .btn-group, + > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } + + // Clear floats so dropdown menus can be properly placed + > .btn-group { + &:extend(.clearfix all); + > .btn { + float: none; + } + } + + > .btn + .btn, + > .btn + .btn-group, + > .btn-group + .btn, + > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; + } +} + +.btn-group-vertical > .btn { + &:not(:first-child):not(:last-child) { + border-radius: 0; + } + &:first-child:not(:last-child) { + border-top-right-radius: @btn-border-radius-base; + .border-bottom-radius(0); + } + &:last-child:not(:first-child) { + border-bottom-left-radius: @btn-border-radius-base; + .border-top-radius(0); + } +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + .border-bottom-radius(0); + } +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + .border-top-radius(0); +} + + +// Justified button groups +// ---------------------- + +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; + > .btn, + > .btn-group { + float: none; + display: table-cell; + width: 1%; + } + > .btn-group .btn { + width: 100%; + } + + > .btn-group .dropdown-menu { + left: auto; + } +} + + +// Checkbox and radio options +// +// In order to support the browser's form validation feedback, powered by the +// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use +// `display: none;` or `visibility: hidden;` as that also hides the popover. +// Simply visually hiding the inputs via `opacity` would leave them clickable in +// certain cases which is prevented by using `clip` and `pointer-events`. +// This way, we ensure a DOM element is visible to position the popover from. +// +// See https://github.com/twbs/bootstrap/pull/12794 and +// https://github.com/twbs/bootstrap/pull/14559 for more information. + +[data-toggle="buttons"] { + > .btn, + > .btn-group > .btn { + input[type="radio"], + input[type="checkbox"] { + position: absolute; + clip: rect(0,0,0,0); + pointer-events: none; + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/buttons.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/buttons.less new file mode 100644 index 0000000..9cbb8f4 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/buttons.less @@ -0,0 +1,166 @@ +// +// Buttons +// -------------------------------------------------- + + +// Base styles +// -------------------------------------------------- + +.btn { + display: inline-block; + margin-bottom: 0; // For input.btn + font-weight: @btn-font-weight; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid transparent; + white-space: nowrap; + .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @btn-border-radius-base); + .user-select(none); + + &, + &:active, + &.active { + &:focus, + &.focus { + .tab-focus(); + } + } + + &:hover, + &:focus, + &.focus { + color: @btn-default-color; + text-decoration: none; + } + + &:active, + &.active { + outline: 0; + background-image: none; + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } + + &.disabled, + &[disabled], + fieldset[disabled] & { + cursor: @cursor-disabled; + .opacity(.65); + .box-shadow(none); + } + + a& { + &.disabled, + fieldset[disabled] & { + pointer-events: none; // Future-proof disabling of clicks on `<a>` elements + } + } +} + + +// Alternate buttons +// -------------------------------------------------- + +.btn-default { + .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); +} +.btn-primary { + .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border); +} +// Success appears as green +.btn-success { + .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border); +} +// Info appears as blue-green +.btn-info { + .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border); +} +// Warning appears as orange +.btn-warning { + .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border); +} +// Danger and error appear as red +.btn-danger { + .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border); +} + + +// Link buttons +// ------------------------- + +// Make a button look and behave like a link +.btn-link { + color: @link-color; + font-weight: normal; + border-radius: 0; + + &, + &:active, + &.active, + &[disabled], + fieldset[disabled] & { + background-color: transparent; + .box-shadow(none); + } + &, + &:hover, + &:focus, + &:active { + border-color: transparent; + } + &:hover, + &:focus { + color: @link-hover-color; + text-decoration: @link-hover-decoration; + background-color: transparent; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: @btn-link-disabled-color; + text-decoration: none; + } + } +} + + +// Button Sizes +// -------------------------------------------------- + +.btn-lg { + // line-height: ensure even-numbered height of button next to large input + .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @btn-border-radius-large); +} +.btn-sm { + // line-height: ensure proper height of button next to small input + .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @btn-border-radius-small); +} +.btn-xs { + .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @btn-border-radius-small); +} + + +// Block button +// -------------------------------------------------- + +.btn-block { + display: block; + width: 100%; +} + +// Vertically space out multiple block buttons +.btn-block + .btn-block { + margin-top: 5px; +} + +// Specificity overrides +input[type="submit"], +input[type="reset"], +input[type="button"] { + &.btn-block { + width: 100%; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/carousel.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/carousel.less new file mode 100644 index 0000000..87ed696 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/carousel.less @@ -0,0 +1,269 @@ +// +// Carousel +// -------------------------------------------------- + + +// Wrapper for the slide container and indicators +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; + + > .item { + display: none; + position: relative; + .transition(.6s ease-in-out left); + + // Account for jankitude on images + > img, + > a > img { + &:extend(.img-responsive); + line-height: 1; + } + + // WebKit CSS3 transforms for supported devices + @media all and (transform-3d), (-webkit-transform-3d) { + .transition-transform(~'0.6s ease-in-out'); + .backface-visibility(~'hidden'); + .perspective(1000px); + + &.next, + &.active.right { + .translate3d(100%, 0, 0); + left: 0; + } + &.prev, + &.active.left { + .translate3d(-100%, 0, 0); + left: 0; + } + &.next.left, + &.prev.right, + &.active { + .translate3d(0, 0, 0); + left: 0; + } + } + } + + > .active, + > .next, + > .prev { + display: block; + } + + > .active { + left: 0; + } + + > .next, + > .prev { + position: absolute; + top: 0; + width: 100%; + } + + > .next { + left: 100%; + } + > .prev { + left: -100%; + } + > .next.left, + > .prev.right { + left: 0; + } + + > .active.left { + left: -100%; + } + > .active.right { + left: 100%; + } + +} + +// Left/right controls for nav +// --------------------------- + +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: @carousel-control-width; + .opacity(@carousel-control-opacity); + font-size: @carousel-control-font-size; + color: @carousel-control-color; + text-align: center; + text-shadow: @carousel-text-shadow; + // We can't have this transition here because WebKit cancels the carousel + // animation if you trip this while in the middle of another animation. + + // Set gradients for backgrounds + &.left { + #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001)); + } + &.right { + left: auto; + right: 0; + #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5)); + } + + // Hover/focus state + &:hover, + &:focus { + outline: 0; + color: @carousel-control-color; + text-decoration: none; + .opacity(.9); + } + + // Toggles + .icon-prev, + .icon-next, + .glyphicon-chevron-left, + .glyphicon-chevron-right { + position: absolute; + top: 50%; + margin-top: -10px; + z-index: 5; + display: inline-block; + } + .icon-prev, + .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; + } + .icon-next, + .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; + } + .icon-prev, + .icon-next { + width: 20px; + height: 20px; + line-height: 1; + font-family: serif; + } + + + .icon-prev { + &:before { + content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) + } + } + .icon-next { + &:before { + content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) + } + } +} + +// Optional indicator pips +// +// Add an unordered list with the following class and add a list item for each +// slide your carousel holds. + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; + + li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid @carousel-indicator-border-color; + border-radius: 10px; + cursor: pointer; + + // IE8-9 hack for event handling + // + // Internet Explorer 8-9 does not support clicks on elements without a set + // `background-color`. We cannot use `filter` since that's not viewed as a + // background color by the browser. Thus, a hack is needed. + // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer + // + // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we + // set alpha transparency for the best results possible. + background-color: #000 \9; // IE8 + background-color: rgba(0,0,0,0); // IE9 + } + .active { + margin: 0; + width: 12px; + height: 12px; + background-color: @carousel-indicator-active-bg; + } +} + +// Optional captions +// ----------------------------- +// Hidden by default for smaller viewports +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: @carousel-caption-color; + text-align: center; + text-shadow: @carousel-text-shadow; + & .btn { + text-shadow: none; // No shadow for button elements in carousel-caption + } +} + + +// Scale up controls for tablets and up +@media screen and (min-width: @screen-sm-min) { + + // Scale up the controls a smidge + .carousel-control { + .glyphicon-chevron-left, + .glyphicon-chevron-right, + .icon-prev, + .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .glyphicon-chevron-left, + .icon-prev { + margin-left: -15px; + } + .glyphicon-chevron-right, + .icon-next { + margin-right: -15px; + } + } + + // Show and left align the captions + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + + // Move up the indicators + .carousel-indicators { + bottom: 20px; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/close.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/close.less new file mode 100644 index 0000000..6d5bfe0 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/close.less @@ -0,0 +1,34 @@ +// +// Close icons +// -------------------------------------------------- + + +.close { + float: right; + font-size: (@font-size-base * 1.5); + font-weight: @close-font-weight; + line-height: 1; + color: @close-color; + text-shadow: @close-text-shadow; + .opacity(.2); + + &:hover, + &:focus { + color: @close-color; + text-decoration: none; + cursor: pointer; + .opacity(.5); + } + + // Additional properties for button version + // iOS requires the button element instead of an anchor tag. + // If you want the anchor version, it requires `href="#"`. + // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile + button& { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/code.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/code.less new file mode 100644 index 0000000..a08b4d4 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/code.less @@ -0,0 +1,69 @@ +// +// Code (inline and block) +// -------------------------------------------------- + + +// Inline and block code styles +code, +kbd, +pre, +samp { + font-family: @font-family-monospace; +} + +// Inline code +code { + padding: 2px 4px; + font-size: 90%; + color: @code-color; + background-color: @code-bg; + border-radius: @border-radius-base; +} + +// User input typically entered via keyboard +kbd { + padding: 2px 4px; + font-size: 90%; + color: @kbd-color; + background-color: @kbd-bg; + border-radius: @border-radius-small; + box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); + + kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + box-shadow: none; + } +} + +// Blocks of code +pre { + display: block; + padding: ((@line-height-computed - 1) / 2); + margin: 0 0 (@line-height-computed / 2); + font-size: (@font-size-base - 1); // 14px to 13px + line-height: @line-height-base; + word-break: break-all; + word-wrap: break-word; + color: @pre-color; + background-color: @pre-bg; + border: 1px solid @pre-border-color; + border-radius: @border-radius-base; + + // Account for some code outputs that place code tags in pre tags + code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; + } +} + +// Enable scrollable blocks of code +.pre-scrollable { + max-height: @pre-scrollable-max-height; + overflow-y: scroll; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/component-animations.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/component-animations.less new file mode 100644 index 0000000..0bcee91 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/component-animations.less @@ -0,0 +1,33 @@ +// +// Component animations +// -------------------------------------------------- + +// Heads up! +// +// We don't use the `.opacity()` mixin here since it causes a bug with text +// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. + +.fade { + opacity: 0; + .transition(opacity .15s linear); + &.in { + opacity: 1; + } +} + +.collapse { + display: none; + + &.in { display: block; } + tr&.in { display: table-row; } + tbody&.in { display: table-row-group; } +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + .transition-property(~"height, visibility"); + .transition-duration(.35s); + .transition-timing-function(ease); +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/dropdowns.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/dropdowns.less new file mode 100644 index 0000000..f6876c1 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/dropdowns.less @@ -0,0 +1,216 @@ +// +// Dropdown menus +// -------------------------------------------------- + + +// Dropdown arrow/caret +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: @caret-width-base dashed; + border-top: @caret-width-base solid ~"\9"; // IE8 + border-right: @caret-width-base solid transparent; + border-left: @caret-width-base solid transparent; +} + +// The dropdown wrapper (div) +.dropup, +.dropdown { + position: relative; +} + +// Prevent the focus on the dropdown toggle when closing dropdowns +.dropdown-toggle:focus { + outline: 0; +} + +// The dropdown menu (ul) +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: @zindex-dropdown; + display: none; // none by default, but block on "open" of the menu + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; // override default ul + list-style: none; + font-size: @font-size-base; + text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) + background-color: @dropdown-bg; + border: 1px solid @dropdown-fallback-border; // IE8 fallback + border: 1px solid @dropdown-border; + border-radius: @border-radius-base; + .box-shadow(0 6px 12px rgba(0,0,0,.175)); + background-clip: padding-box; + + // Aligns the dropdown menu to right + // + // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` + &.pull-right { + right: 0; + left: auto; + } + + // Dividers (basically an hr) within the dropdown + .divider { + .nav-divider(@dropdown-divider-bg); + } + + // Links within the dropdown menu + > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: @line-height-base; + color: @dropdown-link-color; + white-space: nowrap; // prevent links from randomly breaking onto new lines + } +} + +// Hover/Focus state +.dropdown-menu > li > a { + &:hover, + &:focus { + text-decoration: none; + color: @dropdown-link-hover-color; + background-color: @dropdown-link-hover-bg; + } +} + +// Active state +.dropdown-menu > .active > a { + &, + &:hover, + &:focus { + color: @dropdown-link-active-color; + text-decoration: none; + outline: 0; + background-color: @dropdown-link-active-bg; + } +} + +// Disabled state +// +// Gray out text and ensure the hover/focus state remains gray + +.dropdown-menu > .disabled > a { + &, + &:hover, + &:focus { + color: @dropdown-link-disabled-color; + } + + // Nuke hover/focus effects + &:hover, + &:focus { + text-decoration: none; + background-color: transparent; + background-image: none; // Remove CSS gradient + .reset-filter(); + cursor: @cursor-disabled; + } +} + +// Open state for the dropdown +.open { + // Show the menu + > .dropdown-menu { + display: block; + } + + // Remove the outline when :focus is triggered + > a { + outline: 0; + } +} + +// Menu positioning +// +// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown +// menu with the parent. +.dropdown-menu-right { + left: auto; // Reset the default from `.dropdown-menu` + right: 0; +} +// With v3, we enabled auto-flipping if you have a dropdown within a right +// aligned nav component. To enable the undoing of that, we provide an override +// to restore the default dropdown menu alignment. +// +// This is only for left-aligning a dropdown menu within a `.navbar-right` or +// `.pull-right` nav component. +.dropdown-menu-left { + left: 0; + right: auto; +} + +// Dropdown section headers +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: @font-size-small; + line-height: @line-height-base; + color: @dropdown-header-color; + white-space: nowrap; // as with > li > a +} + +// Backdrop to catch body clicks on mobile, etc. +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: (@zindex-dropdown - 10); +} + +// Right aligned dropdowns +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +// Allow for dropdowns to go bottom up (aka, dropup-menu) +// +// Just add .dropup after the standard .dropdown class and you're set, bro. +// TODO: abstract this so that the navbar fixed styles are not placed here? + +.dropup, +.navbar-fixed-bottom .dropdown { + // Reverse the caret + .caret { + border-top: 0; + border-bottom: @caret-width-base dashed; + border-bottom: @caret-width-base solid ~"\9"; // IE8 + content: ""; + } + // Different positioning for bottom up menu + .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 2px; + } +} + + +// Component alignment +// +// Reiterate per navbar.less and the modified component alignment there. + +@media (min-width: @grid-float-breakpoint) { + .navbar-right { + .dropdown-menu { + .dropdown-menu-right(); + } + // Necessary for overrides of the default right aligned menu. + // Will remove come v4 in all likelihood. + .dropdown-menu-left { + .dropdown-menu-left(); + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/forms.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/forms.less new file mode 100644 index 0000000..910c1e1 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/forms.less @@ -0,0 +1,613 @@ +// +// Forms +// -------------------------------------------------- + + +// Normalize non-controls +// +// Restyle and baseline non-control form elements. + +fieldset { + padding: 0; + margin: 0; + border: 0; + // Chrome and Firefox set a `min-width: min-content;` on fieldsets, + // so we reset that to ensure it behaves more like a standard block element. + // See https://github.com/twbs/bootstrap/issues/12359. + min-width: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: @line-height-computed; + font-size: (@font-size-base * 1.5); + line-height: inherit; + color: @legend-color; + border: 0; + border-bottom: 1px solid @legend-border-color; +} + +label { + display: inline-block; + max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141) + margin-bottom: 5px; + font-weight: bold; +} + + +// Normalize form controls +// +// While most of our form styles require extra classes, some basic normalization +// is required to ensure optimum display with or without those classes to better +// address browser inconsistencies. + +// Override content-box in Normalize (* isn't specific enough) +input[type="search"] { + .box-sizing(border-box); +} + +// Position radios and checkboxes better +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; // IE8-9 + line-height: normal; +} + +input[type="file"] { + display: block; +} + +// Make range inputs behave like textual form controls +input[type="range"] { + display: block; + width: 100%; +} + +// Make multiple select elements height not fixed +select[multiple], +select[size] { + height: auto; +} + +// Focus for file, radio, and checkbox +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + .tab-focus(); +} + +// Adjust output element +output { + display: block; + padding-top: (@padding-base-vertical + 1); + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; +} + + +// Common form controls +// +// Shared size and type resets for form controls. Apply `.form-control` to any +// of the following form controls: +// +// select +// textarea +// input[type="text"] +// input[type="password"] +// input[type="datetime"] +// input[type="datetime-local"] +// input[type="date"] +// input[type="month"] +// input[type="time"] +// input[type="week"] +// input[type="number"] +// input[type="email"] +// input[type="url"] +// input[type="search"] +// input[type="tel"] +// input[type="color"] + +.form-control { + display: block; + width: 100%; + height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; + background-color: @input-bg; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid @input-border; + border-radius: @input-border-radius; // Note: This has no effect on <select>s in some browsers, due to the limited stylability of <select>s in CSS. + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); + .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s"); + + // Customize the `:focus` state to imitate native WebKit styles. + .form-control-focus(); + + // Placeholder + .placeholder(); + + // Unstyle the caret on `<select>`s in IE10+. + &::-ms-expand { + border: 0; + background-color: transparent; + } + + // Disabled and read-only inputs + // + // HTML5 says that controls under a fieldset > legend:first-child won't be + // disabled if the fieldset is disabled. Due to implementation difficulty, we + // don't honor that edge case; we style them as disabled anyway. + &[disabled], + &[readonly], + fieldset[disabled] & { + background-color: @input-bg-disabled; + opacity: 1; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655 + } + + &[disabled], + fieldset[disabled] & { + cursor: @cursor-disabled; + } + + // Reset height for `textarea`s + textarea& { + height: auto; + } +} + + +// Search inputs in iOS +// +// This overrides the extra rounded corners on search inputs in iOS so that our +// `.form-control` class can properly style them. Note that this cannot simply +// be added to `.form-control` as it's not specific enough. For details, see +// https://github.com/twbs/bootstrap/issues/11586. + +input[type="search"] { + -webkit-appearance: none; +} + + +// Special styles for iOS temporal inputs +// +// In Mobile Safari, setting `display: block` on temporal inputs causes the +// text within the input to become vertically misaligned. As a workaround, we +// set a pixel line-height that matches the given height of the input, but only +// for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848 +// +// Note that as of 8.3, iOS doesn't support `datetime` or `week`. + +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"], + input[type="time"], + input[type="datetime-local"], + input[type="month"] { + &.form-control { + line-height: @input-height-base; + } + + &.input-sm, + .input-group-sm & { + line-height: @input-height-small; + } + + &.input-lg, + .input-group-lg & { + line-height: @input-height-large; + } + } +} + + +// Form groups +// +// Designed to help with the organization and spacing of vertical forms. For +// horizontal forms, use the predefined grid classes. + +.form-group { + margin-bottom: @form-group-margin-bottom; +} + + +// Checkboxes and radios +// +// Indent the labels to position radios/checkboxes as hanging controls. + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; + + label { + min-height: @line-height-computed; // Ensure the input doesn't jump when there is no text + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; + } +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; +} + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing +} + +// Radios and checkboxes on same line +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; // space out consecutive inline controls +} + +// Apply same disabled cursor tweak as for inputs +// Some special care is needed because <label>s don't inherit their parent's `cursor`. +// +// Note: Neither radios nor checkboxes can be readonly. +input[type="radio"], +input[type="checkbox"] { + &[disabled], + &.disabled, + fieldset[disabled] & { + cursor: @cursor-disabled; + } +} +// These classes are used directly on <label>s +.radio-inline, +.checkbox-inline { + &.disabled, + fieldset[disabled] & { + cursor: @cursor-disabled; + } +} +// These classes are used on elements with <label> descendants +.radio, +.checkbox { + &.disabled, + fieldset[disabled] & { + label { + cursor: @cursor-disabled; + } + } +} + + +// Static form control text +// +// Apply class to a `p` element to make any string of text align with labels in +// a horizontal form layout. + +.form-control-static { + // Size it appropriately next to real form controls + padding-top: (@padding-base-vertical + 1); + padding-bottom: (@padding-base-vertical + 1); + // Remove default margin from `p` + margin-bottom: 0; + min-height: (@line-height-computed + @font-size-base); + + &.input-lg, + &.input-sm { + padding-left: 0; + padding-right: 0; + } +} + + +// Form control sizing +// +// Build on `.form-control` with modifier classes to decrease or increase the +// height and font-size of form controls. +// +// The `.form-group-* form-control` variations are sadly duplicated to avoid the +// issue documented in https://github.com/twbs/bootstrap/issues/15074. + +.input-sm { + .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @input-border-radius-small); +} +.form-group-sm { + .form-control { + height: @input-height-small; + padding: @padding-small-vertical @padding-small-horizontal; + font-size: @font-size-small; + line-height: @line-height-small; + border-radius: @input-border-radius-small; + } + select.form-control { + height: @input-height-small; + line-height: @input-height-small; + } + textarea.form-control, + select[multiple].form-control { + height: auto; + } + .form-control-static { + height: @input-height-small; + min-height: (@line-height-computed + @font-size-small); + padding: (@padding-small-vertical + 1) @padding-small-horizontal; + font-size: @font-size-small; + line-height: @line-height-small; + } +} + +.input-lg { + .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @input-border-radius-large); +} +.form-group-lg { + .form-control { + height: @input-height-large; + padding: @padding-large-vertical @padding-large-horizontal; + font-size: @font-size-large; + line-height: @line-height-large; + border-radius: @input-border-radius-large; + } + select.form-control { + height: @input-height-large; + line-height: @input-height-large; + } + textarea.form-control, + select[multiple].form-control { + height: auto; + } + .form-control-static { + height: @input-height-large; + min-height: (@line-height-computed + @font-size-large); + padding: (@padding-large-vertical + 1) @padding-large-horizontal; + font-size: @font-size-large; + line-height: @line-height-large; + } +} + + +// Form control feedback states +// +// Apply contextual and semantic states to individual form controls. + +.has-feedback { + // Enable absolute positioning + position: relative; + + // Ensure icons don't overlap text + .form-control { + padding-right: (@input-height-base * 1.25); + } +} +// Feedback icon (requires .glyphicon classes) +.form-control-feedback { + position: absolute; + top: 0; + right: 0; + z-index: 2; // Ensure icon is above input groups + display: block; + width: @input-height-base; + height: @input-height-base; + line-height: @input-height-base; + text-align: center; + pointer-events: none; +} +.input-lg + .form-control-feedback, +.input-group-lg + .form-control-feedback, +.form-group-lg .form-control + .form-control-feedback { + width: @input-height-large; + height: @input-height-large; + line-height: @input-height-large; +} +.input-sm + .form-control-feedback, +.input-group-sm + .form-control-feedback, +.form-group-sm .form-control + .form-control-feedback { + width: @input-height-small; + height: @input-height-small; + line-height: @input-height-small; +} + +// Feedback states +.has-success { + .form-control-validation(@state-success-text; @state-success-text; @state-success-bg); +} +.has-warning { + .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg); +} +.has-error { + .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg); +} + +// Reposition feedback icon if input has visible label above +.has-feedback label { + + & ~ .form-control-feedback { + top: (@line-height-computed + 5); // Height of the `label` and its margin + } + &.sr-only ~ .form-control-feedback { + top: 0; + } +} + + +// Help text +// +// Apply to any element you wish to create light text for placement immediately +// below a form control. Use for general help, formatting, or instructional text. + +.help-block { + display: block; // account for any element using help-block + margin-top: 5px; + margin-bottom: 10px; + color: lighten(@text-color, 25%); // lighten the text some for contrast +} + + +// Inline forms +// +// Make forms appear inline(-block) by adding the `.form-inline` class. Inline +// forms begin stacked on extra small (mobile) devices and then go inline when +// viewports reach <768px. +// +// Requires wrapping inputs and labels with `.form-group` for proper display of +// default HTML form controls and our custom form controls (e.g., input groups). +// +// Heads up! This is mixin-ed into `.navbar-form` in navbars.less. + +.form-inline { + + // Kick in the inline + @media (min-width: @screen-sm-min) { + // Inline-block all the things for "inline" + .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + + // In navbar-form, allow folks to *not* use `.form-group` + .form-control { + display: inline-block; + width: auto; // Prevent labels from stacking above inputs in `.form-group` + vertical-align: middle; + } + + // Make static controls behave like regular ones + .form-control-static { + display: inline-block; + } + + .input-group { + display: inline-table; + vertical-align: middle; + + .input-group-addon, + .input-group-btn, + .form-control { + width: auto; + } + } + + // Input groups need that 100% width though + .input-group > .form-control { + width: 100%; + } + + .control-label { + margin-bottom: 0; + vertical-align: middle; + } + + // Remove default margin on radios/checkboxes that were used for stacking, and + // then undo the floating of radios and checkboxes to match. + .radio, + .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + + label { + padding-left: 0; + } + } + .radio input[type="radio"], + .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + + // Re-override the feedback icon. + .has-feedback .form-control-feedback { + top: 0; + } + } +} + + +// Horizontal forms +// +// Horizontal forms are built on grid classes and allow you to create forms with +// labels on the left and inputs on the right. + +.form-horizontal { + + // Consistent vertical alignment of radios and checkboxes + // + // Labels also get some reset styles, but that is scoped to a media query below. + .radio, + .checkbox, + .radio-inline, + .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: (@padding-base-vertical + 1); // Default padding plus a border + } + // Account for padding we're adding to ensure the alignment and of help text + // and other content below items + .radio, + .checkbox { + min-height: (@line-height-computed + (@padding-base-vertical + 1)); + } + + // Make form groups behave like rows + .form-group { + .make-row(); + } + + // Reset spacing and right align labels, but scope to media queries so that + // labels on narrow viewports stack the same as a default form example. + @media (min-width: @screen-sm-min) { + .control-label { + text-align: right; + margin-bottom: 0; + padding-top: (@padding-base-vertical + 1); // Default padding plus a border + } + } + + // Validation states + // + // Reposition the icon because it's now within a grid column and columns have + // `position: relative;` on them. Also accounts for the grid gutter padding. + .has-feedback .form-control-feedback { + right: floor((@grid-gutter-width / 2)); + } + + // Form group sizes + // + // Quick utility class for applying `.input-lg` and `.input-sm` styles to the + // inputs and labels within a `.form-group`. + .form-group-lg { + @media (min-width: @screen-sm-min) { + .control-label { + padding-top: ((@padding-large-vertical * @line-height-large) + 1); + font-size: @font-size-large; + } + } + } + .form-group-sm { + @media (min-width: @screen-sm-min) { + .control-label { + padding-top: (@padding-small-vertical + 1); + font-size: @font-size-small; + } + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/glyphicons.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/glyphicons.less new file mode 100644 index 0000000..335d80a --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/glyphicons.less @@ -0,0 +1,305 @@ +// +// Glyphicons for Bootstrap +// +// Since icons are fonts, they can be placed anywhere text is placed and are +// thus automatically sized to match the surrounding child. To use, create an +// inline element with the appropriate classes, like so: +// +// <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a> + +// Import the fonts +@font-face { + font-family: 'Glyphicons Halflings'; + src: url('@{icon-font-path}@{icon-font-name}.eot'); + src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'), + url('@{icon-font-path}@{icon-font-name}.woff2') format('woff2'), + url('@{icon-font-path}@{icon-font-name}.woff') format('woff'), + url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'), + url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg'); +} + +// Catchall baseclass +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +// Individual icons +.glyphicon-asterisk { &:before { content: "\2a"; } } +.glyphicon-plus { &:before { content: "\2b"; } } +.glyphicon-euro, +.glyphicon-eur { &:before { content: "\20ac"; } } +.glyphicon-minus { &:before { content: "\2212"; } } +.glyphicon-cloud { &:before { content: "\2601"; } } +.glyphicon-envelope { &:before { content: "\2709"; } } +.glyphicon-pencil { &:before { content: "\270f"; } } +.glyphicon-glass { &:before { content: "\e001"; } } +.glyphicon-music { &:before { content: "\e002"; } } +.glyphicon-search { &:before { content: "\e003"; } } +.glyphicon-heart { &:before { content: "\e005"; } } +.glyphicon-star { &:before { content: "\e006"; } } +.glyphicon-star-empty { &:before { content: "\e007"; } } +.glyphicon-user { &:before { content: "\e008"; } } +.glyphicon-film { &:before { content: "\e009"; } } +.glyphicon-th-large { &:before { content: "\e010"; } } +.glyphicon-th { &:before { content: "\e011"; } } +.glyphicon-th-list { &:before { content: "\e012"; } } +.glyphicon-ok { &:before { content: "\e013"; } } +.glyphicon-remove { &:before { content: "\e014"; } } +.glyphicon-zoom-in { &:before { content: "\e015"; } } +.glyphicon-zoom-out { &:before { content: "\e016"; } } +.glyphicon-off { &:before { content: "\e017"; } } +.glyphicon-signal { &:before { content: "\e018"; } } +.glyphicon-cog { &:before { content: "\e019"; } } +.glyphicon-trash { &:before { content: "\e020"; } } +.glyphicon-home { &:before { content: "\e021"; } } +.glyphicon-file { &:before { content: "\e022"; } } +.glyphicon-time { &:before { content: "\e023"; } } +.glyphicon-road { &:before { content: "\e024"; } } +.glyphicon-download-alt { &:before { content: "\e025"; } } +.glyphicon-download { &:before { content: "\e026"; } } +.glyphicon-upload { &:before { content: "\e027"; } } +.glyphicon-inbox { &:before { content: "\e028"; } } +.glyphicon-play-circle { &:before { content: "\e029"; } } +.glyphicon-repeat { &:before { content: "\e030"; } } +.glyphicon-refresh { &:before { content: "\e031"; } } +.glyphicon-list-alt { &:before { content: "\e032"; } } +.glyphicon-lock { &:before { content: "\e033"; } } +.glyphicon-flag { &:before { content: "\e034"; } } +.glyphicon-headphones { &:before { content: "\e035"; } } +.glyphicon-volume-off { &:before { content: "\e036"; } } +.glyphicon-volume-down { &:before { content: "\e037"; } } +.glyphicon-volume-up { &:before { content: "\e038"; } } +.glyphicon-qrcode { &:before { content: "\e039"; } } +.glyphicon-barcode { &:before { content: "\e040"; } } +.glyphicon-tag { &:before { content: "\e041"; } } +.glyphicon-tags { &:before { content: "\e042"; } } +.glyphicon-book { &:before { content: "\e043"; } } +.glyphicon-bookmark { &:before { content: "\e044"; } } +.glyphicon-print { &:before { content: "\e045"; } } +.glyphicon-camera { &:before { content: "\e046"; } } +.glyphicon-font { &:before { content: "\e047"; } } +.glyphicon-bold { &:before { content: "\e048"; } } +.glyphicon-italic { &:before { content: "\e049"; } } +.glyphicon-text-height { &:before { content: "\e050"; } } +.glyphicon-text-width { &:before { content: "\e051"; } } +.glyphicon-align-left { &:before { content: "\e052"; } } +.glyphicon-align-center { &:before { content: "\e053"; } } +.glyphicon-align-right { &:before { content: "\e054"; } } +.glyphicon-align-justify { &:before { content: "\e055"; } } +.glyphicon-list { &:before { content: "\e056"; } } +.glyphicon-indent-left { &:before { content: "\e057"; } } +.glyphicon-indent-right { &:before { content: "\e058"; } } +.glyphicon-facetime-video { &:before { content: "\e059"; } } +.glyphicon-picture { &:before { content: "\e060"; } } +.glyphicon-map-marker { &:before { content: "\e062"; } } +.glyphicon-adjust { &:before { content: "\e063"; } } +.glyphicon-tint { &:before { content: "\e064"; } } +.glyphicon-edit { &:before { content: "\e065"; } } +.glyphicon-share { &:before { content: "\e066"; } } +.glyphicon-check { &:before { content: "\e067"; } } +.glyphicon-move { &:before { content: "\e068"; } } +.glyphicon-step-backward { &:before { content: "\e069"; } } +.glyphicon-fast-backward { &:before { content: "\e070"; } } +.glyphicon-backward { &:before { content: "\e071"; } } +.glyphicon-play { &:before { content: "\e072"; } } +.glyphicon-pause { &:before { content: "\e073"; } } +.glyphicon-stop { &:before { content: "\e074"; } } +.glyphicon-forward { &:before { content: "\e075"; } } +.glyphicon-fast-forward { &:before { content: "\e076"; } } +.glyphicon-step-forward { &:before { content: "\e077"; } } +.glyphicon-eject { &:before { content: "\e078"; } } +.glyphicon-chevron-left { &:before { content: "\e079"; } } +.glyphicon-chevron-right { &:before { content: "\e080"; } } +.glyphicon-plus-sign { &:before { content: "\e081"; } } +.glyphicon-minus-sign { &:before { content: "\e082"; } } +.glyphicon-remove-sign { &:before { content: "\e083"; } } +.glyphicon-ok-sign { &:before { content: "\e084"; } } +.glyphicon-question-sign { &:before { content: "\e085"; } } +.glyphicon-info-sign { &:before { content: "\e086"; } } +.glyphicon-screenshot { &:before { content: "\e087"; } } +.glyphicon-remove-circle { &:before { content: "\e088"; } } +.glyphicon-ok-circle { &:before { content: "\e089"; } } +.glyphicon-ban-circle { &:before { content: "\e090"; } } +.glyphicon-arrow-left { &:before { content: "\e091"; } } +.glyphicon-arrow-right { &:before { content: "\e092"; } } +.glyphicon-arrow-up { &:before { content: "\e093"; } } +.glyphicon-arrow-down { &:before { content: "\e094"; } } +.glyphicon-share-alt { &:before { content: "\e095"; } } +.glyphicon-resize-full { &:before { content: "\e096"; } } +.glyphicon-resize-small { &:before { content: "\e097"; } } +.glyphicon-exclamation-sign { &:before { content: "\e101"; } } +.glyphicon-gift { &:before { content: "\e102"; } } +.glyphicon-leaf { &:before { content: "\e103"; } } +.glyphicon-fire { &:before { content: "\e104"; } } +.glyphicon-eye-open { &:before { content: "\e105"; } } +.glyphicon-eye-close { &:before { content: "\e106"; } } +.glyphicon-warning-sign { &:before { content: "\e107"; } } +.glyphicon-plane { &:before { content: "\e108"; } } +.glyphicon-calendar { &:before { content: "\e109"; } } +.glyphicon-random { &:before { content: "\e110"; } } +.glyphicon-comment { &:before { content: "\e111"; } } +.glyphicon-magnet { &:before { content: "\e112"; } } +.glyphicon-chevron-up { &:before { content: "\e113"; } } +.glyphicon-chevron-down { &:before { content: "\e114"; } } +.glyphicon-retweet { &:before { content: "\e115"; } } +.glyphicon-shopping-cart { &:before { content: "\e116"; } } +.glyphicon-folder-close { &:before { content: "\e117"; } } +.glyphicon-folder-open { &:before { content: "\e118"; } } +.glyphicon-resize-vertical { &:before { content: "\e119"; } } +.glyphicon-resize-horizontal { &:before { content: "\e120"; } } +.glyphicon-hdd { &:before { content: "\e121"; } } +.glyphicon-bullhorn { &:before { content: "\e122"; } } +.glyphicon-bell { &:before { content: "\e123"; } } +.glyphicon-certificate { &:before { content: "\e124"; } } +.glyphicon-thumbs-up { &:before { content: "\e125"; } } +.glyphicon-thumbs-down { &:before { content: "\e126"; } } +.glyphicon-hand-right { &:before { content: "\e127"; } } +.glyphicon-hand-left { &:before { content: "\e128"; } } +.glyphicon-hand-up { &:before { content: "\e129"; } } +.glyphicon-hand-down { &:before { content: "\e130"; } } +.glyphicon-circle-arrow-right { &:before { content: "\e131"; } } +.glyphicon-circle-arrow-left { &:before { content: "\e132"; } } +.glyphicon-circle-arrow-up { &:before { content: "\e133"; } } +.glyphicon-circle-arrow-down { &:before { content: "\e134"; } } +.glyphicon-globe { &:before { content: "\e135"; } } +.glyphicon-wrench { &:before { content: "\e136"; } } +.glyphicon-tasks { &:before { content: "\e137"; } } +.glyphicon-filter { &:before { content: "\e138"; } } +.glyphicon-briefcase { &:before { content: "\e139"; } } +.glyphicon-fullscreen { &:before { content: "\e140"; } } +.glyphicon-dashboard { &:before { content: "\e141"; } } +.glyphicon-paperclip { &:before { content: "\e142"; } } +.glyphicon-heart-empty { &:before { content: "\e143"; } } +.glyphicon-link { &:before { content: "\e144"; } } +.glyphicon-phone { &:before { content: "\e145"; } } +.glyphicon-pushpin { &:before { content: "\e146"; } } +.glyphicon-usd { &:before { content: "\e148"; } } +.glyphicon-gbp { &:before { content: "\e149"; } } +.glyphicon-sort { &:before { content: "\e150"; } } +.glyphicon-sort-by-alphabet { &:before { content: "\e151"; } } +.glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } } +.glyphicon-sort-by-order { &:before { content: "\e153"; } } +.glyphicon-sort-by-order-alt { &:before { content: "\e154"; } } +.glyphicon-sort-by-attributes { &:before { content: "\e155"; } } +.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } } +.glyphicon-unchecked { &:before { content: "\e157"; } } +.glyphicon-expand { &:before { content: "\e158"; } } +.glyphicon-collapse-down { &:before { content: "\e159"; } } +.glyphicon-collapse-up { &:before { content: "\e160"; } } +.glyphicon-log-in { &:before { content: "\e161"; } } +.glyphicon-flash { &:before { content: "\e162"; } } +.glyphicon-log-out { &:before { content: "\e163"; } } +.glyphicon-new-window { &:before { content: "\e164"; } } +.glyphicon-record { &:before { content: "\e165"; } } +.glyphicon-save { &:before { content: "\e166"; } } +.glyphicon-open { &:before { content: "\e167"; } } +.glyphicon-saved { &:before { content: "\e168"; } } +.glyphicon-import { &:before { content: "\e169"; } } +.glyphicon-export { &:before { content: "\e170"; } } +.glyphicon-send { &:before { content: "\e171"; } } +.glyphicon-floppy-disk { &:before { content: "\e172"; } } +.glyphicon-floppy-saved { &:before { content: "\e173"; } } +.glyphicon-floppy-remove { &:before { content: "\e174"; } } +.glyphicon-floppy-save { &:before { content: "\e175"; } } +.glyphicon-floppy-open { &:before { content: "\e176"; } } +.glyphicon-credit-card { &:before { content: "\e177"; } } +.glyphicon-transfer { &:before { content: "\e178"; } } +.glyphicon-cutlery { &:before { content: "\e179"; } } +.glyphicon-header { &:before { content: "\e180"; } } +.glyphicon-compressed { &:before { content: "\e181"; } } +.glyphicon-earphone { &:before { content: "\e182"; } } +.glyphicon-phone-alt { &:before { content: "\e183"; } } +.glyphicon-tower { &:before { content: "\e184"; } } +.glyphicon-stats { &:before { content: "\e185"; } } +.glyphicon-sd-video { &:before { content: "\e186"; } } +.glyphicon-hd-video { &:before { content: "\e187"; } } +.glyphicon-subtitles { &:before { content: "\e188"; } } +.glyphicon-sound-stereo { &:before { content: "\e189"; } } +.glyphicon-sound-dolby { &:before { content: "\e190"; } } +.glyphicon-sound-5-1 { &:before { content: "\e191"; } } +.glyphicon-sound-6-1 { &:before { content: "\e192"; } } +.glyphicon-sound-7-1 { &:before { content: "\e193"; } } +.glyphicon-copyright-mark { &:before { content: "\e194"; } } +.glyphicon-registration-mark { &:before { content: "\e195"; } } +.glyphicon-cloud-download { &:before { content: "\e197"; } } +.glyphicon-cloud-upload { &:before { content: "\e198"; } } +.glyphicon-tree-conifer { &:before { content: "\e199"; } } +.glyphicon-tree-deciduous { &:before { content: "\e200"; } } +.glyphicon-cd { &:before { content: "\e201"; } } +.glyphicon-save-file { &:before { content: "\e202"; } } +.glyphicon-open-file { &:before { content: "\e203"; } } +.glyphicon-level-up { &:before { content: "\e204"; } } +.glyphicon-copy { &:before { content: "\e205"; } } +.glyphicon-paste { &:before { content: "\e206"; } } +// The following 2 Glyphicons are omitted for the time being because +// they currently use Unicode codepoints that are outside the +// Basic Multilingual Plane (BMP). Older buggy versions of WebKit can't handle +// non-BMP codepoints in CSS string escapes, and thus can't display these two icons. +// Notably, the bug affects some older versions of the Android Browser. +// More info: https://github.com/twbs/bootstrap/issues/10106 +// .glyphicon-door { &:before { content: "\1f6aa"; } } +// .glyphicon-key { &:before { content: "\1f511"; } } +.glyphicon-alert { &:before { content: "\e209"; } } +.glyphicon-equalizer { &:before { content: "\e210"; } } +.glyphicon-king { &:before { content: "\e211"; } } +.glyphicon-queen { &:before { content: "\e212"; } } +.glyphicon-pawn { &:before { content: "\e213"; } } +.glyphicon-bishop { &:before { content: "\e214"; } } +.glyphicon-knight { &:before { content: "\e215"; } } +.glyphicon-baby-formula { &:before { content: "\e216"; } } +.glyphicon-tent { &:before { content: "\26fa"; } } +.glyphicon-blackboard { &:before { content: "\e218"; } } +.glyphicon-bed { &:before { content: "\e219"; } } +.glyphicon-apple { &:before { content: "\f8ff"; } } +.glyphicon-erase { &:before { content: "\e221"; } } +.glyphicon-hourglass { &:before { content: "\231b"; } } +.glyphicon-lamp { &:before { content: "\e223"; } } +.glyphicon-duplicate { &:before { content: "\e224"; } } +.glyphicon-piggy-bank { &:before { content: "\e225"; } } +.glyphicon-scissors { &:before { content: "\e226"; } } +.glyphicon-bitcoin { &:before { content: "\e227"; } } +.glyphicon-btc { &:before { content: "\e227"; } } +.glyphicon-xbt { &:before { content: "\e227"; } } +.glyphicon-yen { &:before { content: "\00a5"; } } +.glyphicon-jpy { &:before { content: "\00a5"; } } +.glyphicon-ruble { &:before { content: "\20bd"; } } +.glyphicon-rub { &:before { content: "\20bd"; } } +.glyphicon-scale { &:before { content: "\e230"; } } +.glyphicon-ice-lolly { &:before { content: "\e231"; } } +.glyphicon-ice-lolly-tasted { &:before { content: "\e232"; } } +.glyphicon-education { &:before { content: "\e233"; } } +.glyphicon-option-horizontal { &:before { content: "\e234"; } } +.glyphicon-option-vertical { &:before { content: "\e235"; } } +.glyphicon-menu-hamburger { &:before { content: "\e236"; } } +.glyphicon-modal-window { &:before { content: "\e237"; } } +.glyphicon-oil { &:before { content: "\e238"; } } +.glyphicon-grain { &:before { content: "\e239"; } } +.glyphicon-sunglasses { &:before { content: "\e240"; } } +.glyphicon-text-size { &:before { content: "\e241"; } } +.glyphicon-text-color { &:before { content: "\e242"; } } +.glyphicon-text-background { &:before { content: "\e243"; } } +.glyphicon-object-align-top { &:before { content: "\e244"; } } +.glyphicon-object-align-bottom { &:before { content: "\e245"; } } +.glyphicon-object-align-horizontal{ &:before { content: "\e246"; } } +.glyphicon-object-align-left { &:before { content: "\e247"; } } +.glyphicon-object-align-vertical { &:before { content: "\e248"; } } +.glyphicon-object-align-right { &:before { content: "\e249"; } } +.glyphicon-triangle-right { &:before { content: "\e250"; } } +.glyphicon-triangle-left { &:before { content: "\e251"; } } +.glyphicon-triangle-bottom { &:before { content: "\e252"; } } +.glyphicon-triangle-top { &:before { content: "\e253"; } } +.glyphicon-console { &:before { content: "\e254"; } } +.glyphicon-superscript { &:before { content: "\e255"; } } +.glyphicon-subscript { &:before { content: "\e256"; } } +.glyphicon-menu-left { &:before { content: "\e257"; } } +.glyphicon-menu-right { &:before { content: "\e258"; } } +.glyphicon-menu-down { &:before { content: "\e259"; } } +.glyphicon-menu-up { &:before { content: "\e260"; } } diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/grid.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/grid.less new file mode 100644 index 0000000..e100655 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/grid.less @@ -0,0 +1,84 @@ +// +// Grid system +// -------------------------------------------------- + + +// Container widths +// +// Set the container width, and override it for fixed navbars in media queries. + +.container { + .container-fixed(); + + @media (min-width: @screen-sm-min) { + width: @container-sm; + } + @media (min-width: @screen-md-min) { + width: @container-md; + } + @media (min-width: @screen-lg-min) { + width: @container-lg; + } +} + + +// Fluid container +// +// Utilizes the mixin meant for fixed width containers, but without any defined +// width for fluid, full width layouts. + +.container-fluid { + .container-fixed(); +} + + +// Row +// +// Rows contain and clear the floats of your columns. + +.row { + .make-row(); +} + + +// Columns +// +// Common styles for small and large grid columns + +.make-grid-columns(); + + +// Extra small grid +// +// Columns, offsets, pushes, and pulls for extra small devices like +// smartphones. + +.make-grid(xs); + + +// Small grid +// +// Columns, offsets, pushes, and pulls for the small device range, from phones +// to tablets. + +@media (min-width: @screen-sm-min) { + .make-grid(sm); +} + + +// Medium grid +// +// Columns, offsets, pushes, and pulls for the desktop device range. + +@media (min-width: @screen-md-min) { + .make-grid(md); +} + + +// Large grid +// +// Columns, offsets, pushes, and pulls for the large desktop device range. + +@media (min-width: @screen-lg-min) { + .make-grid(lg); +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/input-groups.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/input-groups.less new file mode 100644 index 0000000..4a711ff --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/input-groups.less @@ -0,0 +1,167 @@ +// +// Input groups +// -------------------------------------------------- + +// Base styles +// ------------------------- +.input-group { + position: relative; // For dropdowns + display: table; + border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table + + // Undo padding and float of grid classes + &[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; + } + + .form-control { + // Ensure that the input is always above the *appended* addon button for + // proper border colors. + position: relative; + z-index: 2; + + // IE9 fubars the placeholder attribute in text inputs and the arrows on + // select elements in input groups. To fix it, we float the input. Details: + // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855 + float: left; + + width: 100%; + margin-bottom: 0; + } +} + +// Sizing options +// +// Remix the default form control sizing classes into new ones for easier +// manipulation. + +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + .input-lg(); +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + .input-sm(); +} + + +// Display as table-cell +// ------------------------- +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; + + &:not(:first-child):not(:last-child) { + border-radius: 0; + } +} +// Addon and addon wrapper for buttons +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; // Match the inputs +} + +// Text input groups +// ------------------------- +.input-group-addon { + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; + font-weight: normal; + line-height: 1; + color: @input-color; + text-align: center; + background-color: @input-group-addon-bg; + border: 1px solid @input-group-addon-border-color; + border-radius: @input-border-radius; + + // Sizing + &.input-sm { + padding: @padding-small-vertical @padding-small-horizontal; + font-size: @font-size-small; + border-radius: @input-border-radius-small; + } + &.input-lg { + padding: @padding-large-vertical @padding-large-horizontal; + font-size: @font-size-large; + border-radius: @input-border-radius-large; + } + + // Nuke default margins from checkboxes and radios to vertically center within. + input[type="radio"], + input[type="checkbox"] { + margin-top: 0; + } +} + +// Reset rounded corners +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + .border-right-radius(0); +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + .border-left-radius(0); +} +.input-group-addon:last-child { + border-left: 0; +} + +// Button input groups +// ------------------------- +.input-group-btn { + position: relative; + // Jankily prevent input button groups from wrapping with `white-space` and + // `font-size` in combination with `inline-block` on buttons. + font-size: 0; + white-space: nowrap; + + // Negative margin for spacing, position for bringing hovered/focused/actived + // element above the siblings. + > .btn { + position: relative; + + .btn { + margin-left: -1px; + } + // Bring the "active" button to the front + &:hover, + &:focus, + &:active { + z-index: 2; + } + } + + // Negative margin to only have a 1px border between the two + &:first-child { + > .btn, + > .btn-group { + margin-right: -1px; + } + } + &:last-child { + > .btn, + > .btn-group { + z-index: 2; + margin-left: -1px; + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/jumbotron.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/jumbotron.less new file mode 100644 index 0000000..fa80a38 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/jumbotron.less @@ -0,0 +1,52 @@ +// +// Jumbotron +// -------------------------------------------------- + + +.jumbotron { + padding-top: @jumbotron-padding; + padding-bottom: @jumbotron-padding; + margin-bottom: @jumbotron-padding; + color: @jumbotron-color; + background-color: @jumbotron-bg; + + h1, + .h1 { + color: @jumbotron-heading-color; + } + + p { + margin-bottom: (@jumbotron-padding / 2); + font-size: @jumbotron-font-size; + font-weight: 200; + } + + > hr { + border-top-color: darken(@jumbotron-bg, 10%); + } + + .container &, + .container-fluid & { + border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container + } + + .container { + max-width: 100%; + } + + @media screen and (min-width: @screen-sm-min) { + padding-top: (@jumbotron-padding * 1.6); + padding-bottom: (@jumbotron-padding * 1.6); + + .container &, + .container-fluid & { + padding-left: (@jumbotron-padding * 2); + padding-right: (@jumbotron-padding * 2); + } + + h1, + .h1 { + font-size: @jumbotron-heading-font-size; + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/labels.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/labels.less new file mode 100644 index 0000000..9a5a270 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/labels.less @@ -0,0 +1,64 @@ +// +// Labels +// -------------------------------------------------- + +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: @label-color; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; + + // Add hover effects, but only for links + a& { + &:hover, + &:focus { + color: @label-link-hover-color; + text-decoration: none; + cursor: pointer; + } + } + + // Empty labels collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for labels in buttons + .btn & { + position: relative; + top: -1px; + } +} + +// Colors +// Contextual variations (linked labels get darker on :hover) + +.label-default { + .label-variant(@label-default-bg); +} + +.label-primary { + .label-variant(@label-primary-bg); +} + +.label-success { + .label-variant(@label-success-bg); +} + +.label-info { + .label-variant(@label-info-bg); +} + +.label-warning { + .label-variant(@label-warning-bg); +} + +.label-danger { + .label-variant(@label-danger-bg); +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/list-group.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/list-group.less new file mode 100644 index 0000000..216b912 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/list-group.less @@ -0,0 +1,130 @@ +// +// List groups +// -------------------------------------------------- + + +// Base class +// +// Easily usable on <ul>, <ol>, or <div>. + +.list-group { + // No need to set list-style: none; since .list-group-item is block level + margin-bottom: 20px; + padding-left: 0; // reset padding because ul and ol +} + + +// Individual list items +// +// Use on `li`s or `div`s within the `.list-group` parent. + +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + // Place the border on the list items and negative margin up for better styling + margin-bottom: -1px; + background-color: @list-group-bg; + border: 1px solid @list-group-border; + + // Round the first and last items + &:first-child { + .border-top-radius(@list-group-border-radius); + } + &:last-child { + margin-bottom: 0; + .border-bottom-radius(@list-group-border-radius); + } +} + + +// Interactive list items +// +// Use anchor or button elements instead of `li`s or `div`s to create interactive items. +// Includes an extra `.active` modifier class for showing selected items. + +a.list-group-item, +button.list-group-item { + color: @list-group-link-color; + + .list-group-item-heading { + color: @list-group-link-heading-color; + } + + // Hover state + &:hover, + &:focus { + text-decoration: none; + color: @list-group-link-hover-color; + background-color: @list-group-hover-bg; + } +} + +button.list-group-item { + width: 100%; + text-align: left; +} + +.list-group-item { + // Disabled state + &.disabled, + &.disabled:hover, + &.disabled:focus { + background-color: @list-group-disabled-bg; + color: @list-group-disabled-color; + cursor: @cursor-disabled; + + // Force color to inherit for custom content + .list-group-item-heading { + color: inherit; + } + .list-group-item-text { + color: @list-group-disabled-text-color; + } + } + + // Active class on item itself, not parent + &.active, + &.active:hover, + &.active:focus { + z-index: 2; // Place active items above their siblings for proper border styling + color: @list-group-active-color; + background-color: @list-group-active-bg; + border-color: @list-group-active-border; + + // Force color to inherit for custom content + .list-group-item-heading, + .list-group-item-heading > small, + .list-group-item-heading > .small { + color: inherit; + } + .list-group-item-text { + color: @list-group-active-text-color; + } + } +} + + +// Contextual variants +// +// Add modifier classes to change text and background color on individual items. +// Organizationally, this must come after the `:hover` states. + +.list-group-item-variant(success; @state-success-bg; @state-success-text); +.list-group-item-variant(info; @state-info-bg; @state-info-text); +.list-group-item-variant(warning; @state-warning-bg; @state-warning-text); +.list-group-item-variant(danger; @state-danger-bg; @state-danger-text); + + +// Custom content options +// +// Extra classes for creating well-formatted content within `.list-group-item`s. + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/media.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/media.less new file mode 100644 index 0000000..8c835e8 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/media.less @@ -0,0 +1,66 @@ +.media { + // Proper spacing between instances of .media + margin-top: 15px; + + &:first-child { + margin-top: 0; + } +} + +.media, +.media-body { + zoom: 1; + overflow: hidden; +} + +.media-body { + width: 10000px; +} + +.media-object { + display: block; + + // Fix collapse in webkit from max-width: 100% and display: table-cell. + &.img-thumbnail { + max-width: none; + } +} + +.media-right, +.media > .pull-right { + padding-left: 10px; +} + +.media-left, +.media > .pull-left { + padding-right: 10px; +} + +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; +} + +.media-middle { + vertical-align: middle; +} + +.media-bottom { + vertical-align: bottom; +} + +// Reset margins on headings for tighter default spacing +.media-heading { + margin-top: 0; + margin-bottom: 5px; +} + +// Media list variation +// +// Undo default ul/ol styles +.media-list { + padding-left: 0; + list-style: none; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins.less new file mode 100644 index 0000000..e6f9fe6 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins.less @@ -0,0 +1,40 @@ +// Mixins +// -------------------------------------------------- + +// Utilities +@import "mixins/hide-text.less"; +@import "mixins/opacity.less"; +@import "mixins/image.less"; +@import "mixins/labels.less"; +@import "mixins/reset-filter.less"; +@import "mixins/resize.less"; +@import "mixins/responsive-visibility.less"; +@import "mixins/size.less"; +@import "mixins/tab-focus.less"; +@import "mixins/reset-text.less"; +@import "mixins/text-emphasis.less"; +@import "mixins/text-overflow.less"; +@import "mixins/vendor-prefixes.less"; + +// Components +@import "mixins/alerts.less"; +@import "mixins/buttons.less"; +@import "mixins/panels.less"; +@import "mixins/pagination.less"; +@import "mixins/list-group.less"; +@import "mixins/nav-divider.less"; +@import "mixins/forms.less"; +@import "mixins/progress-bar.less"; +@import "mixins/table-row.less"; + +// Skins +@import "mixins/background-variant.less"; +@import "mixins/border-radius.less"; +@import "mixins/gradients.less"; + +// Layout +@import "mixins/clearfix.less"; +@import "mixins/center-block.less"; +@import "mixins/nav-vertical-align.less"; +@import "mixins/grid-framework.less"; +@import "mixins/grid.less"; diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/alerts.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/alerts.less new file mode 100644 index 0000000..396196f --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/alerts.less @@ -0,0 +1,14 @@ +// Alerts + +.alert-variant(@background; @border; @text-color) { + background-color: @background; + border-color: @border; + color: @text-color; + + hr { + border-top-color: darken(@border, 5%); + } + .alert-link { + color: darken(@text-color, 10%); + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/background-variant.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/background-variant.less new file mode 100644 index 0000000..a85c22b --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/background-variant.less @@ -0,0 +1,9 @@ +// Contextual backgrounds + +.bg-variant(@color) { + background-color: @color; + a&:hover, + a&:focus { + background-color: darken(@color, 10%); + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/border-radius.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/border-radius.less new file mode 100644 index 0000000..ca05dbf --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/border-radius.less @@ -0,0 +1,18 @@ +// Single side border-radius + +.border-top-radius(@radius) { + border-top-right-radius: @radius; + border-top-left-radius: @radius; +} +.border-right-radius(@radius) { + border-bottom-right-radius: @radius; + border-top-right-radius: @radius; +} +.border-bottom-radius(@radius) { + border-bottom-right-radius: @radius; + border-bottom-left-radius: @radius; +} +.border-left-radius(@radius) { + border-bottom-left-radius: @radius; + border-top-left-radius: @radius; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/buttons.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/buttons.less new file mode 100644 index 0000000..6875a97 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/buttons.less @@ -0,0 +1,68 @@ +// Button variants +// +// Easily pump out default styles, as well as :hover, :focus, :active, +// and disabled options for all buttons + +.button-variant(@color; @background; @border) { + color: @color; + background-color: @background; + border-color: @border; + + &:focus, + &.focus { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 25%); + } + &:hover { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 12%); + } + &:active, + &.active, + .open > .dropdown-toggle& { + color: @color; + background-color: darken(@background, 10%); + border-color: darken(@border, 12%); + + &:hover, + &:focus, + &.focus { + color: @color; + background-color: darken(@background, 17%); + border-color: darken(@border, 25%); + } + } + &:active, + &.active, + .open > .dropdown-toggle& { + background-image: none; + } + &.disabled, + &[disabled], + fieldset[disabled] & { + &, + &:hover, + &:focus, + &.focus, + &:active, + &.active { + background-color: @background; + border-color: @border; + } + } + + .badge { + color: @background; + background-color: @color; + } +} + +// Button sizes +.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { + padding: @padding-vertical @padding-horizontal; + font-size: @font-size; + line-height: @line-height; + border-radius: @border-radius; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/center-block.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/center-block.less new file mode 100644 index 0000000..d18d6de --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/center-block.less @@ -0,0 +1,7 @@ +// Center-align a block level element + +.center-block() { + display: block; + margin-left: auto; + margin-right: auto; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/clearfix.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/clearfix.less new file mode 100644 index 0000000..3f7a382 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/clearfix.less @@ -0,0 +1,22 @@ +// Clearfix +// +// For modern browsers +// 1. The space content is one way to avoid an Opera bug when the +// contenteditable attribute is included anywhere else in the document. +// Otherwise it causes space to appear at the top and bottom of elements +// that are clearfixed. +// 2. The use of `table` rather than `block` is only necessary if using +// `:before` to contain the top-margins of child elements. +// +// Source: http://nicolasgallagher.com/micro-clearfix-hack/ + +.clearfix() { + &:before, + &:after { + content: " "; // 1 + display: table; // 2 + } + &:after { + clear: both; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/forms.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/forms.less new file mode 100644 index 0000000..6f55ed9 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/forms.less @@ -0,0 +1,85 @@ +// Form validation states +// +// Used in forms.less to generate the form validation CSS for warnings, errors, +// and successes. + +.form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) { + // Color the label and help text + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + &.radio label, + &.checkbox label, + &.radio-inline label, + &.checkbox-inline label { + color: @text-color; + } + // Set the border and box shadow on specific inputs to match + .form-control { + border-color: @border-color; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work + &:focus { + border-color: darken(@border-color, 10%); + @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%); + .box-shadow(@shadow); + } + } + // Set validation states also for addons + .input-group-addon { + color: @text-color; + border-color: @border-color; + background-color: @background-color; + } + // Optional feedback icon + .form-control-feedback { + color: @text-color; + } +} + + +// Form control focus state +// +// Generate a customized focus state and for any input with the specified color, +// which defaults to the `@input-border-focus` variable. +// +// We highly encourage you to not customize the default value, but instead use +// this to tweak colors on an as-needed basis. This aesthetic change is based on +// WebKit's default styles, but applicable to a wider range of browsers. Its +// usability and accessibility should be taken into account with any change. +// +// Example usage: change the default blue border and shadow to white for better +// contrast against a dark gray background. +.form-control-focus(@color: @input-border-focus) { + @color-rgba: rgba(red(@color), green(@color), blue(@color), .6); + &:focus { + border-color: @color; + outline: 0; + .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}"); + } +} + +// Form control sizing +// +// Relative text size, padding, and border-radii changes for form controls. For +// horizontal sizing, wrap controls in the predefined grid classes. `<select>` +// element gets special love because it's special, and that's a fact! +.input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { + height: @input-height; + padding: @padding-vertical @padding-horizontal; + font-size: @font-size; + line-height: @line-height; + border-radius: @border-radius; + + select& { + height: @input-height; + line-height: @input-height; + } + + textarea&, + select[multiple]& { + height: auto; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/gradients.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/gradients.less new file mode 100644 index 0000000..0b88a89 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/gradients.less @@ -0,0 +1,59 @@ +// Gradients + +#gradient { + + // Horizontal gradient, from left to right + // + // Creates two color stops, start and end, by specifying a color and position for each color stop. + // Color stops are not available in IE9 and below. + .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) { + background-image: -webkit-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+ + background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12 + background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ + background-repeat: repeat-x; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down + } + + // Vertical gradient, from top to bottom + // + // Creates two color stops, start and end, by specifying a color and position for each color stop. + // Color stops are not available in IE9 and below. + .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) { + background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+ + background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Opera 12 + background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ + background-repeat: repeat-x; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down + } + + .directional(@start-color: #555; @end-color: #333; @deg: 45deg) { + background-repeat: repeat-x; + background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+ + background-image: -o-linear-gradient(@deg, @start-color, @end-color); // Opera 12 + background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ + } + .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) { + background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color); + background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color); + background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color); + background-repeat: no-repeat; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback + } + .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) { + background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color); + background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color); + background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color); + background-repeat: no-repeat; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback + } + .radial(@inner-color: #555; @outer-color: #333) { + background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color); + background-image: radial-gradient(circle, @inner-color, @outer-color); + background-repeat: no-repeat; + } + .striped(@color: rgba(255,255,255,.15); @angle: 45deg) { + background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent); + background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent); + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/grid-framework.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/grid-framework.less new file mode 100644 index 0000000..8c23eed --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/grid-framework.less @@ -0,0 +1,91 @@ +// Framework grid generation +// +// Used only by Bootstrap to generate the correct number of grid classes given +// any value of `@grid-columns`. + +.make-grid-columns() { + // Common styles for all sizes of grid columns, widths 1-12 + .col(@index) { // initial + @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; + .col((@index + 1), @item); + } + .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo + @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; + .col((@index + 1), ~"@{list}, @{item}"); + } + .col(@index, @list) when (@index > @grid-columns) { // terminal + @{list} { + position: relative; + // Prevent columns from collapsing when empty + min-height: 1px; + // Inner gutter via padding + padding-left: ceil((@grid-gutter-width / 2)); + padding-right: floor((@grid-gutter-width / 2)); + } + } + .col(1); // kickstart it +} + +.float-grid-columns(@class) { + .col(@index) { // initial + @item: ~".col-@{class}-@{index}"; + .col((@index + 1), @item); + } + .col(@index, @list) when (@index =< @grid-columns) { // general + @item: ~".col-@{class}-@{index}"; + .col((@index + 1), ~"@{list}, @{item}"); + } + .col(@index, @list) when (@index > @grid-columns) { // terminal + @{list} { + float: left; + } + } + .col(1); // kickstart it +} + +.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) { + .col-@{class}-@{index} { + width: percentage((@index / @grid-columns)); + } +} +.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) { + .col-@{class}-push-@{index} { + left: percentage((@index / @grid-columns)); + } +} +.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) { + .col-@{class}-push-0 { + left: auto; + } +} +.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) { + .col-@{class}-pull-@{index} { + right: percentage((@index / @grid-columns)); + } +} +.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) { + .col-@{class}-pull-0 { + right: auto; + } +} +.calc-grid-column(@index, @class, @type) when (@type = offset) { + .col-@{class}-offset-@{index} { + margin-left: percentage((@index / @grid-columns)); + } +} + +// Basic looping in LESS +.loop-grid-columns(@index, @class, @type) when (@index >= 0) { + .calc-grid-column(@index, @class, @type); + // next iteration + .loop-grid-columns((@index - 1), @class, @type); +} + +// Create grid for specific class +.make-grid(@class) { + .float-grid-columns(@class); + .loop-grid-columns(@grid-columns, @class, width); + .loop-grid-columns(@grid-columns, @class, pull); + .loop-grid-columns(@grid-columns, @class, push); + .loop-grid-columns(@grid-columns, @class, offset); +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/grid.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/grid.less new file mode 100644 index 0000000..f144c15 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/grid.less @@ -0,0 +1,122 @@ +// Grid system +// +// Generate semantic grid columns with these mixins. + +// Centered container element +.container-fixed(@gutter: @grid-gutter-width) { + margin-right: auto; + margin-left: auto; + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); + &:extend(.clearfix all); +} + +// Creates a wrapper for a series of columns +.make-row(@gutter: @grid-gutter-width) { + margin-left: ceil((@gutter / -2)); + margin-right: floor((@gutter / -2)); + &:extend(.clearfix all); +} + +// Generate the extra small columns +.make-xs-column(@columns; @gutter: @grid-gutter-width) { + position: relative; + float: left; + width: percentage((@columns / @grid-columns)); + min-height: 1px; + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); +} +.make-xs-column-offset(@columns) { + margin-left: percentage((@columns / @grid-columns)); +} +.make-xs-column-push(@columns) { + left: percentage((@columns / @grid-columns)); +} +.make-xs-column-pull(@columns) { + right: percentage((@columns / @grid-columns)); +} + +// Generate the small columns +.make-sm-column(@columns; @gutter: @grid-gutter-width) { + position: relative; + min-height: 1px; + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); + + @media (min-width: @screen-sm-min) { + float: left; + width: percentage((@columns / @grid-columns)); + } +} +.make-sm-column-offset(@columns) { + @media (min-width: @screen-sm-min) { + margin-left: percentage((@columns / @grid-columns)); + } +} +.make-sm-column-push(@columns) { + @media (min-width: @screen-sm-min) { + left: percentage((@columns / @grid-columns)); + } +} +.make-sm-column-pull(@columns) { + @media (min-width: @screen-sm-min) { + right: percentage((@columns / @grid-columns)); + } +} + +// Generate the medium columns +.make-md-column(@columns; @gutter: @grid-gutter-width) { + position: relative; + min-height: 1px; + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); + + @media (min-width: @screen-md-min) { + float: left; + width: percentage((@columns / @grid-columns)); + } +} +.make-md-column-offset(@columns) { + @media (min-width: @screen-md-min) { + margin-left: percentage((@columns / @grid-columns)); + } +} +.make-md-column-push(@columns) { + @media (min-width: @screen-md-min) { + left: percentage((@columns / @grid-columns)); + } +} +.make-md-column-pull(@columns) { + @media (min-width: @screen-md-min) { + right: percentage((@columns / @grid-columns)); + } +} + +// Generate the large columns +.make-lg-column(@columns; @gutter: @grid-gutter-width) { + position: relative; + min-height: 1px; + padding-left: (@gutter / 2); + padding-right: (@gutter / 2); + + @media (min-width: @screen-lg-min) { + float: left; + width: percentage((@columns / @grid-columns)); + } +} +.make-lg-column-offset(@columns) { + @media (min-width: @screen-lg-min) { + margin-left: percentage((@columns / @grid-columns)); + } +} +.make-lg-column-push(@columns) { + @media (min-width: @screen-lg-min) { + left: percentage((@columns / @grid-columns)); + } +} +.make-lg-column-pull(@columns) { + @media (min-width: @screen-lg-min) { + right: percentage((@columns / @grid-columns)); + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/hide-text.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/hide-text.less new file mode 100644 index 0000000..bc70118 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/hide-text.less @@ -0,0 +1,21 @@ +// CSS image replacement +// +// Heads up! v3 launched with only `.hide-text()`, but per our pattern for +// mixins being reused as classes with the same name, this doesn't hold up. As +// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. +// +// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 + +// Deprecated as of v3.0.1 (will be removed in v4) +.hide-text() { + font: ~"0/0" a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +// New mixin to use as of v3.0.1 +.text-hide() { + .hide-text(); +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/image.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/image.less new file mode 100644 index 0000000..f233cb3 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/image.less @@ -0,0 +1,33 @@ +// Image Mixins +// - Responsive image +// - Retina image + + +// Responsive image +// +// Keep images from scaling beyond the width of their parents. +.img-responsive(@display: block) { + display: @display; + max-width: 100%; // Part 1: Set a maximum relative to the parent + height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching +} + + +// Retina image +// +// Short retina mixin for setting background-image and -size. Note that the +// spelling of `min--moz-device-pixel-ratio` is intentional. +.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) { + background-image: url("@{file-1x}"); + + @media + only screen and (-webkit-min-device-pixel-ratio: 2), + only screen and ( min--moz-device-pixel-ratio: 2), + only screen and ( -o-min-device-pixel-ratio: 2/1), + only screen and ( min-device-pixel-ratio: 2), + only screen and ( min-resolution: 192dpi), + only screen and ( min-resolution: 2dppx) { + background-image: url("@{file-2x}"); + background-size: @width-1x @height-1x; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/labels.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/labels.less new file mode 100644 index 0000000..9f7a67e --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/labels.less @@ -0,0 +1,12 @@ +// Labels + +.label-variant(@color) { + background-color: @color; + + &[href] { + &:hover, + &:focus { + background-color: darken(@color, 10%); + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/list-group.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/list-group.less new file mode 100644 index 0000000..03aa190 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/list-group.less @@ -0,0 +1,30 @@ +// List Groups + +.list-group-item-variant(@state; @background; @color) { + .list-group-item-@{state} { + color: @color; + background-color: @background; + + a&, + button& { + color: @color; + + .list-group-item-heading { + color: inherit; + } + + &:hover, + &:focus { + color: @color; + background-color: darken(@background, 5%); + } + &.active, + &.active:hover, + &.active:focus { + color: #fff; + background-color: @color; + border-color: @color; + } + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/nav-divider.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/nav-divider.less new file mode 100644 index 0000000..feb1e9e --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/nav-divider.less @@ -0,0 +1,10 @@ +// Horizontal dividers +// +// Dividers (basically an hr) within dropdowns and nav lists + +.nav-divider(@color: #e5e5e5) { + height: 1px; + margin: ((@line-height-computed / 2) - 1) 0; + overflow: hidden; + background-color: @color; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/nav-vertical-align.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/nav-vertical-align.less new file mode 100644 index 0000000..d458c78 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/nav-vertical-align.less @@ -0,0 +1,9 @@ +// Navbar vertical align +// +// Vertically center elements in the navbar. +// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. + +.navbar-vertical-align(@element-height) { + margin-top: ((@navbar-height - @element-height) / 2); + margin-bottom: ((@navbar-height - @element-height) / 2); +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/opacity.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/opacity.less new file mode 100644 index 0000000..33ed25c --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/opacity.less @@ -0,0 +1,8 @@ +// Opacity + +.opacity(@opacity) { + opacity: @opacity; + // IE8 filter + @opacity-ie: (@opacity * 100); + filter: ~"alpha(opacity=@{opacity-ie})"; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/pagination.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/pagination.less new file mode 100644 index 0000000..618804f --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/pagination.less @@ -0,0 +1,24 @@ +// Pagination + +.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { + > li { + > a, + > span { + padding: @padding-vertical @padding-horizontal; + font-size: @font-size; + line-height: @line-height; + } + &:first-child { + > a, + > span { + .border-left-radius(@border-radius); + } + } + &:last-child { + > a, + > span { + .border-right-radius(@border-radius); + } + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/panels.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/panels.less new file mode 100644 index 0000000..49ee10d --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/panels.less @@ -0,0 +1,24 @@ +// Panels + +.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) { + border-color: @border; + + & > .panel-heading { + color: @heading-text-color; + background-color: @heading-bg-color; + border-color: @heading-border; + + + .panel-collapse > .panel-body { + border-top-color: @border; + } + .badge { + color: @heading-bg-color; + background-color: @heading-text-color; + } + } + & > .panel-footer { + + .panel-collapse > .panel-body { + border-bottom-color: @border; + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/progress-bar.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/progress-bar.less new file mode 100644 index 0000000..f07996a --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/progress-bar.less @@ -0,0 +1,10 @@ +// Progress bars + +.progress-bar-variant(@color) { + background-color: @color; + + // Deprecated parent class requirement as of v3.2.0 + .progress-striped & { + #gradient > .striped(); + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/reset-filter.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/reset-filter.less new file mode 100644 index 0000000..68cdb5e --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/reset-filter.less @@ -0,0 +1,8 @@ +// Reset filters for IE +// +// When you need to remove a gradient background, do not forget to use this to reset +// the IE filter for IE9 and below. + +.reset-filter() { + filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/reset-text.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/reset-text.less new file mode 100644 index 0000000..58dd4d1 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/reset-text.less @@ -0,0 +1,18 @@ +.reset-text() { + font-family: @font-family-base; + // We deliberately do NOT reset font-size. + font-style: normal; + font-weight: normal; + letter-spacing: normal; + line-break: auto; + line-height: @line-height-base; + text-align: left; // Fallback for where `start` is not supported + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/resize.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/resize.less new file mode 100644 index 0000000..3acd3af --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/resize.less @@ -0,0 +1,6 @@ +// Resize anything + +.resizable(@direction) { + resize: @direction; // Options: horizontal, vertical, both + overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/responsive-visibility.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/responsive-visibility.less new file mode 100644 index 0000000..ecf1e97 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/responsive-visibility.less @@ -0,0 +1,15 @@ +// Responsive utilities + +// +// More easily include all the states for responsive-utilities.less. +.responsive-visibility() { + display: block !important; + table& { display: table !important; } + tr& { display: table-row !important; } + th&, + td& { display: table-cell !important; } +} + +.responsive-invisibility() { + display: none !important; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/size.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/size.less new file mode 100644 index 0000000..a8be650 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/size.less @@ -0,0 +1,10 @@ +// Sizing shortcuts + +.size(@width; @height) { + width: @width; + height: @height; +} + +.square(@size) { + .size(@size; @size); +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/tab-focus.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/tab-focus.less new file mode 100644 index 0000000..1f1f05a --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/tab-focus.less @@ -0,0 +1,9 @@ +// WebKit-style focus + +.tab-focus() { + // Default + outline: thin dotted; + // WebKit + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/table-row.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/table-row.less new file mode 100644 index 0000000..0f287f1 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/table-row.less @@ -0,0 +1,28 @@ +// Tables + +.table-row-variant(@state; @background) { + // Exact selectors below required to override `.table-striped` and prevent + // inheritance to nested tables. + .table > thead > tr, + .table > tbody > tr, + .table > tfoot > tr { + > td.@{state}, + > th.@{state}, + &.@{state} > td, + &.@{state} > th { + background-color: @background; + } + } + + // Hover states for `.table-hover` + // Note: this is not available for cells or rows within `thead` or `tfoot`. + .table-hover > tbody > tr { + > td.@{state}:hover, + > th.@{state}:hover, + &.@{state}:hover > td, + &:hover > .@{state}, + &.@{state}:hover > th { + background-color: darken(@background, 5%); + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/text-emphasis.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/text-emphasis.less new file mode 100644 index 0000000..9e8a77a --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/text-emphasis.less @@ -0,0 +1,9 @@ +// Typography + +.text-emphasis-variant(@color) { + color: @color; + a&:hover, + a&:focus { + color: darken(@color, 10%); + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/text-overflow.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/text-overflow.less new file mode 100644 index 0000000..c11ad2f --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/text-overflow.less @@ -0,0 +1,8 @@ +// Text overflow +// Requires inline-block or block for proper styling + +.text-overflow() { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/vendor-prefixes.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/vendor-prefixes.less new file mode 100644 index 0000000..afd3331 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/vendor-prefixes.less @@ -0,0 +1,227 @@ +// Vendor Prefixes +// +// All vendor mixins are deprecated as of v3.2.0 due to the introduction of +// Autoprefixer in our Gruntfile. They will be removed in v4. + +// - Animations +// - Backface visibility +// - Box shadow +// - Box sizing +// - Content columns +// - Hyphens +// - Placeholder text +// - Transformations +// - Transitions +// - User Select + + +// Animations +.animation(@animation) { + -webkit-animation: @animation; + -o-animation: @animation; + animation: @animation; +} +.animation-name(@name) { + -webkit-animation-name: @name; + animation-name: @name; +} +.animation-duration(@duration) { + -webkit-animation-duration: @duration; + animation-duration: @duration; +} +.animation-timing-function(@timing-function) { + -webkit-animation-timing-function: @timing-function; + animation-timing-function: @timing-function; +} +.animation-delay(@delay) { + -webkit-animation-delay: @delay; + animation-delay: @delay; +} +.animation-iteration-count(@iteration-count) { + -webkit-animation-iteration-count: @iteration-count; + animation-iteration-count: @iteration-count; +} +.animation-direction(@direction) { + -webkit-animation-direction: @direction; + animation-direction: @direction; +} +.animation-fill-mode(@fill-mode) { + -webkit-animation-fill-mode: @fill-mode; + animation-fill-mode: @fill-mode; +} + +// Backface visibility +// Prevent browsers from flickering when using CSS 3D transforms. +// Default value is `visible`, but can be changed to `hidden` + +.backface-visibility(@visibility){ + -webkit-backface-visibility: @visibility; + -moz-backface-visibility: @visibility; + backface-visibility: @visibility; +} + +// Drop shadows +// +// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's +// supported browsers that have box shadow capabilities now support it. + +.box-shadow(@shadow) { + -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1 + box-shadow: @shadow; +} + +// Box sizing +.box-sizing(@boxmodel) { + -webkit-box-sizing: @boxmodel; + -moz-box-sizing: @boxmodel; + box-sizing: @boxmodel; +} + +// CSS3 Content Columns +.content-columns(@column-count; @column-gap: @grid-gutter-width) { + -webkit-column-count: @column-count; + -moz-column-count: @column-count; + column-count: @column-count; + -webkit-column-gap: @column-gap; + -moz-column-gap: @column-gap; + column-gap: @column-gap; +} + +// Optional hyphenation +.hyphens(@mode: auto) { + word-wrap: break-word; + -webkit-hyphens: @mode; + -moz-hyphens: @mode; + -ms-hyphens: @mode; // IE10+ + -o-hyphens: @mode; + hyphens: @mode; +} + +// Placeholder text +.placeholder(@color: @input-color-placeholder) { + // Firefox + &::-moz-placeholder { + color: @color; + opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526 + } + &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+ + &::-webkit-input-placeholder { color: @color; } // Safari and Chrome +} + +// Transformations +.scale(@ratio) { + -webkit-transform: scale(@ratio); + -ms-transform: scale(@ratio); // IE9 only + -o-transform: scale(@ratio); + transform: scale(@ratio); +} +.scale(@ratioX; @ratioY) { + -webkit-transform: scale(@ratioX, @ratioY); + -ms-transform: scale(@ratioX, @ratioY); // IE9 only + -o-transform: scale(@ratioX, @ratioY); + transform: scale(@ratioX, @ratioY); +} +.scaleX(@ratio) { + -webkit-transform: scaleX(@ratio); + -ms-transform: scaleX(@ratio); // IE9 only + -o-transform: scaleX(@ratio); + transform: scaleX(@ratio); +} +.scaleY(@ratio) { + -webkit-transform: scaleY(@ratio); + -ms-transform: scaleY(@ratio); // IE9 only + -o-transform: scaleY(@ratio); + transform: scaleY(@ratio); +} +.skew(@x; @y) { + -webkit-transform: skewX(@x) skewY(@y); + -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+ + -o-transform: skewX(@x) skewY(@y); + transform: skewX(@x) skewY(@y); +} +.translate(@x; @y) { + -webkit-transform: translate(@x, @y); + -ms-transform: translate(@x, @y); // IE9 only + -o-transform: translate(@x, @y); + transform: translate(@x, @y); +} +.translate3d(@x; @y; @z) { + -webkit-transform: translate3d(@x, @y, @z); + transform: translate3d(@x, @y, @z); +} +.rotate(@degrees) { + -webkit-transform: rotate(@degrees); + -ms-transform: rotate(@degrees); // IE9 only + -o-transform: rotate(@degrees); + transform: rotate(@degrees); +} +.rotateX(@degrees) { + -webkit-transform: rotateX(@degrees); + -ms-transform: rotateX(@degrees); // IE9 only + -o-transform: rotateX(@degrees); + transform: rotateX(@degrees); +} +.rotateY(@degrees) { + -webkit-transform: rotateY(@degrees); + -ms-transform: rotateY(@degrees); // IE9 only + -o-transform: rotateY(@degrees); + transform: rotateY(@degrees); +} +.perspective(@perspective) { + -webkit-perspective: @perspective; + -moz-perspective: @perspective; + perspective: @perspective; +} +.perspective-origin(@perspective) { + -webkit-perspective-origin: @perspective; + -moz-perspective-origin: @perspective; + perspective-origin: @perspective; +} +.transform-origin(@origin) { + -webkit-transform-origin: @origin; + -moz-transform-origin: @origin; + -ms-transform-origin: @origin; // IE9 only + transform-origin: @origin; +} + + +// Transitions + +.transition(@transition) { + -webkit-transition: @transition; + -o-transition: @transition; + transition: @transition; +} +.transition-property(@transition-property) { + -webkit-transition-property: @transition-property; + transition-property: @transition-property; +} +.transition-delay(@transition-delay) { + -webkit-transition-delay: @transition-delay; + transition-delay: @transition-delay; +} +.transition-duration(@transition-duration) { + -webkit-transition-duration: @transition-duration; + transition-duration: @transition-duration; +} +.transition-timing-function(@timing-function) { + -webkit-transition-timing-function: @timing-function; + transition-timing-function: @timing-function; +} +.transition-transform(@transition) { + -webkit-transition: -webkit-transform @transition; + -moz-transition: -moz-transform @transition; + -o-transition: -o-transform @transition; + transition: transform @transition; +} + + +// User select +// For selecting text on the page + +.user-select(@select) { + -webkit-user-select: @select; + -moz-user-select: @select; + -ms-user-select: @select; // IE10+ + user-select: @select; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/modals.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/modals.less new file mode 100644 index 0000000..1de6220 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/modals.less @@ -0,0 +1,150 @@ +// +// Modals +// -------------------------------------------------- + +// .modal-open - body class for killing the scroll +// .modal - container to scroll within +// .modal-dialog - positioning shell for the actual modal +// .modal-content - actual modal w/ bg and corners and shit + +// Kill the scroll on the body +.modal-open { + overflow: hidden; +} + +// Container that the modal scrolls within +.modal { + display: none; + overflow: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: @zindex-modal; + -webkit-overflow-scrolling: touch; + + // Prevent Chrome on Windows from adding a focus outline. For details, see + // https://github.com/twbs/bootstrap/pull/10951. + outline: 0; + + // When fading in the modal, animate it to slide down + &.fade .modal-dialog { + .translate(0, -25%); + .transition-transform(~"0.3s ease-out"); + } + &.in .modal-dialog { .translate(0, 0) } +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +// Shell div to position the modal with bottom padding +.modal-dialog { + position: relative; + width: auto; + margin: 10px; +} + +// Actual modal +.modal-content { + position: relative; + background-color: @modal-content-bg; + border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc) + border: 1px solid @modal-content-border-color; + border-radius: @border-radius-large; + .box-shadow(0 3px 9px rgba(0,0,0,.5)); + background-clip: padding-box; + // Remove focus outline from opened modal + outline: 0; +} + +// Modal background +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: @zindex-modal-background; + background-color: @modal-backdrop-bg; + // Fade for backdrop + &.fade { .opacity(0); } + &.in { .opacity(@modal-backdrop-opacity); } +} + +// Modal header +// Top section of the modal w/ title and dismiss +.modal-header { + padding: @modal-title-padding; + border-bottom: 1px solid @modal-header-border-color; + min-height: (@modal-title-padding + @modal-title-line-height); +} +// Close icon +.modal-header .close { + margin-top: -2px; +} + +// Title text within header +.modal-title { + margin: 0; + line-height: @modal-title-line-height; +} + +// Modal body +// Where all modal content resides (sibling of .modal-header and .modal-footer) +.modal-body { + position: relative; + padding: @modal-inner-padding; +} + +// Footer (for actions) +.modal-footer { + padding: @modal-inner-padding; + text-align: right; // right align buttons + border-top: 1px solid @modal-footer-border-color; + &:extend(.clearfix all); // clear it in case folks use .pull-* classes on buttons + + // Properly space out buttons + .btn + .btn { + margin-left: 5px; + margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs + } + // but override that for button groups + .btn-group .btn + .btn { + margin-left: -1px; + } + // and override it for block buttons as well + .btn-block + .btn-block { + margin-left: 0; + } +} + +// Measure scrollbar width for padding body during modal show/hide +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +// Scale up the modal +@media (min-width: @screen-sm-min) { + // Automatically set modal's width for larger viewports + .modal-dialog { + width: @modal-md; + margin: 30px auto; + } + .modal-content { + .box-shadow(0 5px 15px rgba(0,0,0,.5)); + } + + // Modal sizes + .modal-sm { width: @modal-sm; } +} + +@media (min-width: @screen-md-min) { + .modal-lg { width: @modal-lg; } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/navbar.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/navbar.less new file mode 100644 index 0000000..6d751bb --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/navbar.less @@ -0,0 +1,660 @@ +// +// Navbars +// -------------------------------------------------- + + +// Wrapper and base class +// +// Provide a static navbar from which we expand to create full-width, fixed, and +// other navbar variations. + +.navbar { + position: relative; + min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode) + margin-bottom: @navbar-margin-bottom; + border: 1px solid transparent; + + // Prevent floats from breaking the navbar + &:extend(.clearfix all); + + @media (min-width: @grid-float-breakpoint) { + border-radius: @navbar-border-radius; + } +} + + +// Navbar heading +// +// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy +// styling of responsive aspects. + +.navbar-header { + &:extend(.clearfix all); + + @media (min-width: @grid-float-breakpoint) { + float: left; + } +} + + +// Navbar collapse (body) +// +// Group your navbar content into this for easy collapsing and expanding across +// various device sizes. By default, this content is collapsed when <768px, but +// will expand past that for a horizontal display. +// +// To start (on mobile devices) the navbar links, forms, and buttons are stacked +// vertically and include a `max-height` to overflow in case you have too much +// content for the user's viewport. + +.navbar-collapse { + overflow-x: visible; + padding-right: @navbar-padding-horizontal; + padding-left: @navbar-padding-horizontal; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255,255,255,.1); + &:extend(.clearfix all); + -webkit-overflow-scrolling: touch; + + &.in { + overflow-y: auto; + } + + @media (min-width: @grid-float-breakpoint) { + width: auto; + border-top: 0; + box-shadow: none; + + &.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; // Override default setting + overflow: visible !important; + } + + &.in { + overflow-y: visible; + } + + // Undo the collapse side padding for navbars with containers to ensure + // alignment of right-aligned contents. + .navbar-fixed-top &, + .navbar-static-top &, + .navbar-fixed-bottom & { + padding-left: 0; + padding-right: 0; + } + } +} + +.navbar-fixed-top, +.navbar-fixed-bottom { + .navbar-collapse { + max-height: @navbar-collapse-max-height; + + @media (max-device-width: @screen-xs-min) and (orientation: landscape) { + max-height: 200px; + } + } +} + + +// Both navbar header and collapse +// +// When a container is present, change the behavior of the header and collapse. + +.container, +.container-fluid { + > .navbar-header, + > .navbar-collapse { + margin-right: -@navbar-padding-horizontal; + margin-left: -@navbar-padding-horizontal; + + @media (min-width: @grid-float-breakpoint) { + margin-right: 0; + margin-left: 0; + } + } +} + + +// +// Navbar alignment options +// +// Display the navbar across the entirety of the page or fixed it to the top or +// bottom of the page. + +// Static top (unfixed, but 100% wide) navbar +.navbar-static-top { + z-index: @zindex-navbar; + border-width: 0 0 1px; + + @media (min-width: @grid-float-breakpoint) { + border-radius: 0; + } +} + +// Fix the top/bottom navbars when screen real estate supports it +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: @zindex-navbar-fixed; + + // Undo the rounded corners + @media (min-width: @grid-float-breakpoint) { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; // override .navbar defaults + border-width: 1px 0 0; +} + + +// Brand/project name + +.navbar-brand { + float: left; + padding: @navbar-padding-vertical @navbar-padding-horizontal; + font-size: @font-size-large; + line-height: @line-height-computed; + height: @navbar-height; + + &:hover, + &:focus { + text-decoration: none; + } + + > img { + display: block; + } + + @media (min-width: @grid-float-breakpoint) { + .navbar > .container &, + .navbar > .container-fluid & { + margin-left: -@navbar-padding-horizontal; + } + } +} + + +// Navbar toggle +// +// Custom button for toggling the `.navbar-collapse`, powered by the collapse +// JavaScript plugin. + +.navbar-toggle { + position: relative; + float: right; + margin-right: @navbar-padding-horizontal; + padding: 9px 10px; + .navbar-vertical-align(34px); + background-color: transparent; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid transparent; + border-radius: @border-radius-base; + + // We remove the `outline` here, but later compensate by attaching `:hover` + // styles to `:focus`. + &:focus { + outline: 0; + } + + // Bars + .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; + } + .icon-bar + .icon-bar { + margin-top: 4px; + } + + @media (min-width: @grid-float-breakpoint) { + display: none; + } +} + + +// Navbar nav links +// +// Builds on top of the `.nav` components with its own modifier class to make +// the nav the full height of the horizontal nav (above 768px). + +.navbar-nav { + margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal; + + > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: @line-height-computed; + } + + @media (max-width: @grid-float-breakpoint-max) { + // Dropdowns get custom display when collapsed + .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + > li > a, + .dropdown-header { + padding: 5px 15px 5px 25px; + } + > li > a { + line-height: @line-height-computed; + &:hover, + &:focus { + background-image: none; + } + } + } + } + + // Uncollapse the nav + @media (min-width: @grid-float-breakpoint) { + float: left; + margin: 0; + + > li { + float: left; + > a { + padding-top: @navbar-padding-vertical; + padding-bottom: @navbar-padding-vertical; + } + } + } +} + + +// Navbar form +// +// Extension of the `.form-inline` with some extra flavor for optimum display in +// our navbars. + +.navbar-form { + margin-left: -@navbar-padding-horizontal; + margin-right: -@navbar-padding-horizontal; + padding: 10px @navbar-padding-horizontal; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); + .box-shadow(@shadow); + + // Mixin behavior for optimum display + .form-inline(); + + .form-group { + @media (max-width: @grid-float-breakpoint-max) { + margin-bottom: 5px; + + &:last-child { + margin-bottom: 0; + } + } + } + + // Vertically center in expanded, horizontal navbar + .navbar-vertical-align(@input-height-base); + + // Undo 100% width for pull classes + @media (min-width: @grid-float-breakpoint) { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + .box-shadow(none); + } +} + + +// Dropdown menus + +// Menu position and menu carets +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + .border-top-radius(0); +} +// Menu position and menu caret support for dropups via extra dropup class +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + margin-bottom: 0; + .border-top-radius(@navbar-border-radius); + .border-bottom-radius(0); +} + + +// Buttons in navbars +// +// Vertically center a button within a navbar (when *not* in a form). + +.navbar-btn { + .navbar-vertical-align(@input-height-base); + + &.btn-sm { + .navbar-vertical-align(@input-height-small); + } + &.btn-xs { + .navbar-vertical-align(22); + } +} + + +// Text in navbars +// +// Add a class to make any element properly align itself vertically within the navbars. + +.navbar-text { + .navbar-vertical-align(@line-height-computed); + + @media (min-width: @grid-float-breakpoint) { + float: left; + margin-left: @navbar-padding-horizontal; + margin-right: @navbar-padding-horizontal; + } +} + + +// Component alignment +// +// Repurpose the pull utilities as their own navbar utilities to avoid specificity +// issues with parents and chaining. Only do this when the navbar is uncollapsed +// though so that navbar contents properly stack and align in mobile. +// +// Declared after the navbar components to ensure more specificity on the margins. + +@media (min-width: @grid-float-breakpoint) { + .navbar-left { .pull-left(); } + .navbar-right { + .pull-right(); + margin-right: -@navbar-padding-horizontal; + + ~ .navbar-right { + margin-right: 0; + } + } +} + + +// Alternate navbars +// -------------------------------------------------- + +// Default navbar +.navbar-default { + background-color: @navbar-default-bg; + border-color: @navbar-default-border; + + .navbar-brand { + color: @navbar-default-brand-color; + &:hover, + &:focus { + color: @navbar-default-brand-hover-color; + background-color: @navbar-default-brand-hover-bg; + } + } + + .navbar-text { + color: @navbar-default-color; + } + + .navbar-nav { + > li > a { + color: @navbar-default-link-color; + + &:hover, + &:focus { + color: @navbar-default-link-hover-color; + background-color: @navbar-default-link-hover-bg; + } + } + > .active > a { + &, + &:hover, + &:focus { + color: @navbar-default-link-active-color; + background-color: @navbar-default-link-active-bg; + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: @navbar-default-link-disabled-color; + background-color: @navbar-default-link-disabled-bg; + } + } + } + + .navbar-toggle { + border-color: @navbar-default-toggle-border-color; + &:hover, + &:focus { + background-color: @navbar-default-toggle-hover-bg; + } + .icon-bar { + background-color: @navbar-default-toggle-icon-bar-bg; + } + } + + .navbar-collapse, + .navbar-form { + border-color: @navbar-default-border; + } + + // Dropdown menu items + .navbar-nav { + // Remove background color from open dropdown + > .open > a { + &, + &:hover, + &:focus { + background-color: @navbar-default-link-active-bg; + color: @navbar-default-link-active-color; + } + } + + @media (max-width: @grid-float-breakpoint-max) { + // Dropdowns get custom display when collapsed + .open .dropdown-menu { + > li > a { + color: @navbar-default-link-color; + &:hover, + &:focus { + color: @navbar-default-link-hover-color; + background-color: @navbar-default-link-hover-bg; + } + } + > .active > a { + &, + &:hover, + &:focus { + color: @navbar-default-link-active-color; + background-color: @navbar-default-link-active-bg; + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: @navbar-default-link-disabled-color; + background-color: @navbar-default-link-disabled-bg; + } + } + } + } + } + + + // Links in navbars + // + // Add a class to ensure links outside the navbar nav are colored correctly. + + .navbar-link { + color: @navbar-default-link-color; + &:hover { + color: @navbar-default-link-hover-color; + } + } + + .btn-link { + color: @navbar-default-link-color; + &:hover, + &:focus { + color: @navbar-default-link-hover-color; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: @navbar-default-link-disabled-color; + } + } + } +} + +// Inverse navbar + +.navbar-inverse { + background-color: @navbar-inverse-bg; + border-color: @navbar-inverse-border; + + .navbar-brand { + color: @navbar-inverse-brand-color; + &:hover, + &:focus { + color: @navbar-inverse-brand-hover-color; + background-color: @navbar-inverse-brand-hover-bg; + } + } + + .navbar-text { + color: @navbar-inverse-color; + } + + .navbar-nav { + > li > a { + color: @navbar-inverse-link-color; + + &:hover, + &:focus { + color: @navbar-inverse-link-hover-color; + background-color: @navbar-inverse-link-hover-bg; + } + } + > .active > a { + &, + &:hover, + &:focus { + color: @navbar-inverse-link-active-color; + background-color: @navbar-inverse-link-active-bg; + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: @navbar-inverse-link-disabled-color; + background-color: @navbar-inverse-link-disabled-bg; + } + } + } + + // Darken the responsive nav toggle + .navbar-toggle { + border-color: @navbar-inverse-toggle-border-color; + &:hover, + &:focus { + background-color: @navbar-inverse-toggle-hover-bg; + } + .icon-bar { + background-color: @navbar-inverse-toggle-icon-bar-bg; + } + } + + .navbar-collapse, + .navbar-form { + border-color: darken(@navbar-inverse-bg, 7%); + } + + // Dropdowns + .navbar-nav { + > .open > a { + &, + &:hover, + &:focus { + background-color: @navbar-inverse-link-active-bg; + color: @navbar-inverse-link-active-color; + } + } + + @media (max-width: @grid-float-breakpoint-max) { + // Dropdowns get custom display + .open .dropdown-menu { + > .dropdown-header { + border-color: @navbar-inverse-border; + } + .divider { + background-color: @navbar-inverse-border; + } + > li > a { + color: @navbar-inverse-link-color; + &:hover, + &:focus { + color: @navbar-inverse-link-hover-color; + background-color: @navbar-inverse-link-hover-bg; + } + } + > .active > a { + &, + &:hover, + &:focus { + color: @navbar-inverse-link-active-color; + background-color: @navbar-inverse-link-active-bg; + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: @navbar-inverse-link-disabled-color; + background-color: @navbar-inverse-link-disabled-bg; + } + } + } + } + } + + .navbar-link { + color: @navbar-inverse-link-color; + &:hover { + color: @navbar-inverse-link-hover-color; + } + } + + .btn-link { + color: @navbar-inverse-link-color; + &:hover, + &:focus { + color: @navbar-inverse-link-hover-color; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: @navbar-inverse-link-disabled-color; + } + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/navs.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/navs.less new file mode 100644 index 0000000..a3d11b1 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/navs.less @@ -0,0 +1,242 @@ +// +// Navs +// -------------------------------------------------- + + +// Base class +// -------------------------------------------------- + +.nav { + margin-bottom: 0; + padding-left: 0; // Override default ul/ol + list-style: none; + &:extend(.clearfix all); + + > li { + position: relative; + display: block; + + > a { + position: relative; + display: block; + padding: @nav-link-padding; + &:hover, + &:focus { + text-decoration: none; + background-color: @nav-link-hover-bg; + } + } + + // Disabled state sets text to gray and nukes hover/tab effects + &.disabled > a { + color: @nav-disabled-link-color; + + &:hover, + &:focus { + color: @nav-disabled-link-hover-color; + text-decoration: none; + background-color: transparent; + cursor: @cursor-disabled; + } + } + } + + // Open dropdowns + .open > a { + &, + &:hover, + &:focus { + background-color: @nav-link-hover-bg; + border-color: @link-color; + } + } + + // Nav dividers (deprecated with v3.0.1) + // + // This should have been removed in v3 with the dropping of `.nav-list`, but + // we missed it. We don't currently support this anywhere, but in the interest + // of maintaining backward compatibility in case you use it, it's deprecated. + .nav-divider { + .nav-divider(); + } + + // Prevent IE8 from misplacing imgs + // + // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 + > li > a > img { + max-width: none; + } +} + + +// Tabs +// ------------------------- + +// Give the tabs something to sit on +.nav-tabs { + border-bottom: 1px solid @nav-tabs-border-color; + > li { + float: left; + // Make the list-items overlay the bottom border + margin-bottom: -1px; + + // Actual tabs (as links) + > a { + margin-right: 2px; + line-height: @line-height-base; + border: 1px solid transparent; + border-radius: @border-radius-base @border-radius-base 0 0; + &:hover { + border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color; + } + } + + // Active state, and its :hover to override normal :hover + &.active > a { + &, + &:hover, + &:focus { + color: @nav-tabs-active-link-hover-color; + background-color: @nav-tabs-active-link-hover-bg; + border: 1px solid @nav-tabs-active-link-hover-border-color; + border-bottom-color: transparent; + cursor: default; + } + } + } + // pulling this in mainly for less shorthand + &.nav-justified { + .nav-justified(); + .nav-tabs-justified(); + } +} + + +// Pills +// ------------------------- +.nav-pills { + > li { + float: left; + + // Links rendered as pills + > a { + border-radius: @nav-pills-border-radius; + } + + li { + margin-left: 2px; + } + + // Active state + &.active > a { + &, + &:hover, + &:focus { + color: @nav-pills-active-link-hover-color; + background-color: @nav-pills-active-link-hover-bg; + } + } + } +} + + +// Stacked pills +.nav-stacked { + > li { + float: none; + + li { + margin-top: 2px; + margin-left: 0; // no need for this gap between nav items + } + } +} + + +// Nav variations +// -------------------------------------------------- + +// Justified nav links +// ------------------------- + +.nav-justified { + width: 100%; + + > li { + float: none; + > a { + text-align: center; + margin-bottom: 5px; + } + } + + > .dropdown .dropdown-menu { + top: auto; + left: auto; + } + + @media (min-width: @screen-sm-min) { + > li { + display: table-cell; + width: 1%; + > a { + margin-bottom: 0; + } + } + } +} + +// Move borders to anchors instead of bottom of list +// +// Mixin for adding on top the shared `.nav-justified` styles for our tabs +.nav-tabs-justified { + border-bottom: 0; + + > li > a { + // Override margin from .nav-tabs + margin-right: 0; + border-radius: @border-radius-base; + } + + > .active > a, + > .active > a:hover, + > .active > a:focus { + border: 1px solid @nav-tabs-justified-link-border-color; + } + + @media (min-width: @screen-sm-min) { + > li > a { + border-bottom: 1px solid @nav-tabs-justified-link-border-color; + border-radius: @border-radius-base @border-radius-base 0 0; + } + > .active > a, + > .active > a:hover, + > .active > a:focus { + border-bottom-color: @nav-tabs-justified-active-link-border-color; + } + } +} + + +// Tabbable tabs +// ------------------------- + +// Hide tabbable panes to start, show them when `.active` +.tab-content { + > .tab-pane { + display: none; + } + > .active { + display: block; + } +} + + +// Dropdowns +// ------------------------- + +// Specific dropdowns +.nav-tabs .dropdown-menu { + // make dropdown border overlap tab border + margin-top: -1px; + // Remove the top rounded corners here since there is a hard edge above the menu + .border-top-radius(0); +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/normalize.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/normalize.less new file mode 100644 index 0000000..9dddf73 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/normalize.less @@ -0,0 +1,424 @@ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ + +// +// 1. Set default font family to sans-serif. +// 2. Prevent iOS and IE text size adjust after device orientation change, +// without disabling user zoom. +// + +html { + font-family: sans-serif; // 1 + -ms-text-size-adjust: 100%; // 2 + -webkit-text-size-adjust: 100%; // 2 +} + +// +// Remove default margin. +// + +body { + margin: 0; +} + +// HTML5 display definitions +// ========================================================================== + +// +// Correct `block` display not defined for any HTML5 element in IE 8/9. +// Correct `block` display not defined for `details` or `summary` in IE 10/11 +// and Firefox. +// Correct `block` display not defined for `main` in IE 11. +// + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +// +// 1. Correct `inline-block` display not defined in IE 8/9. +// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. +// + +audio, +canvas, +progress, +video { + display: inline-block; // 1 + vertical-align: baseline; // 2 +} + +// +// Prevent modern browsers from displaying `audio` without controls. +// Remove excess height in iOS 5 devices. +// + +audio:not([controls]) { + display: none; + height: 0; +} + +// +// Address `[hidden]` styling not present in IE 8/9/10. +// Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. +// + +[hidden], +template { + display: none; +} + +// Links +// ========================================================================== + +// +// Remove the gray background color from active links in IE 10. +// + +a { + background-color: transparent; +} + +// +// Improve readability of focused elements when they are also in an +// active/hover state. +// + +a:active, +a:hover { + outline: 0; +} + +// Text-level semantics +// ========================================================================== + +// +// Address styling not present in IE 8/9/10/11, Safari, and Chrome. +// + +abbr[title] { + border-bottom: 1px dotted; +} + +// +// Address style set to `bolder` in Firefox 4+, Safari, and Chrome. +// + +b, +strong { + font-weight: bold; +} + +// +// Address styling not present in Safari and Chrome. +// + +dfn { + font-style: italic; +} + +// +// Address variable `h1` font-size and margin within `section` and `article` +// contexts in Firefox 4+, Safari, and Chrome. +// + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +// +// Address styling not present in IE 8/9. +// + +mark { + background: #ff0; + color: #000; +} + +// +// Address inconsistent and variable font size in all browsers. +// + +small { + font-size: 80%; +} + +// +// Prevent `sub` and `sup` affecting `line-height` in all browsers. +// + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +// Embedded content +// ========================================================================== + +// +// Remove border when inside `a` element in IE 8/9/10. +// + +img { + border: 0; +} + +// +// Correct overflow not hidden in IE 9/10/11. +// + +svg:not(:root) { + overflow: hidden; +} + +// Grouping content +// ========================================================================== + +// +// Address margin not present in IE 8/9 and Safari. +// + +figure { + margin: 1em 40px; +} + +// +// Address differences between Firefox and other browsers. +// + +hr { + box-sizing: content-box; + height: 0; +} + +// +// Contain overflow in all browsers. +// + +pre { + overflow: auto; +} + +// +// Address odd `em`-unit font size rendering in all browsers. +// + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +// Forms +// ========================================================================== + +// +// Known limitation: by default, Chrome and Safari on OS X allow very limited +// styling of `select`, unless a `border` property is set. +// + +// +// 1. Correct color not being inherited. +// Known issue: affects color of disabled elements. +// 2. Correct font properties not being inherited. +// 3. Address margins set differently in Firefox 4+, Safari, and Chrome. +// + +button, +input, +optgroup, +select, +textarea { + color: inherit; // 1 + font: inherit; // 2 + margin: 0; // 3 +} + +// +// Address `overflow` set to `hidden` in IE 8/9/10/11. +// + +button { + overflow: visible; +} + +// +// Address inconsistent `text-transform` inheritance for `button` and `select`. +// All other form control elements do not inherit `text-transform` values. +// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. +// Correct `select` style inheritance in Firefox. +// + +button, +select { + text-transform: none; +} + +// +// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` +// and `video` controls. +// 2. Correct inability to style clickable `input` types in iOS. +// 3. Improve usability and consistency of cursor style between image-type +// `input` and others. +// + +button, +html input[type="button"], // 1 +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; // 2 + cursor: pointer; // 3 +} + +// +// Re-set default cursor for disabled elements. +// + +button[disabled], +html input[disabled] { + cursor: default; +} + +// +// Remove inner padding and border in Firefox 4+. +// + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +// +// Address Firefox 4+ setting `line-height` on `input` using `!important` in +// the UA stylesheet. +// + +input { + line-height: normal; +} + +// +// It's recommended that you don't attempt to style these elements. +// Firefox's implementation doesn't respect box-sizing, padding, or width. +// +// 1. Address box sizing set to `content-box` in IE 8/9/10. +// 2. Remove excess padding in IE 8/9/10. +// + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; // 1 + padding: 0; // 2 +} + +// +// Fix the cursor style for Chrome's increment/decrement buttons. For certain +// `font-size` values of the `input`, it causes the cursor style of the +// decrement button to change from `default` to `text`. +// + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +// +// 1. Address `appearance` set to `searchfield` in Safari and Chrome. +// 2. Address `box-sizing` set to `border-box` in Safari and Chrome. +// + +input[type="search"] { + -webkit-appearance: textfield; // 1 + box-sizing: content-box; //2 +} + +// +// Remove inner padding and search cancel button in Safari and Chrome on OS X. +// Safari (but not Chrome) clips the cancel button when the search input has +// padding (and `textfield` appearance). +// + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +// +// Define consistent border, margin, and padding. +// + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +// +// 1. Correct `color` not being inherited in IE 8/9/10/11. +// 2. Remove padding so people aren't caught out if they zero out fieldsets. +// + +legend { + border: 0; // 1 + padding: 0; // 2 +} + +// +// Remove default vertical scrollbar in IE 8/9/10/11. +// + +textarea { + overflow: auto; +} + +// +// Don't inherit the `font-weight` (applied by a rule above). +// NOTE: the default cannot safely be changed in Chrome and Safari on OS X. +// + +optgroup { + font-weight: bold; +} + +// Tables +// ========================================================================== + +// +// Remove most spacing between table cells. +// + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/pager.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/pager.less new file mode 100644 index 0000000..41abaaa --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/pager.less @@ -0,0 +1,54 @@ +// +// Pager pagination +// -------------------------------------------------- + + +.pager { + padding-left: 0; + margin: @line-height-computed 0; + list-style: none; + text-align: center; + &:extend(.clearfix all); + li { + display: inline; + > a, + > span { + display: inline-block; + padding: 5px 14px; + background-color: @pager-bg; + border: 1px solid @pager-border; + border-radius: @pager-border-radius; + } + + > a:hover, + > a:focus { + text-decoration: none; + background-color: @pager-hover-bg; + } + } + + .next { + > a, + > span { + float: right; + } + } + + .previous { + > a, + > span { + float: left; + } + } + + .disabled { + > a, + > a:hover, + > a:focus, + > span { + color: @pager-disabled-color; + background-color: @pager-bg; + cursor: @cursor-disabled; + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/pagination.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/pagination.less new file mode 100644 index 0000000..31f77aa --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/pagination.less @@ -0,0 +1,89 @@ +// +// Pagination (multiple pages) +// -------------------------------------------------- +.pagination { + display: inline-block; + padding-left: 0; + margin: @line-height-computed 0; + border-radius: @border-radius-base; + + > li { + display: inline; // Remove list-style and block-level defaults + > a, + > span { + position: relative; + float: left; // Collapse white-space + padding: @padding-base-vertical @padding-base-horizontal; + line-height: @line-height-base; + text-decoration: none; + color: @pagination-color; + background-color: @pagination-bg; + border: 1px solid @pagination-border; + margin-left: -1px; + } + &:first-child { + > a, + > span { + margin-left: 0; + .border-left-radius(@border-radius-base); + } + } + &:last-child { + > a, + > span { + .border-right-radius(@border-radius-base); + } + } + } + + > li > a, + > li > span { + &:hover, + &:focus { + z-index: 2; + color: @pagination-hover-color; + background-color: @pagination-hover-bg; + border-color: @pagination-hover-border; + } + } + + > .active > a, + > .active > span { + &, + &:hover, + &:focus { + z-index: 3; + color: @pagination-active-color; + background-color: @pagination-active-bg; + border-color: @pagination-active-border; + cursor: default; + } + } + + > .disabled { + > span, + > span:hover, + > span:focus, + > a, + > a:hover, + > a:focus { + color: @pagination-disabled-color; + background-color: @pagination-disabled-bg; + border-color: @pagination-disabled-border; + cursor: @cursor-disabled; + } + } +} + +// Sizing +// -------------------------------------------------- + +// Large +.pagination-lg { + .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large); +} + +// Small +.pagination-sm { + .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small); +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/panels.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/panels.less new file mode 100644 index 0000000..425eb5e --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/panels.less @@ -0,0 +1,271 @@ +// +// Panels +// -------------------------------------------------- + + +// Base class +.panel { + margin-bottom: @line-height-computed; + background-color: @panel-bg; + border: 1px solid transparent; + border-radius: @panel-border-radius; + .box-shadow(0 1px 1px rgba(0,0,0,.05)); +} + +// Panel contents +.panel-body { + padding: @panel-body-padding; + &:extend(.clearfix all); +} + +// Optional heading +.panel-heading { + padding: @panel-heading-padding; + border-bottom: 1px solid transparent; + .border-top-radius((@panel-border-radius - 1)); + + > .dropdown .dropdown-toggle { + color: inherit; + } +} + +// Within heading, strip any `h*` tag of its default margins for spacing. +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: ceil((@font-size-base * 1.125)); + color: inherit; + + > a, + > small, + > .small, + > small > a, + > .small > a { + color: inherit; + } +} + +// Optional footer (stays gray in every modifier class) +.panel-footer { + padding: @panel-footer-padding; + background-color: @panel-footer-bg; + border-top: 1px solid @panel-inner-border; + .border-bottom-radius((@panel-border-radius - 1)); +} + + +// List groups in panels +// +// By default, space out list group content from panel headings to account for +// any kind of custom content between the two. + +.panel { + > .list-group, + > .panel-collapse > .list-group { + margin-bottom: 0; + + .list-group-item { + border-width: 1px 0; + border-radius: 0; + } + + // Add border top radius for first one + &:first-child { + .list-group-item:first-child { + border-top: 0; + .border-top-radius((@panel-border-radius - 1)); + } + } + + // Add border bottom radius for last one + &:last-child { + .list-group-item:last-child { + border-bottom: 0; + .border-bottom-radius((@panel-border-radius - 1)); + } + } + } + > .panel-heading + .panel-collapse > .list-group { + .list-group-item:first-child { + .border-top-radius(0); + } + } +} +// Collapse space between when there's no additional content. +.panel-heading + .list-group { + .list-group-item:first-child { + border-top-width: 0; + } +} +.list-group + .panel-footer { + border-top-width: 0; +} + +// Tables in panels +// +// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and +// watch it go full width. + +.panel { + > .table, + > .table-responsive > .table, + > .panel-collapse > .table { + margin-bottom: 0; + + caption { + padding-left: @panel-body-padding; + padding-right: @panel-body-padding; + } + } + // Add border top radius for first one + > .table:first-child, + > .table-responsive:first-child > .table:first-child { + .border-top-radius((@panel-border-radius - 1)); + + > thead:first-child, + > tbody:first-child { + > tr:first-child { + border-top-left-radius: (@panel-border-radius - 1); + border-top-right-radius: (@panel-border-radius - 1); + + td:first-child, + th:first-child { + border-top-left-radius: (@panel-border-radius - 1); + } + td:last-child, + th:last-child { + border-top-right-radius: (@panel-border-radius - 1); + } + } + } + } + // Add border bottom radius for last one + > .table:last-child, + > .table-responsive:last-child > .table:last-child { + .border-bottom-radius((@panel-border-radius - 1)); + + > tbody:last-child, + > tfoot:last-child { + > tr:last-child { + border-bottom-left-radius: (@panel-border-radius - 1); + border-bottom-right-radius: (@panel-border-radius - 1); + + td:first-child, + th:first-child { + border-bottom-left-radius: (@panel-border-radius - 1); + } + td:last-child, + th:last-child { + border-bottom-right-radius: (@panel-border-radius - 1); + } + } + } + } + > .panel-body + .table, + > .panel-body + .table-responsive, + > .table + .panel-body, + > .table-responsive + .panel-body { + border-top: 1px solid @table-border-color; + } + > .table > tbody:first-child > tr:first-child th, + > .table > tbody:first-child > tr:first-child td { + border-top: 0; + } + > .table-bordered, + > .table-responsive > .table-bordered { + border: 0; + > thead, + > tbody, + > tfoot { + > tr { + > th:first-child, + > td:first-child { + border-left: 0; + } + > th:last-child, + > td:last-child { + border-right: 0; + } + } + } + > thead, + > tbody { + > tr:first-child { + > td, + > th { + border-bottom: 0; + } + } + } + > tbody, + > tfoot { + > tr:last-child { + > td, + > th { + border-bottom: 0; + } + } + } + } + > .table-responsive { + border: 0; + margin-bottom: 0; + } +} + + +// Collapsable panels (aka, accordion) +// +// Wrap a series of panels in `.panel-group` to turn them into an accordion with +// the help of our collapse JavaScript plugin. + +.panel-group { + margin-bottom: @line-height-computed; + + // Tighten up margin so it's only between panels + .panel { + margin-bottom: 0; + border-radius: @panel-border-radius; + + + .panel { + margin-top: 5px; + } + } + + .panel-heading { + border-bottom: 0; + + + .panel-collapse > .panel-body, + + .panel-collapse > .list-group { + border-top: 1px solid @panel-inner-border; + } + } + + .panel-footer { + border-top: 0; + + .panel-collapse .panel-body { + border-bottom: 1px solid @panel-inner-border; + } + } +} + + +// Contextual variations +.panel-default { + .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border); +} +.panel-primary { + .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border); +} +.panel-success { + .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border); +} +.panel-info { + .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border); +} +.panel-warning { + .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border); +} +.panel-danger { + .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border); +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/popovers.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/popovers.less new file mode 100644 index 0000000..3a62a64 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/popovers.less @@ -0,0 +1,131 @@ +// +// Popovers +// -------------------------------------------------- + + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: @zindex-popover; + display: none; + max-width: @popover-max-width; + padding: 1px; + // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element. + // So reset our font and text properties to avoid inheriting weird values. + .reset-text(); + font-size: @font-size-base; + + background-color: @popover-bg; + background-clip: padding-box; + border: 1px solid @popover-fallback-border-color; + border: 1px solid @popover-border-color; + border-radius: @border-radius-large; + .box-shadow(0 5px 10px rgba(0,0,0,.2)); + + // Offset the popover to account for the popover arrow + &.top { margin-top: -@popover-arrow-width; } + &.right { margin-left: @popover-arrow-width; } + &.bottom { margin-top: @popover-arrow-width; } + &.left { margin-left: -@popover-arrow-width; } +} + +.popover-title { + margin: 0; // reset heading margin + padding: 8px 14px; + font-size: @font-size-base; + background-color: @popover-title-bg; + border-bottom: 1px solid darken(@popover-title-bg, 5%); + border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0; +} + +.popover-content { + padding: 9px 14px; +} + +// Arrows +// +// .arrow is outer, .arrow:after is inner + +.popover > .arrow { + &, + &:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + } +} +.popover > .arrow { + border-width: @popover-arrow-outer-width; +} +.popover > .arrow:after { + border-width: @popover-arrow-width; + content: ""; +} + +.popover { + &.top > .arrow { + left: 50%; + margin-left: -@popover-arrow-outer-width; + border-bottom-width: 0; + border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback + border-top-color: @popover-arrow-outer-color; + bottom: -@popover-arrow-outer-width; + &:after { + content: " "; + bottom: 1px; + margin-left: -@popover-arrow-width; + border-bottom-width: 0; + border-top-color: @popover-arrow-color; + } + } + &.right > .arrow { + top: 50%; + left: -@popover-arrow-outer-width; + margin-top: -@popover-arrow-outer-width; + border-left-width: 0; + border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback + border-right-color: @popover-arrow-outer-color; + &:after { + content: " "; + left: 1px; + bottom: -@popover-arrow-width; + border-left-width: 0; + border-right-color: @popover-arrow-color; + } + } + &.bottom > .arrow { + left: 50%; + margin-left: -@popover-arrow-outer-width; + border-top-width: 0; + border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback + border-bottom-color: @popover-arrow-outer-color; + top: -@popover-arrow-outer-width; + &:after { + content: " "; + top: 1px; + margin-left: -@popover-arrow-width; + border-top-width: 0; + border-bottom-color: @popover-arrow-color; + } + } + + &.left > .arrow { + top: 50%; + right: -@popover-arrow-outer-width; + margin-top: -@popover-arrow-outer-width; + border-right-width: 0; + border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback + border-left-color: @popover-arrow-outer-color; + &:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: @popover-arrow-color; + bottom: -@popover-arrow-width; + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/print.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/print.less new file mode 100644 index 0000000..66e54ab --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/print.less @@ -0,0 +1,101 @@ +/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ + +// ========================================================================== +// Print styles. +// Inlined to avoid the additional HTTP request: h5bp.com/r +// ========================================================================== + +@media print { + *, + *:before, + *:after { + background: transparent !important; + color: #000 !important; // Black prints faster: h5bp.com/s + box-shadow: none !important; + text-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + // Don't show links that are fragment identifiers, + // or use the `javascript:` pseudo protocol + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; // h5bp.com/t + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } + + // Bootstrap specific changes start + + // Bootstrap components + .navbar { + display: none; + } + .btn, + .dropup > .btn { + > .caret { + border-top-color: #000 !important; + } + } + .label { + border: 1px solid #000; + } + + .table { + border-collapse: collapse !important; + + td, + th { + background-color: #fff !important; + } + } + .table-bordered { + th, + td { + border: 1px solid #ddd !important; + } + } + + // Bootstrap specific changes end +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/progress-bars.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/progress-bars.less new file mode 100644 index 0000000..8868a1f --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/progress-bars.less @@ -0,0 +1,87 @@ +// +// Progress bars +// -------------------------------------------------- + + +// Bar animations +// ------------------------- + +// WebKit +@-webkit-keyframes progress-bar-stripes { + from { background-position: 40px 0; } + to { background-position: 0 0; } +} + +// Spec and IE10+ +@keyframes progress-bar-stripes { + from { background-position: 40px 0; } + to { background-position: 0 0; } +} + + +// Bar itself +// ------------------------- + +// Outer container +.progress { + overflow: hidden; + height: @line-height-computed; + margin-bottom: @line-height-computed; + background-color: @progress-bg; + border-radius: @progress-border-radius; + .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); +} + +// Bar of progress +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: @font-size-small; + line-height: @line-height-computed; + color: @progress-bar-color; + text-align: center; + background-color: @progress-bar-bg; + .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); + .transition(width .6s ease); +} + +// Striped bars +// +// `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the +// `.progress-bar-striped` class, which you just add to an existing +// `.progress-bar`. +.progress-striped .progress-bar, +.progress-bar-striped { + #gradient > .striped(); + background-size: 40px 40px; +} + +// Call animation for the active one +// +// `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the +// `.progress-bar.active` approach. +.progress.active .progress-bar, +.progress-bar.active { + .animation(progress-bar-stripes 2s linear infinite); +} + + +// Variations +// ------------------------- + +.progress-bar-success { + .progress-bar-variant(@progress-bar-success-bg); +} + +.progress-bar-info { + .progress-bar-variant(@progress-bar-info-bg); +} + +.progress-bar-warning { + .progress-bar-variant(@progress-bar-warning-bg); +} + +.progress-bar-danger { + .progress-bar-variant(@progress-bar-danger-bg); +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/responsive-embed.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/responsive-embed.less new file mode 100644 index 0000000..080a511 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/responsive-embed.less @@ -0,0 +1,35 @@ +// Embeds responsive +// +// Credit: Nicolas Gallagher and SUIT CSS. + +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden; + + .embed-responsive-item, + iframe, + embed, + object, + video { + position: absolute; + top: 0; + left: 0; + bottom: 0; + height: 100%; + width: 100%; + border: 0; + } +} + +// Modifier class for 16:9 aspect ratio +.embed-responsive-16by9 { + padding-bottom: 56.25%; +} + +// Modifier class for 4:3 aspect ratio +.embed-responsive-4by3 { + padding-bottom: 75%; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/responsive-utilities.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/responsive-utilities.less new file mode 100644 index 0000000..b1db31d --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/responsive-utilities.less @@ -0,0 +1,194 @@ +// +// Responsive: Utility classes +// -------------------------------------------------- + + +// IE10 in Windows (Phone) 8 +// +// Support for responsive views via media queries is kind of borked in IE10, for +// Surface/desktop in split view and for Windows Phone 8. This particular fix +// must be accompanied by a snippet of JavaScript to sniff the user agent and +// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at +// our Getting Started page for more information on this bug. +// +// For more information, see the following: +// +// Issue: https://github.com/twbs/bootstrap/issues/10497 +// Docs: http://getbootstrap.com/getting-started/#support-ie10-width +// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ +// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ + +@-ms-viewport { + width: device-width; +} + + +// Visibility utilities +// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0 +.visible-xs, +.visible-sm, +.visible-md, +.visible-lg { + .responsive-invisibility(); +} + +.visible-xs-block, +.visible-xs-inline, +.visible-xs-inline-block, +.visible-sm-block, +.visible-sm-inline, +.visible-sm-inline-block, +.visible-md-block, +.visible-md-inline, +.visible-md-inline-block, +.visible-lg-block, +.visible-lg-inline, +.visible-lg-inline-block { + display: none !important; +} + +.visible-xs { + @media (max-width: @screen-xs-max) { + .responsive-visibility(); + } +} +.visible-xs-block { + @media (max-width: @screen-xs-max) { + display: block !important; + } +} +.visible-xs-inline { + @media (max-width: @screen-xs-max) { + display: inline !important; + } +} +.visible-xs-inline-block { + @media (max-width: @screen-xs-max) { + display: inline-block !important; + } +} + +.visible-sm { + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { + .responsive-visibility(); + } +} +.visible-sm-block { + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { + display: block !important; + } +} +.visible-sm-inline { + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { + display: inline !important; + } +} +.visible-sm-inline-block { + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { + display: inline-block !important; + } +} + +.visible-md { + @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { + .responsive-visibility(); + } +} +.visible-md-block { + @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { + display: block !important; + } +} +.visible-md-inline { + @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { + display: inline !important; + } +} +.visible-md-inline-block { + @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { + display: inline-block !important; + } +} + +.visible-lg { + @media (min-width: @screen-lg-min) { + .responsive-visibility(); + } +} +.visible-lg-block { + @media (min-width: @screen-lg-min) { + display: block !important; + } +} +.visible-lg-inline { + @media (min-width: @screen-lg-min) { + display: inline !important; + } +} +.visible-lg-inline-block { + @media (min-width: @screen-lg-min) { + display: inline-block !important; + } +} + +.hidden-xs { + @media (max-width: @screen-xs-max) { + .responsive-invisibility(); + } +} +.hidden-sm { + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { + .responsive-invisibility(); + } +} +.hidden-md { + @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { + .responsive-invisibility(); + } +} +.hidden-lg { + @media (min-width: @screen-lg-min) { + .responsive-invisibility(); + } +} + + +// Print utilities +// +// Media queries are placed on the inside to be mixin-friendly. + +// Note: Deprecated .visible-print as of v3.2.0 +.visible-print { + .responsive-invisibility(); + + @media print { + .responsive-visibility(); + } +} +.visible-print-block { + display: none !important; + + @media print { + display: block !important; + } +} +.visible-print-inline { + display: none !important; + + @media print { + display: inline !important; + } +} +.visible-print-inline-block { + display: none !important; + + @media print { + display: inline-block !important; + } +} + +.hidden-print { + @media print { + .responsive-invisibility(); + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/scaffolding.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/scaffolding.less new file mode 100644 index 0000000..1929bfc --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/scaffolding.less @@ -0,0 +1,161 @@ +// +// Scaffolding +// -------------------------------------------------- + + +// Reset the box-sizing +// +// Heads up! This reset may cause conflicts with some third-party widgets. +// For recommendations on resolving such conflicts, see +// http://getbootstrap.com/getting-started/#third-box-sizing +* { + .box-sizing(border-box); +} +*:before, +*:after { + .box-sizing(border-box); +} + + +// Body reset + +html { + font-size: 10px; + -webkit-tap-highlight-color: rgba(0,0,0,0); +} + +body { + font-family: @font-family-base; + font-size: @font-size-base; + line-height: @line-height-base; + color: @text-color; + background-color: @body-bg; +} + +// Reset fonts for relevant elements +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + + +// Links + +a { + color: @link-color; + text-decoration: none; + + &:hover, + &:focus { + color: @link-hover-color; + text-decoration: @link-hover-decoration; + } + + &:focus { + .tab-focus(); + } +} + + +// Figures +// +// We reset this here because previously Normalize had no `figure` margins. This +// ensures we don't break anyone's use of the element. + +figure { + margin: 0; +} + + +// Images + +img { + vertical-align: middle; +} + +// Responsive images (ensure images don't scale beyond their parents) +.img-responsive { + .img-responsive(); +} + +// Rounded corners +.img-rounded { + border-radius: @border-radius-large; +} + +// Image thumbnails +// +// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`. +.img-thumbnail { + padding: @thumbnail-padding; + line-height: @line-height-base; + background-color: @thumbnail-bg; + border: 1px solid @thumbnail-border; + border-radius: @thumbnail-border-radius; + .transition(all .2s ease-in-out); + + // Keep them at most 100% wide + .img-responsive(inline-block); +} + +// Perfect circle +.img-circle { + border-radius: 50%; // set radius in percents +} + + +// Horizontal rules + +hr { + margin-top: @line-height-computed; + margin-bottom: @line-height-computed; + border: 0; + border-top: 1px solid @hr-border; +} + + +// Only display content to screen readers +// +// See: http://a11yproject.com/posts/how-to-hide-content/ + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} + +// Use in conjunction with .sr-only to only display content when it's focused. +// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 +// Credit: HTML5 Boilerplate + +.sr-only-focusable { + &:active, + &:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; + } +} + + +// iOS "clickable elements" fix for role="button" +// +// Fixes "clickability" issue (and more generally, the firing of events such as focus as well) +// for traditionally non-focusable elements with role="button" +// see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile + +[role="button"] { + cursor: pointer; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/tables.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/tables.less new file mode 100644 index 0000000..2242c03 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/tables.less @@ -0,0 +1,234 @@ +// +// Tables +// -------------------------------------------------- + + +table { + background-color: @table-bg; +} +caption { + padding-top: @table-cell-padding; + padding-bottom: @table-cell-padding; + color: @text-muted; + text-align: left; +} +th { + text-align: left; +} + + +// Baseline styles + +.table { + width: 100%; + max-width: 100%; + margin-bottom: @line-height-computed; + // Cells + > thead, + > tbody, + > tfoot { + > tr { + > th, + > td { + padding: @table-cell-padding; + line-height: @line-height-base; + vertical-align: top; + border-top: 1px solid @table-border-color; + } + } + } + // Bottom align for column headings + > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid @table-border-color; + } + // Remove top border from thead by default + > caption + thead, + > colgroup + thead, + > thead:first-child { + > tr:first-child { + > th, + > td { + border-top: 0; + } + } + } + // Account for multiple tbody instances + > tbody + tbody { + border-top: 2px solid @table-border-color; + } + + // Nesting + .table { + background-color: @body-bg; + } +} + + +// Condensed table w/ half padding + +.table-condensed { + > thead, + > tbody, + > tfoot { + > tr { + > th, + > td { + padding: @table-condensed-cell-padding; + } + } + } +} + + +// Bordered version +// +// Add borders all around the table and between all the columns. + +.table-bordered { + border: 1px solid @table-border-color; + > thead, + > tbody, + > tfoot { + > tr { + > th, + > td { + border: 1px solid @table-border-color; + } + } + } + > thead > tr { + > th, + > td { + border-bottom-width: 2px; + } + } +} + + +// Zebra-striping +// +// Default zebra-stripe styles (alternating gray and transparent backgrounds) + +.table-striped { + > tbody > tr:nth-of-type(odd) { + background-color: @table-bg-accent; + } +} + + +// Hover effect +// +// Placed here since it has to come after the potential zebra striping + +.table-hover { + > tbody > tr:hover { + background-color: @table-bg-hover; + } +} + + +// Table cell sizing +// +// Reset default table behavior + +table col[class*="col-"] { + position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623) + float: none; + display: table-column; +} +table { + td, + th { + &[class*="col-"] { + position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623) + float: none; + display: table-cell; + } + } +} + + +// Table backgrounds +// +// Exact selectors below required to override `.table-striped` and prevent +// inheritance to nested tables. + +// Generate the contextual variants +.table-row-variant(active; @table-bg-active); +.table-row-variant(success; @state-success-bg); +.table-row-variant(info; @state-info-bg); +.table-row-variant(warning; @state-warning-bg); +.table-row-variant(danger; @state-danger-bg); + + +// Responsive tables +// +// Wrap your tables in `.table-responsive` and we'll make them mobile friendly +// by enabling horizontal scrolling. Only applies <768px. Everything above that +// will display normally. + +.table-responsive { + overflow-x: auto; + min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837) + + @media screen and (max-width: @screen-xs-max) { + width: 100%; + margin-bottom: (@line-height-computed * 0.75); + overflow-y: hidden; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid @table-border-color; + + // Tighten up spacing + > .table { + margin-bottom: 0; + + // Ensure the content doesn't wrap + > thead, + > tbody, + > tfoot { + > tr { + > th, + > td { + white-space: nowrap; + } + } + } + } + + // Special overrides for the bordered tables + > .table-bordered { + border: 0; + + // Nuke the appropriate borders so that the parent can handle them + > thead, + > tbody, + > tfoot { + > tr { + > th:first-child, + > td:first-child { + border-left: 0; + } + > th:last-child, + > td:last-child { + border-right: 0; + } + } + } + + // Only nuke the last row's bottom-border in `tbody` and `tfoot` since + // chances are there will be only one `tr` in a `thead` and that would + // remove the border altogether. + > tbody, + > tfoot { + > tr:last-child { + > th, + > td { + border-bottom: 0; + } + } + } + + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/theme.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/theme.less new file mode 100644 index 0000000..8371872 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/theme.less @@ -0,0 +1,291 @@ +/*! + * Bootstrap v3.3.5 (http://getbootstrap.com) + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +// +// Load core variables and mixins +// -------------------------------------------------- + +@import "variables.less"; +@import "mixins.less"; + + +// +// Buttons +// -------------------------------------------------- + +// Common styles +.btn-default, +.btn-primary, +.btn-success, +.btn-info, +.btn-warning, +.btn-danger { + text-shadow: 0 -1px 0 rgba(0,0,0,.2); + @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); + .box-shadow(@shadow); + + // Reset the shadow + &:active, + &.active { + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } + + &.disabled, + &[disabled], + fieldset[disabled] & { + .box-shadow(none); + } + + .badge { + text-shadow: none; + } +} + +// Mixin for generating new styles +.btn-styles(@btn-color: #555) { + #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 12%)); + .reset-filter(); // Disable gradients for IE9 because filter bleeds through rounded corners; see https://github.com/twbs/bootstrap/issues/10620 + background-repeat: repeat-x; + border-color: darken(@btn-color, 14%); + + &:hover, + &:focus { + background-color: darken(@btn-color, 12%); + background-position: 0 -15px; + } + + &:active, + &.active { + background-color: darken(@btn-color, 12%); + border-color: darken(@btn-color, 14%); + } + + &.disabled, + &[disabled], + fieldset[disabled] & { + &, + &:hover, + &:focus, + &.focus, + &:active, + &.active { + background-color: darken(@btn-color, 12%); + background-image: none; + } + } +} + +// Common styles +.btn { + // Remove the gradient for the pressed/active state + &:active, + &.active { + background-image: none; + } +} + +// Apply the mixin to the buttons +.btn-default { .btn-styles(@btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; } +.btn-primary { .btn-styles(@btn-primary-bg); } +.btn-success { .btn-styles(@btn-success-bg); } +.btn-info { .btn-styles(@btn-info-bg); } +.btn-warning { .btn-styles(@btn-warning-bg); } +.btn-danger { .btn-styles(@btn-danger-bg); } + + +// +// Images +// -------------------------------------------------- + +.thumbnail, +.img-thumbnail { + .box-shadow(0 1px 2px rgba(0,0,0,.075)); +} + + +// +// Dropdowns +// -------------------------------------------------- + +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%)); + background-color: darken(@dropdown-link-hover-bg, 5%); +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%)); + background-color: darken(@dropdown-link-active-bg, 5%); +} + + +// +// Navbar +// -------------------------------------------------- + +// Default navbar +.navbar-default { + #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg); + .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered + border-radius: @navbar-border-radius; + @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075); + .box-shadow(@shadow); + + .navbar-nav > .open > a, + .navbar-nav > .active > a { + #gradient > .vertical(@start-color: darken(@navbar-default-link-active-bg, 5%); @end-color: darken(@navbar-default-link-active-bg, 2%)); + .box-shadow(inset 0 3px 9px rgba(0,0,0,.075)); + } +} +.navbar-brand, +.navbar-nav > li > a { + text-shadow: 0 1px 0 rgba(255,255,255,.25); +} + +// Inverted navbar +.navbar-inverse { + #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg); + .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered; see https://github.com/twbs/bootstrap/issues/10257 + border-radius: @navbar-border-radius; + .navbar-nav > .open > a, + .navbar-nav > .active > a { + #gradient > .vertical(@start-color: @navbar-inverse-link-active-bg; @end-color: lighten(@navbar-inverse-link-active-bg, 2.5%)); + .box-shadow(inset 0 3px 9px rgba(0,0,0,.25)); + } + + .navbar-brand, + .navbar-nav > li > a { + text-shadow: 0 -1px 0 rgba(0,0,0,.25); + } +} + +// Undo rounded corners in static and fixed navbars +.navbar-static-top, +.navbar-fixed-top, +.navbar-fixed-bottom { + border-radius: 0; +} + +// Fix active state of dropdown items in collapsed mode +@media (max-width: @grid-float-breakpoint-max) { + .navbar .navbar-nav .open .dropdown-menu > .active > a { + &, + &:hover, + &:focus { + color: #fff; + #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%)); + } + } +} + + +// +// Alerts +// -------------------------------------------------- + +// Common styles +.alert { + text-shadow: 0 1px 0 rgba(255,255,255,.2); + @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05); + .box-shadow(@shadow); +} + +// Mixin for generating new styles +.alert-styles(@color) { + #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%)); + border-color: darken(@color, 15%); +} + +// Apply the mixin to the alerts +.alert-success { .alert-styles(@alert-success-bg); } +.alert-info { .alert-styles(@alert-info-bg); } +.alert-warning { .alert-styles(@alert-warning-bg); } +.alert-danger { .alert-styles(@alert-danger-bg); } + + +// +// Progress bars +// -------------------------------------------------- + +// Give the progress background some depth +.progress { + #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg) +} + +// Mixin for generating new styles +.progress-bar-styles(@color) { + #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%)); +} + +// Apply the mixin to the progress bars +.progress-bar { .progress-bar-styles(@progress-bar-bg); } +.progress-bar-success { .progress-bar-styles(@progress-bar-success-bg); } +.progress-bar-info { .progress-bar-styles(@progress-bar-info-bg); } +.progress-bar-warning { .progress-bar-styles(@progress-bar-warning-bg); } +.progress-bar-danger { .progress-bar-styles(@progress-bar-danger-bg); } + +// Reset the striped class because our mixins don't do multiple gradients and +// the above custom styles override the new `.progress-bar-striped` in v3.2.0. +.progress-bar-striped { + #gradient > .striped(); +} + + +// +// List groups +// -------------------------------------------------- + +.list-group { + border-radius: @border-radius-base; + .box-shadow(0 1px 2px rgba(0,0,0,.075)); +} +.list-group-item.active, +.list-group-item.active:hover, +.list-group-item.active:focus { + text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%); + #gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%)); + border-color: darken(@list-group-active-border, 7.5%); + + .badge { + text-shadow: none; + } +} + + +// +// Panels +// -------------------------------------------------- + +// Common styles +.panel { + .box-shadow(0 1px 2px rgba(0,0,0,.05)); +} + +// Mixin for generating new styles +.panel-heading-styles(@color) { + #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%)); +} + +// Apply the mixin to the panel headings only +.panel-default > .panel-heading { .panel-heading-styles(@panel-default-heading-bg); } +.panel-primary > .panel-heading { .panel-heading-styles(@panel-primary-heading-bg); } +.panel-success > .panel-heading { .panel-heading-styles(@panel-success-heading-bg); } +.panel-info > .panel-heading { .panel-heading-styles(@panel-info-heading-bg); } +.panel-warning > .panel-heading { .panel-heading-styles(@panel-warning-heading-bg); } +.panel-danger > .panel-heading { .panel-heading-styles(@panel-danger-heading-bg); } + + +// +// Wells +// -------------------------------------------------- + +.well { + #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg); + border-color: darken(@well-bg, 10%); + @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); + .box-shadow(@shadow); +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/thumbnails.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/thumbnails.less new file mode 100644 index 0000000..0713e67 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/thumbnails.less @@ -0,0 +1,36 @@ +// +// Thumbnails +// -------------------------------------------------- + + +// Mixin and adjust the regular image class +.thumbnail { + display: block; + padding: @thumbnail-padding; + margin-bottom: @line-height-computed; + line-height: @line-height-base; + background-color: @thumbnail-bg; + border: 1px solid @thumbnail-border; + border-radius: @thumbnail-border-radius; + .transition(border .2s ease-in-out); + + > img, + a > img { + &:extend(.img-responsive); + margin-left: auto; + margin-right: auto; + } + + // Add a hover state for linked versions only + a&:hover, + a&:focus, + a&.active { + border-color: @link-color; + } + + // Image captions + .caption { + padding: @thumbnail-caption-padding; + color: @thumbnail-caption-color; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/tooltip.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/tooltip.less new file mode 100644 index 0000000..b48d63e --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/tooltip.less @@ -0,0 +1,101 @@ +// +// Tooltips +// -------------------------------------------------- + + +// Base class +.tooltip { + position: absolute; + z-index: @zindex-tooltip; + display: block; + // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element. + // So reset our font and text properties to avoid inheriting weird values. + .reset-text(); + font-size: @font-size-small; + + .opacity(0); + + &.in { .opacity(@tooltip-opacity); } + &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; } + &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; } + &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; } + &.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; } +} + +// Wrapper for the tooltip content +.tooltip-inner { + max-width: @tooltip-max-width; + padding: 3px 8px; + color: @tooltip-color; + text-align: center; + background-color: @tooltip-bg; + border-radius: @border-radius-base; +} + +// Arrows +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +// Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1 +.tooltip { + &.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -@tooltip-arrow-width; + border-width: @tooltip-arrow-width @tooltip-arrow-width 0; + border-top-color: @tooltip-arrow-color; + } + &.top-left .tooltip-arrow { + bottom: 0; + right: @tooltip-arrow-width; + margin-bottom: -@tooltip-arrow-width; + border-width: @tooltip-arrow-width @tooltip-arrow-width 0; + border-top-color: @tooltip-arrow-color; + } + &.top-right .tooltip-arrow { + bottom: 0; + left: @tooltip-arrow-width; + margin-bottom: -@tooltip-arrow-width; + border-width: @tooltip-arrow-width @tooltip-arrow-width 0; + border-top-color: @tooltip-arrow-color; + } + &.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -@tooltip-arrow-width; + border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0; + border-right-color: @tooltip-arrow-color; + } + &.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -@tooltip-arrow-width; + border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width; + border-left-color: @tooltip-arrow-color; + } + &.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -@tooltip-arrow-width; + border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; + border-bottom-color: @tooltip-arrow-color; + } + &.bottom-left .tooltip-arrow { + top: 0; + right: @tooltip-arrow-width; + margin-top: -@tooltip-arrow-width; + border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; + border-bottom-color: @tooltip-arrow-color; + } + &.bottom-right .tooltip-arrow { + top: 0; + left: @tooltip-arrow-width; + margin-top: -@tooltip-arrow-width; + border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; + border-bottom-color: @tooltip-arrow-color; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/type.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/type.less new file mode 100644 index 0000000..0d4fee4 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/type.less @@ -0,0 +1,302 @@ +// +// Typography +// -------------------------------------------------- + + +// Headings +// ------------------------- + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + font-family: @headings-font-family; + font-weight: @headings-font-weight; + line-height: @headings-line-height; + color: @headings-color; + + small, + .small { + font-weight: normal; + line-height: 1; + color: @headings-small-color; + } +} + +h1, .h1, +h2, .h2, +h3, .h3 { + margin-top: @line-height-computed; + margin-bottom: (@line-height-computed / 2); + + small, + .small { + font-size: 65%; + } +} +h4, .h4, +h5, .h5, +h6, .h6 { + margin-top: (@line-height-computed / 2); + margin-bottom: (@line-height-computed / 2); + + small, + .small { + font-size: 75%; + } +} + +h1, .h1 { font-size: @font-size-h1; } +h2, .h2 { font-size: @font-size-h2; } +h3, .h3 { font-size: @font-size-h3; } +h4, .h4 { font-size: @font-size-h4; } +h5, .h5 { font-size: @font-size-h5; } +h6, .h6 { font-size: @font-size-h6; } + + +// Body text +// ------------------------- + +p { + margin: 0 0 (@line-height-computed / 2); +} + +.lead { + margin-bottom: @line-height-computed; + font-size: floor((@font-size-base * 1.15)); + font-weight: 300; + line-height: 1.4; + + @media (min-width: @screen-sm-min) { + font-size: (@font-size-base * 1.5); + } +} + + +// Emphasis & misc +// ------------------------- + +// Ex: (12px small font / 14px base font) * 100% = about 85% +small, +.small { + font-size: floor((100% * @font-size-small / @font-size-base)); +} + +mark, +.mark { + background-color: @state-warning-bg; + padding: .2em; +} + +// Alignment +.text-left { text-align: left; } +.text-right { text-align: right; } +.text-center { text-align: center; } +.text-justify { text-align: justify; } +.text-nowrap { white-space: nowrap; } + +// Transformation +.text-lowercase { text-transform: lowercase; } +.text-uppercase { text-transform: uppercase; } +.text-capitalize { text-transform: capitalize; } + +// Contextual colors +.text-muted { + color: @text-muted; +} +.text-primary { + .text-emphasis-variant(@brand-primary); +} +.text-success { + .text-emphasis-variant(@state-success-text); +} +.text-info { + .text-emphasis-variant(@state-info-text); +} +.text-warning { + .text-emphasis-variant(@state-warning-text); +} +.text-danger { + .text-emphasis-variant(@state-danger-text); +} + +// Contextual backgrounds +// For now we'll leave these alongside the text classes until v4 when we can +// safely shift things around (per SemVer rules). +.bg-primary { + // Given the contrast here, this is the only class to have its color inverted + // automatically. + color: #fff; + .bg-variant(@brand-primary); +} +.bg-success { + .bg-variant(@state-success-bg); +} +.bg-info { + .bg-variant(@state-info-bg); +} +.bg-warning { + .bg-variant(@state-warning-bg); +} +.bg-danger { + .bg-variant(@state-danger-bg); +} + + +// Page header +// ------------------------- + +.page-header { + padding-bottom: ((@line-height-computed / 2) - 1); + margin: (@line-height-computed * 2) 0 @line-height-computed; + border-bottom: 1px solid @page-header-border-color; +} + + +// Lists +// ------------------------- + +// Unordered and Ordered lists +ul, +ol { + margin-top: 0; + margin-bottom: (@line-height-computed / 2); + ul, + ol { + margin-bottom: 0; + } +} + +// List options + +// Unstyled keeps list items block level, just removes default browser padding and list-style +.list-unstyled { + padding-left: 0; + list-style: none; +} + +// Inline turns list items into inline-block +.list-inline { + .list-unstyled(); + margin-left: -5px; + + > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; + } +} + +// Description Lists +dl { + margin-top: 0; // Remove browser default + margin-bottom: @line-height-computed; +} +dt, +dd { + line-height: @line-height-base; +} +dt { + font-weight: bold; +} +dd { + margin-left: 0; // Undo browser default +} + +// Horizontal description lists +// +// Defaults to being stacked without any of the below styles applied, until the +// grid breakpoint is reached (default of ~768px). + +.dl-horizontal { + dd { + &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present + } + + @media (min-width: @dl-horizontal-breakpoint) { + dt { + float: left; + width: (@dl-horizontal-offset - 20); + clear: left; + text-align: right; + .text-overflow(); + } + dd { + margin-left: @dl-horizontal-offset; + } + } +} + + +// Misc +// ------------------------- + +// Abbreviations and acronyms +abbr[title], +// Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257 +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted @abbr-border-color; +} +.initialism { + font-size: 90%; + .text-uppercase(); +} + +// Blockquotes +blockquote { + padding: (@line-height-computed / 2) @line-height-computed; + margin: 0 0 @line-height-computed; + font-size: @blockquote-font-size; + border-left: 5px solid @blockquote-border-color; + + p, + ul, + ol { + &:last-child { + margin-bottom: 0; + } + } + + // Note: Deprecated small and .small as of v3.1.0 + // Context: https://github.com/twbs/bootstrap/issues/11660 + footer, + small, + .small { + display: block; + font-size: 80%; // back to default font-size + line-height: @line-height-base; + color: @blockquote-small-color; + + &:before { + content: '\2014 \00A0'; // em dash, nbsp + } + } +} + +// Opposite alignment of blockquote +// +// Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0. +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid @blockquote-border-color; + border-left: 0; + text-align: right; + + // Account for citation + footer, + small, + .small { + &:before { content: ''; } + &:after { + content: '\00A0 \2014'; // nbsp, em dash + } + } +} + +// Addresses +address { + margin-bottom: @line-height-computed; + font-style: normal; + line-height: @line-height-base; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/utilities.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/utilities.less new file mode 100644 index 0000000..7a8ca27 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/utilities.less @@ -0,0 +1,55 @@ +// +// Utility classes +// -------------------------------------------------- + + +// Floats +// ------------------------- + +.clearfix { + .clearfix(); +} +.center-block { + .center-block(); +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} + + +// Toggling content +// ------------------------- + +// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1 +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + .text-hide(); +} + + +// Hide from screenreaders and browsers +// +// Credit: HTML5 Boilerplate + +.hidden { + display: none !important; +} + + +// For Affix plugin +// ------------------------- + +.affix { + position: fixed; +} diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/variables.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/variables.less new file mode 100644 index 0000000..b057ef5 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/variables.less @@ -0,0 +1,869 @@ +// +// Variables +// -------------------------------------------------- + + +//== Colors +// +//## Gray and brand colors for use across Bootstrap. + +@gray-base: #000; +@gray-darker: lighten(@gray-base, 13.5%); // #222 +@gray-dark: lighten(@gray-base, 20%); // #333 +@gray: lighten(@gray-base, 33.5%); // #555 +@gray-light: lighten(@gray-base, 46.7%); // #777 +@gray-lighter: lighten(@gray-base, 93.5%); // #eee + +@brand-primary: darken(#428bca, 6.5%); // #337ab7 +@brand-success: #5cb85c; +@brand-info: #5bc0de; +@brand-warning: #f0ad4e; +@brand-danger: #d9534f; + + +//== Scaffolding +// +//## Settings for some of the most global styles. + +//** Background color for `<body>`. +@body-bg: #fff; +//** Global text color on `<body>`. +@text-color: @gray-dark; + +//** Global textual link color. +@link-color: @brand-primary; +//** Link hover color set via `darken()` function. +@link-hover-color: darken(@link-color, 15%); +//** Link hover decoration. +@link-hover-decoration: underline; + + +//== Typography +// +//## Font, line-height, and color for body text, headings, and more. + +@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; +@font-family-serif: Georgia, "Times New Roman", Times, serif; +//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. +@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; +@font-family-base: @font-family-sans-serif; + +@font-size-base: 14px; +@font-size-large: ceil((@font-size-base * 1.25)); // ~18px +@font-size-small: ceil((@font-size-base * 0.85)); // ~12px + +@font-size-h1: floor((@font-size-base * 2.6)); // ~36px +@font-size-h2: floor((@font-size-base * 2.15)); // ~30px +@font-size-h3: ceil((@font-size-base * 1.7)); // ~24px +@font-size-h4: ceil((@font-size-base * 1.25)); // ~18px +@font-size-h5: @font-size-base; +@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +@line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px + +//** By default, this inherits from the `<body>`. +@headings-font-family: inherit; +@headings-font-weight: 500; +@headings-line-height: 1.1; +@headings-color: inherit; + + +//== Iconography +// +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. + +//** Load fonts from this directory. +@icon-font-path: "../fonts/"; +//** File name for all font files. +@icon-font-name: "glyphicons-halflings-regular"; +//** Element ID within SVG icon file. +@icon-font-svg-id: "glyphicons_halflingsregular"; + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +@padding-base-vertical: 6px; +@padding-base-horizontal: 12px; + +@padding-large-vertical: 10px; +@padding-large-horizontal: 16px; + +@padding-small-vertical: 5px; +@padding-small-horizontal: 10px; + +@padding-xs-vertical: 1px; +@padding-xs-horizontal: 5px; + +@line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome +@line-height-small: 1.5; + +@border-radius-base: 4px; +@border-radius-large: 6px; +@border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +@component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +@component-active-bg: @brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +@caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +@caret-width-large: 5px; + + +//== Tables +// +//## Customizes the `.table` component with basic values, each used across all table variations. + +//** Padding for `<th>`s and `<td>`s. +@table-cell-padding: 8px; +//** Padding for cells in `.table-condensed`. +@table-condensed-cell-padding: 5px; + +//** Default background color used for all tables. +@table-bg: transparent; +//** Background color used for `.table-striped`. +@table-bg-accent: #f9f9f9; +//** Background color used for `.table-hover`. +@table-bg-hover: #f5f5f5; +@table-bg-active: @table-bg-hover; + +//** Border color for table and cell borders. +@table-border-color: #ddd; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +@btn-font-weight: normal; + +@btn-default-color: #333; +@btn-default-bg: #fff; +@btn-default-border: #ccc; + +@btn-primary-color: #fff; +@btn-primary-bg: @brand-primary; +@btn-primary-border: darken(@btn-primary-bg, 5%); + +@btn-success-color: #fff; +@btn-success-bg: @brand-success; +@btn-success-border: darken(@btn-success-bg, 5%); + +@btn-info-color: #fff; +@btn-info-bg: @brand-info; +@btn-info-border: darken(@btn-info-bg, 5%); + +@btn-warning-color: #fff; +@btn-warning-bg: @brand-warning; +@btn-warning-border: darken(@btn-warning-bg, 5%); + +@btn-danger-color: #fff; +@btn-danger-bg: @brand-danger; +@btn-danger-border: darken(@btn-danger-bg, 5%); + +@btn-link-disabled-color: @gray-light; + +// Allows for customizing button radius independently from global border radius +@btn-border-radius-base: @border-radius-base; +@btn-border-radius-large: @border-radius-large; +@btn-border-radius-small: @border-radius-small; + + +//== Forms +// +//## + +//** `<input>` background color +@input-bg: #fff; +//** `<input disabled>` background color +@input-bg-disabled: @gray-lighter; + +//** Text color for `<input>`s +@input-color: @gray; +//** `<input>` border color +@input-border: #ccc; + +// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +//** Default `.form-control` border radius +// This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS. +@input-border-radius: @border-radius-base; +//** Large `.form-control` border radius +@input-border-radius-large: @border-radius-large; +//** Small `.form-control` border radius +@input-border-radius-small: @border-radius-small; + +//** Border color for inputs on focus +@input-border-focus: #66afe9; + +//** Placeholder text color +@input-color-placeholder: #999; + +//** Default `.form-control` height +@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2); +//** Large `.form-control` height +@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2); +//** Small `.form-control` height +@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2); + +//** `.form-group` margin +@form-group-margin-bottom: 15px; + +@legend-color: @gray-dark; +@legend-border-color: #e5e5e5; + +//** Background color for textual input addons +@input-group-addon-bg: @gray-lighter; +//** Border color for textual input addons +@input-group-addon-border-color: @input-border; + +//** Disabled cursor for form controls and buttons. +@cursor-disabled: not-allowed; + + +//== Dropdowns +// +//## Dropdown menu container and contents. + +//** Background for the dropdown menu. +@dropdown-bg: #fff; +//** Dropdown menu `border-color`. +@dropdown-border: rgba(0,0,0,.15); +//** Dropdown menu `border-color` **for IE8**. +@dropdown-fallback-border: #ccc; +//** Divider color for between dropdown items. +@dropdown-divider-bg: #e5e5e5; + +//** Dropdown link text color. +@dropdown-link-color: @gray-dark; +//** Hover color for dropdown links. +@dropdown-link-hover-color: darken(@gray-dark, 5%); +//** Hover background for dropdown links. +@dropdown-link-hover-bg: #f5f5f5; + +//** Active dropdown menu item text color. +@dropdown-link-active-color: @component-active-color; +//** Active dropdown menu item background color. +@dropdown-link-active-bg: @component-active-bg; + +//** Disabled dropdown menu item background color. +@dropdown-link-disabled-color: @gray-light; + +//** Text color for headers within dropdown menus. +@dropdown-header-color: @gray-light; + +//** Deprecated `@dropdown-caret-color` as of v3.1.0 +@dropdown-caret-color: #000; + + +//-- Z-index master list +// +// Warning: Avoid customizing these values. They're used for a bird's eye view +// of components dependent on the z-axis and are designed to all work together. +// +// Note: These variables are not generated into the Customizer. + +@zindex-navbar: 1000; +@zindex-dropdown: 1000; +@zindex-popover: 1060; +@zindex-tooltip: 1070; +@zindex-navbar-fixed: 1030; +@zindex-modal-background: 1040; +@zindex-modal: 1050; + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes. + +// Extra small screen / phone +//** Deprecated `@screen-xs` as of v3.0.1 +@screen-xs: 480px; +//** Deprecated `@screen-xs-min` as of v3.2.0 +@screen-xs-min: @screen-xs; +//** Deprecated `@screen-phone` as of v3.0.1 +@screen-phone: @screen-xs-min; + +// Small screen / tablet +//** Deprecated `@screen-sm` as of v3.0.1 +@screen-sm: 768px; +@screen-sm-min: @screen-sm; +//** Deprecated `@screen-tablet` as of v3.0.1 +@screen-tablet: @screen-sm-min; + +// Medium screen / desktop +//** Deprecated `@screen-md` as of v3.0.1 +@screen-md: 992px; +@screen-md-min: @screen-md; +//** Deprecated `@screen-desktop` as of v3.0.1 +@screen-desktop: @screen-md-min; + +// Large screen / wide desktop +//** Deprecated `@screen-lg` as of v3.0.1 +@screen-lg: 1200px; +@screen-lg-min: @screen-lg; +//** Deprecated `@screen-lg-desktop` as of v3.0.1 +@screen-lg-desktop: @screen-lg-min; + +// So media queries don't overlap when required, provide a maximum +@screen-xs-max: (@screen-sm-min - 1); +@screen-sm-max: (@screen-md-min - 1); +@screen-md-max: (@screen-lg-min - 1); + + +//== Grid system +// +//## Define your custom responsive grid. + +//** Number of columns in the grid. +@grid-columns: 12; +//** Padding between columns. Gets divided in half for the left and right. +@grid-gutter-width: 30px; +// Navbar collapse +//** Point at which the navbar becomes uncollapsed. +@grid-float-breakpoint: @screen-sm-min; +//** Point at which the navbar begins collapsing. +@grid-float-breakpoint-max: (@grid-float-breakpoint - 1); + + +//== Container sizes +// +//## Define the maximum width of `.container` for different screen sizes. + +// Small screen / tablet +@container-tablet: (720px + @grid-gutter-width); +//** For `@screen-sm-min` and up. +@container-sm: @container-tablet; + +// Medium screen / desktop +@container-desktop: (940px + @grid-gutter-width); +//** For `@screen-md-min` and up. +@container-md: @container-desktop; + +// Large screen / wide desktop +@container-large-desktop: (1140px + @grid-gutter-width); +//** For `@screen-lg-min` and up. +@container-lg: @container-large-desktop; + + +//== Navbar +// +//## + +// Basics of a navbar +@navbar-height: 50px; +@navbar-margin-bottom: @line-height-computed; +@navbar-border-radius: @border-radius-base; +@navbar-padding-horizontal: floor((@grid-gutter-width / 2)); +@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2); +@navbar-collapse-max-height: 340px; + +@navbar-default-color: #777; +@navbar-default-bg: #f8f8f8; +@navbar-default-border: darken(@navbar-default-bg, 6.5%); + +// Navbar links +@navbar-default-link-color: #777; +@navbar-default-link-hover-color: #333; +@navbar-default-link-hover-bg: transparent; +@navbar-default-link-active-color: #555; +@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%); +@navbar-default-link-disabled-color: #ccc; +@navbar-default-link-disabled-bg: transparent; + +// Navbar brand label +@navbar-default-brand-color: @navbar-default-link-color; +@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%); +@navbar-default-brand-hover-bg: transparent; + +// Navbar toggle +@navbar-default-toggle-hover-bg: #ddd; +@navbar-default-toggle-icon-bar-bg: #888; +@navbar-default-toggle-border-color: #ddd; + + +//=== Inverted navbar +// Reset inverted navbar basics +@navbar-inverse-color: lighten(@gray-light, 15%); +@navbar-inverse-bg: #222; +@navbar-inverse-border: darken(@navbar-inverse-bg, 10%); + +// Inverted navbar links +@navbar-inverse-link-color: lighten(@gray-light, 15%); +@navbar-inverse-link-hover-color: #fff; +@navbar-inverse-link-hover-bg: transparent; +@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; +@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%); +@navbar-inverse-link-disabled-color: #444; +@navbar-inverse-link-disabled-bg: transparent; + +// Inverted navbar brand label +@navbar-inverse-brand-color: @navbar-inverse-link-color; +@navbar-inverse-brand-hover-color: #fff; +@navbar-inverse-brand-hover-bg: transparent; + +// Inverted navbar toggle +@navbar-inverse-toggle-hover-bg: #333; +@navbar-inverse-toggle-icon-bar-bg: #fff; +@navbar-inverse-toggle-border-color: #333; + + +//== Navs +// +//## + +//=== Shared nav styles +@nav-link-padding: 10px 15px; +@nav-link-hover-bg: @gray-lighter; + +@nav-disabled-link-color: @gray-light; +@nav-disabled-link-hover-color: @gray-light; + +//== Tabs +@nav-tabs-border-color: #ddd; + +@nav-tabs-link-hover-border-color: @gray-lighter; + +@nav-tabs-active-link-hover-bg: @body-bg; +@nav-tabs-active-link-hover-color: @gray; +@nav-tabs-active-link-hover-border-color: #ddd; + +@nav-tabs-justified-link-border-color: #ddd; +@nav-tabs-justified-active-link-border-color: @body-bg; + +//== Pills +@nav-pills-border-radius: @border-radius-base; +@nav-pills-active-link-hover-bg: @component-active-bg; +@nav-pills-active-link-hover-color: @component-active-color; + + +//== Pagination +// +//## + +@pagination-color: @link-color; +@pagination-bg: #fff; +@pagination-border: #ddd; + +@pagination-hover-color: @link-hover-color; +@pagination-hover-bg: @gray-lighter; +@pagination-hover-border: #ddd; + +@pagination-active-color: #fff; +@pagination-active-bg: @brand-primary; +@pagination-active-border: @brand-primary; + +@pagination-disabled-color: @gray-light; +@pagination-disabled-bg: #fff; +@pagination-disabled-border: #ddd; + + +//== Pager +// +//## + +@pager-bg: @pagination-bg; +@pager-border: @pagination-border; +@pager-border-radius: 15px; + +@pager-hover-bg: @pagination-hover-bg; + +@pager-active-bg: @pagination-active-bg; +@pager-active-color: @pagination-active-color; + +@pager-disabled-color: @pagination-disabled-color; + + +//== Jumbotron +// +//## + +@jumbotron-padding: 30px; +@jumbotron-color: inherit; +@jumbotron-bg: @gray-lighter; +@jumbotron-heading-color: inherit; +@jumbotron-font-size: ceil((@font-size-base * 1.5)); +@jumbotron-heading-font-size: ceil((@font-size-base * 4.5)); + + +//== Form states and alerts +// +//## Define colors for form feedback states and, by default, alerts. + +@state-success-text: #3c763d; +@state-success-bg: #dff0d8; +@state-success-border: darken(spin(@state-success-bg, -10), 5%); + +@state-info-text: #31708f; +@state-info-bg: #d9edf7; +@state-info-border: darken(spin(@state-info-bg, -10), 7%); + +@state-warning-text: #8a6d3b; +@state-warning-bg: #fcf8e3; +@state-warning-border: darken(spin(@state-warning-bg, -10), 5%); + +@state-danger-text: #a94442; +@state-danger-bg: #f2dede; +@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); + + +//== Tooltips +// +//## + +//** Tooltip max width +@tooltip-max-width: 200px; +//** Tooltip text color +@tooltip-color: #fff; +//** Tooltip background color +@tooltip-bg: #000; +@tooltip-opacity: .9; + +//** Tooltip arrow width +@tooltip-arrow-width: 5px; +//** Tooltip arrow color +@tooltip-arrow-color: @tooltip-bg; + + +//== Popovers +// +//## + +//** Popover body background color +@popover-bg: #fff; +//** Popover maximum width +@popover-max-width: 276px; +//** Popover border color +@popover-border-color: rgba(0,0,0,.2); +//** Popover fallback border color +@popover-fallback-border-color: #ccc; + +//** Popover title background color +@popover-title-bg: darken(@popover-bg, 3%); + +//** Popover arrow width +@popover-arrow-width: 10px; +//** Popover arrow color +@popover-arrow-color: @popover-bg; + +//** Popover outer arrow width +@popover-arrow-outer-width: (@popover-arrow-width + 1); +//** Popover outer arrow color +@popover-arrow-outer-color: fadein(@popover-border-color, 5%); +//** Popover outer arrow fallback color +@popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%); + + +//== Labels +// +//## + +//** Default label background color +@label-default-bg: @gray-light; +//** Primary label background color +@label-primary-bg: @brand-primary; +//** Success label background color +@label-success-bg: @brand-success; +//** Info label background color +@label-info-bg: @brand-info; +//** Warning label background color +@label-warning-bg: @brand-warning; +//** Danger label background color +@label-danger-bg: @brand-danger; + +//** Default label text color +@label-color: #fff; +//** Default text color of a linked label +@label-link-hover-color: #fff; + + +//== Modals +// +//## + +//** Padding applied to the modal body +@modal-inner-padding: 15px; + +//** Padding applied to the modal title +@modal-title-padding: 15px; +//** Modal title line-height +@modal-title-line-height: @line-height-base; + +//** Background color of modal content area +@modal-content-bg: #fff; +//** Modal content border color +@modal-content-border-color: rgba(0,0,0,.2); +//** Modal content border color **for IE8** +@modal-content-fallback-border-color: #999; + +//** Modal backdrop background color +@modal-backdrop-bg: #000; +//** Modal backdrop opacity +@modal-backdrop-opacity: .5; +//** Modal header border color +@modal-header-border-color: #e5e5e5; +//** Modal footer border color +@modal-footer-border-color: @modal-header-border-color; + +@modal-lg: 900px; +@modal-md: 600px; +@modal-sm: 300px; + + +//== Alerts +// +//## Define alert colors, border radius, and padding. + +@alert-padding: 15px; +@alert-border-radius: @border-radius-base; +@alert-link-font-weight: bold; + +@alert-success-bg: @state-success-bg; +@alert-success-text: @state-success-text; +@alert-success-border: @state-success-border; + +@alert-info-bg: @state-info-bg; +@alert-info-text: @state-info-text; +@alert-info-border: @state-info-border; + +@alert-warning-bg: @state-warning-bg; +@alert-warning-text: @state-warning-text; +@alert-warning-border: @state-warning-border; + +@alert-danger-bg: @state-danger-bg; +@alert-danger-text: @state-danger-text; +@alert-danger-border: @state-danger-border; + + +//== Progress bars +// +//## + +//** Background color of the whole progress component +@progress-bg: #f5f5f5; +//** Progress bar text color +@progress-bar-color: #fff; +//** Variable for setting rounded corners on progress bar. +@progress-border-radius: @border-radius-base; + +//** Default progress bar color +@progress-bar-bg: @brand-primary; +//** Success progress bar color +@progress-bar-success-bg: @brand-success; +//** Warning progress bar color +@progress-bar-warning-bg: @brand-warning; +//** Danger progress bar color +@progress-bar-danger-bg: @brand-danger; +//** Info progress bar color +@progress-bar-info-bg: @brand-info; + + +//== List group +// +//## + +//** Background color on `.list-group-item` +@list-group-bg: #fff; +//** `.list-group-item` border color +@list-group-border: #ddd; +//** List group border radius +@list-group-border-radius: @border-radius-base; + +//** Background color of single list items on hover +@list-group-hover-bg: #f5f5f5; +//** Text color of active list items +@list-group-active-color: @component-active-color; +//** Background color of active list items +@list-group-active-bg: @component-active-bg; +//** Border color of active list elements +@list-group-active-border: @list-group-active-bg; +//** Text color for content within active list items +@list-group-active-text-color: lighten(@list-group-active-bg, 40%); + +//** Text color of disabled list items +@list-group-disabled-color: @gray-light; +//** Background color of disabled list items +@list-group-disabled-bg: @gray-lighter; +//** Text color for content within disabled list items +@list-group-disabled-text-color: @list-group-disabled-color; + +@list-group-link-color: #555; +@list-group-link-hover-color: @list-group-link-color; +@list-group-link-heading-color: #333; + + +//== Panels +// +//## + +@panel-bg: #fff; +@panel-body-padding: 15px; +@panel-heading-padding: 10px 15px; +@panel-footer-padding: @panel-heading-padding; +@panel-border-radius: @border-radius-base; + +//** Border color for elements within panels +@panel-inner-border: #ddd; +@panel-footer-bg: #f5f5f5; + +@panel-default-text: @gray-dark; +@panel-default-border: #ddd; +@panel-default-heading-bg: #f5f5f5; + +@panel-primary-text: #fff; +@panel-primary-border: @brand-primary; +@panel-primary-heading-bg: @brand-primary; + +@panel-success-text: @state-success-text; +@panel-success-border: @state-success-border; +@panel-success-heading-bg: @state-success-bg; + +@panel-info-text: @state-info-text; +@panel-info-border: @state-info-border; +@panel-info-heading-bg: @state-info-bg; + +@panel-warning-text: @state-warning-text; +@panel-warning-border: @state-warning-border; +@panel-warning-heading-bg: @state-warning-bg; + +@panel-danger-text: @state-danger-text; +@panel-danger-border: @state-danger-border; +@panel-danger-heading-bg: @state-danger-bg; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +@thumbnail-padding: 4px; +//** Thumbnail background color +@thumbnail-bg: @body-bg; +//** Thumbnail border color +@thumbnail-border: #ddd; +//** Thumbnail border radius +@thumbnail-border-radius: @border-radius-base; + +//** Custom text color for thumbnail captions +@thumbnail-caption-color: @text-color; +//** Padding around the thumbnail caption +@thumbnail-caption-padding: 9px; + + +//== Wells +// +//## + +@well-bg: #f5f5f5; +@well-border: darken(@well-bg, 7%); + + +//== Badges +// +//## + +@badge-color: #fff; +//** Linked badge text color on hover +@badge-link-hover-color: #fff; +@badge-bg: @gray-light; + +//** Badge text color in active nav link +@badge-active-color: @link-color; +//** Badge background color in active nav link +@badge-active-bg: #fff; + +@badge-font-weight: bold; +@badge-line-height: 1; +@badge-border-radius: 10px; + + +//== Breadcrumbs +// +//## + +@breadcrumb-padding-vertical: 8px; +@breadcrumb-padding-horizontal: 15px; +//** Breadcrumb background color +@breadcrumb-bg: #f5f5f5; +//** Breadcrumb text color +@breadcrumb-color: #ccc; +//** Text color of current page in the breadcrumb +@breadcrumb-active-color: @gray-light; +//** Textual separator for between breadcrumb elements +@breadcrumb-separator: "/"; + + +//== Carousel +// +//## + +@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); + +@carousel-control-color: #fff; +@carousel-control-width: 15%; +@carousel-control-opacity: .5; +@carousel-control-font-size: 20px; + +@carousel-indicator-active-bg: #fff; +@carousel-indicator-border-color: #fff; + +@carousel-caption-color: #fff; + + +//== Close +// +//## + +@close-font-weight: bold; +@close-color: #000; +@close-text-shadow: 0 1px 0 #fff; + + +//== Code +// +//## + +@code-color: #c7254e; +@code-bg: #f9f2f4; + +@kbd-color: #fff; +@kbd-bg: #333; + +@pre-bg: #f5f5f5; +@pre-color: @gray-dark; +@pre-border-color: #ccc; +@pre-scrollable-max-height: 340px; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +@component-offset-horizontal: 180px; +//** Text muted color +@text-muted: @gray-light; +//** Abbreviations and acronyms border color +@abbr-border-color: @gray-light; +//** Headings small color +@headings-small-color: @gray-light; +//** Blockquote small color +@blockquote-small-color: @gray-light; +//** Blockquote font size +@blockquote-font-size: (@font-size-base * 1.25); +//** Blockquote border color +@blockquote-border-color: @gray-lighter; +//** Page header border color +@page-header-border-color: @gray-lighter; +//** Width of horizontal description list titles +@dl-horizontal-offset: @component-offset-horizontal; +//** Point at which .dl-horizontal becomes horizontal +@dl-horizontal-breakpoint: @grid-float-breakpoint; +//** Horizontal line color. +@hr-border: @gray-lighter; diff --git a/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/wells.less b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/wells.less new file mode 100644 index 0000000..15d072b --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/wells.less @@ -0,0 +1,29 @@ +// +// Wells +// -------------------------------------------------- + + +// Base class +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: @well-bg; + border: 1px solid @well-border; + border-radius: @border-radius-base; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); + blockquote { + border-color: #ddd; + border-color: rgba(0,0,0,.15); + } +} + +// Sizes +.well-lg { + padding: 24px; + border-radius: @border-radius-large; +} +.well-sm { + padding: 9px; + border-radius: @border-radius-small; +} diff --git a/static/fork-awesome/src/doc/assets/less/gandy-grid/grid.less b/static/fork-awesome/src/doc/assets/less/gandy-grid/grid.less new file mode 100644 index 0000000..7aca7db --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/gandy-grid/grid.less @@ -0,0 +1,43 @@ +.gg { .gg(); } +.gg-fixed { table-layout: fixed; } +.gg-col { .gg-col(); } +.gg-row { display: table-row; } +.gg-min-width { width: 1%; } + +.gg-top { vertical-align: top; } +.gg-middle { vertical-align: middle; } +.gg-bottom { vertical-align: bottom; } + +.gg-padded { + margin-left: -1rem; + margin-right: -1rem; + .gg { border-spacing: 1rem 0; } +} + +.gg-col-1, +.gg-col-2, +.gg-col-3, +.gg-col-4, +.gg-col-5, +.gg-col-6, +.gg-col-7, +.gg-col-8, +.gg-col-9, +.gg-col-10, +.gg-col-11, +.gg-col-12 { + .gg-col(); +} + +.gg-col-1 { .gg-make-col(1,12); } +.gg-col-2 { .gg-make-col(2,12); } +.gg-col-3 { .gg-make-col(3,12); } +.gg-col-4 { .gg-make-col(4,12); } +.gg-col-5 { .gg-make-col(5,12); } +.gg-col-6 { .gg-make-col(6,12); } +.gg-col-7 { .gg-make-col(7,12); } +.gg-col-8 { .gg-make-col(8,12); } +.gg-col-9 { .gg-make-col(9,12); } +.gg-col-10 { .gg-make-col(10,12); } +.gg-col-11 { .gg-make-col(11,12); } +.gg-col-12 { .gg-make-col(12,12); } diff --git a/static/fork-awesome/src/doc/assets/less/gandy-grid/mixins.less b/static/fork-awesome/src/doc/assets/less/gandy-grid/mixins.less new file mode 100644 index 0000000..49c7749 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/gandy-grid/mixins.less @@ -0,0 +1,18 @@ +.gg { + display: table; + width: 100%; + vertical-align: middle; +} + +.gg-col { + display: table-cell; + vertical-align: inherit; +} + +.gg-vertical-align(@align) { + vertical-align: @align; +} + +.gg-make-col(@column-width, @total-columns) { + width: (100% / @total-columns * @column-width); +} diff --git a/static/fork-awesome/src/doc/assets/less/site.less b/static/fork-awesome/src/doc/assets/less/site.less new file mode 100644 index 0000000..c3cbb13 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site.less @@ -0,0 +1,37 @@ +--- +--- +@import "bootstrap-{{ site.bootstrap.version }}/bootstrap"; + +@import "gandy-grid/mixins"; +@import "gandy-grid/grid"; + +@import "site/bootstrap/variables"; +@import "site/bootstrap/navbar"; +@import "site/bootstrap/buttons"; +@import "site/bootstrap/jumbotron"; +@import "site/bootstrap/wells"; +@import "site/bootstrap/labels"; +@import "site/bootstrap/type"; +@import "site/bootstrap/alerts"; +@import "site/bootstrap/tooltip"; +@import "site/bootstrap/panels"; +@import "site/bootstrap/modals"; + +@import "site/layout"; +@import "site/print"; +@import "site/social-buttons"; +@import "site/jumbotron-carousel"; +@import "site/fontawesome-icon-list"; +@import "site/feature-list"; +@import "site/example-rating"; +@import "site/footer"; +@import "site/lazy"; +@import "site/textured-bg"; + +@import "site/views"; + +@import "site/responsive/screen-lg"; +@import "site/responsive/screen-md"; +@import "site/responsive/screen-sm"; +@import "site/responsive/screen-sm-up"; +@import "site/responsive/screen-xs"; diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/alerts.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/alerts.less new file mode 100644 index 0000000..db79469 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/alerts.less @@ -0,0 +1,5 @@ +.alert-link { text-decoration: underline; } + +.alert-default { .alert-variant(@alert-default-bg, @alert-default-border, @alert-default-text); } +.alert-well { .alert-variant(@alert-well-bg, @alert-well-border, @alert-well-text); } +.alert-well-alt { .alert-variant(@well-bg, @table-border-color, mix(@text-muted,@text-color,50%)); } diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/buttons.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/buttons.less new file mode 100644 index 0000000..b61fea7 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/buttons.less @@ -0,0 +1,3 @@ +.btn { box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); } +.btn-default { text-shadow: 0 1px 0 #fff; } +.btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-info { text-shadow: 0 1px 0 rgba(0,0,0,0.2); }
\ No newline at end of file diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/jumbotron.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/jumbotron.less new file mode 100644 index 0000000..a04420b --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/jumbotron.less @@ -0,0 +1,87 @@ +.jumbotron { + background-color: lighten(@jumbotron-bg, 2%); + border-top: 1px solid mix(@jumbotron-bg, @jumbotron-color, 90%); + border-bottom: 1px solid @jumbotron-border; + margin-bottom: 0; + &, h1 { color: @jumbotron-color; } + padding: 50px 0 40px; + + h1 { + font-size: 80px; + letter-spacing: -2px; + line-height: 1; + margin: 0 0 15px; + } + p { + font-family: @font-family-alt; + margin-top: 15px; + margin-bottom: 15px; + font-size: 24px; + line-height: 1.3; + font-weight: lighter; + } + + .list-group-item { + border-color: mix(@jumbotron-color, @fa-green, 15%); + background: transparent; + } + + .text-muted { + color: mix(@jumbotron-color, @fa-green, 45%); + } +} + +.jumbotron-ad, .jumbotron-carousel { + h1 { + text-shadow: 4px 3px 0px @jumbotron-bg, 9px 8px 0px rgba(0,0,0,0.15); // double text shadow + } + p { + color: mix(@jumbotron-color, @jumbotron-bg, 75%); + text-shadow: 0 1px 0 rgba(0,0,0,0.15); + } +} + +.jumbotron-icon { + padding: 30px 0 25px; + background-color: @gray-lighter; + color: @gray-darker; + &, h1 { text-shadow: 0 1px 0 #fff; } + border-bottom-color: mix(@gray-light, @gray-lighter, 25%); + border-top-color: mix(#fff, @gray-lighter, 50%); + h1 { + color: @gray-darker; + margin-top: @buffer-lg; + small { + letter-spacing: normal; + font-family: @font-family-sans-serif; + font-size: @font-size-base; + margin-left: 20px; + } + } + + .info-icons { + font-size: @font-size-base; + } + .info-details { + float: left; + p { + margin: 25px 0; + font-weight: bold; + } + .dl-horizontal { + dt { width: @component-offset-horizontal - 100; } + dd { margin-left: @component-offset-horizontal - 85; } + } + } + .fa-2 { font-size: 2em; } + .fa-3 { font-size: 4em; } + .fa-4 { font-size: 7em; } + .fa-5 { font-size: 12em; } + .fa-6 { font-size: 20em; } + + .fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 { margin-right: 1/14em; } +} + +h1.info-class { + font-size: 30px; +} diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/labels.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/labels.less new file mode 100644 index 0000000..d0d12dc --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/labels.less @@ -0,0 +1,21 @@ +// reset +.label { + padding: .3em .6em; +} + +// new types of labels +.label-brand { + .label-variant(@label-brand-bg); +} + +.label-dark { + .label-variant(@label-dark-bg); +} + +// labels inside of headings +h1, h2, h3, h4, h5, h6 { + + .label { + font-family: @font-family-sans-serif; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/modals.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/modals.less new file mode 100644 index 0000000..275e40c --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/modals.less @@ -0,0 +1,6 @@ + +// Scale up the modal +@media (min-width: @screen-sm-min) { + // Modal sizes + .modal-md { width: ((@modal-md + @modal-sm) / 2); } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/navbar.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/navbar.less new file mode 100644 index 0000000..3216727 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/navbar.less @@ -0,0 +1,179 @@ +// SITE SPECIFIC NAVBAR STYLES + +.navbar { margin-bottom: 0; } +.navbar-inverse { background-color: lighten(@fa-green, 2%); } +.navbar-brand { + font-family: @font-family-serif; + font-weight: 300; + font-size: 20px; + i { + font-size: 23px; + padding-right: 3px; + line-height: .75; + } +} +.navbar-nav > li > a { padding: 11px 10px 9px; } + +// makes dropdowns closer for split dropdown +.navbar-nav > li { + &.dropdown-split-right > a { padding-left: 7px; } + &.dropdown-split-left > a { padding-right: 0; } +} + +.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: @jumbotron-border; } + +.navbar-inverse .navbar-toggle { + color: @jumbotron-color; + text-shadow: 0 1px 0 rgba(0,0,0,0.15); + padding: 4px 10px; + margin-top: 5px; + margin-bottom: 5px; + &:hover { + background-color: mix(@jumbotron-color, @jumbotron-bg, 95%); + border-color: mix(@jumbotron-color, @jumbotron-bg, 95%); + color: @jumbotron-bg; + text-shadow: 0 -1px 0 @jumbotron-color; + } +} + +.navbar-nav.navbar-right:last-child { margin-right: -10px; } + + +// +// FORT AWESOME ORG NAVBAR +// -------------------- +// +.navbar-org { + background-color: @navbar-inverse-link-active-bg; + border-color: mix(#000, @fa-green, 20%); + padding: 0; + + .ficon-logo-flag, .ficon-log-fort { vertical-align: baseline; } + + .navbar-text { + color: mix(#fff, @fa-green, 60%); + margin-top: 12px; + margin-right: 30px; + } + + .navbar-nav { + margin-right: -10px; + + > li + li { margin-left: 15px; } + > li > a { + color: mix(#fff, @navbar-inverse-bg, 75%); + + &:hover, + &:focus { + color: mix(#fff, @fa-green, 100%); + background-color: transparent; + border-bottom: solid 2px mix(#fff, @fa-green, 90%); + } + } + > .active > a { + &, + &:hover, + &:focus { + color: mix(#fff, @navbar-inverse-bg, 75%); + background-color: transparent; + border-radius: 0; + border-bottom: solid 2px mix(#fff, @navbar-inverse-bg, 65%); + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: @navbar-inverse-link-disabled-color; + background-color: @navbar-inverse-link-disabled-bg; + } + } + } + + // Darken the responsive nav toggle + .navbar-toggle { + border-color: @navbar-inverse-toggle-border-color; + &:hover, + &:focus { + background-color: @navbar-inverse-toggle-hover-bg; + } + .icon-bar { + background-color: @navbar-inverse-toggle-icon-bar-bg; + } + } + + .navbar-collapse, + .navbar-form { + border-color: darken(@navbar-inverse-bg, 7%); + } + + // Dropdowns + .navbar-nav { + > .open > a { + &, + &:hover, + &:focus { + background-color: @navbar-inverse-link-active-bg; + color: @navbar-inverse-link-active-color; + } + } + + @media (max-width: @grid-float-breakpoint-max) { + // Dropdowns get custom display + .open .dropdown-menu { + > .dropdown-header { + border-color: @navbar-inverse-border; + } + .divider { + background-color: @navbar-inverse-border; + } + > li > a { + color: @navbar-inverse-link-color; + &:hover, + &:focus { + color: @navbar-inverse-link-hover-color; + background-color: @navbar-inverse-link-hover-bg; + } + } + > .active > a { + &, + &:hover, + &:focus { + color: @navbar-inverse-link-active-color; + background-color: @navbar-inverse-link-active-bg; + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: @navbar-inverse-link-disabled-color; + background-color: @navbar-inverse-link-disabled-bg; + } + } + } + } + } + + .navbar-link { + color: @navbar-inverse-link-color; + &:hover { + color: @navbar-inverse-link-hover-color; + } + } + + .btn-link { + color: @navbar-inverse-link-color; + &:hover, + &:focus { + color: @navbar-inverse-link-hover-color; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: @navbar-inverse-link-disabled-color; + } + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/panels.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/panels.less new file mode 100644 index 0000000..f2dc210 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/panels.less @@ -0,0 +1,15 @@ +.panel { + .box-shadow(none); +} + +.panel-heading { + margin: -1px; + border-bottom-width: 0; + padding: 11px 15px; +} + +.panel-default .panel-heading { + margin: 0; + border-bottom-width: 1px; + padding: 10px 15px; +}
\ No newline at end of file diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/tooltip.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/tooltip.less new file mode 100644 index 0000000..5a70871 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/tooltip.less @@ -0,0 +1,8 @@ +.tooltip { + font-size: @font-size-base; +} + +// Wrapper for the tooltip content +.tooltip-inner { + padding: 5px 10px; +} diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/type.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/type.less new file mode 100644 index 0000000..b7d5f9b --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/type.less @@ -0,0 +1,26 @@ +.small-caps { + font-family: @font-family-alt; +} + +.hr { + position: relative; + text-align: center; + font-size: @font-size-base; + z-index: 1; + min-height: 20px; + + &:after { + content: " "; + position: absolute; + top: 50%; + left: 0; + right: 0; + border-top: 2px solid @hr-border; + z-index: -1; + } + .hr-text { + display: inline-block; + background-color: #fff; + padding: 0 .5em; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/variables.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/variables.less new file mode 100644 index 0000000..98b7f1b --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/variables.less @@ -0,0 +1,171 @@ +--- +--- +// SITE VARIABLES +// -------------- + +// Blues +@blue-darker: #003366; +@blue-dark: #005f9b; // Pantone 3015 C +@blue: #009add; // Pantone 2925 C +@blue-light: #b8dcf2; +@blue-lighter: #f0f9ff; + +// Greens +@green-darker: #41683b; +@green-dark: #678943; +@green: #95bf52; +@green-light: #ddefbd; +@green-lighter: #f3f9e8; + +// Reds +@red-darker: #702222; +@red-dark: #ba4a4a; +@red: #dd7373; +@red-light: #f2adb1; +@red-lighter: #fff0f0; + +// Yellows +@yellow-darker: #6f4215; +@yellow-dark: #db8400; +@yellow: #f9e27d; +@yellow-light: #fff5bd; +@yellow-lighter: #fffcee; + +// Oranges +@orange-darker: #8c3900; +@orange-dark: #cc5d11; +@orange: #f4914e; +@orange-light: #ffd0a6; +@orange-lighter: #fff4e6; + +// Purples +@purple-darker: #4a226d; +@purple-dark: #7457ad; +@purple: #9780d6; +@purple-light: #c3b8f4; +@purple-lighter: #fbf5ff; + +@fa-green: #1616e5; +@fa-green-dark: darken(@fa-green, 10%); + +@jumbotron-border: mix(@fa-green, @fa-green-dark, 75%); +@font-family-alt: proxima-nova-sc, "Helvetica Neue", Helvetica, Arial, sans-serif; + + +// BOOTSTRAP OVERRIDES +// ------------------- + +// Brand colors +@brand-success: @fa-green; + + +// Links +@link-color: lighten(@fa-green, 5%); +@link-hover-color: darken(@fa-green, 5%); + + +// Typography +@font-family-sans-serif: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; +@font-family-serif: museo-slab, Georgia, "Times New Roman", Times, serif; +@headings-font-family: @font-family-serif; + + +// Components +@component-active-bg: @fa-green; + + +// Labels +@label-brand-bg: @fa-green; +@label-dark-bg: @gray-dark; + +// Navbar +@navbar-height: 40px; +@navbar-inverse-brand-color: #fff; + +// Reset inverted navbar basics +@navbar-inverse-color: mix(@fa-green, #fff, 50%); +@navbar-inverse-bg: @fa-green; +@navbar-inverse-border: @jumbotron-border; + +// Inverted navbar links +@navbar-inverse-link-color: mix(@fa-green, #fff, 35%); +@navbar-inverse-link-hover-color: #fff; +@navbar-inverse-link-active-bg: @navbar-inverse-border; + +// Inverted navbar toggle +@navbar-inverse-toggle-hover-bg: @jumbotron-color; +@navbar-inverse-toggle-border-color: mix(@jumbotron-color, @fa-green, 75%); + + +// Jumbotron +@jumbotron-color: #fff; +@jumbotron-bg: @fa-green; + + +// Form states and alerts +@state-success-text: @fa-green; +@state-success-bg: mix(@fa-green, #fff, 6%); +@state-success-border: darken(spin(@state-success-bg, -10), 5%); + +@state-info-text: mix(@blue-dark, @blue, 50%); +@state-info-bg: @blue-lighter; +@state-info-border: darken(spin(@state-info-bg, -10), 7%); + + @state-danger-text: @brand-danger; +@state-danger-bg: mix(@state-danger-text,#fff,10%); +@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); + + +// Carousel +@carousel-text-shadow: 0 1px 0 rgba(255,255,255,0.25); + +@carousel-control-color: @fa-green-dark; +@carousel-control-font-size: 30px; + + +// Code +@pre-border-color: #eee; + + +// Sections +@section-emphasized-bg: #fff; + +//== Type +//** Text muted color +@text-muted: mix(@gray-light,@gray-lighter,50%); + + +@alert-well-bg: @panel-default-heading-bg; +@alert-well-text: @text-color; +@alert-well-border: @panel-default-border; + +@alert-default-bg: transparent; +@alert-default-text: @text-color; +@alert-default-border: mix(#fff,@panel-default-border,40%); + + + + +//@panel-default-text: @gray-dark; +//@panel-default-border: @panel-default-heading-bg; +//@panel-default-heading-bg: #f5f5f5; + +@panel-primary-text: #fff; +@panel-primary-border: mix(#fff,@brand-primary,50%); +@panel-primary-heading-bg: @brand-primary; + +@panel-success-text: #fff; +@panel-success-border: mix(#fff,@brand-success,50%); +@panel-success-heading-bg: @brand-success; + +@panel-info-text: #fff; +@panel-info-border: mix(#fff,@brand-info,50%); +@panel-info-heading-bg: @brand-info; + +@panel-warning-text: #fff; +@panel-warning-border: mix(#fff,@brand-warning,50%); +@panel-warning-heading-bg: @brand-warning; + +@panel-danger-text: #fff; +@panel-danger-border: mix(#fff,@brand-danger,50%); +@panel-danger-heading-bg: @brand-danger; diff --git a/static/fork-awesome/src/doc/assets/less/site/bootstrap/wells.less b/static/fork-awesome/src/doc/assets/less/site/bootstrap/wells.less new file mode 100644 index 0000000..cd2b24e --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/bootstrap/wells.less @@ -0,0 +1,10 @@ +.well-transparent { background-color: transparent; } + +.well-lg { + padding: @buffer-xl; + font-size: @font-size-large + 3; + h1 { font-size: 3em; } + h2 { font-size: 2em; } + h1, h2 { margin-top: 0; } + p { margin-bottom: 30px; } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/example-rating.less b/static/fork-awesome/src/doc/assets/less/site/example-rating.less new file mode 100644 index 0000000..188b7da --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/example-rating.less @@ -0,0 +1,25 @@ +.rating { + unicode-bidi: bidi-override; + direction: rtl; + + font-size: 30px; + span.star { + font-family: ForkAwesome; + font-weight: normal; + font-style: normal; + display: inline-block; + &:hover { + cursor: pointer; + } + } + span.star:before { + content: "\f006"; // empty star + padding-right: 5px; + color: @gray-light; + } + + span.star:hover:before, span.star:hover ~ span.star:before { + content: "\f005"; // solid star + color: #e3cf7a; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/feature-list.less b/static/fork-awesome/src/doc/assets/less/site/feature-list.less new file mode 100644 index 0000000..e8d4fef --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/feature-list.less @@ -0,0 +1,19 @@ +.feature-list { + .col-md-4 { margin-bottom: 22px; } + h4 { + .fa:before { + vertical-align: -10%; + font-size: 28px; + display: inline-block; + width: 30/28em; + text-align: center; + margin-right: 5px; + // color: mix(@grayLight, @grayLighter, 70%); + + // Gradient on the icons + // background: -webkit-linear-gradient(mix(@grayLight, @grayLighter, 50%), mix(@gray, @grayLight, 50%)); + // -webkit-background-clip: text; + // -webkit-text-fill-color: transparent; + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/fontawesome-icon-list.less b/static/fork-awesome/src/doc/assets/less/site/fontawesome-icon-list.less new file mode 100644 index 0000000..49dc1b0 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/fontawesome-icon-list.less @@ -0,0 +1,33 @@ +.fontawesome-icon-list { + margin-top: 22px; + .fa-hover { + a { + .text-ellipsis; + display: block; + color: @gray-darker; + line-height: 32px; + height: 32px; + padding-left: 10px; + border-radius: @border-radius-base; + + .fa { + width: 32px; + font-size: 14px; + display: inline-block; + text-align: right; + margin-right: 10px; + } + + &:hover { + background-color: @fa-green; + color: @jumbotron-color; + text-decoration: none; + .fa { + font-size: 28px; + vertical-align: -6px; + } + .text-muted { color: mix(@jumbotron-color, @fa-green, 70%); } + } + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/footer.less b/static/fork-awesome/src/doc/assets/less/site/footer.less new file mode 100644 index 0000000..bf895b3 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/footer.less @@ -0,0 +1,55 @@ +#footer { + background-color: lighten(@fa-green, 2%); + border-top: 1px solid @jumbotron-border; + color: mix(@jumbotron-color, @fa-green, 60%); + text-shadow: 0 1px 0 rgba(0,0,0,0.15); + margin-top: 60px; + a { + color: mix(@jumbotron-color, @fa-green, 80%); + border-bottom: dotted 1px mix(@jumbotron-color, @fa-green, 60%); + &:hover { + color: @jumbotron-color; + text-decoration: none; + border-bottom: solid 1px @jumbotron-color; + } + } + .container { + padding-top: 50px; + padding-bottom: 55px; + } + .project { margin-top: 10px; } + + #inventory { + a { + width: 220px; + overflow: hidden; + display: inline-block; + border-bottom: inherit; + margin: 0 15px 20px; + + } + #CVADP2Y { display: inline; } + } +} + + +// Sticky Footer Styles +// -------------------- + +//html, body { height: 100%; } +// +//#wrap { +// min-height: 100%; +// height: auto !important; +// height: 100%; +//} +// +//.sticky-footer(); +// +//.sticky-footer(@footer-height: 356px, @footer-margin: 60px) { +// #wrap { +// margin: 0 auto -(@footer-height); +// padding: 0 0 (@footer-height + @footer-margin); +// } +// #footer { height: @footer-height; } +//} diff --git a/static/fork-awesome/src/doc/assets/less/site/jumbotron-carousel.less b/static/fork-awesome/src/doc/assets/less/site/jumbotron-carousel.less new file mode 100644 index 0000000..9bd2808 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/jumbotron-carousel.less @@ -0,0 +1,75 @@ +@size: 220px; +#icon-carousel { + margin-top: @buffer-sm; + font-size: @size; + text-align: center; + line-height: @size + 30; + text-shadow: 0 2px 0 rgba(0,0,0,0.15); +} + +.carousel-control { + top: @size + 10px; + .square(30px); + border-width: 0; + font-size: 30px; + line-height: 25px; + left: 300/2 - 36px; + &.right { + left: auto; + right: 300/2 - 36px; + } + &.right, &.left { + background-image: none; + filter: none; + } +} + +.jumbotron-carousel { + padding-top: 40px; + .btn { + margin-top: @buffer-lg; + font-family: @font-family-serif; + font-size: 24px; + padding: 17px 30px; + color: @jumbotron-color; + border-color: mix(@jumbotron-color, @jumbotron-bg, 75%); + background-color: transparent; + text-shadow: 0 1px 0 rgba(0,0,0,0.15); + &:hover { + background-color: mix(@jumbotron-color, @jumbotron-bg, 95%); + border-color: mix(@jumbotron-color, @jumbotron-bg, 95%); + color: @jumbotron-bg; + text-shadow: 0 -1px 0 @jumbotron-color; + } + } + .shameless-self-promotion { + margin-top: @buffer-lg; + font-size: @font-size-base; + line-height: @line-height-base; + color: mix(@jumbotron-color, @jumbotron-bg, 60%); + text-shadow: 0 1px 0 rgba(0,0,0,0.15); + a { + color: mix(@jumbotron-color, @jumbotron-bg, 80%); + border-bottom: dotted 1px mix(@jumbotron-color, @jumbotron-bg, 50%); + &:hover { + color: @jumbotron-color; + text-decoration: none; + border-bottom: solid 1px @jumbotron-color; + } + } + } + a { + color: mix(@jumbotron-color, @fa-green, 70%); + + // STATE: hover, focus, active + &:hover, &:focus, &:active { + border-color: @fa-green-dark; + background: @fa-green-dark; + color: @jumbotron-color; + } + + &.carousel-control:hover { + background: none; + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/layout.less b/static/fork-awesome/src/doc/assets/less/site/layout.less new file mode 100644 index 0000000..69cc0b4 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/layout.less @@ -0,0 +1 @@ +section { margin-top: 40px; } diff --git a/static/fork-awesome/src/doc/assets/less/site/lazy.less b/static/fork-awesome/src/doc/assets/less/site/lazy.less new file mode 100644 index 0000000..5f6461d --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/lazy.less @@ -0,0 +1,113 @@ +@buffer-none: 0px; +@buffer-sm: 5px; +@buffer-md: 10px; +@buffer-lg: 22px; +@buffer-xl: 40px; + +.padding-none { padding: @buffer-none !important; } +.padding { padding: @buffer-md !important; } +.padding-sm { padding: @buffer-sm !important; } +.padding-lg { padding: @buffer-lg !important; } +.padding-xl { padding: @buffer-xl !important; } + +.padding-top-none { padding-top: @buffer-none !important; } +.padding-top { padding-top: @buffer-md !important; } +.padding-top-sm { padding-top: @buffer-sm !important; } +.padding-top-lg { padding-top: @buffer-lg !important; } +.padding-top-xl { padding-top: @buffer-xl !important; } + +.padding-right-none { padding-right: @buffer-none !important; } +.padding-right { padding-right: @buffer-md !important; } +.padding-right-sm { padding-right: @buffer-sm !important; } +.padding-right-lg { padding-right: @buffer-lg !important; } +.padding-right-xl { padding-right: @buffer-xl !important; } + +.padding-bottom-none { padding-bottom: @buffer-none !important; } +.padding-bottom { padding-bottom: @buffer-md !important; } +.padding-bottom-sm { padding-bottom: @buffer-sm !important; } +.padding-bottom-lg { padding-bottom: @buffer-lg !important; } +.padding-bottom-xl { padding-bottom: @buffer-xl !important; } + +.padding-left-none { padding-left: @buffer-none !important; } +.padding-left { padding-left: @buffer-md !important; } +.padding-left-sm { padding-left: @buffer-sm !important; } +.padding-left-lg { padding-left: @buffer-lg !important; } +.padding-left-xl { padding-left: @buffer-xl !important; } + +.margin-none { margin: @buffer-none !important; } +.margin { margin: @buffer-md !important; } +.margin-sm { margin: @buffer-sm !important; } +.margin-lg { margin: @buffer-lg !important; } +.margin-xl { margin: @buffer-xl !important; } + +.margin-top-none { margin-top: @buffer-none !important; } +.margin-top { margin-top: @buffer-md !important; } +.margin-top-sm { margin-top: @buffer-sm !important; } +.margin-top-lg { margin-top: @buffer-lg !important; } +.margin-top-xl { margin-top: @buffer-xl !important; } + +.margin-right-none { margin-right: @buffer-none !important; } +.margin-right { margin-right: @buffer-md !important; } +.margin-right-sm { margin-right: @buffer-sm !important; } +.margin-right-lg { margin-right: @buffer-lg !important; } +.margin-right-xl { margin-right: @buffer-xl !important; } + +.margin-bottom-none { margin-bottom: @buffer-none !important; } +.margin-bottom { margin-bottom: @buffer-md !important; } +.margin-bottom-sm { margin-bottom: @buffer-sm !important; } +.margin-bottom-lg { margin-bottom: @buffer-lg !important; } +.margin-bottom-xl { margin-bottom: @buffer-xl !important; } + +.margin-left-none { margin-left: @buffer-none !important; } +.margin-left { margin-left: @buffer-md !important; } +.margin-left-sm { margin-left: @buffer-sm !important; } +.margin-left-lg { margin-left: @buffer-lg !important; } +.margin-left-xl { margin-left: @buffer-xl !important; } + +.border-left-none { border-left: none !important; } +.border-right-none { border-right: none !important; } +.border-bottom-none { border-bottom: none !important; } +.border-top-none { border-top: none !important; } + +.text-sm { font-size: @font-size-small !important; } +.text-base { font-size: @font-size-base !important; } +.text-md { font-size: @font-size-base + 2 !important; } +.text-lg { font-size: @font-size-large !important; } + + +.display-block { display: block; } // use to swap an anchor tag to span a whole row to make click target larger +.no-underline { text-decoration: none !important; } +.clickable { cursor: pointer; } +.strong { font-weight: bold; } +.em { font-style: italic; } +.small { font-size: 85%; } // Ex: 14px base font * 85% = about 12px +.no-link { color: @gray-dark; } + +.text-sans-serif { font-family: @font-family-sans-serif; } +.text-ellipsis { .text-overflow(); } // truncates text to a single line with an ellipsis at the end +.text-default { + font-family: @font-family-base; + font-size: @font-size-base; + line-height: @line-height-base; + font-weight: normal; +} +.text-color-default { + color: @text-color; +} +.text-hilite { + color: @link-color; + &:hover { + color: @link-hover-color; + text-decoration: underline; + } +} +.text-strike { text-decoration: line-through; } +.text-upper { text-transform: uppercase; } +.text-lower { text-transform: lowercase; } + +#no-search-results { + display: none; +} + +.valign-baseline { vertical-align: baseline !important; } +.valign-middle { vertical-align: middle !important; } diff --git a/static/fork-awesome/src/doc/assets/less/site/print.less b/static/fork-awesome/src/doc/assets/less/site/print.less new file mode 100644 index 0000000..5ebe6a8 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/print.less @@ -0,0 +1,5 @@ +@media print { + .col-print-4 { + .make-xs-column(4); + } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/responsive/screen-lg.less b/static/fork-awesome/src/doc/assets/less/site/responsive/screen-lg.less new file mode 100644 index 0000000..ae404bb --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/responsive/screen-lg.less @@ -0,0 +1,58 @@ +@media (min-width: @screen-lg) { + #icon-carousel { + @size: 240px; + font-size: @size; + line-height: @size + 35; + margin-top: @buffer-lg; + } + + .carousel-control { + top: @size + 35px; + .square(40px); + font-size: 40px; + line-height: 40px; + left: 370/2 - 52px; + &.right { + right: 370/2 - 52px; + } + } + + .jumbotron-ad { + padding: 50px 0; + h1 { + margin-top: 25px; + font-size: 90px; + } + p { + font-size: 28px; + margin: 35px 0 20px; + } + } + + .jumbotron-carousel { + padding: 50px 0; + h1 { font-size: 100px; } + p { + font-size: 32px; + margin: 20px 0; + } + .btn-large { + font-size: 30px; + padding: 21px 35px; + } + } + + .stripe-ad .lead { padding-top: 0; } + + .lead { + font-size: 26px; + line-height: 36px; + } + + .fort-awesome { + .tagline { } + .action { width: 18%; } + } + + .hide-lg { display: none; } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/responsive/screen-md.less b/static/fork-awesome/src/doc/assets/less/site/responsive/screen-md.less new file mode 100644 index 0000000..bc46917 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/responsive/screen-md.less @@ -0,0 +1,3 @@ +@media (min-width: @screen-md) and (max-width: @screen-md-max) { + .hide-md { display: none; } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/responsive/screen-sm-up.less b/static/fork-awesome/src/doc/assets/less/site/responsive/screen-sm-up.less new file mode 100644 index 0000000..5bc078f --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/responsive/screen-sm-up.less @@ -0,0 +1,17 @@ +@media (min-width: @screen-sm) { + .signup-input { + padding-right: 0; + input { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-width: 0; + } + } + .signup-button { + padding-left: 0; + .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/responsive/screen-sm.less b/static/fork-awesome/src/doc/assets/less/site/responsive/screen-sm.less new file mode 100644 index 0000000..676b2d6 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/responsive/screen-sm.less @@ -0,0 +1,48 @@ +@media (min-width: @screen-sm) and (max-width: @screen-sm-max) { + #icon-carousel { + @size: 200px; + font-size: @size; + line-height: @size + 30; + } + .carousel-control { + top: @size - 10px; + .square(30px); + left: 228/2 - 36px; + &.right { + right: 228/2 - 36px; + } + } + + .jumbotron-carousel { + padding: 50px 0; + h1 { font-size: 65px; } + p { font-size: 23px; } + .shameless-self-promotion { font-size: 12px; } + } + + .jumbotron-ad { + p { font-size: 24px; } + } + + .jumbotron-icon { + h1 small { + display: block; + margin-top: 15px; + margin-left: 0; + line-height: 20px; + } + } + + .stripe-ad .lead { + margin: 0; + padding-top: 0; + font-size: 19px; + } + + .fort-awesome { + .action { width: 33%; } + } + + .hide-sm { display: none; } + .v-get-started .get-started-cdn { padding: 5px 22px 22px 22px; } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/responsive/screen-xs.less b/static/fork-awesome/src/doc/assets/less/site/responsive/screen-xs.less new file mode 100644 index 0000000..da5030d --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/responsive/screen-xs.less @@ -0,0 +1,94 @@ +@media (max-width: @screen-xs-max) { + #icon-carousel { + @size: 180px; + font-size: @size; + line-height: @size + 30; + width: 280px; + margin: 30px auto 0; + } + .carousel-control { + top: 40%; + .square(44px); + font-size: 44px; + line-height: 44px; + left: -7px; + &.right { right: -7px; } + } + + .jumbotron-carousel { + h1 { font-size: 58px; } + p { font-size: 24px; } + .btn-large { + font-size: 20px; + padding: 14px 26px; + } + .shameless-self-promotion { font-size: 12px; } + } + + .jumbotron-ad { + h1 { font-size: 39px; } + p { + font-size: 20px; + margin-bottom: 20px; + } + } + + .jumbotron-icon { + .fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 { margin-right: 0; } + .fa-6 { font-size: 16em; } + h1 small { + display: block; + margin-top: 15px; + margin-left: 0; + line-height: 20px; + } + } + + .stripe-ad .lead { + margin-top: @buffer-lg; + padding: 0; + } + + #fusionads { + float: none; + display: block; + margin-left: 0; + .clearfix(); + } + + .vertical-ad #fusionads { + width: 300px; + .fusion-img { + float: left; + padding-right: 10px; + } + } + + + .fonticons { + padding: 15px 0; + .tagline, .action { display: block; } + .tagline { margin-bottom: 10px; } + } + + .hide-xs { display: none; } + + .block-xs { display: block; } + + .modal-footer .block-xs + .block-xs { + margin-left: 0; + margin-top: 10px; + } + + + .navbar-org { display: none; } + #banner { + text-align: center; + .message-container, .tagline, .action { display: block; } + .tagline { padding-right: 0; } + .btn-primary { margin-top: 10px; } + } + + .signup-button .btn { white-space: normal; } + .v-get-started .get-started-cdn { padding: 5px 22px 22px 22px; } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/social-buttons.less b/static/fork-awesome/src/doc/assets/less/site/social-buttons.less new file mode 100644 index 0000000..aaf2426 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/social-buttons.less @@ -0,0 +1,48 @@ +#social-buttons { + ul.list-inline { margin-bottom: 0; } + + padding: 22px 0 17px; + text-align: center; + background-color: #f5f5f5; + border-top: 1px solid #fff; + border-bottom: 1px solid #eee; +} + +#subscribe { + padding: 22px 0 17px; + text-align: center; +} + +label.error { + color: @state-danger-text; + margin-top: 5px; +} + +/* Get those Github and Twitter Buttons to behave */ +.list-inline li iframe { + position: relative !important; + display: inline; + top: 6px; +} + +/* Federation Share buttons */ + +.share { + .btn-xs { + line-height: 1.3; + padding-left: 6px; + padding-right: 6px; + } + label, + label:hover { + color: #fff; + } + .twitter { + color: #fff; + background-color: #1b95e0; + } + .twitter:hover { + color: #fff; + background-color: #0c7abf; + } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/stripe-ad.less b/static/fork-awesome/src/doc/assets/less/site/stripe-ad.less new file mode 100644 index 0000000..cef0aa0 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/stripe-ad.less @@ -0,0 +1,4 @@ +.stripe-ad { + margin-bottom: 22px; + .lead { padding-top: 5px; } +} diff --git a/static/fork-awesome/src/doc/assets/less/site/textured-bg.less b/static/fork-awesome/src/doc/assets/less/site/textured-bg.less new file mode 100644 index 0000000..046b2db --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/textured-bg.less @@ -0,0 +1,20 @@ +.jumbotron, .navbar-inverse, .navbar-inverse .navbar-nav > li.active > a, .navbar-org, #footer, .content-underlay { + position: relative; + &:after { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: .15; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC/xhBQAAAaRQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMalYaAAAAIx0Uk5TlhaTG6WwoBqyCx6sopscnacgq5cfmR2UkZwhlY4li5IjIiYpjYmQJ4iPJIyHhooog4WBfoSCKyx9gCotf3wuMjEwezN6L3l4NnI1dXd0djc4NHNwOXFvO2o8bjptPWw+aD9mQGtEZWlnQUJDRmNiZEVfYWBLXVxIV0lHTk9KXlJWWFlVVFtNTFpTUVCkyaWwAAAfsklEQVQYGQXBg6JsWYIg0Bh7WlVdVjrz5bN17Ygbto5t2977p3utXhseb5cOkcQlMSvlwcK1KN+kXuZFtaw8UKWGHiFOjR+F43DFHF/nyis8PMwvzc7QdS2qjnykhpWRQjtpLDpQTFUQhrP972J3uIwc3/WaHJF73IT3EHONyQqnTVQIxOGvt7JaF3K5XOM7dyDI1VQv1c0xv3T0lzAQ86iJX3cdkg41x1QCweVIKUGI1bm1XhO1cR+L/oaFys6joNLUSBbURm9bwK9yySmu+6MqCJ24VqSu5NofdmOlOGCp1ci5Ob8EObh89le18MLgAWbH/9ZUCR47kyJmcIUArlxGN2Ugzj/bN6fR9qJeC61niRtk516BTEF7QdOmB60uSSfTQ0TwrYLTiq/CFPBE+2AKf2eiGYkrWyQy44z/1CRs35oHxM4U8tBPNVTAGu4X0dq/5tcZs2TlDO7VVRolsSLyzO9t/aNh2FVvlJJQfLpVr0/qY6o37q0Yo3PxdGKWsibL6V8HxMcYGUev9C5qlrp/cDR1Llr8F8r4oToXReV3Rt8KA32bZwZ/4+38bTq5nqTPOmBjNJ8QK8KWQK8uxdyoNFxrle3Snen1ioqasN3qh+JNVdbGiid0Sbl2/TKfJQ+/cQuOMKw4mtKRN9TBhR1RtF67xTGJGQ8DnuKCq9mhpJgLJWqg9VfSb49kr3W0+DWjGaSSw0vQaapjdCyJoHEQykmbfVGDR90u41jAHpbuNfywT+mt6XpgJFeH4i4U0xRxm6Zu/rHSQv/+9+sG4rSnLJ2zrm75c33ohrzas+eJeBA8D2DBSWPsVGOIq5AsfEzUuNWD52wCbXh2XQyZENdvxrWzzCQk04N7slLfLyj+QZfCsixMS05gcNQwxfJZlkBiPZgC7zhVCjMOtV4weO994s/mVikag3ZnelFcdKVUb2kWMoJ1075OTiv4Wq/wlvvAnMFCN6Ic7MIujcr8b/NDQpaGbX78QR/GUFaTeQIK3OGkm9yxClW8FZvGsXs1Tpcz5WtNSdlDZbV6nglu6YZIfXoucMX99Me+/mYqMBEm4X2YhzRrhMbdL2i7YhttHXwOqWSb55ITmIXscoZzj76Kfa8rrZ0Ay/vhUKErGPfKlBRSyJfcWIidwlfoKnAevyxpUGpikcWZqnz6nDvZIxjGULjGmV+E5QscXHwX4I6MYHYsbEJgxPY6I3Y865Wwfl00a6TQHNPNF2d3k1Ztql4EciNK8/SVIf1+7sxkj5RM23h3nipnfF4U3X62c7VIVQk/twKoDTVwWB+nvlfLCa1bj3J+V3gn6SRqj4EqWOtwjYebhAph8NjHX+Db9mq75Hofkv9fsnrmLc+Cxthn1njneZNPdgfO4hnRGppVsqT/tAn2le397e3fN9E9ovzlL9e5DhdsFPACnKb5gYEZ7zDbrH5EufdFxxs/yxqX+DlXmmMq1HrLKs/z5H/pKj3NLfzhuHCCqg8liB0+vNGn7Sf+tChHoxPOP4cu/362qAtC0kNra8dVyzLP4Mgpf/Y3yAOeb5IyqSMRCXy3+mN2v9Flta4Yn1vBXimEZV/V1I3fRlU8Ed0q0/LQaNn2DOJlB45M5X0aajILyO0k9FJZA2o5ie+V1VwDGdgFebF1vrlT4ry4zQcedHIKBXkeVhsvkxsT8jW97S073GTf22Wm2yBN2TRDVaEldhl15MfHpDOllhIavGPJ+OB5Yje71SlEkGVz/6VEBT+fV9lFh9Od2xxK+a5ry0lU3yjQtcRPiCDSF0smi6c9ZDqbZso6afHA8L3Apl0LJJ7whAq3tY6+ZwkxYArATbCsYfe8U+9KNLtlW98Mbacuu7NR6NhOFzOcQKsA55FD15JuR7xsCCmuI7IO7qlDjxlLRmy02bpLxfoBncftvmGHUu6SYDOK+srqYwklx5dIjqUroTweFRrmQZZGiE5Z2eK2iXy/rD8d/+l5kcylD0Yht2mrdNmqDdgKURofrZWefrnJsVQsWnL48VGOY+AhZTf3qJpc6qhxYWyCNHrLCMnqPBgMulqj5CjaGH4/VajHzFIOK18eaVcu0XC/Cp148YVasVmi4zO9rTMjKhSAZmVvZ3l7bBVVvuQI0rP6XTudT24ZBVosD5PrR8nFMVEKPIJ/3K0qvq3TlG7ZFqkfWccRrGr7t5nGZleYH69t+yLaBKwEj7LtTHZRJkiDN9Kdt0J6BlOZeZh71maSHj4FikgDqcRmsUOsy3ZJhqFehZjNYgrd8utMC3KjYCOTICBQ7MQUILu3aDdxeVFOCNpVUcIX76jEKN9nSWYQ2PNTN3vdC8Qydo/dEWRi6OqW1ZxTNcYrgpeb09MHTZ3njxofDbBQtb6SDnL99QtwslhXy8jqLD8STMoTsbYdTxWwqSXJVmTAp0rZComyl7i6QY6a0iOaVIeBh0Zga4TzYmHN4hYY3Yw2jrNMdLya+rhdUHXkyJnXVfW+qQqbKCq7P8jbs82yX+OrVvKc31RBNPv6WNUiq32h13InyQrUcnlty4rTA3Z6N2nkK6NR+E91Q9tCtg19amUtZFPlF+GzJHj3Ew5TnswP6sFQNo0NK9aPNB1nBpGGRALr1PiN10oUIWfvVgXc1Mgd9ehTEh2MqiwtF1rvq9WMhZAeGx9okMJrWfPEkGkbpAuM6zRXEjcr/DY111+hvsdjXEawhkkcy6n0/z3urraN3gBE1+q2epXs+WTbTVMz44yqw/YZKBq8C2uT74W6H5MlaNZN6ibfZ8W+UCpSoaVl51TVo414nslTf5d3RC23QXov+keW33UzjztU0XFwjWAPrjZOQ1JrePpttq2T2AA89Yh+sVGtqmvPzoOm9+Adb2M1qAP0WHIcSPwkVkM+/pIqwZcWoI69l0UOo8LB2g7t9Tv3Vi3fMNdkZOWthWeVAe17/l9qUvWn60ZQm62fZtZLuVx+hCVRthL+Muadnt9VW91Zog+XeQXDQvNayj+JWgMDO1FMA104HNr7p4YZTs65g+PmYTMPSOMgWw44DVJF2qYv5WXfMCjj3WDXPSTC4rFsuyYfT3Y7Sl2YZaNoveCawhtnnR9MrfXS7GgTxLHrQvfndBk8GyTdKDDRZcYQiv1iL0nQ1tXtbUFxQdDySZRaEXYN+BtDeFt48raTnC6v7lrJqqyqTCuptqGjxv1el2eOOi/XUl6HVeXfyDZfJYVzWUbBIgpC6g1gaxgSIwqLpsJoYfnCGOyVg+ElTZfY98e7Tqq+P/DVpOqcZcIpbR5vfDLd3d5slkyodpDL7nuWrYcvdCOVeeXLg8n73rhuW+NaKOS4UjXHaaiSoW9e2RcL9fMnGvJck56aF3WAWOs8XWFVh3VQKBbG9PisEjmoWyy+ydXEtkmvwFu1nSFzuicrZbJT/1HCg5w3+MwWFFwyjbH26I0Tc6NJ20OXqEZKkeWjb2ceG7s0HTZ8Z0mLpEZhM9tZV5kEsM1macd4p47U9p1ppbLDpX57NPLlo5D0Bls7cNTPNpOgaxuD3cd/M0Mh0qrBFyPyqZd9o4FpHjQZpzhq0NXN3MtayO1duT3th/CC3ZY5cXnH7JWsKY15pFX4i8DeLuJ7PeJ3VhXtvKnS88Lvihto5BF0I2Dw2QF05HazFyxddvOH95draC9Ykfxr7uYyLKO62Yq//rYbCFYJjwJ3F7GHQiuOjAtJjbvk9ZQ1oiOKQCplBUtFjgodM07PqXd2/i6uujasmXTUNkE2NoESofFpdQxYC1Cla/hR0KjrrPqldoN8RJnjYvcQ3nmFATeVQ8c3L10K3u9RoVb2RbBCuIpLOe4Kb/xFdsSbtidaxfTO1O/L3Sqgp1HSiTHIVpKZZUX6hvnMXVSBV7hamutlu/VMikQ//HUi9+FWkpfJ8p6uxmJV1Cr/cJ5btknmghJbOTG35fUVXlgpzeyEpleuvU4/3iED30sCQ94PfrhPHSflunakZn2HKhh6HizLefn3ksOyCze6BfSwav6BgHi7AQtekhN2VGL+b09tw8jI+oqMcNDZTTxdPSd/qOafWHjS+9rmka+VpmC1rKOyCZwI9R/exB3NpeX/2XdjwY2ZQ7NuvrhXthcFxmfKlB+d6PiFVTcLfCmFo/jYDgKnDvYGaCYl49g1vCOHEPslDZJ4S30oux6cYQgox+mbtaaQsK2SomOSjYu0cGl2d1hQDmvNMy35ofp5SAQlS1Jd3XjWY+S/TKg2dD652JYjItaMg3m35fMdsSu7u01d123Z/kmxGTJlesmqCFxXn6n8bpcFEsE8EhwV2Yf7yjRqjC3moDUzr7yJVjnkE/vLgjJsKTPh1rltI75F72/xirBylLxyJS573DJZ6ThJQSuTokUK33+ItnXPCkoBVaJb3+FDw8OurIrjm5qbXq21n3zfRP3IOJJ3asbzU9/FVElp2KRUY4mCA5894qXzDj4qmXPgknUbcQcHzZmbom2ybBmqNZfav7Yw7RWGjFoRy4V1EYK2pXmE1pKUpokwPVCspoACXvIHRbtHNe2mbrCFvIOB437CUsaxk/ejf/2/mN9WtqfGfEWWgzQimpaDGsZXQl03cXTg6rL3zIy8K7FQaMOg0BjcA1H039QE5dJSLFV27t0XaDn9YX9QixC4puw9PEUTtpMf28y6DA3ol/xVQborN+2YnKxgg+Pawk+n/7ZOG7SCkyba5D0n5/Jnnk/HkV2wRWwfwYt3YTuxkn1pzvJMBGxM04w/3taOPYu9ff2DJZ7fBZXuHoO8DUCXJjtdeuDW8kqoxduypFa7MXAm1yPiUkrD1WB4HPaeJ7kp1Y5naGEgOKioLDM/IA19kxzSPPWkue8f9MYb8zfKzFKrKHSMhcQGAoQFMUyk9WvyYG6sBtzvw4EUnmPr2ze3bDztQONFUg0lO1LL3g80L0KtpPP4nK+xIo7q4NMozilxiwQGY1zc5T50ilRjMju+A1/r7N0wofxC2H1uMD11+L4hZyeP5/9u6nIjX20amyz05d2B2ueHcW757vJ3xHlv/D4z0AW4w99+VSop2VnZUtFAURmUMn0r4ofoHg+3bKoaKQlOK7rBfRavPwf17Gem8/ysQynXTvuQ2JdobPfnokPR/l1z/2Wf5PdiIMRJoMDeJfKNwMiU6JoKdHGzs9Qm1U34BbEx5GwUuXvmj5/CWu4gPB0xFyko4BhGVFtbfF12WKx+Bv/9mPhc48MA5Ll6jE72OVON6vFlxoXr268rtmB6MtprC39GGm6UdYcMCK6P4j/9mBKuY+60Yrs/0W/dztduFSdN932r3ej6dqG+uao23pd4kbIEGjsQfjPzn39k/VI2D/cL46Gv49v/mb8CuwwKftmT7rIQrXhXDmusMzvYlHGqz1wDg3/+aP0r5/kAWAvXPm4O0TJ4FcLZYkXYtrkOHXFDxSklG01Mj+rV0nqdQs7rAptbGcUg3Vd32tfQfp0Bmu9V7Gs8aUUxT8FwUeTV/kPu/dLJVVOzlO+Rqc18lknhD4NFHjasnIOpVobONhqTVRHV6p4efQDB9jYBlXZ9XBxfaYStOVhYFKoZFoeJ5yU8/rRXSQEGbQYWwgTGKvy4v072XqWo2ryFSudx8Of3J4sBmo8gP3fDhoClaNnATI9erIzx6h0H0gbbBxOc1fQs2DpwmPgF0RTxW4WKC5KzpVLrSedYV6rQvmqYWXIdMhH0z/LM9GOTAi0wvbKJLQJ7p4b3gUuzh3dpwG0s2GKH89Rso4NXRMmkfMRZbuRQQK0gDAt9G6TfZ+3Bp0lylA3Vspcw8syxSV+3qwSh6RUNbjxNkbiv/wyU1Y/JC/aPOv/4OL8gjarztqbD3dNTO0E5GUuCGiRSbl810vV1qt2I/FIUjxn2UTqdp0RNw1YH4mGeSGUvva6ZLsuiKm/2m4Of2nkHUSjM89JYXpEAOM/XElkoJIZFWHPVCfwTJPIgiremFnfDDp+YXfd4EO+PpbNZPhnV07oypat/Iiu7L9uauJoksdSrwq7RynZ9VhjA8qvaOR+X0n5d/+XsfNyyxy/7/xxfIlXjiPxV0t1IFLzcK12n4iu21d+JGX0kR+heWRNCVY2hQ1ZyYR4OyNmpXXzatE1zb4gF0fvVfoNVF9Z3lPOPT5KcVEFhbLTs5KEdoORurGYcYp+9O0Sv4peGU6MQT3lGk38+LDqyKeLSfD/5x2b/LxvWLnbQMk0sLHkGgtdh5we1knMAr1tJ7Xmry7uVyvWfLHA9hZ0WTwSf3aINPZp7TrN8y5tMUmxNxhRCPHDfJmI+H4fJDtRwWKAtKZNGE3pyEjNZ61NmmcqWhQtYsmKZutGyrXAJQ7uXFrv8A8Na47oObg0/216aUz0AwZ3i5vnj9nOOfTuXedNP9FVUrpsH82+2mIq/GiFU4jH4qaFxyTaVTACM2fongb/ErQE1tyNvtKtDO9U+h4nZw0JOrTdysbvDiLnHacLBrC+FV3mYvf1nGNYqBDjJJOaZZdWwZZUX2jVWKp05ttKzRs6Q/wJpsitdOTGsGrdvSQ3e1cqt081eSdeVjVLN4wUV9KQqEbISaTopru4VW8qlRhPPp/R0qtGqPsDl/gYkYodqgicd1Y2IG/jXx1hyvZuSX2htu1KtZkDe1XVDgQjuRPebUB/IqJUWTXcq8KHvAKtn+G3DtgilAZfNJl+tHDE1uXSeTPmohUluVGFf5FWnTty8+GnrRi7X5S7qLgrow2x+ZN8WMr2GlJh5XrKQbtYomRw/Y+a9+fGWd8QkeFr4jz1C3dsO0mqO7lnZgo04WGVpcXY3HPApZXmfrC8qt8iT5g128NLAjfXQgMKvbcMbfTQax0Q0WtUV75+Wvu5ELodhF2+7SyjyoRjFj2gfJCmm9KokrA4J08dqVLeEUdiVIzEczC8tRDzbe27Wr67tB0zRuwokD6n+lo0vjhpo9nYFuKX5QuILNjFor7zZ5lGHzhp42l/Y3b+7UDSjZBuUTZpJPcxS8qs1P1eZo0ZMAa8tj/IXvBPkxzpZa7Lg/oN5NFkt5j2zwaIms84KiohaPnKE49NWzLTTvXi3szrbiY3EPHn4c6ciJsqnljA4xldB39K9sBcFzyBC5BKIVxFE6/rRaWrWi4ykIjZuEajL68gw85TWyFZ9ilbvzuNCJ5QaIZ6nCfstuZ8d97umloSvnJFffD8zk1mq3afkh4GkjzwYfE3BEuvR3oUmX1S4HyStriBxrobRijsIJvMBeJau9P1a3YWaVQI0hg6o10CTO+TRl28syU/dkYd81f7chuBI3aJNSpTfyaNTUu7mqwVMim5yJ4B91os3hndehiP2C1HMwJufLt+a3ut8CoUZ9W350oljULvbX1SyYPg2FSDHsF5+ld8buR1ceDmHLfRdZBgdQLzXE/E+iZsTK5GCT1xXiIpINMXmp5jvpTdoOcxVrzCizDkX9aJTlgAhHXEoU0h5oTedbdEWb3nVh9IeP/0AC616ro5MZjDBPgNmWaM//qe0Fmv0kloLPk28i3+7XO36Yp1kGdPm+denVt7D6RHxBmlUU36IabbxluBRFktte0s7lvWV2pk3Z2GYelWbIsGfvL9zhEM0zt7lM9lcyEb4Y5zqUdRtPrdboKeub9KhECkje3rrnXN1wVCFdi71VnuwqaNcuLEsR5cwsYtosVHauaXUSaCYzr7grb9p4cv3wXP4Ak/q/Z8v/dQlrpXiO1oNJ9e8zrQfcDIXM81pXQdHMkPSBZCpnSq1yb1+ZeylXsPw/cPD6xvHWsNgCXERB0rafOt6bt7t7IHU1g5Lf5fk8QXNrXio6/9vGq9oHxQeEF2qXVbSt10EPKi82YYRY9LXYw2QqV+oyUI6dSFUKZj1DnbzRXG3hkSYHPQjKaOorUsdBw8tW+XMbg7uG8zxd3cW4NQsF3Ug7uNGL5jc+gN6HpqWeRy6WSdsVnt65uWAiwNlWDL7JPgZjcPkhf+r4B57qpmc3gnOzozM5k/TVTwL2tIS418X5eUmciP66sabjF6EPJp+b4kejrZVkp+0cYVIhE96dcJX0GNdTZbtJI8goUVh67KZ39WB1lVZBD9uHL/Xucfio79U7DDi5BPvF0SK40gvEG4+d4vB82CnWk08ccuYr6V2ls8RQ4Ac7hzfFSpa5daMZG8let59pIBSPNHuRkyp2sTZewClY9f9jym9AU/QXpW4dZqU2e1cR8LwEYndfWM2hV5P1tlcbn8+mQRFUpDZ96CV/6hK9J90Z6ElMzdfEnzV5LUTWEXWrUsAiOumitThkuAxC+77LOlkhkJpM9/rcRJi7GMOCeOBU4cdBp4FuSxbKZ6DzNaz+YPanyUuY8yDsu0sNoh16K44T0j7dHZxCysOds1J8M3qwNJ6mB0AJRBz5lUgji8b5/NBEym7aHpw2prPunQRckfDRvSY8VerSzZllUEXrA4BUk6DTG85VVAJvK22afONWEBlMFtBjHsO1DHFDYb+291tslhzU1IQxbasB8vIAI9MzCAX9Wo5vOipHaHWRtcQR/lAWsoafPINiFNEIhyTG5toHS3i0rY1FC9P61VnR9bV0G3dbplbV65cxSwC+bZtkyA3y5dv6PxtuymlhAlsd6vdcTVsi9TrVXI28pG9nZwsQXcs/WIa750ilhUxMkNm2XXs2Y8O2v+o51qiXQ8Vv+zjD3XmZfrdRs4kwuVXSCXTbver95vmOschGSrUhBnvAB/VuF6Rxa7ptXi5OBx00hflKonHi5RaPdDpJSzF7StHdcpnrDbtt9J4lww5VeECPhLsMBGq9+m95ASpFaMLNkTcxxQwqfq8VYLjeg3jwnY16YZORWRfN1bPK7SnsEmGESNQCrr7yJDEko7el9cgSMIgTUqhxFt3o95UWZiaWg1btxpFKEvqLQBoiIKcFnC3zczCbIagrlzX7fLURO2v6X4GA587rPDetvOLyCqHc6Yww2YcbG8X1aRYVCfVMdzTzM2aRqSZtnI4Lv6zdUKusbp9gf7h19TUZD/AC6JpJCaqSwF0H2roiTO0P/mWtiH/4L/rbj58rYnl9Gsv9H1vXia6XCd7sY0jzjtrKBCrH2aRSnDDsGMMfYcY7UN78avbBbqwS1IYgbij4IPq450Ud02hBFAeYVIFf/Q1Bc72B2LXn16OdipfhaXc9mItqdhEK0WxXZOVXzK+wYRPSMb1jLU10wVa10gPbIc6Owau5zKkr1e2GzZdB/+2VjJWV0PTYMIR7eL7YXuu1CEWsrFsDECmWYZbCshJ1JP0jmqobSRAcgDMHfJkOzZD95dq7ZQpS30XAImJ6qzslN1f/o7aHOrsWCaBSPjBnndHrK7f8hIfdHVk47rpfezvqrfOIyQ4HoXG0/tMrcVcjHsZOvHXnZ/V5XPQgDgMHoS0MKBbeC+MyVguwzkjy1XeDkT23uwOoTSrqpdKs2Nf/whUpvNKXrZnt5v3//UA6dPJCgtxOyrtD50ZfGfOoaEcpxTWO0lvX0zEzV2+n1i+GESda1iAZRuLgKCFVfckTh+9xi3T5g46wshk+iKR1Tre9pOFuQ8w72Q8qdj4L9ul5ePuljWHFw8qz8YM80cOorQlBLLWg8UBcMnP7Ndq9/Ug4kYWr2JzlO7atGkwbyGhSZU4QdMxydoa00Ze1MaVE2JadrtSJwGsfbrl7F0Y2YT3GdwMi3anTMMtD10ldys0b8Oovu1Fqi+Qj2yAOJaPRZrVepMVCBGVimkM8x6KArsu/Pd+ReLvS9df2OoJPffNwNaUB7Mfq7Etv9h3eZWiPjlAOSpaOBzn5KbuRZ3ZzqLQE42wZz6S3dr53KAOZtD5Cd/eLvpktUmePrphRxe2WuUL+62ySxKiWNQxAJHT5xXOU0eVDl2fHyoj0dV1nQn0l1EEKDH9cOs8z2bCA4w/n7EcleleT7aJTcV6jCmO8CO57r7fU/NJ6c8NM9WwMI8zstNVEuThtf0UcFVHiLKslx6uBcnkOHy2zLC4i+XyXOA/ez91G/M+W6f01br6VRU+/qWTIr1b7HsuXNnq2sBkpmnsA6EjYtGV6zrI6yxKyk3Ddqpbu447FTtDN0zrTE3B8L54PhXyB9aqTr3C52OtchdowMax3Uo2Q5370vt0vtCzojBTRwM9/eO0UGQRO5YHq1Nb2s9BlEHNRQ/oRtPKu/CiYBecIle1FAvZ8NUYkDy28ZHoEi/R9ZOGgvmju1FqX/M5P49uDWoPfJP6Js3uDX06qdeqZPaqzYPv73ztSe1eScFg9kCE4cMd+4WoYgTDQqPgExPNYqmSPLiKPn+LlnDT2V16zFKVDCBpzx+htzmWVhSXNTDJB9UHcmbYVqE8UFXwObMJvifnjDL9WOGaWeRsW4UEh0hHNvbvJm3/IKzF1WmWwsJMxer4kvnzWxBGmzkfzjIb/NDxCbcLuC6bujbJ41O0dVqhlY73zQoEjqHnsEQekqKzejcmAHEiEkHz7zsgatb0kH3pmoPgEk0St2AmKYip3MFk9V5Nm7q47sj8T8mIOTjTRt2LLBDp9UVFdI7Pa+p1ozeChH3WIQcar05/j8d2FhZqz1Q3kYMGQiHbLV2i1HEfw6qprmjfyGk+MI9Z3sjM2H+lg2a+q6V79RBx4qZeQi8xXOWnMsfu2tqxyqUuecL3+5ijd0F3Ff+14xx3RJSreZz2JOvYVjeyWLyCdnAp5AKRPLu/FWi9PgLhsQ9ja3bphs0nCimW6GkXEz6XFfbeFMTZxczcBwg4aQz7qDTLsv1s0VzZV+089PVDpMBF7LutaT32frEKnZSzEG40dq62Huqh8NyDBIXJv8tOa31DuRLhk7Byn+j9MByMC7Jd5EtzvXCksA0etm6TbcaQX2RzojFLZpiFebI8qMVyxaddkrvkzv4Pt7iFz9PXmP4AAAAASUVORK5CYII=); + background-image: none\9; + } + .container { + position: relative; + z-index: 2; + } +} +.jumbotron-icon:after { opacity: .1; } diff --git a/static/fork-awesome/src/doc/assets/less/site/views.less b/static/fork-awesome/src/doc/assets/less/site/views.less new file mode 100644 index 0000000..f0cd3c9 --- /dev/null +++ b/static/fork-awesome/src/doc/assets/less/site/views.less @@ -0,0 +1,50 @@ +// view-specific + +// reset background +.v-get-started, +.v-store, +.v-accessibility { + background: @alert-well-bg; // resetting for depth +} + +// get started +.v-get-started { + + .get-started-cdn { + background: @section-emphasized-bg; + } + + .jumbotron { + border-bottom: none; + } + + // sections + .get-started-cdn { + z-index: 2; + position: relative; + border-radius: @border-radius-base; + padding: @buffer-sm @buffer-xl @buffer-lg @buffer-xl; + } + + .hr .hr-text { + background: @alert-well-bg; + font-family: @font-family-serif; + font-size: (@font-size-large*1.5); + } +} + +// accessibility +.v-accessibility { + + .accessibility-cdn { + background: @section-emphasized-bg; + border-radius: @border-radius-base; + padding: @buffer-lg; + } + + .hr .hr-text { + background: @alert-well-bg; + font-family: @font-family-serif; + font-size: (@font-size-large*1.5); + } +} diff --git a/static/fork-awesome/src/doc/cheatsheet.html b/static/fork-awesome/src/doc/cheatsheet.html new file mode 100644 index 0000000..56c3867 --- /dev/null +++ b/static/fork-awesome/src/doc/cheatsheet.html @@ -0,0 +1,40 @@ +--- +layout: base +title: Font Awesome Cheatsheet +relative_path: ../ +--- +{% capture jumbotron_h1 %}<i class="fa fa-list-ul" aria-hidden="true"></i> Cheatsheet{% endcapture %} +{% capture jumbotron_p %}The complete Font Awesome {{ site.fontawesome.version }} icon reference{% endcapture %} + +{% include jumbotron.html %} +{% include stripe-social.html %} + +<div class="container"> + {% capture stripe_ad_content %} + <p class="lead"> + Print this page to PDF for the complete set of vectors. Or to use on the + desktop, install FontAwesome.otf, set it as the font in your application, + and copy and paste the icons (not the unicode) directly from this page into + your designs. + </p> + {% endcapture %} + + <h2 class="page-header"> + Every {{ site.forkawesome.version }} {{ site.fontawesome.version }} Icon, + CSS Class, & Unicode + </h2> + + <div class="row"> + {% assign sorted_icons = icons | expand_aliases | sort_by:'class' %} + + {% for icon in sorted_icons %} + <div class="col-md-4 col-sm-6 col-lg-3 col-print-4"> + {% if icon.created >= site.fontawesome.major_version %}<small class="text-muted pull-right">{{ icon.created }}</small>{% endif %} + <i class="fa fa-fw" aria-hidden="true" title="Copy to use {{ icon.class }}">&#x{{ icon.unicode }};</i> + fa-{{ icon.class }} + {% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %} + <span class="text-muted">[&#x{{ icon.unicode }};]</span> + </div> + {% endfor %} + </div> +</div> diff --git a/static/fork-awesome/src/doc/community.html b/static/fork-awesome/src/doc/community.html new file mode 100644 index 0000000..236aa06 --- /dev/null +++ b/static/fork-awesome/src/doc/community.html @@ -0,0 +1,21 @@ +--- +layout: base +title: The Fork Awesome Community +navbar_active: community +relative_path: ../ +--- +{% capture jumbotron_h1 %}<i class="fa fa-community" aria-hidden="true"></i> Community{% endcapture %} +{% capture jumbotron_p %}Lots of ways to get involved with {{ site.forkawesome.name }}{% endcapture %} + +{% include jumbotron.html %} +{% include stripe-social.html %} + +<div class="container"> + {% include community/getting-support.html %} + {% include community/requesting-new-icons.html %} + {% include community/reporting-bugs.html %} + {% include community/submitting-pull-requests.html %} + {% include community/project-milestones.html %} + + {% include thanks-to.html %} +</div> diff --git a/static/fork-awesome/src/doc/design.html b/static/fork-awesome/src/doc/design.html new file mode 100644 index 0000000..9c5830d --- /dev/null +++ b/static/fork-awesome/src/doc/design.html @@ -0,0 +1 @@ +<META HTTP-EQUIV=REFRESH CONTENT="0; URL=cheatsheet/"> diff --git a/static/fork-awesome/src/doc/examples.html b/static/fork-awesome/src/doc/examples.html new file mode 100644 index 0000000..58a0f51 --- /dev/null +++ b/static/fork-awesome/src/doc/examples.html @@ -0,0 +1,40 @@ +--- +layout: base +title: Fork Awesome Examples +navbar_active: examples +relative_path: ../ +--- +{% capture jumbotron_h1 %}<i class="fa fa-magic" aria-hidden="true"></i> Examples{% endcapture %} +{% capture jumbotron_p %}Lots of easy ways to use {{ site.forkawesome.name }}{% endcapture %} + +{% include jumbotron.html %} +{% include stripe-social.html %} + +<div class="container"> + <p class="lead"> + After you <a href="{{ page.relative_path }}get-started/">get up and running</a>, you can place {{ site.forkawesome.name }} icons just about + anywhere with the <code><i></code> tag. + Some examples appreciatively re-used from the <a href="{{ site.bootstrap.url }}">Bootstrap documentation</a>. + </p> + + <div class="alert alert-success gg"> + <div class="gg-col min-width"> + <i class="fa fa-universal-access fa-2x" aria-hidden"true"></i> + </div> + <div class="gg-col padding-left"> + <p class="margin-bottom-none">The following examples are kept simple. So please be sure to visit the <a href="{{ page.relative_path }}examples/#accessible">manual accessibility examples</a> and read more about <a href="{{ page.relative_path }}accessibility">making your icons accessible for all users</a>.</p> + </div> + </div> + + {% include examples/basic.html %} + {% include examples/larger.html %} + {% include examples/fixed-width.html %} + {% include examples/list.html %} + {% include examples/bordered-pulled.html %} + {% include examples/animated.html %} + {% include examples/rotated-flipped.html %} + {% include examples/stacked.html %} + {% include examples/bootstrap.html %} + {% include examples/custom.html %} + {% include examples/accessible.html %} +</div> diff --git a/static/fork-awesome/src/doc/get-started.html b/static/fork-awesome/src/doc/get-started.html new file mode 100644 index 0000000..59dc25c --- /dev/null +++ b/static/fork-awesome/src/doc/get-started.html @@ -0,0 +1,143 @@ +--- +layout: base +title: Get Started with Fork Awesome +navbar_active: get-started +view_class: v-get-started +relative_path: ../ +--- +{% capture jumbotron_h1 %}<i class="fa fa-cogs" aria-hidden="true"></i> Get Started{% endcapture %} +{% capture jumbotron_p %}Easy ways to get {{ site.forkawesome.name }} {{ site.forkawesome.version }} onto your website{% endcapture %} + +{% include jumbotron.html %} + +<div class="container"> + <section class="get-started-CDN margin-top-lg" id="get-started-CDN"> + <h2 class="page-header clearfix"> + Use a CDN + </h2> + + <div class="row"> + <div class="col-md-12"> + <p>The simplest way to get {{ site.forkawesome.name }} in your project is to copy the line below in between the <code><head></code> tags of your HTML source files. Then check the <a href="{{ page.relative_path }}examples/">examples</a> to start displaying icons. + <p> +{% highlight html %} +<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@{{ site.forkawesome.version }}/css/fork-awesome.min.css" integrity="{% sri_hash css/fork-awesome.min.css %}" crossorigin="anonymous"> +{% endhighlight %} + </p> + <p>Thanks to <a href="https://www.jsdelivr.com/package/npm/fork-awesome">jsDelivr</a> for providing the CDN for {{ site.forkawesome.name }}</p> + </div> + </div> + </section> + + <div class="hr margin-top-xl"> + <span class="hr-text text-xl text-muted">or</span> + </div> + + <section class="get-started-download" id="get-started-download"> + <h2 class="page-header clearfix"> + Download & Customize + </h2> + + <div class="row"> + <div class="col-md-9"> + <p class="text-lg"> + Want to manage and host {{ site.forkawesome.name }} assets yourself? You can + <a href="#modal-download" data-toggle="modal">download</a>, + customize, and use the icons and default styling manually. Both CSS and CSS Preprocessor (Sass and Less) formats are included.</p> + </div> + + <div class="col-md-3"> + <a class="btn btn-default btn-lg btn-block" href="#modal-download" data-toggle="modal"> + <i class="fa fa-download fa-lg margin-right-sm"></i> + Download + </a> + </div> + </div> + + <div class="download-css margin-bottom-xl" id="download-css"> + <h3>Using CSS</h3> + + <ol> + <li>Copy the entire <code>fork-awesome</code> directory into your project.</li> + <li> + In the <code><head></code> of your html, reference the location to your font-awesome.min.css. +{% highlight html %} +<link rel="stylesheet" href="path/to/fork-awesome/css/fork-awesome.min.css"> +{% endhighlight %} + </li> + <li>Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using {{ site.forkawesome.name }}!</li> + </ol> + </div> + + <div class="download-preprocessors" id="download-preprocessors"> + <h3>Using Sass or Less</h3> + + <p>Use this method to customize {{ site.forkawesome.name }} {{ site.forkawesome.version }} using Less or Sass.</p> + <ol> + <li>Copy the <code>fork-awesome/</code> directory into your project.</li> + <li> + Open your project's <code>fork-awesome/less/variables.less</code> or <code>fork-awesome/scss/_variables.scss</code> and edit the <code>@fa-font-path</code> or <code>$fa-font-path</code> + variable to point to your font directory. +{% highlight scss %} +@fa-font-path: "../font"; +{% endhighlight %} + <p class="alert alert-success"><i class="fa fa-info-circle"></i> The font path is relative from your compiled CSS directory.</p> + </li> + <li>Re-compile your Less or Sass if using a static compiler. Otherwise, you should be good to go.</li> + <li>Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using {{ site.forkawesome.name }}!</li> + </ol> + </div> + </section> + + <div class="hr margin-top-xl"> + <span class="hr-text text-xl text-muted">or</span> + </div> + + <section class="get-started-Cpp margin-top-lg" id="get-started-Cpp"> + <h2 class="page-header clearfix"> + Use {{ site.forkawesome.name }} in your C or C++ applications + </h2> + + <div class="row"> + <div class="col-md-12"> + <p>Juliette Foucault has created a little library called <a href="https://github.com/juliettef/IconFontCppHeaders">IconFontCppHeaders</a> to help use a few icon fonts in your C or C++ projects and {{ site.forkawesome.name }} is part of it.</p> +{% highlight c %} +#include "IconsForkAwesome.h" +{% endhighlight %} + </div> + </div> + </section> + + <div class="hr margin-top-xl"> + </div> + + <section class="get-started-more margin-top-lg" id="get-started-more"> + <h2 class="page-header">More Information</h2> + </section> + + <div class="row"> + <div class="col-md-6" id="support-validators"> + <h4>Validators</h4> + <p>In order to provide the best possible experience to old and buggy browsers, {{ site.forkawesome.name }} uses <a href="http://browserhacks.com">CSS browser hacks</a> in several places to target special CSS to certain browser versions in order to work around bugs in the browsers themselves. These hacks understandably cause CSS validators to complain that they are invalid. In a couple places, we also use bleeding-edge CSS features that aren't yet fully standardized, but these are used purely for progressive enhancement.</p> + <p>These validation warnings don't matter in practice since the non-hacky portion of our CSS does fully validate and the hacky portions don't interfere with the proper functioning of the non-hacky portion, hence why we deliberately ignore these particular warnings.</p> + <p><a href="http://getbootstrap.com/getting-started/#support-validators">Getting started - Validators</a> by <a href="http://getbootstrap.com/about/#team">Bootstrap Team</a> is licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a></p> + </div> + + <div class="col-md-6" id="ie8-font-face"> + <h4>Internet Explorer 8 and @font-face</h4> + <p>IE8 has some issues with <code>@font-face</code> when combined with <code>:before</code>. + {{ site.forkawesome.name }} uses that combination. If a page is cached, and loaded without the mouse over the window + (i.e. hit the refresh button or load something in an iframe) then the page gets rendered before the font loads. + Hovering over the page (body) will show some of the icons and hovering over the remaining icons will show those as well. + <a href="https://github.com/FortAwesome/Font-Awesome/issues/954">See issue #954</a> for details.</p> + <p><a href="http://getbootstrap.com/getting-started/#support-ie8-font-face">Getting started - Internet Explorer 8 and @font-face</a> by <a href="http://getbootstrap.com/about/#team">Bootstrap Team</a> is licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a></p> + + <h4>Need IE7 Support?</h4> + <p> + Sorry, {{ site.forkawesome.name }} {{ site.forkawesome.version }} + doesn't support IE7, but an older version of {{ site.fontawesome.name }} does (v3.2.1, if you can still find it). + </p> + </div> + </div> + +{% include modals/download.html %} diff --git a/static/fork-awesome/src/doc/icons.html b/static/fork-awesome/src/doc/icons.html new file mode 100644 index 0000000..73fc8fb --- /dev/null +++ b/static/fork-awesome/src/doc/icons.html @@ -0,0 +1,32 @@ +--- +layout: base +title: Fork Awesome Icons +navbar_active: icons +relative_path: ../ +--- +{% capture jumbotron_h1 %}<i class="fa fa-fork-awesome" aria-hidden="true"></i> The Icons{% endcapture %} +{% capture jumbotron_p %}The complete set of {{ icons | size }} icons in {{ site.forkawesome.name }} {{ site.forkawesome.version }}{% endcapture %} + +{% include jumbotron.html %} + +<div class="container" data-view="search"> + <div id="icons"> + {% include icons/new.html %} + {% include icons/web-application.html %} + {% include icons/accessibility.html %} + {% include icons/hand.html %} + {% include icons/transportation.html %} + {% include icons/gender.html %} + {% include icons/file-type.html %} + {% include icons/spinner.html %} + {% include icons/form-control.html %} + {% include icons/payment.html %} + {% include icons/chart.html %} + {% include icons/currency.html %} + {% include icons/text-editor.html %} + {% include icons/directional.html %} + {% include icons/video-player.html %} + {% include icons/brand.html %} + {% include icons/medical.html %} + </div> +</div> diff --git a/static/fork-awesome/src/doc/index.html b/static/fork-awesome/src/doc/index.html new file mode 100644 index 0000000..dc44995 --- /dev/null +++ b/static/fork-awesome/src/doc/index.html @@ -0,0 +1,16 @@ +--- +layout: base +title: Fork Awesome, a fork of the iconic font and CSS toolkit +navbar_active: home +relative_path: ./ +--- + +{% include jumbotron-carousel.html %} +{% include stripe-social.html %} + +<div class="container"> + {% include why.html %} + {% include thanks-to.html %} +</div> + +{% include modals/download.html %} diff --git a/static/fork-awesome/src/doc/license.html b/static/fork-awesome/src/doc/license.html new file mode 100644 index 0000000..88ac92d --- /dev/null +++ b/static/fork-awesome/src/doc/license.html @@ -0,0 +1,75 @@ +--- +layout: base +title: Fork Awesome License +navbar_active: license +relative_path: ../ +--- +{% capture jumbotron_h1 %}<i class="fa fa-gavel" aria-hidden="true"></i> License{% endcapture %} +{% capture jumbotron_p %}The full details of how {{ site.forkawesome.name }} is licensed{% endcapture %} + +{% include jumbotron.html %} +{% include stripe-social.html %} + +<div class="container"> + <p class="lead"> + {{ site.forkawesome.name }} is fully open source and is GPL friendly. You + can use it for commercial projects, open source projects, or really just + about whatever you want. + </p> + + <section> + <h2 class="page-header">Font License</h2> + <ul> + <li> + Applies to all desktop and webfont files in the following directory: + <code>fonts/</code>. + </li> + <li> + Applies to all glyphs and SVG files in the following directory: + <code>src/icons/svg/</code>. + </li> + <li>License: {{ site.forkawesome.license.font.version }}</li> + <li> + URL: <a href="{{ site.forkawesome.license.font.url }}"> + {{ site.forkawesome.license.font.url }}</a> + </li> + </ul> + </section> + + <section> + <h2 class="page-header">Code License</h2> + <ul> + <li> + Applies to all CSS and LESS files in the following directories: + <code>fork-awesome/css/</code>, + <code>fork-awesome/less/</code>, and + <code>fork-awesome/scss/</code>. + </li> + <li>License: {{ site.forkawesome.license.code.version }}</li> + <li> + URL: <a href="{{ site.forkawesome.license.code.url }}"> + {{ site.forkawesome.license.code.url }}</a> + </li> + </ul> + </section> + + <section> + <h2 class="page-header">Documentation License</h2> + <ul> + <li> + Applies to all {{ site.forkawesome.name }} project files that are not + a part of the Font or Code licenses. + </li> + <li>License: {{ site.forkawesome.license.documentation.version }}</li> + <li> + URL: <a href="{{ site.forkawesome.license.documentation.url }}"> + {{ site.forkawesome.license.documentation.url }}</a> + </li> + </ul> + </section> + + <section> + <h2 class="page-header">Brand Icons</h2> + {% include brand-license.html %} + </section> +</div> diff --git a/static/fork-awesome/src/doc/store.html b/static/fork-awesome/src/doc/store.html new file mode 100644 index 0000000..325b3c2 --- /dev/null +++ b/static/fork-awesome/src/doc/store.html @@ -0,0 +1,63 @@ +--- +layout: base +title: Official Merchandise +navbar_active: store +view_class: v-store +relative_path: ../ +--- +{% capture jumbotron_h1 %}<i class="fa fa-shopping-cart fa-lg valign-baseline" aria-hidden="true"></i> Awesome Swag{% endcapture %} +{% capture jumbotron_p %}Show your love & support of Font Awesome with official merchandise!{% endcapture %} + +{% include jumbotron.html %} + +<div class="content-underlay"></div> + +<div class="container"> + <div class="row"> + <div class="col-sm-6 col-lg-4"> + {% include products/fa-ther-tee.html %} + </div> + <div class="col-sm-6 col-lg-4"> + {% include products/space-shuttle-tee.html %} + </div> + <div class="col-sm-6 col-lg-4"> + {% include products/rock-paper-scissors-lizard-spock-tee.html %} + </div> + <div class="col-sm-6 col-lg-4"> + {% include products/white-logo-tee.html %} + </div> + <div class="col-sm-6 col-lg-4"> + {% include products/camera-retro-tee.html %} + </div> + <div class="col-sm-6 col-lg-4"> + {% include products/old-skool-tee.html %} + </div> + <div class="col-sm-6 col-lg-4"> + {% include products/classics-tee.html %} + </div> + <div class="col-sm-6 col-lg-4"> + {% include products/green-logo-tee.html %} + </div> + <div class="col-sm-12 col-lg-4"> + {% include products/cta-suggestions.html %} + </div> + </div> + + <hr> + + <div class="row"> + <div class="col-sm-12 col-md-6"> + <h4>About Font Awesome Products</h4> + <p> + There might be times where you want to insert a bit of Font Awesome in the real world. That's why we're trying out some schwag. We hope you enjoy our icons and their fun spirit out in the wild and appreciate the support you're showing and giving by doing so. <strong>You're putting the Awesome in Font Awesome!</strong> + </p> + </div> + + <div class="col-sm-12 col-md-6"> + <h4>Shipping, Tracking, & Refunding Orders</h4> + <p> + All of our products are managed through <a href="http://www.amazon.com/s/ref=w_bl_sl_s_ap_web_7141123011?ie=UTF8&node=7141123011&field-brandtextbin=Font+Awesome"><i class="fas fas-amazon"></i> Amazon</a>. Shipping rates and schedules are managed through their storefront. You'll be able to track your placed orders and contact Amazon's responsive support about refunds, issues, or questions. Ratings and feedback are always welcome either on the product page or <a href="mailto:suggestions@fortawesome.com">directly to us</a>. + </p> + </div> + </div> +</div> diff --git a/static/fork-awesome/src/doc/test/all.html b/static/fork-awesome/src/doc/test/all.html new file mode 100644 index 0000000..ef4d8ff --- /dev/null +++ b/static/fork-awesome/src/doc/test/all.html @@ -0,0 +1,54 @@ +--- +relative_path: ../../ +--- + +<!DOCTYPE html> +<html> + <head> + <link rel="stylesheet" href="{{ page.relative_path }}assets/css/site.css"> + <link rel="stylesheet" href="{{ page.relative_path }}assets/fork-awesome/css/fork-awesome.css"> + </head> + + <body> + <div class="container"> + <div> + <h1>All</h1> + <div> + {% for icon in icons %} + <i class="fa fa-{{ icon.id }}"></i>{% endfor %} + </div> + </div> + + + <div> + <h1>All (Unicode)</h1> + {% for icon in icons %} + <i class="fa">&#x{{ icon.unicode }}</i> + {% endfor %} + </div> + + <div> + <h1>Non-Brand (Unicode)</h1> + + {% for icon in icons %} + {% unless icon.categories contains "Brand Icons" %} + <i class="fa">&#x{{ icon.unicode }}</i> + {% endunless %} + {% endfor %} + </div> + + <div> + <h1>Brand (Unicode)</h1> + + {% for icon in icons %} + {% if icon.categories contains "Brand Icons" %} + <i class="fa">&#x{{ icon.unicode }}</i> + {% endif %} + {% endfor %} + </div> + + + </div> + </body> + +</html> diff --git a/static/fork-awesome/src/doc/test/cdn.html b/static/fork-awesome/src/doc/test/cdn.html new file mode 100644 index 0000000..8bfadf6 --- /dev/null +++ b/static/fork-awesome/src/doc/test/cdn.html @@ -0,0 +1,53 @@ +--- +relative_path: ../../ +--- + +<!DOCTYPE html> +<html> + <head> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@{{ site.forkawesome.version }}/css/fork-awesome.min.css"> + </head> + + <body> + <div class="container"> + <div> + <h1>All</h1> + <div> + {% for icon in icons %} + <i class="fa fa-{{ icon.id }}"></i>{% endfor %} + </div> + </div> + + + <div> + <h1>All (Unicode)</h1> + {% for icon in icons %} + <i class="fa">&#x{{ icon.unicode }}</i> + {% endfor %} + </div> + + <div> + <h1>Non-Brand (Unicode)</h1> + + {% for icon in icons %} + {% unless icon.categories contains "Brand Icons" %} + <i class="fa">&#x{{ icon.unicode }}</i> + {% endunless %} + {% endfor %} + </div> + + <div> + <h1>Brand (Unicode)</h1> + + {% for icon in icons %} + {% if icon.categories contains "Brand Icons" %} + <i class="fa">&#x{{ icon.unicode }}</i> + {% endif %} + {% endfor %} + </div> + + + </div> + </body> + +</html> diff --git a/static/fork-awesome/src/doc/test/glyphicons.html b/static/fork-awesome/src/doc/test/glyphicons.html new file mode 100644 index 0000000..fefb8ba --- /dev/null +++ b/static/fork-awesome/src/doc/test/glyphicons.html @@ -0,0 +1,795 @@ +--- +title: Glyphicons Visual Test Cases +relative_path: ../ +--- + + +<!DOCTYPE html> +<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> +<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> +<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> +<!--[if (gte IE 9)|!(IE)]><!--> +<html lang="en" xmlns="http://www.w3.org/1999/html"> <!--<![endif]--> +<head> + <!-- Basic Page Needs + ================================================== --> + <meta charset="utf-8" /> + <title>{% if page.title %}{{ page.title }}{% endif %}</title> + <meta name="description" content="Font Awesome, the iconic font designed for Bootstrap"> + <meta name="author" content="Dave Gandy"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">--> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- CSS + ================================================== --> + + <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="{{ page.relative_path }}assets/ico/favicon.ico"> + + <script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script> + <script type="text/javascript">try{Typekit.load();}catch(e){}</script> + + <script type="text/javascript"> + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-30136587-1']); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- necessary for sticky footer. wrap all content except footer --> + +<section class="container"> +<h1 class="page-header">Visual Test Cases</h1> + +<h3>Icons <small>Icons should have proper alignment and not be clipped</small></h3> +<div class="row"> + <div class="col-md-3"> + <div class="well"> + <i class="glyphicon glyphicon-calendar"></i> Calendar + </div> + </div> + <div class="col-md-3"> + <div class="well"> + <i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Calendar Large + </div> + </div> + <div class="col-md-3"> + <i class="glyphicon glyphicon-calendar"></i> Calendar + </div> + <div class="col-md-3"> + <i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Calendar Large + </div> +</div> +<div class="row" style="font-size: 24px; line-height: 1.5em;"> + <div class="col-md-4"> + <div class="well"> + <i class="glyphicon glyphicon-calendar"></i> Calendar + </div> + </div> + <div class="col-md-4"> + <div class="well"> + <i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Calendar Large + </div> + </div> + <div class="col-md-4"> + <i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Calendar Large + </div> +</div> +<div class="row"> + <div class="col-md-3"> + <div class="well"> + <i class="glyphicon glyphicon-minus-sign"></i> Circle + </div> + </div> + <div class="col-md-3"> + <div class="well"> + <i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Circle Large + </div> + </div> + <div class="col-md-3"> + <i class="glyphicon glyphicon-minus-sign"></i> Circle + </div> + <div class="col-md-3"> + <i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Circle Large + </div> +</div> +<div class="row" style="font-size: 24px; line-height: 1.5em;"> + <div class="col-md-4"> + <div class="well"> + <i class="glyphicon glyphicon-minus-sign"></i> Circle + </div> + </div> + <div class="col-md-4"> + <div class="well"> + <i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Circle Large + </div> + </div> + <div class="col-md-4"> + <i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Circle Large + </div> +</div> + + +<h3>Links with Icons <small>icon should activate link & underline</small></h3> +<div class="row lead"> + <div class="col-md-3"> + <a href="#"><i class="glyphicon glyphicon-calendar"></i> Link Here</a> + </div> + <div class="col-md-3"> + <a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Link Here</a> + </div> + <div class="col-md-3"> + <a href="#">Link Here <i class="glyphicon glyphicon-chevron-right"></i></a> + </div> + <div class="col-md-3"> + <a href="#">Link Here <i class="glyphicon glyphicon-chevron-right glyphicon-lg"></i></a> + </div> +</div> +<div class="row"> + <div class="col-md-3"> + <a href="#"><i class="glyphicon glyphicon-calendar"></i> Link Here</a> + </div> + <div class="col-md-3"> + <a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Link Here</a> + </div> + <div class="col-md-3"> + <a href="#">Link Here <i class="glyphicon glyphicon-chevron-right"></i></a> + </div> + <div class="col-md-3"> + <a href="#">Link Here <i class="glyphicon glyphicon-chevron-right glyphicon-lg"></i></a> + </div> +</div> + + +<h3>Navbar <small>should stay same height </small></h3> +<nav class="navbar navbar-inverse" role="navigation"> + <a class="navbar-brand" href="#"><i class="glyphicon glyphicon-flag"></i> Font Awesome</a> + <ul class="nav navbar-nav"> + <li style="border: solid 1px white;"><a href="#">Nav Item 1</a></li> + <li class="dropdown" style="border: solid 1px white;"> + <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> + Nav Item 2 + <b class="caret"></b> + </a> + <ul class="dropdown-menu" role="menu"> + <li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Menu Item 1</a></li> + <li><a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Menu Item 2</a></li> + </ul> + </li> + <li style="border: solid 1px white;"><a href="#examples"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Nav Item 3</a></li> + <li style="border: solid 1px white;"><a href="#examples"><i class="glyphicon glyphicon-envelope"></i> Nav Item 4</a></li> + <li style="border: solid 1px white;"><a href="#examples"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Nav Item 5</a></li> + <li style="border: solid 1px white;"><a href="#examples"><i class="glyphicon glyphicon-minus-sign"></i> Nav Item 6</a></li> + </ul> +</nav> + + +<h3>Plain buttons next to buttons w/icons <small>should be same height, icons not clipped</small></h3> +<h4>Buttons</h4> +<div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <button class="btn btn-default btn-xs">Button</button> + <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar"></i> Button</button> + <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar"></i></button> + </div> + <div> + <button class="btn btn-default btn-sm">Button</button> + <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar"></i> Button</button> + <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar"></i></button> + </div> + <div> + <button class="btn btn-default">Button</button> + <button class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i> Button</button> + <button class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></button> + </div> + <div> + <button class="btn btn-default btn-lg">Button</button> + <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar"></i> Button</button> + <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar"></i></button> + </div> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <button class="btn btn-default btn-xs">Button</button> + <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</button> + <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></button> + </div> + <div> + <button class="btn btn-default btn-sm">Button</button> + <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</button> + <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></button> + </div> + <div> + <button class="btn btn-default">Button</button> + <button class="btn btn-default"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</button> + <button class="btn btn-default"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></button> + </div> + <div> + <button class="btn btn-default btn-lg">Button</button> + <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</button> + <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></button> + </div> + </div> + </div> +</div> +<div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <button class="btn btn-default btn-xs">Button</button> + <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign"></i> Button</button> + <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign"></i></button> + </div> + <div> + <button class="btn btn-default btn-sm">Button</button> + <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign"></i> Button</button> + <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign"></i></button> + </div> + <div> + <button class="btn btn-default">Button</button> + <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign"></i> Button</button> + <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign"></i></button> + </div> + <div> + <button class="btn btn-default btn-lg">Button</button> + <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign"></i> Button</button> + <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign"></i></button> + </div> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <button class="btn btn-default btn-xs">Button</button> + <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</button> + <button class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></button> + </div> + <div> + <button class="btn btn-default btn-sm">Button</button> + <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</button> + <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></button> + </div> + <div> + <button class="btn btn-default">Button</button> + <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</button> + <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></button> + </div> + <div> + <button class="btn btn-default btn-lg">Button</button> + <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</button> + <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></button> + </div> + </div> + </div> +</div> + + +<h4>Anchors</h4> +<div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <a class="btn btn-default btn-xs">Button</a> + <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar"></i> Button</a> + <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar"></i></a> + </div> + <div> + <a class="btn btn-default btn-sm">Button</a> + <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar"></i> Button</a> + <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar"></i></a> + </div> + <div> + <a class="btn btn-default">Button</a> + <a class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i> Button</a> + <a class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></a> + </div> + <div> + <a class="btn btn-default btn-lg">Button</a> + <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar"></i> Button</a> + <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar"></i></a> + </div> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <a class="btn btn-default btn-xs">Button</a> + <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</a> + <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></a> + </div> + <div> + <a class="btn btn-default btn-sm">Button</a> + <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</a> + <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></a> + </div> + <div> + <a class="btn btn-default">Button</a> + <a class="btn btn-default"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</a> + <a class="btn btn-default"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></a> + </div> + <div> + <a class="btn btn-default btn-lg">Button</a> + <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Button</a> + <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i></a> + </div> + </div> + </div> +</div> +<div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <a class="btn btn-default btn-xs">Button</a> + <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign"></i> Button</a> + <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign"></i></a> + </div> + <div> + <a class="btn btn-default btn-sm">Button</a> + <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign"></i> Button</a> + <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign"></i></a> + </div> + <div> + <a class="btn btn-default">Button</a> + <a class="btn btn-default"><i class="glyphicon glyphicon-minus-sign"></i> Button</a> + <a class="btn btn-default"><i class="glyphicon glyphicon-minus-sign"></i></a> + </div> + <div> + <a class="btn btn-default btn-lg">Button</a> + <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign"></i> Button</a> + <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign"></i></a> + </div> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <a class="btn btn-default btn-xs">Button</a> + <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</a> + <a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></a> + </div> + <div> + <a class="btn btn-default btn-sm">Button</a> + <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</a> + <a class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></a> + </div> + <div> + <a class="btn btn-default">Button</a> + <a class="btn btn-default"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</a> + <a class="btn btn-default"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></a> + </div> + <div> + <a class="btn btn-default btn-lg">Button</a> + <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Button</a> + <a class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i></a> + </div> + </div> + </div> +</div> + +<h3>Button groups <small>should be same height</small></h3> +<div class="row"> + <div class="col-md-4"> + <div style="border: solid 1px #d3d3d3;"> + <div class="btn-group"> + <button class="btn btn-default btn-lg"> + <i class="icon-adjust"></i> + </button> + <button class="btn btn-default btn-lg"> + Text + </button> + </div> + </div> + </div> + <div class="col-md-4"> + <div style="border: solid 1px #d3d3d3;"> + <div class="btn-group"> + <button class="btn btn-default"> + <i class="icon-adjust"></i> + </button> + <button class="btn btn-default"> + Text + </button> + </div> + </div> + </div> + <div class="col-md-4"> + <div style="border: solid 1px #d3d3d3;"> + <div class="btn-group"> + <button class="btn btn-default btn-sm"> + <i class="icon-adjust"></i> + </button> + <button class="btn btn-default btn-sm"> + Text + </button> + </div> + </div> + </div> +</div> + +<h3>Buttons with pulled 2x, 3x, 4x <small>should be same height, have correct line height</small></h3> +<div class="row"> + <div class="col-md-4"> + <div style="border: solid 1px #d3d3d3;"> + <a class="btn btn-default btn-lg" href="#"> + <i class="icon-github icon-2x pull-left"></i> + Longer<br>Button</a> + <a class="btn btn-default btn-lg" href="#"> + Longer<br>Button</a> + </div> + </div> + <div class="col-md-4"> + <div style="border: solid 1px #d3d3d3;"> + <a class="btn btn-default" href="#"> + <i class="icon-github icon-2x pull-left"></i> + Longer<br>Button</a> + <a class="btn btn-default" href="#"> + Longer<br>Button</a> + </div> + </div> + <div class="col-md-4"> + <div style="border: solid 1px #d3d3d3;"> + <a class="btn btn-default btn-sm" href="#"> + <i class="icon-github icon-2x pull-left"></i> + Longer<br>Button</a> + <a class="btn btn-default btn-sm" href="#"> + Longer<br>Button</a> + </div> + </div> +</div> + + +<h3>Nav pills & nav tabs <small>should be same height and properly vertically aligned</small></h3> +<div class="row"> + <div class="col-md-9"> + <ul class="nav nav-pills" style="border: solid 1px #d3d3d3;"> + <li class="active"><a href="#">Nav Item 1</a></li> + <li class="dropdown active"> + <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> + Nav Item 2 + <col-md- class="caret"></col-md-> + </a> + <ul class="dropdown-menu" role="menu"> + <li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Menu Item 1</a></li> + <li><a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Menu Item 2</a></li> + </ul> + </li> + <li class="dropdown active"> + <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> + Nav Item 3 + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu" role="menu"> + <li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Menu Item 1</a></li> + <li><a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Menu Item 2</a></li> + </ul> + </li> + <li class="active"><a href="#examples"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Nav Item 4</a></li> + <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li> + <li class="active"><a href="#examples"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Nav Item 6</a></li> + <li class="active"><a href="#examples"><i class="glyphicon glyphicon-minus-sign"></i> Nav Item 7</a></li> + </ul> + <ul class="nav nav-tabs"> + <li class="active"><a href="#">Nav Item 1</a></li> + <li class="dropdown active"> + <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> + Nav Item 2 + <col-md- class="caret"></col-md-> + </a> + <ul class="dropdown-menu" role="menu"> + <li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Menu Item 1</a></li> + <li><a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Menu Item 2</a></li> + </ul> + </li> + <li class="dropdown active"> + <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> + Nav Item 3 + <i class="icon-caret-down"></i> + </a> + <ul class="dropdown-menu" role="menu"> + <li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Menu Item 1</a></li> + <li><a href="#"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Menu Item 2</a></li> + </ul> + </li> + <li class="active"><a href="#examples"><i class="glyphicon glyphicon-calendar glyphicon-lg"></i> Nav Item 4</a></li> + <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li> + <li class="active"><a href="#examples"><i class="glyphicon glyphicon-minus-sign glyphicon-lg"></i> Nav Item 6</a></li> + <li class="active"><a href="#examples"><i class="glyphicon glyphicon-minus-sign"></i> Nav Item 7</a></li> + </ul> + </div> + <div class="col-md-3"> + <ul class="nav nav-list"> + <li> + <a href="#c1"> + <i class="icon-chevron-right icon-fixed-width pull-right"></i> Overview + </a> + </li> + <li> + <a href="#c1"> + Overview + <i class="icon-chevron-right icon-fixed-width pull-right"></i> + </a> + </li> + </ul> + </div> +</div> + + + +<h3>2x, 3x, 4x icons in text <small>should have margins next to and below text</small></h3> +<div class="row"> + <div class="col-md-6"> + <p class="lead"> + <i class="icon-stethoscope icon-3x pull-left icon-border"></i> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. + </p> + </div> + <div class="col-md-6"> + <p class="lead"> + <i class="icon-ambulance icon-4x pull-right icon-border"></i> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. + </p> + </div> +</div> +<div class="row"> + <div class="col-md-4"> + <i class="glyphicon glyphicon-calendar icon-2x pull-left icon-border"></i> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. + </div> + <div class="col-md-4"> + <i class="icon-stethoscope icon-3x pull-right icon-border"></i> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. + </div> + <div class="col-md-4"> + <i class="icon-ambulance icon-4x pull-left"></i> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. + </div> +</div> + + +<h3>Bullets <small>should wrap appropriately, have proper spacing</small></h3> +<div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="icons-ul"> + <li><i class="icon-li glyphicon glyphicon-chevron-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="icon-li glyphicon glyphicon-calendar"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. + <i class="glyphicon glyphicon-calendar"></i> + <col-md- class="label">foo</col-md-> + <a class="btn btn-default">foo</a> + </li> + </ul> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="icons-ul"> + <li><i class="icon-li glyphicon glyphicon-chevron-right glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="icon-li icon-arrow-right glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="icon-li glyphicon glyphicon-calendar glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> +</div> +<div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="icons-ul lead"> + <li><i class="icon-li glyphicon glyphicon-chevron-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="icon-li glyphicon glyphicon-calendar"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="icons-ul lead"> + <li><i class="icon-li glyphicon glyphicon-chevron-right glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="icon-li icon-arrow-right glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="icon-li glyphicon glyphicon-calendar glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> +</div> +<div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="icons-ul"> + <li><a href="#"><i class="icon-li glyphicon glyphicon-chevron-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><a href="#"><i class="icon-li icon-arrow-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><a href="#"><i class="icon-li glyphicon glyphicon-calendar"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="icons-ul"> + <li><a href="#"><i class="icon-li glyphicon glyphicon-chevron-right glyphicon-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><a href="#"><i class="icon-li icon-arrow-right glyphicon-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><a href="#"><i class="icon-li glyphicon glyphicon-calendar glyphicon-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> +</div> +<div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="icons-ul"> + <li><i class="icon-li icon-refresh icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="icon-li icon-spinner icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="icon-li icon-spinner icon-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. + <i class="glyphicon glyphicon-calendar"></i> + <col-md- class="label">foo</col-md-> + <a class="btn btn-default">foo</a> + </li> + </ul> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="icons-ul"> + <li><i class="icon-li icon-refresh icon-spin glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="icon-li icon-spinner icon-spin glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="icon-li icon-spinner icon-spin glyphicon-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. + <i class="glyphicon glyphicon-calendar"></i> + <col-md- class="label">foo</col-md-> + <a class="btn btn-default">foo</a> + </li> + </ul> + </div> + </div> +</div> + + +<div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> +</div> + + +<h3>Spinning icons <small>icons should be aligned well and on center, buttons should be same height, won't work in ie7</small></h3> +<div style="border: solid 1px #d3d3d3;"> + <i class="icon-refresh icon-spin"></i> Loading... + <button class="btn btn-default btn-sm"><i class="icon-refresh icon-spin"></i> Loading...</button> + <button class="btn btn-default btn-sm">Loading...</button> + <i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading... + <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading...</button> + <a href="#"><i class="icon-refresh icon-spin"></i> Loading...</a> +</div> +<div style="border: solid 1px #d3d3d3;"> + <i class="icon-refresh icon-spin"></i> Loading... + <button class="btn btn-default"><i class="icon-refresh icon-spin"></i> Loading...</button> + <button class="btn btn-default">Loading...</button> + <i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading... + <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading...</button> +</div> +<div style="border: solid 1px #d3d3d3;"> + <i class="icon-spinner icon-spin"></i> Loading... + <button class="btn btn-default btn-lg"><i class="icon-spinner icon-spin"></i> Loading...</button> + <button class="btn btn-default btn-lg">Loading...</button> + <i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading... + <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign-blank icon-spin"></i> Loading...</button> +</div> +<h4>glyphicon-lg</h4> +<div style="border: solid 1px #d3d3d3;"> + <i class="icon-refresh glyphicon-lg icon-spin"></i> Loading... + <button class="btn btn-default btn-sm"><i class="icon-refresh glyphicon-lg icon-spin"></i> Loading...</button> + <button class="btn btn-default btn-sm">Loading...</button> + <i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading... + <button class="btn btn-default btn-sm"><i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading...</button> +</div> +<div style="border: solid 1px #d3d3d3;"> + <i class="icon-refresh glyphicon-lg icon-spin"></i> Loading... + <button class="btn btn-default"><i class="icon-refresh glyphicon-lg icon-spin"></i> Loading...</button> + <button class="btn btn-default">Loading...</button> + <i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading... + <button class="btn btn-default"><i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading...</button> +</div> +<div style="border: solid 1px #d3d3d3;"> + <i class="icon-spinner glyphicon-lg icon-spin"></i> Loading... + <button class="btn btn-default btn-lg"><i class="icon-spinner glyphicon-lg icon-spin"></i> Loading...</button> + <button class="btn btn-default btn-lg">Loading...</button> + <i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading... + <button class="btn btn-default btn-lg"><i class="glyphicon glyphicon-minus-sign-blank glyphicon-lg icon-spin"></i> Loading...</button> +</div> +<h4>Bootstrap Prepend and Append</h4> +<div class="row"> + <div class="col-md-6"> + <div class="input-prepend"> + <col-md- class="add-on"><i class="icon-spinner icon-spin"></i></col-md-> + <input class="col-md-2" id="prependedInput" type="text" placeholder="Username"> + </div> + </div> + <div class="col-md-6"> + <div class="input-append"> + <input class="col-md-2" id="appendedInput" type="text"> + <col-md- class="add-on"><i class="icon-spinner icon-spin"></i></col-md-> + </div> + </div> +</div> + +<h3>Stacked icons</h3> +<div class="well"> + {% include tests/stacked.html %} +</div> +<div class="well lead"> + {% include tests/stacked.html %} +</div> +<h4>Stacked icons inside anchor</h4> +<div class="well"> + {% include tests/stacked-inside-anchor.html %} +</div> + + +<h3>Mirrored and rotated icons</h3> +<div class="row"> + <div class="col-md-6"> + <div class="well"> + {% include tests/rotated-flipped.html %} + </div> + </div> + <div class="col-md-6"> + <div class="well lead"> + {% include tests/rotated-flipped.html %} + </div> + </div> +</div> +<h4>Mirrored and rotated icons inside anchors and buttons</h4> +<div class="row"> + <div class="col-md-6"> + <div class="well"> + {% include tests/rotated-flipped-inside-anchor.html %} + </div> + </div> + <div class="col-md-6"> + <div class="well"> + {% include tests/rotated-flipped-inside-btn.html %} + </div> + </div> +</div> + +</section> + + <div class="push"><!-- necessary for sticky footer --></div> +</div> + +<script src="http://platform.twitter.com/widgets.js"></script> +<script src="{{ page.relative_path }}assets/js/jquery-1.7.1.min.js"></script> +<script src="{{ page.relative_path }}assets/js/ZeroClipboard-1.1.7.min.js"></script> +<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> + +</body> +</html> + + diff --git a/static/fork-awesome/src/doc/test/height/current.html b/static/fork-awesome/src/doc/test/height/current.html new file mode 100644 index 0000000..0f72d46 --- /dev/null +++ b/static/fork-awesome/src/doc/test/height/current.html @@ -0,0 +1,62 @@ +--- +relative_path: ../../../ +--- + +<!DOCTYPE html> +<html> + <head> + <link rel="stylesheet" href="{{ page.relative_path }}assets/fork-awesome/css/fork-awesome.css"> + </head> + + <body> + <h1>Current</h1> + <table> + <tr> + <td><i class="fa fa-1x fa-file-pdf-o"></i></td> + <td><i class="fa fa-1x fa-cog"></i></td> + <td><i class="fa fa-1x fa-shield"></i></td> + <td><i class="fa fa-1x fa-ship"></i></td> + <td><i class="fa fa-1x fa-angle-double-up"></i></td> + <td><i class="fa fa-1x fa-angle-double-down"></i></td> + <td><i class="fa fa-1x fa-file-o"></i></td> + </tr> + <tr> + <td><i class="fa fa-2x fa-file-pdf-o"></i></td> + <td><i class="fa fa-2x fa-cog"></i></td> + <td><i class="fa fa-2x fa-shield"></i></td> + <td><i class="fa fa-2x fa-ship"></i></td> + <td><i class="fa fa-2x fa-angle-double-up"></i></td> + <td><i class="fa fa-2x fa-angle-double-down"></i></td> + <td><i class="fa fa-2x fa-file-o"></i></td> + </tr> + <tr> + <td><i class="fa fa-3x fa-file-pdf-o"></i></td> + <td><i class="fa fa-3x fa-cog"></i></td> + <td><i class="fa fa-3x fa-shield"></i></td> + <td><i class="fa fa-3x fa-ship"></i></td> + <td><i class="fa fa-3x fa-angle-double-up"></i></td> + <td><i class="fa fa-3x fa-angle-double-down"></i></td> + <td><i class="fa fa-3x fa-file-o"></i></td> + </tr> + <tr> + <td><i class="fa fa-4x fa-file-pdf-o"></i></td> + <td><i class="fa fa-4x fa-cog"></i></td> + <td><i class="fa fa-4x fa-shield"></i></td> + <td><i class="fa fa-4x fa-ship"></i></td> + <td><i class="fa fa-4x fa-angle-double-up"></i></td> + <td><i class="fa fa-4x fa-angle-double-down"></i></td> + <td><i class="fa fa-4x fa-file-o"></i></td> + </tr> + <tr> + <td><i class="fa fa-5x fa-file-pdf-o"></i></td> + <td><i class="fa fa-5x fa-cog"></i></td> + <td><i class="fa fa-5x fa-shield"></i></td> + <td><i class="fa fa-5x fa-ship"></i></td> + <td><i class="fa fa-5x fa-angle-double-up"></i></td> + <td><i class="fa fa-5x fa-angle-double-down"></i></td> + <td><i class="fa fa-5x fa-file-o"></i></td> + </tr> + </table> + </body> + +</html> diff --git a/static/fork-awesome/src/doc/test/index.html b/static/fork-awesome/src/doc/test/index.html new file mode 100644 index 0000000..41f3660 --- /dev/null +++ b/static/fork-awesome/src/doc/test/index.html @@ -0,0 +1,800 @@ +--- +layout: base +title: Fork Awesome Visual Test Cases +relative_path: ../ +--- + +<section class="container"> + <h1 class="page-header">Visual Test Cases</h1> + + <h3>Icons <small>Icons should have proper alignment and not be clipped</small></h3> + <div class="row"> + <div class="col-md-3"> + <div class="well"> + <i class="fa fa-building-o"></i> Building + </div> + </div> + <div class="col-md-3"> + <div class="well"> + <i class="fa fa-building-o fa-lg"></i> Building Large + </div> + </div> + <div class="col-md-3"> + <i class="fa fa-building-o"></i> Building + </div> + <div class="col-md-3"> + <i class="fa fa-building-o fa-lg"></i> Building Large + </div> + </div> + <div class="row" style="font-size: 24px; line-height: 1.5em;"> + <div class="col-md-4"> + <div class="well"> + <i class="fa fa-building-o"></i> Building + </div> + </div> + <div class="col-md-4"> + <div class="well"> + <i class="fa fa-building-o fa-lg"></i> Building Large + </div> + </div> + <div class="col-md-4"> + <i class="fa fa-building-o fa-lg"></i> Building Large + </div> + </div> + <div class="row"> + <div class="col-md-3"> + <div class="well"> + <i class="fa fa-circle"></i> Circle + </div> + </div> + <div class="col-md-3"> + <div class="well"> + <i class="fa fa-circle fa-lg"></i> Circle Large + </div> + </div> + <div class="col-md-3"> + <i class="fa fa-circle"></i> Circle + </div> + <div class="col-md-3"> + <i class="fa fa-circle fa-lg"></i> Circle Large + </div> + </div> + <div class="row" style="font-size: 24px; line-height: 1.5em;"> + <div class="col-md-4"> + <div class="well"> + <i class="fa fa-circle"></i> Circle + </div> + </div> + <div class="col-md-4"> + <div class="well"> + <i class="fa fa-circle fa-lg"></i> Circle Large + </div> + </div> + <div class="col-md-4"> + <i class="fa fa-circle fa-lg"></i> Circle Large + </div> + </div> + + + <h3>Links with Icons <small>icon should activate link & NOT underline</small></h3> + <div class="row lead"> + <div class="col-md-2"> + <a href="#"><i class="fa fa-building-o padding-right"></i>Link Here</a> + </div> + <div class="col-md-2"> + <a href="#"><i class="fa fa-building-o fa-lg padding-right"></i>Link Here</a> + </div> + <div class="col-md-2"> + <a href="#"><i class="fa fa-caret-down padding-right"></i>Link Here</a> + </div> + <div class="col-md-2"> + <a href="#">Link Here<i class="fa fa-angle-double-right padding-left"></i></a> + </div> + <div class="col-md-2"> + <a href="#">Link Here<i class="fa fa-angle-double-right fa-lg padding-left"></i></a> + </div> + <div class="col-md-2"> + <a href="#">Link Here<i class="fa fa-caret-down padding-left"></i></a> + </div> + </div> + <div class="row"> + <div class="col-md-2"> + <a href="#"><i class="fa fa-building-o padding-right-sm"></i>Link Here</a> + </div> + <div class="col-md-2"> + <a href="#"><i class="fa fa-building-o fa-lg padding-right-sm"></i>Link Here</a> + </div> + <div class="col-md-2"> + <a href="#"><i class="fa fa-caret-down padding-right-sm"></i>Link Here</a> + </div> + <div class="col-md-2"> + <a href="#">Link Here<i class="fa fa-angle-double-right padding-left-sm"></i></a> + </div> + <div class="col-md-2"> + <a href="#">Link Here<i class="fa fa-angle-double-right fa-lg padding-left-sm"></i></a> + </div> + <div class="col-md-2"> + <a href="#">Link Here<i class="fa fa-caret-down padding-left-sm"></i></a> + </div> + </div> + + + <h3>Navbar <small>should stay same height </small></h3> + <div class="navbar navbar-inverse navbar-static-top"> + <div class="container"> + <a class="navbar-brand" href="#"><i class="fa fa-flag"></i> Font Awesome</a> + <ul class="nav navbar-nav"> + <li style="border: solid 1px white;"><a href="#">Nav Item 1</a></li> + <li class="dropdown" style="border: solid 1px white;"> + <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> + Nav Item 2 + <i class="fa fa-caret-down"></i> + </a> + <ul class="dropdown-menu" role="menu"> + <li><a href="#"><i class="fa fa-building-o"></i> Menu Item 1</a></li> + <li><a href="#"><i class="fa fa-building-o fa-lg"></i> Menu Item 2</a></li> + </ul> + </li> + <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-building-o fa-lg"></i> Nav Item 3</a></li> + <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-envelope"></i> Nav Item 4</a></li> + <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-circle fa-lg"></i> Nav Item 5</a></li> + <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 6</a></li> + </ul> + </div> + </div> + + + <h3>Plain buttons next to buttons w/icons <small>should be same height, icons not clipped</small></h3> + <h4>Buttons</h4> + <div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <button class="btn btn-default btn-xs">Button</button> + <button class="btn btn-default btn-xs"><i class="fa fa-building-o"></i> Button</button> + <button class="btn btn-default btn-xs"><i class="fa fa-building-o"></i></button> + </div> + <div> + <button class="btn btn-default btn-sm">Button</button> + <button class="btn btn-default btn-sm"><i class="fa fa-building-o"></i> Button</button> + <button class="btn btn-default btn-sm"><i class="fa fa-building-o"></i></button> + </div> + <div> + <button class="btn btn-default">Button</button> + <button class="btn btn-default"><i class="fa fa-building-o"></i> Button</button> + <button class="btn btn-default"><i class="fa fa-building-o"></i></button> + </div> + <div> + <button class="btn btn-default btn-lg">Button</button> + <button class="btn btn-default btn-lg"><i class="fa fa-building-o"></i> Button</button> + <button class="btn btn-default btn-lg"><i class="fa fa-building-o"></i></button> + </div> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <button class="btn btn-default btn-xs">Button</button> + <button class="btn btn-default btn-xs"><i class="fa fa-building-o fa-lg"></i> Button</button> + <button class="btn btn-default btn-xs"><i class="fa fa-building-o fa-lg"></i></button> + </div> + <div> + <button class="btn btn-default btn-sm">Button</button> + <button class="btn btn-default btn-sm"><i class="fa fa-building-o fa-lg"></i> Button</button> + <button class="btn btn-default btn-sm"><i class="fa fa-building-o fa-lg"></i></button> + </div> + <div> + <button class="btn btn-default">Button</button> + <button class="btn btn-default"><i class="fa fa-building-o fa-lg"></i> Button</button> + <button class="btn btn-default"><i class="fa fa-building-o fa-lg"></i></button> + </div> + <div> + <button class="btn btn-default btn-lg">Button</button> + <button class="btn btn-default btn-lg"><i class="fa fa-building-o fa-lg"></i> Button</button> + <button class="btn btn-default btn-lg"><i class="fa fa-building-o fa-lg"></i></button> + </div> + </div> + </div> + </div> + <div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <button class="btn btn-default btn-xs">Button</button> + <button class="btn btn-default btn-xs"><i class="fa fa-circle"></i> Button</button> + <button class="btn btn-default btn-xs"><i class="fa fa-circle"></i></button> + </div> + <div> + <button class="btn btn-default btn-sm">Button</button> + <button class="btn btn-default btn-sm"><i class="fa fa-circle"></i> Button</button> + <button class="btn btn-default btn-sm"><i class="fa fa-circle"></i></button> + </div> + <div> + <button class="btn btn-default">Button</button> + <button class="btn btn-default"><i class="fa fa-circle"></i> Button</button> + <button class="btn btn-default"><i class="fa fa-circle"></i></button> + </div> + <div> + <button class="btn btn-default btn-lg">Button</button> + <button class="btn btn-default btn-lg"><i class="fa fa-circle"></i> Button</button> + <button class="btn btn-default btn-lg"><i class="fa fa-circle"></i></button> + </div> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <button class="btn btn-default btn-xs">Button</button> + <button class="btn btn-default btn-xs"><i class="fa fa-circle fa-lg"></i> Button</button> + <button class="btn btn-default btn-xs"><i class="fa fa-circle fa-lg"></i></button> + </div> + <div> + <button class="btn btn-default btn-sm">Button</button> + <button class="btn btn-default btn-sm"><i class="fa fa-circle fa-lg"></i> Button</button> + <button class="btn btn-default btn-sm"><i class="fa fa-circle fa-lg"></i></button> + </div> + <div> + <button class="btn btn-default">Button</button> + <button class="btn btn-default"><i class="fa fa-circle fa-lg"></i> Button</button> + <button class="btn btn-default"><i class="fa fa-circle fa-lg"></i></button> + </div> + <div> + <button class="btn btn-default btn-lg">Button</button> + <button class="btn btn-default btn-lg"><i class="fa fa-circle fa-lg"></i> Button</button> + <button class="btn btn-default btn-lg"><i class="fa fa-circle fa-lg"></i></button> + </div> + </div> + </div> + </div> + + + <h4>Anchors</h4> + <div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <a class="btn btn-default btn-xs">Button</a> + <a class="btn btn-default btn-xs"><i class="fa fa-building-o"></i> Button</a> + <a class="btn btn-default btn-xs"><i class="fa fa-building-o"></i></a> + </div> + <div> + <a class="btn btn-default btn-sm">Button</a> + <a class="btn btn-default btn-sm"><i class="fa fa-building-o"></i> Button</a> + <a class="btn btn-default btn-sm"><i class="fa fa-building-o"></i></a> + </div> + <div> + <a class="btn btn-default">Button</a> + <a class="btn btn-default"><i class="fa fa-building-o"></i> Button</a> + <a class="btn btn-default"><i class="fa fa-building-o"></i></a> + </div> + <div> + <a class="btn btn-default btn-lg">Button</a> + <a class="btn btn-default btn-lg"><i class="fa fa-building-o"></i> Button</a> + <a class="btn btn-default btn-lg"><i class="fa fa-building-o"></i></a> + </div> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <a class="btn btn-default btn-xs">Button</a> + <a class="btn btn-default btn-xs"><i class="fa fa-building-o fa-lg"></i> Button</a> + <a class="btn btn-default btn-xs"><i class="fa fa-building-o fa-lg"></i></a> + </div> + <div> + <a class="btn btn-default btn-sm">Button</a> + <a class="btn btn-default btn-sm"><i class="fa fa-building-o fa-lg"></i> Button</a> + <a class="btn btn-default btn-sm"><i class="fa fa-building-o fa-lg"></i></a> + </div> + <div> + <a class="btn btn-default">Button</a> + <a class="btn btn-default"><i class="fa fa-building-o fa-lg"></i> Button</a> + <a class="btn btn-default"><i class="fa fa-building-o fa-lg"></i></a> + </div> + <div> + <a class="btn btn-default btn-lg">Button</a> + <a class="btn btn-default btn-lg"><i class="fa fa-building-o fa-lg"></i> Button</a> + <a class="btn btn-default btn-lg"><i class="fa fa-building-o fa-lg"></i></a> + </div> + </div> + </div> + </div> + <div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <a class="btn btn-default btn-xs">Button</a> + <a class="btn btn-default btn-xs"><i class="fa fa-circle"></i> Button</a> + <a class="btn btn-default btn-xs"><i class="fa fa-circle"></i></a> + </div> + <div> + <a class="btn btn-default btn-sm">Button</a> + <a class="btn btn-default btn-sm"><i class="fa fa-circle"></i> Button</a> + <a class="btn btn-default btn-sm"><i class="fa fa-circle"></i></a> + </div> + <div> + <a class="btn btn-default">Button</a> + <a class="btn btn-default"><i class="fa fa-circle"></i> Button</a> + <a class="btn btn-default"><i class="fa fa-circle"></i></a> + </div> + <div> + <a class="btn btn-default btn-lg">Button</a> + <a class="btn btn-default btn-lg"><i class="fa fa-circle"></i> Button</a> + <a class="btn btn-default btn-lg"><i class="fa fa-circle"></i></a> + </div> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3; text-align: center;"> + <div> + <a class="btn btn-default btn-xs">Button</a> + <a class="btn btn-default btn-xs"><i class="fa fa-circle fa-lg"></i> Button</a> + <a class="btn btn-default btn-xs"><i class="fa fa-circle fa-lg"></i></a> + </div> + <div> + <a class="btn btn-default btn-sm">Button</a> + <a class="btn btn-default btn-sm"><i class="fa fa-circle fa-lg"></i> Button</a> + <a class="btn btn-default btn-sm"><i class="fa fa-circle fa-lg"></i></a> + </div> + <div> + <a class="btn btn-default">Button</a> + <a class="btn btn-default"><i class="fa fa-circle fa-lg"></i> Button</a> + <a class="btn btn-default"><i class="fa fa-circle fa-lg"></i></a> + </div> + <div> + <a class="btn btn-default btn-lg">Button</a> + <a class="btn btn-default btn-lg"><i class="fa fa-circle fa-lg"></i> Button</a> + <a class="btn btn-default btn-lg"><i class="fa fa-circle fa-lg"></i></a> + </div> + </div> + </div> + </div> + + <h3>Button groups <small>should be same height</small></h3> + <div class="row"> + <div class="col-md-4"> + <div style="border: solid 1px #d3d3d3;"> + <div class="btn-group"> + <button class="btn btn-default btn-lg"> + <i class="fa fa-adjust"></i> + </button> + <button class="btn btn-default btn-lg"> + Text + </button> + </div> + </div> + </div> + <div class="col-md-4"> + <div style="border: solid 1px #d3d3d3;"> + <div class="btn-group"> + <button class="btn btn-default"> + <i class="fa fa-adjust"></i> + </button> + <button class="btn btn-default"> + Text + </button> + </div> + </div> + </div> + <div class="col-md-4"> + <div style="border: solid 1px #d3d3d3;"> + <div class="btn-group"> + <button class="btn btn-default btn-sm"> + <i class="fa fa-adjust"></i> + </button> + <button class="btn btn-default btn-sm"> + Text + </button> + </div> + </div> + </div> + </div> + + <h3>Buttons with pulled 2x, 3x, 4x <small>should be same height, have correct line height</small></h3> + <div class="row"> + <div class="col-md-4"> + <div style="border: solid 1px #d3d3d3;"> + <a class="btn btn-default btn-lg" href="#"> + <i class="fa fa-github fa-2x pull-left"></i> + Longer<br>Button</a> + <a class="btn btn-default btn-lg" href="#"> + Longer<br>Button</a> + </div> + </div> + <div class="col-md-4"> + <div style="border: solid 1px #d3d3d3;"> + <a class="btn btn-default" href="#"> + <i class="fa fa-github fa-2x pull-left"></i> + Longer<br>Button</a> + <a class="btn btn-default" href="#"> + Longer<br>Button</a> + </div> + </div> + <div class="col-md-4"> + <div style="border: solid 1px #d3d3d3;"> + <a class="btn btn-default btn-sm" href="#"> + <i class="fa fa-github fa-2x pull-left"></i> + Longer<br>Button</a> + <a class="btn btn-default btn-sm" href="#"> + Longer<br>Button</a> + </div> + </div> + </div> + + + <h3>Nav pills & nav tabs <small>should be same height and properly vertically aligned</small></h3> + <div class="row"> + <div class="col-md-9"> + <ul class="nav nav-pills" style="border: solid 1px #d3d3d3;"> + <li class="active"><a href="#">Nav Item 1</a></li> + <li class="dropdown active"> + <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> + Nav Item 2 + <i class="fa fa-caret-down"></i> + </a> + <ul class="dropdown-menu" role="menu"> + <li><a href="#"><i class="fa fa-building-o"></i> Menu Item 1</a></li> + <li><a href="#"><i class="fa fa-building-o fa-lg"></i> Menu Item 2</a></li> + </ul> + </li> + <li class="dropdown active"> + <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> + Nav Item 3 + <i class="fa fa-caret-down"></i> + </a> + <ul class="dropdown-menu" role="menu"> + <li><a href="#"><i class="fa fa-building-o"></i> Menu Item 1</a></li> + <li><a href="#"><i class="fa fa-building-o fa-lg"></i> Menu Item 2</a></li> + </ul> + </li> + <li class="active"><a href="#examples"><i class="fa fa-building-o fa-lg"></i> Nav Item 4</a></li> + <li class="active"><a href="#examples"><i class="fa fa-spinner fa-spin"></i> Nav Item 5</a></li> + <li class="active"><a href="#examples"><i class="fa fa-circle fa-lg"></i> Nav Item 6</a></li> + <li class="active"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 7</a></li> + </ul> + <ul class="nav nav-tabs"> + <li class="active"><a href="#">Nav Item 1</a></li> + <li class="dropdown active"> + <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> + Nav Item 2 + <i class="fa fa-caret-down"></i> + </a> + <ul class="dropdown-menu" role="menu"> + <li><a href="#"><i class="fa fa-building-o"></i> Menu Item 1</a></li> + <li><a href="#"><i class="fa fa-building-o fa-lg"></i> Menu Item 2</a></li> + </ul> + </li> + <li class="dropdown active"> + <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> + Nav Item 3 + <i class="fa fa-caret-down"></i> + </a> + <ul class="dropdown-menu" role="menu"> + <li><a href="#"><i class="fa fa-building-o"></i> Menu Item 1</a></li> + <li><a href="#"><i class="fa fa-building-o fa-lg"></i> Menu Item 2</a></li> + </ul> + </li> + <li class="active"><a href="#examples"><i class="fa fa-building-o fa-lg"></i> Nav Item 4</a></li> + <li class="active"><a href="#examples"><i class="fa fa-spinner fa-spin"></i> Nav Item 5</a></li> + <li class="active"><a href="#examples"><i class="fa fa-circle fa-lg"></i> Nav Item 6</a></li> + <li class="active"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 7</a></li> + </ul> + </div> + <div class="col-md-3"> + <div class="list-group"> + <a href="#" class="list-group-item active"> + Overview<i class="fa fa-chevron-right fa-fw pull-right"></i> + </a> + <a href="#" class="list-group-item"> + Overview<i class="fa fa-chevron-right fa-fw pull-right"></i> + </a> + </div> + </div> + </div> + + <h3>Hide class directly on icons</h3> + <div class="row"> + <div class="col-md-6"> + <div class="well"> + <i class="hide fa fa-circle"></i> Icon should be hidden + </div> + </div> + <div class="col-md-6"> + <i class="hide fa fa-circle"></i> Icon should be hidden + </div> + </div> + + + <h3>2x, 3x, 4x icons in text <small>should have margins next to and below text</small></h3> + <div class="row"> + <div class="col-md-6"> + <p class="lead"> + <i class="fa fa-stethoscope fa-3x fa-pull-left fa-border"></i> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. + </p> + </div> + <div class="col-md-6"> + <p class="lead"> + <i class="fa fa-ambulance fa-4x fa-pull-right fa-border"></i> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. + </p> + </div> + </div> + <div class="row"> + <div class="col-md-4"> + <i class="fa fa-building-o fa-2x fa-pull-left fa-border"></i> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. + </div> + <div class="col-md-4"> + <i class="fa fa-stethoscope fa-3x fa-pull-right fa-border"></i> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. + </div> + <div class="col-md-4"> + <i class="fa fa-ambulance fa-4x fa-pull-left"></i> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. + </div> + </div> + + + <h3>Bullets <small>should wrap appropriately, have proper spacing</small></h3> + <div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="fa-ul"> + <li><i class="fa-li fa fa-angle-double-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="fa-li fa fa-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="fa-li fa fa-building-o"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. + <i class="fa fa-building-o"></i> + <span class="label label-default">foo</span> + <a class="btn btn-default btn-xs">foo</a> + </li> + </ul> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="fa-ul"> + <li><i class="fa-li fa fa-angle-double-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="fa-li fa fa-arrow-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="fa-li fa fa-building-o fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. + <i class="fa fa-building-o"></i> + <span class="label label-default">foo</span> + <a class="btn btn-default btn-xs">foo</a> + </li> + </ul> + </div> + </div> + </div> + <div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="fa-ul lead"> + <li><i class="fa-li fa fa-angle-double-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="fa-li fa fa-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="fa-li fa fa-building-o"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="fa-ul lead"> + <li><i class="fa-li fa fa-angle-double-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="fa-li fa fa-arrow-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="fa-li fa fa-building-o fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> + </div> + <div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="fa-ul"> + <li><a href="#"><i class="fa-li fa fa-angle-double-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><a href="#"><i class="fa-li fa fa-arrow-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><a href="#"><i class="fa-li fa fa-building-o"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="fa-ul"> + <li><a href="#"><i class="fa-li fa fa-angle-double-right fa-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><a href="#"><i class="fa-li fa fa-arrow-right fa-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><a href="#"><i class="fa-li fa fa-building-o fa-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> + </div> + <div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="fa-ul"> + <li><i class="fa-li fa fa-refresh fa-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="fa-li fa fa-spinner fa-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="fa-li fa fa-spinner fa-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. + <i class="fa fa-building-o"></i> + <span class="label label-default">foo</span> + <a class="btn btn-default btn-xs">foo</a> + </li> + </ul> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul class="fa-ul"> + <li><i class="fa-li fa fa-refresh fa-spin fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li><i class="fa-li fa fa-spinner fa-spin fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li><i class="fa-li fa fa-spinner fa-spin fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. + <i class="fa fa-building-o"></i> + <span class="label label-default">foo</span> + <a class="btn btn-default btn-xs">foo</a> + </li> + </ul> + </div> + </div> + </div> + + + <div class="row"> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> + <div class="col-md-6"> + <div style="border: solid 1px #d3d3d3;"> + <ul> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> + <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> + </ul> + </div> + </div> + </div> + + + <h3>Spinning icons <small>icons should be aligned well and on center, buttons should be same height, won't work in ie7</small></h3> + <div style="border: solid 1px #d3d3d3;"> + <i class="fa fa-refresh fa-spin"></i> Loading... + <button class="btn btn-default btn-sm"><i class="fa fa-refresh fa-spin"></i> Loading...</button> + <button class="btn btn-default btn-sm">Loading...</button> + <i class="fa fa-circle-o fa-spin"></i> Loading... + <button class="btn btn-default btn-sm"><i class="fa fa-circle-o fa-spin"></i> Loading...</button> + <a href="#"><i class="fa fa-refresh fa-spin"></i> Loading...</a> + </div> + <div style="border: solid 1px #d3d3d3;"> + <i class="fa fa-refresh fa-spin"></i> Loading... + <button class="btn btn-default"><i class="fa fa-refresh fa-spin"></i> Loading...</button> + <button class="btn btn-default">Loading...</button> + <i class="fa fa-circle-o fa-spin"></i> Loading... + <button class="btn btn-default"><i class="fa fa-circle-o fa-spin"></i> Loading...</button> + </div> + <div style="border: solid 1px #d3d3d3;"> + <i class="fa fa-spinner fa-spin"></i> Loading... + <button class="btn btn-default btn-lg"><i class="fa fa-spinner fa-spin"></i> Loading...</button> + <button class="btn btn-default btn-lg">Loading...</button> + <i class="fa fa-circle-o fa-spin"></i> Loading... + <button class="btn btn-default btn-lg"><i class="fa fa-circle-o fa-spin"></i> Loading...</button> + </div> + <h4>fa-lg</h4> + <div style="border: solid 1px #d3d3d3;"> + <i class="fa fa-refresh fa-lg fa-spin"></i> Loading... + <button class="btn btn-default btn-sm"><i class="fa fa-refresh fa-lg fa-spin"></i> Loading...</button> + <button class="btn btn-default btn-sm">Loading...</button> + <i class="fa fa-circle-o fa-lg fa-spin"></i> Loading... + <button class="btn btn-default btn-sm"><i class="fa fa-circle-o fa-lg fa-spin"></i> Loading...</button> + </div> + <div style="border: solid 1px #d3d3d3;"> + <i class="fa fa-refresh fa-lg fa-spin"></i> Loading... + <button class="btn btn-default"><i class="fa fa-refresh fa-lg fa-spin"></i> Loading...</button> + <button class="btn btn-default">Loading...</button> + <i class="fa fa-circle-o fa-lg fa-spin"></i> Loading... + <button class="btn btn-default"><i class="fa fa-circle-o fa-lg fa-spin"></i> Loading...</button> + </div> + <div style="border: solid 1px #d3d3d3;"> + <i class="fa fa-spinner fa-lg fa-spin"></i> Loading... + <button class="btn btn-default btn-lg"><i class="fa fa-spinner fa-lg fa-spin"></i> Loading...</button> + <button class="btn btn-default btn-lg">Loading...</button> + <i class="fa fa-circle-o fa-lg fa-spin"></i> Loading... + <button class="btn btn-default btn-lg"><i class="fa fa-circle-o fa-lg fa-spin"></i> Loading...</button> + </div> + <h4>Bootstrap Prepend and Append</h4> + <div class="row"> + <div class="col-md-4"> + <div class="input-group"> + <span class="input-group-addon"><i class="fa fa-spinner fa-spin"></i></span> + <input type="text" class="form-control" placeholder="Username"> + </div> + </div> + <div class="col-md-4"> + <div class="input-group"> + <input type="text" class="form-control"> + <span class="input-group-addon"><i class="fa fa-spinner fa-spin"></i></span> + </div> + </div> + </div> + + <h3>Stacked icons</h3> + <div class="well"> + {% include tests/stacked.html %} + </div> + <div class="well lead"> + {% include tests/stacked.html %} + </div> + <h4>Stacked icons inside anchor</h4> + <div class="well"> + {% include tests/stacked-inside-anchor.html %} + </div> + <h4>Stacked icon background with text foreground</h4> + <div class="well"> + {% include tests/stacked-with-text.html %} + </div> + + + <h3>Mirrored and rotated icons</h3> + <div class="row"> + <div class="col-md-6"> + <div class="well"> + {% include tests/rotated-flipped.html %} + </div> + </div> + <div class="col-md-6"> + <div class="well lead"> + {% include tests/rotated-flipped.html %} + </div> + </div> + </div> + <h4>Mirrored and rotated icons inside anchors and buttons</h4> + <div class="row"> + <div class="col-md-6"> + <div class="well"> + {% include tests/rotated-flipped-inside-anchor.html %} + </div> + </div> + <div class="col-md-6"> + <div class="well"> + {% include tests/rotated-flipped-inside-btn.html %} + </div> + </div> + </div> + + <h3>Animation Wobble <a href="https://github.com/FortAwesome/Font-Awesome/issues/671">#671</a></h3> + <div> + <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-spinner fa-spin"></i></span> + <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-cog fa-spin"></i></span> + <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-circle-o-notch fa-spin"></i></span> + <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-spinner fa-pulse"></i></span> + <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-cog fa-pulse"></i></span> + <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-circle-o-notch fa-pulse"></i></span> + </div> + <div> + <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-spinner fa-spin fa-5x"></i></span> + <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-cog fa-spin fa-5x"></i></span> + <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-circle-o-notch fa-spin fa-5x"></i></span> + <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-spinner fa-pulse fa-5x"></i></span> + <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-cog fa-pulse fa-5x"></i></span> + <span style="border: solid 1px #d3d3d3; display:inline-block;"><i class="fa fa-circle-o-notch fa-pulse fa-5x"></i></span> + </div> + <div> + <button class="btn btn-default"><i class="fa fa-spinner fa-spin"></i></button> + <button class="btn btn-default"><i class="fa fa-cog fa-spin"></i></button> + <button class="btn btn-default"><i class="fa fa-circle-o-notch fa-spin"></i></button> + <button class="btn btn-default"><i class="fa fa-spinner fa-pulse"></i></button> + <button class="btn btn-default"><i class="fa fa-cog fa-pulse"></i></button> + <button class="btn btn-default"><i class="fa fa-circle-o-notch fa-pulse"></i></button> + </div> + <div> + <button class="btn btn-default btn-lg"><i class="fa fa-spinner fa-spin"></i></button> + <button class="btn btn-default btn-lg"><i class="fa fa-cog fa-spin"></i></button> + <button class="btn btn-default btn-lg"><i class="fa fa-circle-o-notch fa-spin"></i></button> + <button class="btn btn-default btn-lg"><i class="fa fa-spinner fa-pulse"></i></button> + <button class="btn btn-default btn-lg"><i class="fa fa-cog fa-pulse"></i></button> + <button class="btn btn-default btn-lg"><i class="fa fa-circle-o-notch fa-pulse"></i></button> + </div> + + +</section> diff --git a/static/fork-awesome/src/doc/test/v5.html b/static/fork-awesome/src/doc/test/v5.html new file mode 100644 index 0000000..375f851 --- /dev/null +++ b/static/fork-awesome/src/doc/test/v5.html @@ -0,0 +1,1363 @@ +<html> +<head> + <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/solid.css" integrity="sha384-VGP9aw4WtGH/uPAOseYxZ+Vz/vaTb1ehm1bwx92Fm8dTrE+3boLfF1SpAtB1z7HW" crossorigin="anonymous"> + <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/regular.css" integrity="sha384-ZlNfXjxAqKFWCwMwQFGhmMh3i89dWDnaFU2/VZg9CvsMGA7hXHQsPIqS+JIAmgEq" crossorigin="anonymous"> + <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/brands.css" integrity="sha384-rf1bqOAj3+pw6NqYrtaE1/4Se2NBwkIfeYbsFdtiR6TQz0acWiwJbv1IM/Nt/ite" crossorigin="anonymous"> + <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/fontawesome.css" integrity="sha384-1rquJLNOM3ijoueaaeS5m+McXPJCGdr5HcA03/VHXxcp2kX2sUrQDmFc3jR5i/C7" crossorigin="anonymous"> + + <!-- <link rel="stylesheet" href="../assets/fork-awesome/css/fork-awesome.css"> + <link rel="stylesheet" href="../assets/fork-awesome/css/v5-compat.css"> --> +</head> +<body> + <div> + <h3>Brands</h3> + <i class="fab fa-500px" aria-hidden="true" /></i> + <i class="fab fa-accessible-icon" aria-hidden="true" /></i> + <i class="fab fa-accusoft" aria-hidden="true" /></i> + <i class="fab fa-adn" aria-hidden="true" /></i> + <i class="fab fa-adversal" aria-hidden="true" /></i> + <i class="fab fa-affiliatetheme" aria-hidden="true" /></i> + <i class="fab fa-algolia" aria-hidden="true" /></i> + <i class="fab fa-alipay" aria-hidden="true" /></i> + <i class="fab fa-amazon" aria-hidden="true" /></i> + <i class="fab fa-amazon-pay" aria-hidden="true" /></i> + <i class="fab fa-amilia" aria-hidden="true" /></i> + <i class="fab fa-android" aria-hidden="true" /></i> + <i class="fab fa-angellist" aria-hidden="true" /></i> + <i class="fab fa-angrycreative" aria-hidden="true" /></i> + <i class="fab fa-angular" aria-hidden="true" /></i> + <i class="fab fa-ankh" aria-hidden="true" /></i> + <i class="fab fa-app-store" aria-hidden="true" /></i> + <i class="fab fa-app-store-ios" aria-hidden="true" /></i> + <i class="fab fa-apper" aria-hidden="true" /></i> + <i class="fab fa-apple" aria-hidden="true" /></i> + <i class="fab fa-apple-pay" aria-hidden="true" /></i> + <i class="fab fa-asymmetrik" aria-hidden="true" /></i> + <i class="fab fa-audible" aria-hidden="true" /></i> + <i class="fab fa-autoprefixer" aria-hidden="true" /></i> + <i class="fab fa-avianex" aria-hidden="true" /></i> + <i class="fab fa-aviato" aria-hidden="true" /></i> + <i class="fab fa-aws" aria-hidden="true" /></i> + <i class="fab fa-bandcamp" aria-hidden="true" /></i> + <i class="fab fa-behance" aria-hidden="true" /></i> + <i class="fab fa-behance-square" aria-hidden="true" /></i> + <i class="fab fa-bimobject" aria-hidden="true" /></i> + <i class="fab fa-bitbucket" aria-hidden="true" /></i> + <i class="fab fa-bitcoin" aria-hidden="true" /></i> + <i class="fab fa-bity" aria-hidden="true" /></i> + <i class="fab fa-black-tie" aria-hidden="true" /></i> + <i class="fab fa-blackberry" aria-hidden="true" /></i> + <i class="fab fa-blogger" aria-hidden="true" /></i> + <i class="fab fa-blogger-b" aria-hidden="true" /></i> + <i class="fab fa-bluetooth" aria-hidden="true" /></i> + <i class="fab fa-bluetooth-b" aria-hidden="true" /></i> + <i class="fab fa-btc" aria-hidden="true" /></i> + <i class="fab fa-buysellads" aria-hidden="true" /></i> + <i class="fab fa-buromobelexperte" aria-hidden="true" /></i> + <i class="fab fa-cc-amazon-pay" aria-hidden="true" /></i> + <i class="fab fa-cc-amex" aria-hidden="true" /></i> + <i class="fab fa-cc-apple-pay" aria-hidden="true" /></i> + <i class="fab fa-cc-diners-club" aria-hidden="true" /></i> + <i class="fab fa-cc-discover" aria-hidden="true" /></i> + <i class="fab fa-cc-jcb" aria-hidden="true" /></i> + <i class="fab fa-cc-mastercard" aria-hidden="true" /></i> + <i class="fab fa-cc-paypal" aria-hidden="true" /></i> + <i class="fab fa-cc-stripe" aria-hidden="true" /></i> + <i class="fab fa-cc-visa" aria-hidden="true" /></i> + <i class="fab fa-centercode" aria-hidden="true" /></i> + <i class="fab fa-chrome" aria-hidden="true" /></i> + <i class="fab fa-cloudscale" aria-hidden="true" /></i> + <i class="fab fa-cloudsmith" aria-hidden="true" /></i> + <i class="fab fa-cloudversify" aria-hidden="true" /></i> + <i class="fab fa-codepen" aria-hidden="true" /></i> + <i class="fab fa-codiepie" aria-hidden="true" /></i> + <i class="fab fa-connectdevelop" aria-hidden="true" /></i> + <i class="fab fa-contao" aria-hidden="true" /></i> + <i class="fab fa-cpanel" aria-hidden="true" /></i> + <i class="fab fa-creative-commons" aria-hidden="true" /></i> + <i class="fab fa-creative-commons-by" aria-hidden="true" /></i> + <i class="fab fa-creative-commons-nc" aria-hidden="true" /></i> + <i class="fab fa-creative-commons-nc-eu" aria-hidden="true" /></i> + <i class="fab fa-creative-commons-nc-jp" aria-hidden="true" /></i> + <i class="fab fa-creative-commons-nd" aria-hidden="true" /></i> + <i class="fab fa-creative-commons-pd" aria-hidden="true" /></i> + <i class="fab fa-creative-commons-pd-alt" aria-hidden="true" /></i> + <i class="fab fa-creative-commons-remix" aria-hidden="true" /></i> + <i class="fab fa-creative-commons-sa" aria-hidden="true" /></i> + <i class="fab fa-creative-commons-sampling" aria-hidden="true" /></i> + <i class="fab fa-creative-commons-sampling-plus" aria-hidden="true" /></i> + <i class="fab fa-creative-commons-share" aria-hidden="true" /></i> + <i class="fab fa-css3" aria-hidden="true" /></i> + <i class="fab fa-css3-alt" aria-hidden="true" /></i> + <i class="fab fa-cuttlefish" aria-hidden="true" /></i> + <i class="fab fa-d-and-d" aria-hidden="true" /></i> + <i class="fab fa-dashcube" aria-hidden="true" /></i> + <i class="fab fa-delicious" aria-hidden="true" /></i> + <i class="fab fa-deploydog" aria-hidden="true" /></i> + <i class="fab fa-deskpro" aria-hidden="true" /></i> + <i class="fab fa-deviantart" aria-hidden="true" /></i> + <i class="fab fa-digg" aria-hidden="true" /></i> + <i class="fab fa-digital-ocean" aria-hidden="true" /></i> + <i class="fab fa-discord" aria-hidden="true" /></i> + <i class="fab fa-discourse" aria-hidden="true" /></i> + <i class="fab fa-dochub" aria-hidden="true" /></i> + <i class="fab fa-docker" aria-hidden="true" /></i> + <i class="fab fa-drupal" aria-hidden="true" /></i> + <i class="fab fa-draft2digital" aria-hidden="true" /></i> + <i class="fab fa-earlybirds" aria-hidden="true" /></i> + <i class="fab fa-dribbble" aria-hidden="true" /></i> + <i class="fab fa-dribbble-square" aria-hidden="true" /></i> + <i class="fab fa-dropbox" aria-hidden="true" /></i> + <i class="fab fa-dyalog" aria-hidden="true" /></i> + <i class="fab fa-ebay" aria-hidden="true" /></i> + <i class="fab fa-edge" aria-hidden="true" /></i> + <i class="fab fa-elementor" aria-hidden="true" /></i> + <i class="fab fa-ello" aria-hidden="true" /></i> + <i class="fab fa-ember" aria-hidden="true" /></i> + <i class="fab fa-empire" aria-hidden="true" /></i> + <i class="fab fa-envira" aria-hidden="true" /></i> + <i class="fab fa-erlang" aria-hidden="true" /></i> + <i class="fab fa-ethereum" aria-hidden="true" /></i> + <i class="fab fa-etsy" aria-hidden="true" /></i> + <i class="fab fa-expeditedssl" aria-hidden="true" /></i> + <i class="fab fa-facebook" aria-hidden="true" /></i> + <i class="fab fa-facebook-f" aria-hidden="true" /></i> + <i class="fab fa-facebook-messenger" aria-hidden="true" /></i> + <i class="fab fa-facebook-square" aria-hidden="true" /></i> + <i class="fab fa-firefox" aria-hidden="true" /></i> + <i class="fab fa-first-order" aria-hidden="true" /></i> + <i class="fab fa-first-order-alt" aria-hidden="true" /></i> + <i class="fab fa-firstdraft" aria-hidden="true" /></i> + <i class="fab fa-flickr" aria-hidden="true" /></i> + <i class="fab fa-flipboard" aria-hidden="true" /></i> + <i class="fab fa-fly" aria-hidden="true" /></i> + <i class="fab fa-font-awesome" aria-hidden="true" /></i> + <i class="fab fa-font-awesome-alt" aria-hidden="true" /></i> + <i class="fab fa-font-awesome-flag" aria-hidden="true" /></i> + <i class="fab fa-font-awesome-logo-full" aria-hidden="true" /></i> + <i class="fab fa-fonticons" aria-hidden="true" /></i> + <i class="fab fa-fonticons-fi" aria-hidden="true" /></i> + <i class="fab fa-fort-awesome" aria-hidden="true" /></i> + <i class="fab fa-fort-awesome-alt" aria-hidden="true" /></i> + <i class="fab fa-forumbee" aria-hidden="true" /></i> + <i class="fab fa-foursquare" aria-hidden="true" /></i> + <i class="fab fa-free-code-camp" aria-hidden="true" /></i> + <i class="fab fa-freebsd" aria-hidden="true" /></i> + <i class="fab fa-fulcrum" aria-hidden="true" /></i> + <i class="fab fa-galactic-republic" aria-hidden="true" /></i> + <i class="fab fa-galactic-senate" aria-hidden="true" /></i> + <i class="fab fa-get-pocket" aria-hidden="true" /></i> + <i class="fab fa-gg" aria-hidden="true" /></i> + <i class="fab fa-gg-circle" aria-hidden="true" /></i> + <i class="fab fa-git" aria-hidden="true" /></i> + <i class="fab fa-git-square" aria-hidden="true" /></i> + <i class="fab fa-github" aria-hidden="true" /></i> + <i class="fab fa-github-alt" aria-hidden="true" /></i> + <i class="fab fa-github-square" aria-hidden="true" /></i> + <i class="fab fa-gitkraken" aria-hidden="true" /></i> + <i class="fab fa-gitlab" aria-hidden="true" /></i> + <i class="fab fa-gitter" aria-hidden="true" /></i> + <i class="fab fa-glide" aria-hidden="true" /></i> + <i class="fab fa-glide-g" aria-hidden="true" /></i> + <i class="fab fa-gofore" aria-hidden="true" /></i> + <i class="fab fa-goodreads" aria-hidden="true" /></i> + <i class="fab fa-goodreads-g" aria-hidden="true" /></i> + <i class="fab fa-google" aria-hidden="true" /></i> + <i class="fab fa-google-drive" aria-hidden="true" /></i> + <i class="fab fa-google-play" aria-hidden="true" /></i> + <i class="fab fa-google-plus" aria-hidden="true" /></i> + <i class="fab fa-google-plus-g" aria-hidden="true" /></i> + <i class="fab fa-google-plus-square" aria-hidden="true" /></i> + <i class="fab fa-google-wallet" aria-hidden="true" /></i> + <i class="fab fa-gratipay" aria-hidden="true" /></i> + <i class="fab fa-grav" aria-hidden="true" /></i> + <i class="fab fa-gripfire" aria-hidden="true" /></i> + <i class="fab fa-grunt" aria-hidden="true" /></i> + <i class="fab fa-gulp" aria-hidden="true" /></i> + <i class="fab fa-hacker-news" aria-hidden="true" /></i> + <i class="fab fa-hacker-news-square" aria-hidden="true" /></i> + <i class="fab fa-hackerrank" aria-hidden="true" /></i> + <i class="fab fa-hips" aria-hidden="true" /></i> + <i class="fab fa-hire-a-helper" aria-hidden="true" /></i> + <i class="fab fa-hooli" aria-hidden="true" /></i> + <i class="fab fa-hornbill" aria-hidden="true" /></i> + <i class="fab fa-hotjar" aria-hidden="true" /></i> + <i class="fab fa-houzz" aria-hidden="true" /></i> + <i class="fab fa-html5" aria-hidden="true" /></i> + <i class="fab fa-hubspot" aria-hidden="true" /></i> + <i class="fab fa-imdb" aria-hidden="true" /></i> + <i class="fab fa-instagram" aria-hidden="true" /></i> + <i class="fab fa-internet-explorer" aria-hidden="true" /></i> + <i class="fab fa-ioxhost" aria-hidden="true" /></i> + <i class="fab fa-itunes" aria-hidden="true" /></i> + <i class="fab fa-itunes-note" aria-hidden="true" /></i> + <i class="fab fa-java" aria-hidden="true" /></i> + <i class="fab fa-jedi-order" aria-hidden="true" /></i> + <i class="fab fa-jenkins" aria-hidden="true" /></i> + <i class="fab fa-joget" aria-hidden="true" /></i> + <i class="fab fa-joomla" aria-hidden="true" /></i> + <i class="fab fa-js" aria-hidden="true" /></i> + <i class="fab fa-js-square" aria-hidden="true" /></i> + <i class="fab fa-jsfiddle" aria-hidden="true" /></i> + <i class="fab fa-kaggle" aria-hidden="true" /></i> + <i class="fab fa-keybase" aria-hidden="true" /></i> + <i class="fab fa-keycdn" aria-hidden="true" /></i> + <i class="fab fa-kickstarter" aria-hidden="true" /></i> + <i class="fab fa-kickstarter-k" aria-hidden="true" /></i> + <i class="fab fa-korvue" aria-hidden="true" /></i> + <i class="fab fa-laravel" aria-hidden="true" /></i> + <i class="fab fa-lastfm" aria-hidden="true" /></i> + <i class="fab fa-lastfm-square" aria-hidden="true" /></i> + <i class="fab fa-leanpub" aria-hidden="true" /></i> + <i class="fab fa-less" aria-hidden="true" /></i> + <i class="fab fa-line" aria-hidden="true" /></i> + <i class="fab fa-linkedin" aria-hidden="true" /></i> + <i class="fab fa-linkedin-in" aria-hidden="true" /></i> + <i class="fab fa-linode" aria-hidden="true" /></i> + <i class="fab fa-linux" aria-hidden="true" /></i> + <i class="fab fa-lyft" aria-hidden="true" /></i> + <i class="fab fa-magento" aria-hidden="true" /></i> + <i class="fab fa-mailchimp" aria-hidden="true" /></i> + <i class="fab fa-mandalorian" aria-hidden="true" /></i> + <i class="fab fa-markdown" aria-hidden="true" /></i> + <i class="fab fa-mastodon" aria-hidden="true" /></i> + <i class="fab fa-maxcdn" aria-hidden="true" /></i> + <i class="fab fa-medapps" aria-hidden="true" /></i> + <i class="fab fa-medium" aria-hidden="true" /></i> + <i class="fab fa-medium-m" aria-hidden="true" /></i> + <i class="fab fa-medrt" aria-hidden="true" /></i> + <i class="fab fa-meetup" aria-hidden="true" /></i> + <i class="fab fa-megaport" aria-hidden="true" /></i> + <i class="fab fa-microsoft" aria-hidden="true" /></i> + <i class="fab fa-mix" aria-hidden="true" /></i> + <i class="fab fa-mixcloud" aria-hidden="true" /></i> + <i class="fab fa-mizuni" aria-hidden="true" /></i> + <i class="fab fa-modx" aria-hidden="true" /></i> + <i class="fab fa-monero" aria-hidden="true" /></i> + <i class="fab fa-napster" aria-hidden="true" /></i> + <i class="fab fa-neos" aria-hidden="true" /></i> + <i class="fab fa-nimblr" aria-hidden="true" /></i> + <i class="fab fa-nintendo-switch" aria-hidden="true" /></i> + <i class="fab fa-node" aria-hidden="true" /></i> + <i class="fab fa-node-js" aria-hidden="true" /></i> + <i class="fab fa-npm" aria-hidden="true" /></i> + <i class="fab fa-ns8" aria-hidden="true" /></i> + <i class="fab fa-nutritionix" aria-hidden="true" /></i> + <i class="fab fa-odnoklassniki" aria-hidden="true" /></i> + <i class="fab fa-odnoklassniki-square" aria-hidden="true" /></i> + <i class="fab fa-old-republic" aria-hidden="true" /></i> + <i class="fab fa-opencart" aria-hidden="true" /></i> + <i class="fab fa-openid" aria-hidden="true" /></i> + <i class="fab fa-opera" aria-hidden="true" /></i> + <i class="fab fa-optin-monster" aria-hidden="true" /></i> + <i class="fab fa-osi" aria-hidden="true" /></i> + <i class="fab fa-page4" aria-hidden="true" /></i> + <i class="fab fa-pagelines" aria-hidden="true" /></i> + <i class="fab fa-palfed" aria-hidden="true" /></i> + <i class="fab fa-patreon" aria-hidden="true" /></i> + <i class="fab fa-paypal" aria-hidden="true" /></i> + <i class="fab fa-periscope" aria-hidden="true" /></i> + <i class="fab fa-phabricator" aria-hidden="true" /></i> + <i class="fab fa-phoenix-framework" aria-hidden="true" /></i> + <i class="fab fa-phoenix-squadron" aria-hidden="true" /></i> + <i class="fab fa-php" aria-hidden="true" /></i> + <i class="fab fa-pied-piper" aria-hidden="true" /></i> + <i class="fab fa-pied-piper-alt" aria-hidden="true" /></i> + <i class="fab fa-pied-piper-hat" aria-hidden="true" /></i> + <i class="fab fa-pied-piper-pp" aria-hidden="true" /></i> + <i class="fab fa-pinterest" aria-hidden="true" /></i> + <i class="fab fa-pinterest-p" aria-hidden="true" /></i> + <i class="fab fa-pinterest-square" aria-hidden="true" /></i> + <i class="fab fa-playstation" aria-hidden="true" /></i> + <i class="fab fa-product-hunt" aria-hidden="true" /></i> + <i class="fab fa-pushed" aria-hidden="true" /></i> + <i class="fab fa-python" aria-hidden="true" /></i> + <i class="fab fa-qq" aria-hidden="true" /></i> + <i class="fab fa-quinscape" aria-hidden="true" /></i> + <i class="fab fa-quora" aria-hidden="true" /></i> + <i class="fab fa-r-project" aria-hidden="true" /></i> + <i class="fab fa-ravelry" aria-hidden="true" /></i> + <i class="fab fa-react" aria-hidden="true" /></i> + <i class="fab fa-readme" aria-hidden="true" /></i> + <i class="fab fa-rebel" aria-hidden="true" /></i> + <i class="fab fa-red-river" aria-hidden="true" /></i> + <i class="fab fa-reddit" aria-hidden="true" /></i> + <i class="fab fa-reddit-alien" aria-hidden="true" /></i> + <i class="fab fa-reddit-square" aria-hidden="true" /></i> + <i class="fab fa-rendact" aria-hidden="true" /></i> + <i class="fab fa-renren" aria-hidden="true" /></i> + <i class="fab fa-replyd" aria-hidden="true" /></i> + <i class="fab fa-researchgate" aria-hidden="true" /></i> + <i class="fab fa-resolving" aria-hidden="true" /></i> + <i class="fab fa-rev" aria-hidden="true" /></i> + <i class="fab fa-rocketchat" aria-hidden="true" /></i> + <i class="fab fa-rockrms" aria-hidden="true" /></i> + <i class="fab fa-safari" aria-hidden="true" /></i> + <i class="fab fa-sass" aria-hidden="true" /></i> + <i class="fab fa-schlix" aria-hidden="true" /></i> + <i class="fab fa-scribd" aria-hidden="true" /></i> + <i class="fab fa-searchengin" aria-hidden="true" /></i> + <i class="fab fa-sellcast" aria-hidden="true" /></i> + <i class="fab fa-sellsy" aria-hidden="true" /></i> + <i class="fab fa-servicestack" aria-hidden="true" /></i> + <i class="fab fa-shirtsinbulk" aria-hidden="true" /></i> + <i class="fab fa-shopware" aria-hidden="true" /></i> + <i class="fab fa-simplybuilt" aria-hidden="true" /></i> + <i class="fab fa-sistrix" aria-hidden="true" /></i> + <i class="fab fa-sith" aria-hidden="true" /></i> + <i class="fab fa-skyatlas" aria-hidden="true" /></i> + <i class="fab fa-skype" aria-hidden="true" /></i> + <i class="fab fa-slack" aria-hidden="true" /></i> + <i class="fab fa-slack-hash" aria-hidden="true" /></i> + <i class="fab fa-slideshare" aria-hidden="true" /></i> + <i class="fab fa-snapchat" aria-hidden="true" /></i> + <i class="fab fa-snapchat-ghost" aria-hidden="true" /></i> + <i class="fab fa-snapchat-square" aria-hidden="true" /></i> + <i class="fab fa-soundcloud" aria-hidden="true" /></i> + <i class="fab fa-speakap" aria-hidden="true" /></i> + <i class="fab fa-spotify" aria-hidden="true" /></i> + <i class="fab fa-squarespace" aria-hidden="true" /></i> + <i class="fab fa-stack-exchange" aria-hidden="true" /></i> + <i class="fab fa-stack-overflow" aria-hidden="true" /></i> + <i class="fab fa-staylinked" aria-hidden="true" /></i> + <i class="fab fa-steam" aria-hidden="true" /></i> + <i class="fab fa-steam-square" aria-hidden="true" /></i> + <i class="fab fa-steam-symbol" aria-hidden="true" /></i> + <i class="fab fa-sticker-mule" aria-hidden="true" /></i> + <i class="fab fa-strava" aria-hidden="true" /></i> + <i class="fab fa-stripe" aria-hidden="true" /></i> + <i class="fab fa-stripe-s" aria-hidden="true" /></i> + <i class="fab fa-studiovinari" aria-hidden="true" /></i> + <i class="fab fa-stumbleupon" aria-hidden="true" /></i> + <i class="fab fa-stumbleupon-circle" aria-hidden="true" /></i> + <i class="fab fa-superpowers" aria-hidden="true" /></i> + <i class="fab fa-supple" aria-hidden="true" /></i> + <i class="fab fa-teamspeak" aria-hidden="true" /></i> + <i class="fab fa-telegram" aria-hidden="true" /></i> + <i class="fab fa-telegram-plane" aria-hidden="true" /></i> + <i class="fab fa-tencent-weibo" aria-hidden="true" /></i> + <i class="fab fa-the-red-yeti" aria-hidden="true" /></i> + <i class="fab fa-themeco" aria-hidden="true" /></i> + <i class="fab fa-themeisle" aria-hidden="true" /></i> + <i class="fab fa-trade-federation" aria-hidden="true" /></i> + <i class="fab fa-trello" aria-hidden="true" /></i> + <i class="fab fa-tripadvisor" aria-hidden="true" /></i> + <i class="fab fa-tumblr" aria-hidden="true" /></i> + <i class="fab fa-tumblr-square" aria-hidden="true" /></i> + <i class="fab fa-twitch" aria-hidden="true" /></i> + <i class="fab fa-twitter" aria-hidden="true" /></i> + <i class="fab fa-twitter-square" aria-hidden="true" /></i> + <i class="fab fa-typo3" aria-hidden="true" /></i> + <i class="fab fa-uber" aria-hidden="true" /></i> + <i class="fab fa-uikit" aria-hidden="true" /></i> + <i class="fab fa-uniregistry" aria-hidden="true" /></i> + <i class="fab fa-untappd" aria-hidden="true" /></i> + <i class="fab fa-usb" aria-hidden="true" /></i> + <i class="fab fa-ussunnah" aria-hidden="true" /></i> + <i class="fab fa-vaadin" aria-hidden="true" /></i> + <i class="fab fa-viacoin" aria-hidden="true" /></i> + <i class="fab fa-viadeo" aria-hidden="true" /></i> + <i class="fab fa-viadeo-square" aria-hidden="true" /></i> + <i class="fab fa-viber" aria-hidden="true" /></i> + <i class="fab fa-vimeo" aria-hidden="true" /></i> + <i class="fab fa-vimeo-square" aria-hidden="true" /></i> + <i class="fab fa-vimeo-v" aria-hidden="true" /></i> + <i class="fab fa-vine" aria-hidden="true" /></i> + <i class="fab fa-vk" aria-hidden="true" /></i> + <i class="fab fa-vnv" aria-hidden="true" /></i> + <i class="fab fa-vuejs" aria-hidden="true" /></i> + <i class="fab fa-weebly" aria-hidden="true" /></i> + <i class="fab fa-weibo" aria-hidden="true" /></i> + <i class="fab fa-weixin" aria-hidden="true" /></i> + <i class="fab fa-whatsapp" aria-hidden="true" /></i> + <i class="fab fa-whatsapp-square" aria-hidden="true" /></i> + <i class="fab fa-whmcs" aria-hidden="true" /></i> + <i class="fab fa-wikipedia-w" aria-hidden="true" /></i> + <i class="fab fa-windows" aria-hidden="true" /></i> + <i class="fab fa-wix" aria-hidden="true" /></i> + <i class="fab fa-wolf-pack-battalion" aria-hidden="true" /></i> + <i class="fab fa-wordpress" aria-hidden="true" /></i> + <i class="fab fa-wordpress-simple" aria-hidden="true" /></i> + <i class="fab fa-wpbeginner" aria-hidden="true" /></i> + <i class="fab fa-wpexplorer" aria-hidden="true" /></i> + <i class="fab fa-wpforms" aria-hidden="true" /></i> + <i class="fab fa-xbox" aria-hidden="true" /></i> + <i class="fab fa-xing" aria-hidden="true" /></i> + <i class="fab fa-xing-square" aria-hidden="true" /></i> + <i class="fab fa-y-combinator" aria-hidden="true" /></i> + <i class="fab fa-yahoo" aria-hidden="true" /></i> + <i class="fab fa-yandex" aria-hidden="true" /></i> + <i class="fab fa-yandex-international" aria-hidden="true" /></i> + <i class="fab fa-yelp" aria-hidden="true" /></i> + <i class="fab fa-yoast" aria-hidden="true" /></i> + <i class="fab fa-youtube" aria-hidden="true" /></i> + <i class="fab fa-youtube-square" aria-hidden="true" /></i> + <i class="fab fa-zhihu" aria-hidden="true" /></i> + </div> + <div> + <h3>Solid</h3> + <i class="fas fa-ad" aria-hidden="true" /></i> + <i class="fas fa-address-book" aria-hidden="true" /></i> + <i class="fas fa-address-card" aria-hidden="true" /></i> + <i class="fas fa-adjust" aria-hidden="true" /></i> + <i class="fas fa-air-freshener" aria-hidden="true" /></i> + <i class="fas fa-align-center" aria-hidden="true" /></i> + <i class="fas fa-align-justify" aria-hidden="true" /></i> + <i class="fas fa-align-left" aria-hidden="true" /></i> + <i class="fas fa-align-right" aria-hidden="true" /></i> + <i class="fas fa-allergies" aria-hidden="true" /></i> + <i class="fas fa-ambulance" aria-hidden="true" /></i> + <i class="fas fa-american-sign-language-interpreting" aria-hidden="true" /></i> + <i class="fas fa-anchor" aria-hidden="true" /></i> + <i class="fas fa-angle-double-down" aria-hidden="true" /></i> + <i class="fas fa-angle-double-left" aria-hidden="true" /></i> + <i class="fas fa-angle-double-right" aria-hidden="true" /></i> + <i class="fas fa-angle-double-up" aria-hidden="true" /></i> + <i class="fas fa-angle-down" aria-hidden="true" /></i> + <i class="fas fa-angle-left" aria-hidden="true" /></i> + <i class="fas fa-angle-right" aria-hidden="true" /></i> + <i class="fas fa-angle-up" aria-hidden="true" /></i> + <i class="fas fa-angry" aria-hidden="true" /></i> + <i class="fas fa-apple-alt" aria-hidden="true" /></i> + <i class="fas fa-archive" aria-hidden="true" /></i> + <i class="fas fa-archway" aria-hidden="true" /></i> + <i class="fas fa-arrow-alt-circle-down" aria-hidden="true" /></i> + <i class="fas fa-arrow-alt-circle-left" aria-hidden="true" /></i> + <i class="fas fa-arrow-alt-circle-right" aria-hidden="true" /></i> + <i class="fas fa-arrow-alt-circle-up" aria-hidden="true" /></i> + <i class="fas fa-arrow-circle-down" aria-hidden="true" /></i> + <i class="fas fa-arrow-circle-left" aria-hidden="true" /></i> + <i class="fas fa-arrow-circle-right" aria-hidden="true" /></i> + <i class="fas fa-arrow-circle-up" aria-hidden="true" /></i> + <i class="fas fa-arrow-down" aria-hidden="true" /></i> + <i class="fas fa-arrow-left" aria-hidden="true" /></i> + <i class="fas fa-arrow-right" aria-hidden="true" /></i> + <i class="fas fa-arrow-up" aria-hidden="true" /></i> + <i class="fas fa-arrows-alt" aria-hidden="true" /></i> + <i class="fas fa-arrows-alt-h" aria-hidden="true" /></i> + <i class="fas fa-arrows-alt-v" aria-hidden="true" /></i> + <i class="fas fa-assistive-listening-systems" aria-hidden="true" /></i> + <i class="fas fa-asterisk" aria-hidden="true" /></i> + <i class="fas fa-at" aria-hidden="true" /></i> + <i class="fas fa-atlas" aria-hidden="true" /></i> + <i class="fas fa-atom" aria-hidden="true" /></i> + <i class="fas fa-audio-description" aria-hidden="true" /></i> + <i class="fas fa-award" aria-hidden="true" /></i> + <i class="fas fa-backspace" aria-hidden="true" /></i> + <i class="fas fa-backward" aria-hidden="true" /></i> + <i class="fas fa-balance-scale" aria-hidden="true" /></i> + <i class="fas fa-ban" aria-hidden="true" /></i> + <i class="fas fa-band-aid" aria-hidden="true" /></i> + <i class="fas fa-barcode" aria-hidden="true" /></i> + <i class="fas fa-bars" aria-hidden="true" /></i> + <i class="fas fa-baseball-ball" aria-hidden="true" /></i> + <i class="fas fa-basketball-ball" aria-hidden="true" /></i> + <i class="fas fa-bath" aria-hidden="true" /></i> + <i class="fas fa-battery-empty" aria-hidden="true" /></i> + <i class="fas fa-battery-full" aria-hidden="true" /></i> + <i class="fas fa-battery-half" aria-hidden="true" /></i> + <i class="fas fa-battery-quarter" aria-hidden="true" /></i> + <i class="fas fa-battery-three-quarters" aria-hidden="true" /></i> + <i class="fas fa-bed" aria-hidden="true" /></i> + <i class="fas fa-beer" aria-hidden="true" /></i> + <i class="fas fa-bell" aria-hidden="true" /></i> + <i class="fas fa-bell-slash" aria-hidden="true" /></i> + <i class="fas fa-bezier-curve" aria-hidden="true" /></i> + <i class="fas fa-bible" aria-hidden="true" /></i> + <i class="fas fa-bicycle" aria-hidden="true" /></i> + <i class="fas fa-binoculars" aria-hidden="true" /></i> + <i class="fas fa-birthday-cake" aria-hidden="true" /></i> + <i class="fas fa-blender" aria-hidden="true" /></i> + <i class="fas fa-blind" aria-hidden="true" /></i> + <i class="fas fa-bold" aria-hidden="true" /></i> + <i class="fas fa-bolt" aria-hidden="true" /></i> + <i class="fas fa-bomb" aria-hidden="true" /></i> + <i class="fas fa-bone" aria-hidden="true" /></i> + <i class="fas fa-bong" aria-hidden="true" /></i> + <i class="fas fa-book" aria-hidden="true" /></i> + <i class="fas fa-book-open" aria-hidden="true" /></i> + <i class="fas fa-book-reader" aria-hidden="true" /></i> + <i class="fas fa-bookmark" aria-hidden="true" /></i> + <i class="fas fa-bowling-ball" aria-hidden="true" /></i> + <i class="fas fa-box" aria-hidden="true" /></i> + <i class="fas fa-box-open" aria-hidden="true" /></i> + <i class="fas fa-boxes" aria-hidden="true" /></i> + <i class="fas fa-braille" aria-hidden="true" /></i> + <i class="fas fa-brain" aria-hidden="true" /></i> + <i class="fas fa-briefcase" aria-hidden="true" /></i> + <i class="fas fa-briefcase-medical" aria-hidden="true" /></i> + <i class="fas fa-broadcast-tower" aria-hidden="true" /></i> + <i class="fas fa-broom" aria-hidden="true" /></i> + <i class="fas fa-brush" aria-hidden="true" /></i> + <i class="fas fa-bug" aria-hidden="true" /></i> + <i class="fas fa-building" aria-hidden="true" /></i> + <i class="fas fa-bullhorn" aria-hidden="true" /></i> + <i class="fas fa-bullseye" aria-hidden="true" /></i> + <i class="fas fa-burn" aria-hidden="true" /></i> + <i class="fas fa-bus" aria-hidden="true" /></i> + <i class="fas fa-bus-alt" aria-hidden="true" /></i> + <i class="fas fa-business-time" aria-hidden="true" /></i> + <i class="fas fa-calculator" aria-hidden="true" /></i> + <i class="fas fa-calendar" aria-hidden="true" /></i> + <i class="fas fa-calendar-alt" aria-hidden="true" /></i> + <i class="fas fa-calendar-check" aria-hidden="true" /></i> + <i class="fas fa-calendar-minus" aria-hidden="true" /></i> + <i class="fas fa-calendar-plus" aria-hidden="true" /></i> + <i class="fas fa-calendar-times" aria-hidden="true" /></i> + <i class="fas fa-camera" aria-hidden="true" /></i> + <i class="fas fa-camera-retro" aria-hidden="true" /></i> + <i class="fas fa-cannabis" aria-hidden="true" /></i> + <i class="fas fa-capsules" aria-hidden="true" /></i> + <i class="fas fa-car" aria-hidden="true" /></i> + <i class="fas fa-car-alt" aria-hidden="true" /></i> + <i class="fas fa-car-battery" aria-hidden="true" /></i> + <i class="fas fa-car-crash" aria-hidden="true" /></i> + <i class="fas fa-car-side" aria-hidden="true" /></i> + <i class="fas fa-caret-down" aria-hidden="true" /></i> + <i class="fas fa-caret-left" aria-hidden="true" /></i> + <i class="fas fa-caret-right" aria-hidden="true" /></i> + <i class="fas fa-caret-square-down" aria-hidden="true" /></i> + <i class="fas fa-caret-square-left" aria-hidden="true" /></i> + <i class="fas fa-caret-square-right" aria-hidden="true" /></i> + <i class="fas fa-caret-square-up" aria-hidden="true" /></i> + <i class="fas fa-caret-up" aria-hidden="true" /></i> + <i class="fas fa-cart-arrow-down" aria-hidden="true" /></i> + <i class="fas fa-cart-plus" aria-hidden="true" /></i> + <i class="fas fa-certificate" aria-hidden="true" /></i> + <i class="fas fa-chalkboard" aria-hidden="true" /></i> + <i class="fas fa-chalkboard-teacher" aria-hidden="true" /></i> + <i class="fas fa-charging-station" aria-hidden="true" /></i> + <i class="fas fa-chart-area" aria-hidden="true" /></i> + <i class="fas fa-chart-bar" aria-hidden="true" /></i> + <i class="fas fa-chart-line" aria-hidden="true" /></i> + <i class="fas fa-chart-pie" aria-hidden="true" /></i> + <i class="fas fa-check" aria-hidden="true" /></i> + <i class="fas fa-check-circle" aria-hidden="true" /></i> + <i class="fas fa-check-double" aria-hidden="true" /></i> + <i class="fas fa-check-square" aria-hidden="true" /></i> + <i class="fas fa-chess" aria-hidden="true" /></i> + <i class="fas fa-chess-bishop" aria-hidden="true" /></i> + <i class="fas fa-chess-board" aria-hidden="true" /></i> + <i class="fas fa-chess-king" aria-hidden="true" /></i> + <i class="fas fa-chess-knight" aria-hidden="true" /></i> + <i class="fas fa-chess-pawn" aria-hidden="true" /></i> + <i class="fas fa-chess-queen" aria-hidden="true" /></i> + <i class="fas fa-chess-rook" aria-hidden="true" /></i> + <i class="fas fa-chevron-circle-down" aria-hidden="true" /></i> + <i class="fas fa-chevron-circle-left" aria-hidden="true" /></i> + <i class="fas fa-chevron-circle-right" aria-hidden="true" /></i> + <i class="fas fa-chevron-circle-up" aria-hidden="true" /></i> + <i class="fas fa-chevron-down" aria-hidden="true" /></i> + <i class="fas fa-chevron-left" aria-hidden="true" /></i> + <i class="fas fa-chevron-right" aria-hidden="true" /></i> + <i class="fas fa-chevron-up" aria-hidden="true" /></i> + <i class="fas fa-child" aria-hidden="true" /></i> + <i class="fas fa-church" aria-hidden="true" /></i> + <i class="fas fa-circle" aria-hidden="true" /></i> + <i class="fas fa-circle-notch" aria-hidden="true" /></i> + <i class="fas fa-city" aria-hidden="true" /></i> + <i class="fas fa-clipboard" aria-hidden="true" /></i> + <i class="fas fa-clipboard-check" aria-hidden="true" /></i> + <i class="fas fa-clipboard-list" aria-hidden="true" /></i> + <i class="fas fa-clock" aria-hidden="true" /></i> + <i class="fas fa-clone" aria-hidden="true" /></i> + <i class="fas fa-closed-captioning" aria-hidden="true" /></i> + <i class="fas fa-cloud" aria-hidden="true" /></i> + <i class="fas fa-cloud-download-alt" aria-hidden="true" /></i> + <i class="fas fa-cloud-upload-alt" aria-hidden="true" /></i> + <i class="fas fa-cocktail" aria-hidden="true" /></i> + <i class="fas fa-code" aria-hidden="true" /></i> + <i class="fas fa-code-branch" aria-hidden="true" /></i> + <i class="fas fa-coffee" aria-hidden="true" /></i> + <i class="fas fa-cog" aria-hidden="true" /></i> + <i class="fas fa-cogs" aria-hidden="true" /></i> + <i class="fas fa-coins" aria-hidden="true" /></i> + <i class="fas fa-columns" aria-hidden="true" /></i> + <i class="fas fa-comment" aria-hidden="true" /></i> + <i class="fas fa-comment-alt" aria-hidden="true" /></i> + <i class="fas fa-comment-dollar" aria-hidden="true" /></i> + <i class="fas fa-comment-dots" aria-hidden="true" /></i> + <i class="fas fa-comment-slash" aria-hidden="true" /></i> + <i class="fas fa-comments" aria-hidden="true" /></i> + <i class="fas fa-comments-dollar" aria-hidden="true" /></i> + <i class="fas fa-compact-disc" aria-hidden="true" /></i> + <i class="fas fa-compass" aria-hidden="true" /></i> + <i class="fas fa-compress" aria-hidden="true" /></i> + <i class="fas fa-concierge-bell" aria-hidden="true" /></i> + <i class="fas fa-cookie" aria-hidden="true" /></i> + <i class="fas fa-cookie-bite" aria-hidden="true" /></i> + <i class="fas fa-copy" aria-hidden="true" /></i> + <i class="fas fa-copyright" aria-hidden="true" /></i> + <i class="fas fa-couch" aria-hidden="true" /></i> + <i class="fas fa-credit-card" aria-hidden="true" /></i> + <i class="fas fa-crop" aria-hidden="true" /></i> + <i class="fas fa-crop-alt" aria-hidden="true" /></i> + <i class="fas fa-cross" aria-hidden="true" /></i> + <i class="fas fa-crosshairs" aria-hidden="true" /></i> + <i class="fas fa-crow" aria-hidden="true" /></i> + <i class="fas fa-crown" aria-hidden="true" /></i> + <i class="fas fa-cube" aria-hidden="true" /></i> + <i class="fas fa-cubes" aria-hidden="true" /></i> + <i class="fas fa-cut" aria-hidden="true" /></i> + <i class="fas fa-database" aria-hidden="true" /></i> + <i class="fas fa-deaf" aria-hidden="true" /></i> + <i class="fas fa-desktop" aria-hidden="true" /></i> + <i class="fas fa-dharmachakra" aria-hidden="true" /></i> + <i class="fas fa-diagnoses" aria-hidden="true" /></i> + <i class="fas fa-dice" aria-hidden="true" /></i> + <i class="fas fa-dice-five" aria-hidden="true" /></i> + <i class="fas fa-dice-four" aria-hidden="true" /></i> + <i class="fas fa-dice-one" aria-hidden="true" /></i> + <i class="fas fa-dice-six" aria-hidden="true" /></i> + <i class="fas fa-dice-three" aria-hidden="true" /></i> + <i class="fas fa-dice-two" aria-hidden="true" /></i> + <i class="fas fa-digital-tachograph" aria-hidden="true" /></i> + <i class="fas fa-directions" aria-hidden="true" /></i> + <i class="fas fa-divide" aria-hidden="true" /></i> + <i class="fas fa-dizzy" aria-hidden="true" /></i> + <i class="fas fa-dna" aria-hidden="true" /></i> + <i class="fas fa-dollar-sign" aria-hidden="true" /></i> + <i class="fas fa-dolly" aria-hidden="true" /></i> + <i class="fas fa-dolly-flatbed" aria-hidden="true" /></i> + <i class="fas fa-donate" aria-hidden="true" /></i> + <i class="fas fa-door-closed" aria-hidden="true" /></i> + <i class="fas fa-door-open" aria-hidden="true" /></i> + <i class="fas fa-dot-circle" aria-hidden="true" /></i> + <i class="fas fa-dove" aria-hidden="true" /></i> + <i class="fas fa-download" aria-hidden="true" /></i> + <i class="fas fa-drafting-compass" aria-hidden="true" /></i> + <i class="fas fa-draw-polygon" aria-hidden="true" /></i> + <i class="fas fa-drum" aria-hidden="true" /></i> + <i class="fas fa-drum-steelpan" aria-hidden="true" /></i> + <i class="fas fa-dumbbell" aria-hidden="true" /></i> + <i class="fas fa-edit" aria-hidden="true" /></i> + <i class="fas fa-eject" aria-hidden="true" /></i> + <i class="fas fa-ellipsis-h" aria-hidden="true" /></i> + <i class="fas fa-ellipsis-v" aria-hidden="true" /></i> + <i class="fas fa-envelope" aria-hidden="true" /></i> + <i class="fas fa-envelope-open" aria-hidden="true" /></i> + <i class="fas fa-envelope-open-text" aria-hidden="true" /></i> + <i class="fas fa-envelope-square" aria-hidden="true" /></i> + <i class="fas fa-equals" aria-hidden="true" /></i> + <i class="fas fa-eraser" aria-hidden="true" /></i> + <i class="fas fa-euro-sign" aria-hidden="true" /></i> + <i class="fas fa-exchange-alt" aria-hidden="true" /></i> + <i class="fas fa-exclamation" aria-hidden="true" /></i> + <i class="fas fa-exclamation-circle" aria-hidden="true" /></i> + <i class="fas fa-exclamation-triangle" aria-hidden="true" /></i> + <i class="fas fa-expand" aria-hidden="true" /></i> + <i class="fas fa-expand-arrows-alt" aria-hidden="true" /></i> + <i class="fas fa-external-link-alt" aria-hidden="true" /></i> + <i class="fas fa-external-link-square-alt" aria-hidden="true" /></i> + <i class="fas fa-eye" aria-hidden="true" /></i> + <i class="fas fa-eye-dropper" aria-hidden="true" /></i> + <i class="fas fa-eye-slash" aria-hidden="true" /></i> + <i class="fas fa-fast-backward" aria-hidden="true" /></i> + <i class="fas fa-fast-forward" aria-hidden="true" /></i> + <i class="fas fa-fax" aria-hidden="true" /></i> + <i class="fas fa-feather" aria-hidden="true" /></i> + <i class="fas fa-feather-alt" aria-hidden="true" /></i> + <i class="fas fa-female" aria-hidden="true" /></i> + <i class="fas fa-fighter-jet" aria-hidden="true" /></i> + <i class="fas fa-file" aria-hidden="true" /></i> + <i class="fas fa-file-alt" aria-hidden="true" /></i> + <i class="fas fa-file-archive" aria-hidden="true" /></i> + <i class="fas fa-file-audio" aria-hidden="true" /></i> + <i class="fas fa-file-code" aria-hidden="true" /></i> + <i class="fas fa-file-contract" aria-hidden="true" /></i> + <i class="fas fa-file-download" aria-hidden="true" /></i> + <i class="fas fa-file-excel" aria-hidden="true" /></i> + <i class="fas fa-file-export" aria-hidden="true" /></i> + <i class="fas fa-file-image" aria-hidden="true" /></i> + <i class="fas fa-file-import" aria-hidden="true" /></i> + <i class="fas fa-file-invoice" aria-hidden="true" /></i> + <i class="fas fa-file-invoice-dollar" aria-hidden="true" /></i> + <i class="fas fa-file-medical" aria-hidden="true" /></i> + <i class="fas fa-file-medical-alt" aria-hidden="true" /></i> + <i class="fas fa-file-pdf" aria-hidden="true" /></i> + <i class="fas fa-file-powerpoint" aria-hidden="true" /></i> + <i class="fas fa-file-prescription" aria-hidden="true" /></i> + <i class="fas fa-file-signature" aria-hidden="true" /></i> + <i class="fas fa-file-upload" aria-hidden="true" /></i> + <i class="fas fa-file-video" aria-hidden="true" /></i> + <i class="fas fa-file-word" aria-hidden="true" /></i> + <i class="fas fa-fill" aria-hidden="true" /></i> + <i class="fas fa-fill-drip" aria-hidden="true" /></i> + <i class="fas fa-film" aria-hidden="true" /></i> + <i class="fas fa-filter" aria-hidden="true" /></i> + <i class="fas fa-fingerprint" aria-hidden="true" /></i> + <i class="fas fa-fire" aria-hidden="true" /></i> + <i class="fas fa-fire-extinguisher" aria-hidden="true" /></i> + <i class="fas fa-first-aid" aria-hidden="true" /></i> + <i class="fas fa-fish" aria-hidden="true" /></i> + <i class="fas fa-flag" aria-hidden="true" /></i> + <i class="fas fa-flag-checkered" aria-hidden="true" /></i> + <i class="fas fa-flask" aria-hidden="true" /></i> + <i class="fas fa-flushed" aria-hidden="true" /></i> + <i class="fas fa-folder" aria-hidden="true" /></i> + <i class="fas fa-folder-minus" aria-hidden="true" /></i> + <i class="fas fa-folder-open" aria-hidden="true" /></i> + <i class="fas fa-folder-plus" aria-hidden="true" /></i> + <i class="fas fa-font" aria-hidden="true" /></i> + <i class="fas fa-football-ball" aria-hidden="true" /></i> + <i class="fas fa-forward" aria-hidden="true" /></i> + <i class="fas fa-frog" aria-hidden="true" /></i> + <i class="fas fa-frown" aria-hidden="true" /></i> + <i class="fas fa-frown-open" aria-hidden="true" /></i> + <i class="fas fa-funnel-dollar" aria-hidden="true" /></i> + <i class="fas fa-futbol" aria-hidden="true" /></i> + <i class="fas fa-gamepad" aria-hidden="true" /></i> + <i class="fas fa-gas-pump" aria-hidden="true" /></i> + <i class="fas fa-gavel" aria-hidden="true" /></i> + <i class="fas fa-gem" aria-hidden="true" /></i> + <i class="fas fa-genderless" aria-hidden="true" /></i> + <i class="fas fa-gift" aria-hidden="true" /></i> + <i class="fas fa-glass-martini" aria-hidden="true" /></i> + <i class="fas fa-glass-martini-alt" aria-hidden="true" /></i> + <i class="fas fa-glasses" aria-hidden="true" /></i> + <i class="fas fa-globe" aria-hidden="true" /></i> + <i class="fas fa-globe-africa" aria-hidden="true" /></i> + <i class="fas fa-globe-americas" aria-hidden="true" /></i> + <i class="fas fa-globe-asia" aria-hidden="true" /></i> + <i class="fas fa-golf-ball" aria-hidden="true" /></i> + <i class="fas fa-gopuram" aria-hidden="true" /></i> + <i class="fas fa-graduation-cap" aria-hidden="true" /></i> + <i class="fas fa-greater-than" aria-hidden="true" /></i> + <i class="fas fa-greater-than-equal" aria-hidden="true" /></i> + <i class="fas fa-grimace" aria-hidden="true" /></i> + <i class="fas fa-grin" aria-hidden="true" /></i> + <i class="fas fa-grin-alt" aria-hidden="true" /></i> + <i class="fas fa-grin-beam" aria-hidden="true" /></i> + <i class="fas fa-grin-beam-sweat" aria-hidden="true" /></i> + <i class="fas fa-grin-hearts" aria-hidden="true" /></i> + <i class="fas fa-grin-squint" aria-hidden="true" /></i> + <i class="fas fa-grin-squint-tears" aria-hidden="true" /></i> + <i class="fas fa-grin-stars" aria-hidden="true" /></i> + <i class="fas fa-grin-tears" aria-hidden="true" /></i> + <i class="fas fa-grin-tongue" aria-hidden="true" /></i> + <i class="fas fa-grin-tongue-squint" aria-hidden="true" /></i> + <i class="fas fa-grin-tongue-wink" aria-hidden="true" /></i> + <i class="fas fa-grin-wink" aria-hidden="true" /></i> + <i class="fas fa-grip-horizontal" aria-hidden="true" /></i> + <i class="fas fa-grip-vertical" aria-hidden="true" /></i> + <i class="fas fa-h-square" aria-hidden="true" /></i> + <i class="fas fa-hamsa" aria-hidden="true" /></i> + <i class="fas fa-hand-holding" aria-hidden="true" /></i> + <i class="fas fa-hand-holding-heart" aria-hidden="true" /></i> + <i class="fas fa-hand-holding-usd" aria-hidden="true" /></i> + <i class="fas fa-hand-lizard" aria-hidden="true" /></i> + <i class="fas fa-hand-paper" aria-hidden="true" /></i> + <i class="fas fa-hand-peace" aria-hidden="true" /></i> + <i class="fas fa-hand-point-down" aria-hidden="true" /></i> + <i class="fas fa-hand-point-left" aria-hidden="true" /></i> + <i class="fas fa-hand-point-right" aria-hidden="true" /></i> + <i class="fas fa-hand-point-up" aria-hidden="true" /></i> + <i class="fas fa-hand-pointer" aria-hidden="true" /></i> + <i class="fas fa-hand-rock" aria-hidden="true" /></i> + <i class="fas fa-hand-scissors" aria-hidden="true" /></i> + <i class="fas fa-hand-spock" aria-hidden="true" /></i> + <i class="fas fa-hands" aria-hidden="true" /></i> + <i class="fas fa-hands-helping" aria-hidden="true" /></i> + <i class="fas fa-handshake" aria-hidden="true" /></i> + <i class="fas fa-hashtag" aria-hidden="true" /></i> + <i class="fas fa-haykal" aria-hidden="true" /></i> + <i class="fas fa-hdd" aria-hidden="true" /></i> + <i class="fas fa-heading" aria-hidden="true" /></i> + <i class="fas fa-headphones" aria-hidden="true" /></i> + <i class="fas fa-headphones-alt" aria-hidden="true" /></i> + <i class="fas fa-headset" aria-hidden="true" /></i> + <i class="fas fa-heart" aria-hidden="true" /></i> + <i class="fas fa-heartbeat" aria-hidden="true" /></i> + <i class="fas fa-helicopter" aria-hidden="true" /></i> + <i class="fas fa-highlighter" aria-hidden="true" /></i> + <i class="fas fa-history" aria-hidden="true" /></i> + <i class="fas fa-hockey-puck" aria-hidden="true" /></i> + <i class="fas fa-home" aria-hidden="true" /></i> + <i class="fas fa-hospital" aria-hidden="true" /></i> + <i class="fas fa-hospital-alt" aria-hidden="true" /></i> + <i class="fas fa-hospital-symbol" aria-hidden="true" /></i> + <i class="fas fa-hot-tub" aria-hidden="true" /></i> + <i class="fas fa-hotel" aria-hidden="true" /></i> + <i class="fas fa-hourglass" aria-hidden="true" /></i> + <i class="fas fa-hourglass-end" aria-hidden="true" /></i> + <i class="fas fa-hourglass-half" aria-hidden="true" /></i> + <i class="fas fa-hourglass-start" aria-hidden="true" /></i> + <i class="fas fa-i-cursor" aria-hidden="true" /></i> + <i class="fas fa-id-badge" aria-hidden="true" /></i> + <i class="fas fa-id-card" aria-hidden="true" /></i> + <i class="fas fa-id-card-alt" aria-hidden="true" /></i> + <i class="fas fa-image" aria-hidden="true" /></i> + <i class="fas fa-images" aria-hidden="true" /></i> + <i class="fas fa-inbox" aria-hidden="true" /></i> + <i class="fas fa-indent" aria-hidden="true" /></i> + <i class="fas fa-industry" aria-hidden="true" /></i> + <i class="fas fa-infinity" aria-hidden="true" /></i> + <i class="fas fa-info" aria-hidden="true" /></i> + <i class="fas fa-info-circle" aria-hidden="true" /></i> + <i class="fas fa-italic" aria-hidden="true" /></i> + <i class="fas fa-joint" aria-hidden="true" /></i> + <i class="fas fa-jedi" aria-hidden="true" /></i> + <i class="fas fa-journal-whills" aria-hidden="true" /></i> + <i class="fas fa-kaaba" aria-hidden="true" /></i> + <i class="fas fa-key" aria-hidden="true" /></i> + <i class="fas fa-keyboard" aria-hidden="true" /></i> + <i class="fas fa-khanda" aria-hidden="true" /></i> + <i class="fas fa-kiss" aria-hidden="true" /></i> + <i class="fas fa-kiss-beam" aria-hidden="true" /></i> + <i class="fas fa-kiss-wink-heart" aria-hidden="true" /></i> + <i class="fas fa-kiwi-bird" aria-hidden="true" /></i> + <i class="fas fa-landmark" aria-hidden="true" /></i> + <i class="fas fa-language" aria-hidden="true" /></i> + <i class="fas fa-laptop" aria-hidden="true" /></i> + <i class="fas fa-laptop-code" aria-hidden="true" /></i> + <i class="fas fa-laugh" aria-hidden="true" /></i> + <i class="fas fa-laugh-beam" aria-hidden="true" /></i> + <i class="fas fa-laugh-squint" aria-hidden="true" /></i> + <i class="fas fa-laugh-wink" aria-hidden="true" /></i> + <i class="fas fa-layer-group" aria-hidden="true" /></i> + <i class="fas fa-leaf" aria-hidden="true" /></i> + <i class="fas fa-lemon" aria-hidden="true" /></i> + <i class="fas fa-less-than" aria-hidden="true" /></i> + <i class="fas fa-less-than-equal" aria-hidden="true" /></i> + <i class="fas fa-level-down-alt" aria-hidden="true" /></i> + <i class="fas fa-level-up-alt" aria-hidden="true" /></i> + <i class="fas fa-life-ring" aria-hidden="true" /></i> + <i class="fas fa-lightbulb" aria-hidden="true" /></i> + <i class="fas fa-link" aria-hidden="true" /></i> + <i class="fas fa-lira-sign" aria-hidden="true" /></i> + <i class="fas fa-list" aria-hidden="true" /></i> + <i class="fas fa-list-alt" aria-hidden="true" /></i> + <i class="fas fa-list-ol" aria-hidden="true" /></i> + <i class="fas fa-list-ul" aria-hidden="true" /></i> + <i class="fas fa-location-arrow" aria-hidden="true" /></i> + <i class="fas fa-lock" aria-hidden="true" /></i> + <i class="fas fa-lock-open" aria-hidden="true" /></i> + <i class="fas fa-long-arrow-alt-down" aria-hidden="true" /></i> + <i class="fas fa-long-arrow-alt-left" aria-hidden="true" /></i> + <i class="fas fa-long-arrow-alt-right" aria-hidden="true" /></i> + <i class="fas fa-long-arrow-alt-up" aria-hidden="true" /></i> + <i class="fas fa-low-vision" aria-hidden="true" /></i> + <i class="fas fa-luggage-cart" aria-hidden="true" /></i> + <i class="fas fa-magic" aria-hidden="true" /></i> + <i class="fas fa-magnet" aria-hidden="true" /></i> + <i class="fas fa-mail-bulk" aria-hidden="true" /></i> + <i class="fas fa-male" aria-hidden="true" /></i> + <i class="fas fa-map" aria-hidden="true" /></i> + <i class="fas fa-map-marked" aria-hidden="true" /></i> + <i class="fas fa-map-marked-alt" aria-hidden="true" /></i> + <i class="fas fa-map-marker" aria-hidden="true" /></i> + <i class="fas fa-map-marker-alt" aria-hidden="true" /></i> + <i class="fas fa-map-pin" aria-hidden="true" /></i> + <i class="fas fa-map-signs" aria-hidden="true" /></i> + <i class="fas fa-marker" aria-hidden="true" /></i> + <i class="fas fa-mars" aria-hidden="true" /></i> + <i class="fas fa-mars-double" aria-hidden="true" /></i> + <i class="fas fa-mars-stroke" aria-hidden="true" /></i> + <i class="fas fa-mars-stroke-h" aria-hidden="true" /></i> + <i class="fas fa-mars-stroke-v" aria-hidden="true" /></i> + <i class="fas fa-medal" aria-hidden="true" /></i> + <i class="fas fa-medkit" aria-hidden="true" /></i> + <i class="fas fa-meh" aria-hidden="true" /></i> + <i class="fas fa-meh-blank" aria-hidden="true" /></i> + <i class="fas fa-meh-rolling-eyes" aria-hidden="true" /></i> + <i class="fas fa-memory" aria-hidden="true" /></i> + <i class="fas fa-menorah" aria-hidden="true" /></i> + <i class="fas fa-mercury" aria-hidden="true" /></i> + <i class="fas fa-microchip" aria-hidden="true" /></i> + <i class="fas fa-microphone" aria-hidden="true" /></i> + <i class="fas fa-microphone-alt" aria-hidden="true" /></i> + <i class="fas fa-microphone-alt-slash" aria-hidden="true" /></i> + <i class="fas fa-microphone-slash" aria-hidden="true" /></i> + <i class="fas fa-microscope" aria-hidden="true" /></i> + <i class="fas fa-minus" aria-hidden="true" /></i> + <i class="fas fa-minus-circle" aria-hidden="true" /></i> + <i class="fas fa-minus-square" aria-hidden="true" /></i> + <i class="fas fa-mobile" aria-hidden="true" /></i> + <i class="fas fa-mobile-alt" aria-hidden="true" /></i> + <i class="fas fa-money-bill" aria-hidden="true" /></i> + <i class="fas fa-money-bill-alt" aria-hidden="true" /></i> + <i class="fas fa-money-bill-wave" aria-hidden="true" /></i> + <i class="fas fa-money-bill-wave-alt" aria-hidden="true" /></i> + <i class="fas fa-money-check" aria-hidden="true" /></i> + <i class="fas fa-money-check-alt" aria-hidden="true" /></i> + <i class="fas fa-monument" aria-hidden="true" /></i> + <i class="fas fa-moon" aria-hidden="true" /></i> + <i class="fas fa-mortar-pestle" aria-hidden="true" /></i> + <i class="fas fa-mosque" aria-hidden="true" /></i> + <i class="fas fa-motorcycle" aria-hidden="true" /></i> + <i class="fas fa-mouse-pointer" aria-hidden="true" /></i> + <i class="fas fa-music" aria-hidden="true" /></i> + <i class="fas fa-neuter" aria-hidden="true" /></i> + <i class="fas fa-newspaper" aria-hidden="true" /></i> + <i class="fas fa-not-equal" aria-hidden="true" /></i> + <i class="fas fa-notes-medical" aria-hidden="true" /></i> + <i class="fas fa-object-group" aria-hidden="true" /></i> + <i class="fas fa-object-ungroup" aria-hidden="true" /></i> + <i class="fas fa-oil-can" aria-hidden="true" /></i> + <i class="fas fa-om" aria-hidden="true" /></i> + <i class="fas fa-outdent" aria-hidden="true" /></i> + <i class="fas fa-paint-brush" aria-hidden="true" /></i> + <i class="fas fa-paint-roller" aria-hidden="true" /></i> + <i class="fas fa-palette" aria-hidden="true" /></i> + <i class="fas fa-pallet" aria-hidden="true" /></i> + <i class="fas fa-paper-plane" aria-hidden="true" /></i> + <i class="fas fa-paperclip" aria-hidden="true" /></i> + <i class="fas fa-parachute-box" aria-hidden="true" /></i> + <i class="fas fa-paragraph" aria-hidden="true" /></i> + <i class="fas fa-parking" aria-hidden="true" /></i> + <i class="fas fa-passport" aria-hidden="true" /></i> + <i class="fas fa-pastafarianism" aria-hidden="true" /></i> + <i class="fas fa-paste" aria-hidden="true" /></i> + <i class="fas fa-pause" aria-hidden="true" /></i> + <i class="fas fa-pause-circle" aria-hidden="true" /></i> + <i class="fas fa-paw" aria-hidden="true" /></i> + <i class="fas fa-peace" aria-hidden="true" /></i> + <i class="fas fa-pen" aria-hidden="true" /></i> + <i class="fas fa-pen-alt" aria-hidden="true" /></i> + <i class="fas fa-pen-fancy" aria-hidden="true" /></i> + <i class="fas fa-pen-nib" aria-hidden="true" /></i> + <i class="fas fa-pen-square" aria-hidden="true" /></i> + <i class="fas fa-pencil-alt" aria-hidden="true" /></i> + <i class="fas fa-pencil-ruler" aria-hidden="true" /></i> + <i class="fas fa-people-carry" aria-hidden="true" /></i> + <i class="fas fa-percent" aria-hidden="true" /></i> + <i class="fas fa-percentage" aria-hidden="true" /></i> + <i class="fas fa-phone" aria-hidden="true" /></i> + <i class="fas fa-phone-slash" aria-hidden="true" /></i> + <i class="fas fa-phone-square" aria-hidden="true" /></i> + <i class="fas fa-phone-volume" aria-hidden="true" /></i> + <i class="fas fa-piggy-bank" aria-hidden="true" /></i> + <i class="fas fa-pills" aria-hidden="true" /></i> + <i class="fas fa-place-of-worship" aria-hidden="true" /></i> + <i class="fas fa-plane" aria-hidden="true" /></i> + <i class="fas fa-plane-arrival" aria-hidden="true" /></i> + <i class="fas fa-plane-departure" aria-hidden="true" /></i> + <i class="fas fa-play" aria-hidden="true" /></i> + <i class="fas fa-play-circle" aria-hidden="true" /></i> + <i class="fas fa-plug" aria-hidden="true" /></i> + <i class="fas fa-plus" aria-hidden="true" /></i> + <i class="fas fa-plus-circle" aria-hidden="true" /></i> + <i class="fas fa-plus-square" aria-hidden="true" /></i> + <i class="fas fa-podcast" aria-hidden="true" /></i> + <i class="fas fa-poll" aria-hidden="true" /></i> + <i class="fas fa-poll-h" aria-hidden="true" /></i> + <i class="fas fa-poo" aria-hidden="true" /></i> + <i class="fas fa-poop" aria-hidden="true" /></i> + <i class="fas fa-portrait" aria-hidden="true" /></i> + <i class="fas fa-pound-sign" aria-hidden="true" /></i> + <i class="fas fa-power-off" aria-hidden="true" /></i> + <i class="fas fa-pray" aria-hidden="true" /></i> + <i class="fas fa-praying-hands" aria-hidden="true" /></i> + <i class="fas fa-prescription" aria-hidden="true" /></i> + <i class="fas fa-prescription-bottle" aria-hidden="true" /></i> + <i class="fas fa-prescription-bottle-alt" aria-hidden="true" /></i> + <i class="fas fa-print" aria-hidden="true" /></i> + <i class="fas fa-procedures" aria-hidden="true" /></i> + <i class="fas fa-project-diagram" aria-hidden="true" /></i> + <i class="fas fa-puzzle-piece" aria-hidden="true" /></i> + <i class="fas fa-qrcode" aria-hidden="true" /></i> + <i class="fas fa-question" aria-hidden="true" /></i> + <i class="fas fa-question-circle" aria-hidden="true" /></i> + <i class="fas fa-quidditch" aria-hidden="true" /></i> + <i class="fas fa-quote-left" aria-hidden="true" /></i> + <i class="fas fa-quote-right" aria-hidden="true" /></i> + <i class="fas fa-quran" aria-hidden="true" /></i> + <i class="fas fa-random" aria-hidden="true" /></i> + <i class="fas fa-receipt" aria-hidden="true" /></i> + <i class="fas fa-recycle" aria-hidden="true" /></i> + <i class="fas fa-redo" aria-hidden="true" /></i> + <i class="fas fa-redo-alt" aria-hidden="true" /></i> + <i class="fas fa-registered" aria-hidden="true" /></i> + <i class="fas fa-reply" aria-hidden="true" /></i> + <i class="fas fa-reply-all" aria-hidden="true" /></i> + <i class="fas fa-retweet" aria-hidden="true" /></i> + <i class="fas fa-ribbon" aria-hidden="true" /></i> + <i class="fas fa-road" aria-hidden="true" /></i> + <i class="fas fa-robot" aria-hidden="true" /></i> + <i class="fas fa-rocket" aria-hidden="true" /></i> + <i class="fas fa-route" aria-hidden="true" /></i> + <i class="fas fa-rss" aria-hidden="true" /></i> + <i class="fas fa-rss-square" aria-hidden="true" /></i> + <i class="fas fa-ruble-sign" aria-hidden="true" /></i> + <i class="fas fa-ruler" aria-hidden="true" /></i> + <i class="fas fa-ruler-combined" aria-hidden="true" /></i> + <i class="fas fa-ruler-horizontal" aria-hidden="true" /></i> + <i class="fas fa-ruler-vertical" aria-hidden="true" /></i> + <i class="fas fa-rupee-sign" aria-hidden="true" /></i> + <i class="fas fa-sad-cry" aria-hidden="true" /></i> + <i class="fas fa-sad-tear" aria-hidden="true" /></i> + <i class="fas fa-save" aria-hidden="true" /></i> + <i class="fas fa-school" aria-hidden="true" /></i> + <i class="fas fa-screwdriver" aria-hidden="true" /></i> + <i class="fas fa-search" aria-hidden="true" /></i> + <i class="fas fa-search-dollar" aria-hidden="true" /></i> + <i class="fas fa-search-location" aria-hidden="true" /></i> + <i class="fas fa-search-minus" aria-hidden="true" /></i> + <i class="fas fa-search-plus" aria-hidden="true" /></i> + <i class="fas fa-seedling" aria-hidden="true" /></i> + <i class="fas fa-server" aria-hidden="true" /></i> + <i class="fas fa-shapes" aria-hidden="true" /></i> + <i class="fas fa-share" aria-hidden="true" /></i> + <i class="fas fa-share-alt" aria-hidden="true" /></i> + <i class="fas fa-share-alt-square" aria-hidden="true" /></i> + <i class="fas fa-share-square" aria-hidden="true" /></i> + <i class="fas fa-shekel-sign" aria-hidden="true" /></i> + <i class="fas fa-shield-alt" aria-hidden="true" /></i> + <i class="fas fa-ship" aria-hidden="true" /></i> + <i class="fas fa-shipping-fast" aria-hidden="true" /></i> + <i class="fas fa-shoe-prints" aria-hidden="true" /></i> + <i class="fas fa-shopping-bag" aria-hidden="true" /></i> + <i class="fas fa-shopping-basket" aria-hidden="true" /></i> + <i class="fas fa-shopping-cart" aria-hidden="true" /></i> + <i class="fas fa-shower" aria-hidden="true" /></i> + <i class="fas fa-shuttle-van" aria-hidden="true" /></i> + <i class="fas fa-sign" aria-hidden="true" /></i> + <i class="fas fa-sign-in-alt" aria-hidden="true" /></i> + <i class="fas fa-sign-language" aria-hidden="true" /></i> + <i class="fas fa-sign-out-alt" aria-hidden="true" /></i> + <i class="fas fa-signal" aria-hidden="true" /></i> + <i class="fas fa-signature" aria-hidden="true" /></i> + <i class="fas fa-sitemap" aria-hidden="true" /></i> + <i class="fas fa-skull" aria-hidden="true" /></i> + <i class="fas fa-sliders-h" aria-hidden="true" /></i> + <i class="fas fa-smile" aria-hidden="true" /></i> + <i class="fas fa-smile-beam" aria-hidden="true" /></i> + <i class="fas fa-smile-wink" aria-hidden="true" /></i> + <i class="fas fa-smoking" aria-hidden="true" /></i> + <i class="fas fa-smoking-ban" aria-hidden="true" /></i> + <i class="fas fa-snowflake" aria-hidden="true" /></i> + <i class="fas fa-socks" aria-hidden="true" /></i> + <i class="fas fa-solar-panel" aria-hidden="true" /></i> + <i class="fas fa-sort" aria-hidden="true" /></i> + <i class="fas fa-sort-alpha-down" aria-hidden="true" /></i> + <i class="fas fa-sort-alpha-up" aria-hidden="true" /></i> + <i class="fas fa-sort-amount-down" aria-hidden="true" /></i> + <i class="fas fa-sort-amount-up" aria-hidden="true" /></i> + <i class="fas fa-sort-down" aria-hidden="true" /></i> + <i class="fas fa-sort-numeric-down" aria-hidden="true" /></i> + <i class="fas fa-sort-numeric-up" aria-hidden="true" /></i> + <i class="fas fa-sort-up" aria-hidden="true" /></i> + <i class="fas fa-spa" aria-hidden="true" /></i> + <i class="fas fa-space-shuttle" aria-hidden="true" /></i> + <i class="fas fa-spinner" aria-hidden="true" /></i> + <i class="fas fa-splotch" aria-hidden="true" /></i> + <i class="fas fa-spray-can" aria-hidden="true" /></i> + <i class="fas fa-square" aria-hidden="true" /></i> + <i class="fas fa-square-full" aria-hidden="true" /></i> + <i class="fas fa-square-root-alt" aria-hidden="true" /></i> + <i class="fas fa-stamp" aria-hidden="true" /></i> + <i class="fas fa-star" aria-hidden="true" /></i> + <i class="fas fa-star-and-crescent" aria-hidden="true" /></i> + <i class="fas fa-star-half" aria-hidden="true" /></i> + <i class="fas fa-star-half-alt" aria-hidden="true" /></i> + <i class="fas fa-star-of-david" aria-hidden="true" /></i> + <i class="fas fa-star-of-life" aria-hidden="true" /></i> + <i class="fas fa-step-backward" aria-hidden="true" /></i> + <i class="fas fa-step-forward" aria-hidden="true" /></i> + <i class="fas fa-stethoscope" aria-hidden="true" /></i> + <i class="fas fa-sticky-note" aria-hidden="true" /></i> + <i class="fas fa-stop" aria-hidden="true" /></i> + <i class="fas fa-stop-circle" aria-hidden="true" /></i> + <i class="fas fa-stopwatch" aria-hidden="true" /></i> + <i class="fas fa-store" aria-hidden="true" /></i> + <i class="fas fa-store-alt" aria-hidden="true" /></i> + <i class="fas fa-stream" aria-hidden="true" /></i> + <i class="fas fa-street-view" aria-hidden="true" /></i> + <i class="fas fa-strikethrough" aria-hidden="true" /></i> + <i class="fas fa-stroopwafel" aria-hidden="true" /></i> + <i class="fas fa-subscript" aria-hidden="true" /></i> + <i class="fas fa-subway" aria-hidden="true" /></i> + <i class="fas fa-suitcase" aria-hidden="true" /></i> + <i class="fas fa-suitcase-rolling" aria-hidden="true" /></i> + <i class="fas fa-sun" aria-hidden="true" /></i> + <i class="fas fa-superscript" aria-hidden="true" /></i> + <i class="fas fa-surprise" aria-hidden="true" /></i> + <i class="fas fa-swatchbook" aria-hidden="true" /></i> + <i class="fas fa-swimmer" aria-hidden="true" /></i> + <i class="fas fa-swimming-pool" aria-hidden="true" /></i> + <i class="fas fa-synagogue" aria-hidden="true" /></i> + <i class="fas fa-sync" aria-hidden="true" /></i> + <i class="fas fa-sync-alt" aria-hidden="true" /></i> + <i class="fas fa-syringe" aria-hidden="true" /></i> + <i class="fas fa-table" aria-hidden="true" /></i> + <i class="fas fa-table-tennis" aria-hidden="true" /></i> + <i class="fas fa-tablet" aria-hidden="true" /></i> + <i class="fas fa-tablet-alt" aria-hidden="true" /></i> + <i class="fas fa-tablets" aria-hidden="true" /></i> + <i class="fas fa-tachometer-alt" aria-hidden="true" /></i> + <i class="fas fa-tag" aria-hidden="true" /></i> + <i class="fas fa-tags" aria-hidden="true" /></i> + <i class="fas fa-tape" aria-hidden="true" /></i> + <i class="fas fa-tasks" aria-hidden="true" /></i> + <i class="fas fa-taxi" aria-hidden="true" /></i> + <i class="fas fa-teeth" aria-hidden="true" /></i> + <i class="fas fa-teeth-open" aria-hidden="true" /></i> + <i class="fas fa-terminal" aria-hidden="true" /></i> + <i class="fas fa-text-height" aria-hidden="true" /></i> + <i class="fas fa-text-width" aria-hidden="true" /></i> + <i class="fas fa-th" aria-hidden="true" /></i> + <i class="fas fa-th-large" aria-hidden="true" /></i> + <i class="fas fa-th-list" aria-hidden="true" /></i> + <i class="fas fa-theater-masks" aria-hidden="true" /></i> + <i class="fas fa-thermometer" aria-hidden="true" /></i> + <i class="fas fa-thermometer-empty" aria-hidden="true" /></i> + <i class="fas fa-thermometer-full" aria-hidden="true" /></i> + <i class="fas fa-thermometer-half" aria-hidden="true" /></i> + <i class="fas fa-thermometer-quarter" aria-hidden="true" /></i> + <i class="fas fa-thermometer-three-quarters" aria-hidden="true" /></i> + <i class="fas fa-thumbs-down" aria-hidden="true" /></i> + <i class="fas fa-thumbs-up" aria-hidden="true" /></i> + <i class="fas fa-thumbtack" aria-hidden="true" /></i> + <i class="fas fa-ticket-alt" aria-hidden="true" /></i> + <i class="fas fa-times" aria-hidden="true" /></i> + <i class="fas fa-times-circle" aria-hidden="true" /></i> + <i class="fas fa-tint" aria-hidden="true" /></i> + <i class="fas fa-tint-slash" aria-hidden="true" /></i> + <i class="fas fa-tired" aria-hidden="true" /></i> + <i class="fas fa-toggle-off" aria-hidden="true" /></i> + <i class="fas fa-toggle-on" aria-hidden="true" /></i> + <i class="fas fa-toolbox" aria-hidden="true" /></i> + <i class="fas fa-tooth" aria-hidden="true" /></i> + <i class="fas fa-torah" aria-hidden="true" /></i> + <i class="fas fa-torii-gate" aria-hidden="true" /></i> + <i class="fas fa-trademark" aria-hidden="true" /></i> + <i class="fas fa-traffic-light" aria-hidden="true" /></i> + <i class="fas fa-train" aria-hidden="true" /></i> + <i class="fas fa-transgender" aria-hidden="true" /></i> + <i class="fas fa-transgender-alt" aria-hidden="true" /></i> + <i class="fas fa-trash" aria-hidden="true" /></i> + <i class="fas fa-trash-alt" aria-hidden="true" /></i> + <i class="fas fa-tree" aria-hidden="true" /></i> + <i class="fas fa-trophy" aria-hidden="true" /></i> + <i class="fas fa-truck" aria-hidden="true" /></i> + <i class="fas fa-truck-loading" aria-hidden="true" /></i> + <i class="fas fa-truck-monster" aria-hidden="true" /></i> + <i class="fas fa-truck-moving" aria-hidden="true" /></i> + <i class="fas fa-truck-pickup" aria-hidden="true" /></i> + <i class="fas fa-tshirt" aria-hidden="true" /></i> + <i class="fas fa-tty" aria-hidden="true" /></i> + <i class="fas fa-tv" aria-hidden="true" /></i> + <i class="fas fa-umbrella" aria-hidden="true" /></i> + <i class="fas fa-umbrella-beach" aria-hidden="true" /></i> + <i class="fas fa-underline" aria-hidden="true" /></i> + <i class="fas fa-undo" aria-hidden="true" /></i> + <i class="fas fa-undo-alt" aria-hidden="true" /></i> + <i class="fas fa-universal-access" aria-hidden="true" /></i> + <i class="fas fa-university" aria-hidden="true" /></i> + <i class="fas fa-unlink" aria-hidden="true" /></i> + <i class="fas fa-unlock" aria-hidden="true" /></i> + <i class="fas fa-unlock-alt" aria-hidden="true" /></i> + <i class="fas fa-upload" aria-hidden="true" /></i> + <i class="fas fa-user" aria-hidden="true" /></i> + <i class="fas fa-user-alt" aria-hidden="true" /></i> + <i class="fas fa-user-alt-slash" aria-hidden="true" /></i> + <i class="fas fa-user-astronaut" aria-hidden="true" /></i> + <i class="fas fa-user-check" aria-hidden="true" /></i> + <i class="fas fa-user-circle" aria-hidden="true" /></i> + <i class="fas fa-user-clock" aria-hidden="true" /></i> + <i class="fas fa-user-cog" aria-hidden="true" /></i> + <i class="fas fa-user-edit" aria-hidden="true" /></i> + <i class="fas fa-user-friends" aria-hidden="true" /></i> + <i class="fas fa-user-graduate" aria-hidden="true" /></i> + <i class="fas fa-user-lock" aria-hidden="true" /></i> + <i class="fas fa-user-md" aria-hidden="true" /></i> + <i class="fas fa-user-minus" aria-hidden="true" /></i> + <i class="fas fa-user-ninja" aria-hidden="true" /></i> + <i class="fas fa-user-plus" aria-hidden="true" /></i> + <i class="fas fa-user-secret" aria-hidden="true" /></i> + <i class="fas fa-user-shield" aria-hidden="true" /></i> + <i class="fas fa-user-slash" aria-hidden="true" /></i> + <i class="fas fa-user-tag" aria-hidden="true" /></i> + <i class="fas fa-user-tie" aria-hidden="true" /></i> + <i class="fas fa-user-times" aria-hidden="true" /></i> + <i class="fas fa-users" aria-hidden="true" /></i> + <i class="fas fa-users-cog" aria-hidden="true" /></i> + <i class="fas fa-utensil-spoon" aria-hidden="true" /></i> + <i class="fas fa-utensils" aria-hidden="true" /></i> + <i class="fas fa-vector-square" aria-hidden="true" /></i> + <i class="fas fa-venus" aria-hidden="true" /></i> + <i class="fas fa-venus-double" aria-hidden="true" /></i> + <i class="fas fa-venus-mars" aria-hidden="true" /></i> + <i class="fas fa-vial" aria-hidden="true" /></i> + <i class="fas fa-vials" aria-hidden="true" /></i> + <i class="fas fa-video" aria-hidden="true" /></i> + <i class="fas fa-video-slash" aria-hidden="true" /></i> + <i class="fas fa-vihara" aria-hidden="true" /></i> + <i class="fas fa-volleyball-ball" aria-hidden="true" /></i> + <i class="fas fa-volume-down" aria-hidden="true" /></i> + <i class="fas fa-volume-off" aria-hidden="true" /></i> + <i class="fas fa-volume-up" aria-hidden="true" /></i> + <i class="fas fa-walking" aria-hidden="true" /></i> + <i class="fas fa-wallet" aria-hidden="true" /></i> + <i class="fas fa-warehouse" aria-hidden="true" /></i> + <i class="fas fa-weight" aria-hidden="true" /></i> + <i class="fas fa-weight-hanging" aria-hidden="true" /></i> + <i class="fas fa-wheelchair" aria-hidden="true" /></i> + <i class="fas fa-wifi" aria-hidden="true" /></i> + <i class="fas fa-window-close" aria-hidden="true" /></i> + <i class="fas fa-window-maximize" aria-hidden="true" /></i> + <i class="fas fa-window-minimize" aria-hidden="true" /></i> + <i class="fas fa-window-restore" aria-hidden="true" /></i> + <i class="fas fa-wine-glass" aria-hidden="true" /></i> + <i class="fas fa-wine-glass-alt" aria-hidden="true" /></i> + <i class="fas fa-won-sign" aria-hidden="true" /></i> + <i class="fas fa-wrench" aria-hidden="true" /></i> + <i class="fas fa-x-ray" aria-hidden="true" /></i> + <i class="fas fa-yen-sign" aria-hidden="true" /></i> + <i class="fas fa-yin-yang" aria-hidden="true" /></i> + </div> + <div> + <h3>Regular</h3> + <i class="far fa-address-book" aria-hidden="true" /></i> + <i class="far fa-address-card" aria-hidden="true" /></i> + <i class="far fa-angry" aria-hidden="true" /></i> + <i class="far fa-arrow-alt-circle-down" aria-hidden="true" /></i> + <i class="far fa-arrow-alt-circle-left" aria-hidden="true" /></i> + <i class="far fa-arrow-alt-circle-right" aria-hidden="true" /></i> + <i class="far fa-arrow-alt-circle-up" aria-hidden="true" /></i> + <i class="far fa-bell" aria-hidden="true" /></i> + <i class="far fa-bell-slash" aria-hidden="true" /></i> + <i class="far fa-bookmark" aria-hidden="true" /></i> + <i class="far fa-building" aria-hidden="true" /></i>i> + <i class="far fa-calendar" aria-hidden="true" /></i> + <i class="far fa-calendar-alt" aria-hidden="true" /></i> + <i class="far fa-calendar-check" aria-hidden="true" /></i> + <i class="far fa-calendar-minus" aria-hidden="true" /></i> + <i class="far fa-calendar-plus" aria-hidden="true" /></i> + <i class="far fa-calendar-times" aria-hidden="true" /></i> + <i class="far fa-caret-square-down" aria-hidden="true" /></i> + <i class="far fa-caret-square-left" aria-hidden="true" /></i> + <i class="far fa-caret-square-right" aria-hidden="true" /></i> + <i class="far fa-caret-square-up" aria-hidden="true" /></i> + <i class="far fa-chart-bar" aria-hidden="true" /></i> + <i class="far fa-check-circle" aria-hidden="true" /></i> + <i class="far fa-check-square" aria-hidden="true" /></i> + <i class="far fa-circle" aria-hidden="true" /></i> + <i class="far fa-clipboard" aria-hidden="true" /></i> + <i class="far fa-clock" aria-hidden="true" /></i> + <i class="far fa-clone" aria-hidden="true" /></i> + <i class="far fa-closed-captioning" aria-hidden="true" /></i> + <i class="far fa-comment" aria-hidden="true" /></i> + <i class="far fa-comment-alt" aria-hidden="true" /></i> + <i class="far fa-comment-dots" aria-hidden="true" /></i> + <i class="far fa-comments" aria-hidden="true" /></i> + <i class="far fa-compass" aria-hidden="true" /></i> + <i class="far fa-copy" aria-hidden="true" /></i> + <i class="far fa-copyright" aria-hidden="true" /></i> + <i class="far fa-credit-card" aria-hidden="true" /></i> + <i class="far fa-dizzy" aria-hidden="true" /></i> + <i class="far fa-dot-circle" aria-hidden="true" /></i> + <i class="far fa-edit" aria-hidden="true" /></i> + <i class="far fa-envelope" aria-hidden="true" /></i> + <i class="far fa-envelope-open" aria-hidden="true" /></i> + <i class="far fa-eye" aria-hidden="true" /></i> + <i class="far fa-eye-slash" aria-hidden="true" /></i> + <i class="far fa-file" aria-hidden="true" /></i> + <i class="far fa-file-alt" aria-hidden="true" /></i> + <i class="far fa-file-archive" aria-hidden="true" /></i> + <i class="far fa-file-audio" aria-hidden="true" /></i> + <i class="far fa-file-code" aria-hidden="true" /></i> + <i class="far fa-file-excel" aria-hidden="true" /></i> + <i class="far fa-file-image" aria-hidden="true" /></i> + <i class="far fa-file-pdf" aria-hidden="true" /></i> + <i class="far fa-file-powerpoint" aria-hidden="true" /></i> + <i class="far fa-file-video" aria-hidden="true" /></i> + <i class="far fa-file-word" aria-hidden="true" /></i> + <i class="far fa-flag" aria-hidden="true" /></i> + <i class="far fa-flushed" aria-hidden="true" /></i> + <i class="far fa-folder" aria-hidden="true" /></i> + <i class="far fa-frown" aria-hidden="true" /></i> + <i class="far fa-frown-open" aria-hidden="true" /></i> + <i class="far fa-futbol" aria-hidden="true" /></i> + <i class="far fa-gem" aria-hidden="true" /></i> + <i class="far fa-grimace" aria-hidden="true" /></i> + <i class="far fa-grin" aria-hidden="true" /></i> + <i class="far fa-grin-alt" aria-hidden="true" /></i> + <i class="far fa-grin-beam" aria-hidden="true" /></i> + <i class="far fa-grin-beam-sweat" aria-hidden="true" /></i> + <i class="far fa-grin-hearts" aria-hidden="true" /></i> + <i class="far fa-grin-squint" aria-hidden="true" /></i> + <i class="far fa-grin-squint-tears" aria-hidden="true" /></i> + <i class="far fa-grin-stars" aria-hidden="true" /></i> + <i class="far fa-grin-tears" aria-hidden="true" /></i> + <i class="far fa-grin-tongue" aria-hidden="true" /></i> + <i class="far fa-grin-tongue-squint" aria-hidden="true" /></i> + <i class="far fa-grin-tongue-wink" aria-hidden="true" /></i> + <i class="far fa-grin-wink" aria-hidden="true" /></i> + <i class="far fa-hand-lizard" aria-hidden="true" /></i> + <i class="far fa-hand-paper" aria-hidden="true" /></i> + <i class="far fa-hand-peace" aria-hidden="true" /></i> + <i class="far fa-hand-point-down" aria-hidden="true" /></i> + <i class="far fa-hand-point-left" aria-hidden="true" /></i> + <i class="far fa-hand-point-right" aria-hidden="true" /></i> + <i class="far fa-hand-point-up" aria-hidden="true" /></i> + <i class="far fa-hand-pointer" aria-hidden="true" /></i> + <i class="far fa-hand-rock" aria-hidden="true" /></i> + <i class="far fa-hand-scissors" aria-hidden="true" /></i> + <i class="far fa-hand-spock" aria-hidden="true" /></i> + <i class="far fa-handshake" aria-hidden="true" /></i> + <i class="far fa-hdd" aria-hidden="true" /></i> + <i class="far fa-heart" aria-hidden="true" /></i> + <i class="far fa-hospital" aria-hidden="true" /></i> + <i class="far fa-hourglass" aria-hidden="true" /></i> + <i class="far fa-id-badge" aria-hidden="true" /></i> + <i class="far fa-id-card" aria-hidden="true" /></i> + <i class="far fa-image" aria-hidden="true" /></i> + <i class="far fa-images" aria-hidden="true" /></i> + <i class="far fa-keyboard" aria-hidden="true" /></i> + <i class="far fa-kiss" aria-hidden="true" /></i> + <i class="far fa-kiss-beam" aria-hidden="true" /></i> + <i class="far fa-kiss-wink-heart" aria-hidden="true" /></i> + <i class="far fa-laugh" aria-hidden="true" /></i> + <i class="far fa-laugh-beam" aria-hidden="true" /></i> + <i class="far fa-laugh-squint" aria-hidden="true" /></i> + <i class="far fa-laugh-wink" aria-hidden="true" /></i> + <i class="far fa-lemon" aria-hidden="true" /></i> + <i class="far fa-life-ring" aria-hidden="true" /></i> + <i class="far fa-lightbulb" aria-hidden="true" /></i> + <i class="far fa-list-alt" aria-hidden="true" /></i> + <i class="far fa-map" aria-hidden="true" /></i> + <i class="far fa-meh" aria-hidden="true" /></i> + <i class="far fa-meh-blank" aria-hidden="true" /></i> + <i class="far fa-meh-rolling-eyes" aria-hidden="true" /></i> + <i class="far fa-minus-square" aria-hidden="true" /></i> + <i class="far fa-money-bill-alt" aria-hidden="true" /></i> + <i class="far fa-moon" aria-hidden="true" /></i> + <i class="far fa-newspaper" aria-hidden="true" /></i> + <i class="far fa-object-group" aria-hidden="true" /></i> + <i class="far fa-object-ungroup" aria-hidden="true" /></i> + <i class="far fa-paper-plane" aria-hidden="true" /></i> + <i class="far fa-pause-circle" aria-hidden="true" /></i> + <i class="far fa-play-circle" aria-hidden="true" /></i> + <i class="far fa-plus-square" aria-hidden="true" /></i> + <i class="far fa-question-circle" aria-hidden="true" /></i> + <i class="far fa-registered" aria-hidden="true" /></i> + <i class="far fa-sad-cry" aria-hidden="true" /></i> + <i class="far fa-sad-tear" aria-hidden="true" /></i> + <i class="far fa-save" aria-hidden="true" /></i> + <i class="far fa-share-square" aria-hidden="true" /></i> + <i class="far fa-smile" aria-hidden="true" /></i> + <i class="far fa-smile-beam" aria-hidden="true" /></i> + <i class="far fa-smile-wink" aria-hidden="true" /></i> + <i class="far fa-snowflake" aria-hidden="true" /></i> + <i class="far fa-square" aria-hidden="true" /></i> + <i class="far fa-star" aria-hidden="true" /></i> + <i class="far fa-star-half" aria-hidden="true" /></i> + <i class="far fa-sticky-note" aria-hidden="true" /></i> + <i class="far fa-stop-circle" aria-hidden="true" /></i> + <i class="far fa-sun" aria-hidden="true" /></i> + <i class="far fa-surprise" aria-hidden="true" /></i> + <i class="far fa-thumbs-down" aria-hidden="true" /></i> + <i class="far fa-thumbs-up" aria-hidden="true" /></i> + <i class="far fa-times-circle" aria-hidden="true" /></i> + <i class="far fa-tired" aria-hidden="true" /></i> + <i class="far fa-trash-alt" aria-hidden="true" /></i> + <i class="far fa-user" aria-hidden="true" /></i> + <i class="far fa-user-circle" aria-hidden="true" /></i> + <i class="far fa-window-close" aria-hidden="true" /></i> + <i class="far fa-window-maximize" aria-hidden="true" /></i> + <i class="far fa-window-minimize" aria-hidden="true" /></i> + <i class="far fa-window-restore" aria-hidden="true" /></i> + </div> +</body> +</html> diff --git a/static/fork-awesome/src/doc/thanks.html b/static/fork-awesome/src/doc/thanks.html new file mode 100644 index 0000000..b22a4ee --- /dev/null +++ b/static/fork-awesome/src/doc/thanks.html @@ -0,0 +1,29 @@ +--- +layout: base +title: Thanks for subscribing! +relative_path: ../ +--- + +<div class="container"> + <div class="row"> + <div class="col-md-8 col-md-offset-2 margin-top-lg"> + <div class="well well-lg margin-top-xl margin-bottom-none"> + <h1>You're all set!</h1> + <p> + Thanks for signing up! + We'll send you email updates on new Font Awesome releases, icons, and other stuff that we're working on. + We won't spam you. Scout's honor! + </p> + + <h2>What's next?</h2> + <p> + Want to see what we're working on next? Check out Fort Awesome! We're making it easy to put the perfect icons + on your website. Pick from gorgeous, comprehensive icon sets or copy and paste your own vector icons. + </p> + + <a href="https://fortawesome.com/?utm_source=font_awesome_homepage&utm_medium=display&utm_content=subscribe_thanks&utm_campaign=promo_{{ site.fontawesome.minor_version }}_update" class="btn btn-lg btn-success">Check out Fort Awesome!</a> + + </div> + </div> + </div> +</div> diff --git a/static/fork-awesome/src/doc/whats-new.html b/static/fork-awesome/src/doc/whats-new.html new file mode 100644 index 0000000..4c965e8 --- /dev/null +++ b/static/fork-awesome/src/doc/whats-new.html @@ -0,0 +1,47 @@ +--- +layout: base +title: What's New +navbar_active: whats-new +relative_path: ../ +--- +{% capture jumbotron_h1 %}<i class="fa fa-lightbulb-o" aria-hidden="true"></i> What's New{% endcapture %} +{% capture jumbotron_p %}What's New with {{ site.forkawesome.name }} {{ site.forkawesome.minor_version }}{% endcapture %} + +{% include jumbotron.html %} +{% include stripe-social.html %} + +<div class="container"> + <p class="lead"> + {{ site.forkawesome.name }} is now a community effort based on + {{ site.fontawesome.name }} {{ site.fontawesome.version }} by + {{ site.fontawesome.author.name }}.<br /> + We <i class="fa fa-heart" aria-hidden="true"></i> + {{ site.fontawesome.name }} but here's why we forked it into {{ site.forkawesome.name }} + {{ site.forkawesome.minor_version }}. Want to + <a href="{{ page.relative_path }}community/">help contribute</a>? + </p> + + <div class="row feature-list"> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-code-fork" aria-hidden="true"></i> PR freeze</h4> + Since Oct 22, 2016, Font Awesome has frozen all pull requests proposing new + icons. With {{ site.forkawesome.name }}, we are welcoming all your pull + requests. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-fort-awesome" aria-hidden="true"></i> Font Awesome 5.0</h4> + Fort Awesome has run a very successful kickstarter campaign and completely + redesigned Font Awesome in this new version 5.0. Fork Awesome plans to keep + the old look alive. + </div> + <div class="col-md-4 col-sm-6"> + <h4><i class="fa fa-users" aria-hidden="true"></i> Distributed community</h4> + We believe in distributed open source design projects, + where all contributions are included and credited. So + <a href="{{ page.relative_path }}community">join our community</a>. + </div> + </div> + + {% include icons/new.html %} + {% include new-upgrading.html %} +</div> |
