mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2024-10-23 06:36:33 +08:00
Redirect all paths to fontawesome.com
This commit is contained in:
robmadole
parent
bdfa9823c8
commit
2ff18ec709
@ -15,8 +15,8 @@ include: [_*.scss]
|
||||
|
||||
# used in building icon pages
|
||||
icon_meta: src/icons.yml
|
||||
icon_layout: icon.html # Relative to _layouts directory
|
||||
icon_destination: icon # Relative to destination
|
||||
icon_layout: redirect.html # Relative to _layouts directory
|
||||
icon_destination: icon # Relative to destination
|
||||
|
||||
fontawesome:
|
||||
version: 4.7.0
|
||||
|
||||
5
package-lock.json
generated
Normal file
5
package-lock.json
generated
Normal file
@ -0,0 +1,5 @@
|
||||
{
|
||||
"name": "font-awesome",
|
||||
"version": "4.7.0",
|
||||
"lockfileVersion": 1
|
||||
}
|
||||
11
src/_layouts/redirect.html
Normal file
11
src/_layouts/redirect.html
Normal file
@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<meta charset="utf-8">
|
||||
<title>Redirecting…</title>
|
||||
<link rel="canonical" href="{{ page.redirect_to }}">
|
||||
<meta http-equiv="refresh" content="0; url={{ page.redirect_to }}">
|
||||
<meta name="robots" content="noindex">
|
||||
<h1>Redirecting…</h1>
|
||||
<a href="{{ page.redirect_to }}">Click here if you are not redirected.</a>
|
||||
<script>location="{{ page.redirect_to }}"</script>
|
||||
</html>
|
||||
@ -2,6 +2,7 @@
|
||||
# Create individual pages for each icon in the FontAwesome set
|
||||
|
||||
require 'yaml'
|
||||
require 'json'
|
||||
|
||||
module Jekyll
|
||||
|
||||
@ -10,19 +11,17 @@ module Jekyll
|
||||
##
|
||||
# Take a single icon and render a page for it.
|
||||
|
||||
def initialize(site, base, dir, icon)
|
||||
def initialize(site, base, dir, old_icon_name, new_icon_name, new_icon_style)
|
||||
@site = site
|
||||
@base = base
|
||||
@dir = dir
|
||||
@name = "#{icon.id}.html"
|
||||
@icon = icon
|
||||
@name = "#{old_icon_name}.html"
|
||||
|
||||
self.process(@name)
|
||||
|
||||
self.read_yaml(File.join(base, site.config['layouts']), site.config['icon_layout'])
|
||||
|
||||
self.data['icon'] = icon
|
||||
self.data['title'] = "fa-#{icon.id}: " + self.data['title_suffix']
|
||||
self.data['redirect_to'] = "https://fontawesome.com/icons/#{new_icon_name}?style=#{new_icon_style}"
|
||||
end
|
||||
|
||||
end
|
||||
@ -35,8 +34,35 @@ module Jekyll
|
||||
safe true
|
||||
|
||||
def generate(site)
|
||||
styles = {
|
||||
'fas' => 'solid',
|
||||
'far' => 'regular',
|
||||
'fal' => 'light',
|
||||
'fab' => 'brands'
|
||||
}
|
||||
|
||||
shims = JSON.load(File.open(File.join(site.source, 'shims.json')))
|
||||
|
||||
lookup = shims.inject({}) do |acc, shim|
|
||||
old_name = shim[0]
|
||||
new_prefix = shim[1] || 'fas'
|
||||
new_name = shim[2] || old_name
|
||||
|
||||
acc[shim[0]] = { new_name: new_name, style: styles[new_prefix] }
|
||||
|
||||
acc
|
||||
end
|
||||
|
||||
site.icons.each do |icon|
|
||||
site.pages << IconPage.new(site, site.source, site.config['icon_destination'], icon)
|
||||
if lookup.has_key? icon.id
|
||||
new_icon_name = lookup[icon.id][:new_name]
|
||||
new_icon_style = lookup[icon.id][:style]
|
||||
else
|
||||
new_icon_name = icon.id
|
||||
new_icon_style = "solid"
|
||||
end
|
||||
|
||||
site.pages << IconPage.new(site, site.source, site.config['icon_destination'], icon.id, new_icon_name, new_icon_style)
|
||||
end
|
||||
end
|
||||
|
||||
|
||||
@ -1,39 +1,4 @@
|
||||
---
|
||||
layout: base
|
||||
title: Font Awesome & Accessibility
|
||||
navbar_active: accessibility
|
||||
view_class: v-accessibility
|
||||
relative_path: ../
|
||||
layout: redirect
|
||||
redirect_to: https://fontawesome.com/how-to-use/accessibility
|
||||
---
|
||||
{% 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 Font Awesome with Acessibility in mind
|
||||
</h2>
|
||||
|
||||
{% include accessibility/accessibility-facdn.html %}
|
||||
|
||||
<div class="hr margin-top-xl">
|
||||
<span class="hr-text text-xl text-muted">or</span>
|
||||
</div>
|
||||
|
||||
{% include accessibility/accessibility-manual.html %}
|
||||
{% include accessibility/other.html %}
|
||||
</div>
|
||||
|
||||
@ -1,35 +1,4 @@
|
||||
---
|
||||
layout: base
|
||||
title: Font Awesome Cheatsheet
|
||||
relative_path: ../
|
||||
layout: redirect
|
||||
redirect_to: https://fontawesome.com/cheatsheet
|
||||
---
|
||||
{% 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 %}
|
||||
{% include stripe-ad.html %}
|
||||
|
||||
<h2 class="page-header">Every Font Awesome {{ 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>
|
||||
|
||||
@ -1,34 +1,4 @@
|
||||
---
|
||||
layout: base
|
||||
title: The Font Awesome Community
|
||||
navbar_active: community
|
||||
relative_path: ../
|
||||
layout: redirect
|
||||
redirect_to: https://fontawesome.com/how-to-use/community
|
||||
---
|
||||
{% capture jumbotron_h1 %}<i class="fa fa-thumbs-o-up" aria-hidden="true"></i> Community{% endcapture %}
|
||||
{% capture jumbotron_p %}Lots of ways to get involved with Font Awesome{% endcapture %}
|
||||
|
||||
{% include jumbotron.html %}
|
||||
{% include stripe-social.html %}
|
||||
|
||||
<div class="container">
|
||||
{% capture stripe_ad_content %}
|
||||
<p class="lead">
|
||||
Font Awesome has a vibrant community of folks helping each other out. You can
|
||||
<a href="#getting-support">get support</a>,
|
||||
<a href="#reporting-bugs">report bugs</a>,
|
||||
<a href="#requesting-new-icons">request new icons</a>,
|
||||
<a href="#submitting-pull-requests">submit pull requests</a>, and
|
||||
<a href="#project-milestones">check upcoming milestones</a>.
|
||||
</p>
|
||||
{% endcapture %}
|
||||
{% include stripe-ad.html %}
|
||||
|
||||
{% 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 %}
|
||||
{% include tell-me-thanks.html %}
|
||||
</div>
|
||||
|
||||
@ -1 +1,4 @@
|
||||
<META HTTP-EQUIV=REFRESH CONTENT="0; URL=cheatsheet/">
|
||||
---
|
||||
layout: redirect
|
||||
redirect_to: https://fontawesome.com/cheatsheet
|
||||
---
|
||||
|
||||
@ -1,43 +1,4 @@
|
||||
---
|
||||
layout: base
|
||||
title: Font Awesome Examples
|
||||
navbar_active: examples
|
||||
relative_path: ../
|
||||
layout: redirect
|
||||
redirect_to: https://fontawesome.com/how-to-use
|
||||
---
|
||||
{% capture jumbotron_h1 %}<i class="fa fa-magic" aria-hidden="true"></i> Examples{% endcapture %}
|
||||
{% capture jumbotron_p %}Lots of easy ways to use Font Awesome{% endcapture %}
|
||||
|
||||
{% include jumbotron.html %}
|
||||
{% include stripe-social.html %}
|
||||
|
||||
<div class="container">
|
||||
{% capture stripe_ad_content %}
|
||||
<p class="lead">
|
||||
After you <a href="{{ page.relative_path }}get-started/">get up and running</a>, you can place Font Awesome 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>
|
||||
{% endcapture %}
|
||||
{% include stripe-ad.html %}
|
||||
|
||||
<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 and assume use of <a href="{{ page.relative_path }}get-started/get-started-cdn">Font Awesome CDN</a>, which provides auto-accessibility support. If you are not using the Font Awesome CDN, please see 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 more awesome 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>
|
||||
|
||||
@ -1,263 +1,4 @@
|
||||
---
|
||||
layout: base
|
||||
title: Get Started with Font Awesome
|
||||
navbar_active: get-started
|
||||
view_class: v-get-started
|
||||
relative_path: ../
|
||||
layout: redirect
|
||||
redirect_to: https://fontawesome.com/get-started
|
||||
---
|
||||
{% capture jumbotron_h1 %}<i class="fa fa-cogs" aria-hidden="true"></i> Get Started{% endcapture %}
|
||||
{% capture jumbotron_p %}Easy ways to get Font Awesome {{ site.fontawesome.version }} onto your website{% endcapture %}
|
||||
|
||||
{% include jumbotron.html %}
|
||||
|
||||
<div class="content-underlay" style="padding-bottom:137px"></div>
|
||||
|
||||
<div class="container">
|
||||
<section class="get-started-cdn" id="get-started-cdn">
|
||||
<h2 class="page-header margin-top-lg clearfix">
|
||||
Font Awesome CDN
|
||||
<span class="label label-brand text-base pull-right">Easiest</span>
|
||||
</h2>
|
||||
|
||||
<p class="lead">Font Awesome CDN is the easiest way to get Font Awesome on your website or app, all with just a single line of code. No downloading or installing!</p>
|
||||
|
||||
<form class="row" action="https://cdn.fontawesome.com/register" method="post">
|
||||
<div class="col-sm-6 signup-input">
|
||||
<label for="email" class="sr-only">Email address</label>
|
||||
<input type="email" class="form-control input-lg margin-bottom" id="email" name="email" placeholder="Your email address">
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 signup-button">
|
||||
<button type="submit" class="btn btn-success btn-lg btn-block margin-bottom">Send my Font Awesome embed code!</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<!-- CASE: error -->
|
||||
<!-- <form class="row" action="http://fontawesome-cdn.dev:4000/register" method="post">
|
||||
<div class="col-sm-6 signup-input has-error">
|
||||
<label for="cdn-email" class="sr-only">Email address</label>
|
||||
<input type="email" class="form-control input-lg margin-bottom" id="email" name="email" placeholder="Your email address">
|
||||
<p id="cdn-email-error" class="help-block">Email address must be valid.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 signup-button">
|
||||
<button type="submit" class="btn btn-success btn-lg btn-block margin-bottom">Send my Font Awesome embed code!</button>
|
||||
</div>
|
||||
</form> -->
|
||||
|
||||
<p class="help-block margin-top-none margin-bottom-sm"><a role="button" data-toggle="collapse" href="#cdn-why-email" aria-expanded="false" aria-controls="collapseExample">Why do we need your email address?</a></p>
|
||||
|
||||
<div class="collapse" id="cdn-why-email">
|
||||
<div class="well">
|
||||
We create new embed codes for each website so you can quickly upgrade and change your preferences all without ever pushing code. To do this, we need an email
|
||||
address so we know which embed codes are yours and so you can come back and manage them.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row margin-bottom-none">
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<h4>Icons on your site. Fast.</h4>
|
||||
<p>Don't mess with files locally or in production. You'll get all of Font Awesome's {{ icons| size }} icons plus CSS toolkit - all optimized for speed and no hassle.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<h4>Super-simple upgrades</h4>
|
||||
<p>Since each site gets a unique embed code, you can easily upgrade to the latest version of Font Awesome, all without pushing any code. Easy peasy.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<h4>Auto accessibility support</h4>
|
||||
<p>Font Awesome CDN helps you automate accessibility support more easily so your icons work for the most people possible. Read up on our <a href="{{ page.relative_path}}accessibility">accessibility best practices</a>.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<h4>Async your icons</h4>
|
||||
<p>Want to speed up your page loads? So do we. Have your icons load in the background so your site loads faster.</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
|
||||
<span class="label label-default text-base pull-right">Easy</span>
|
||||
</h2>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-9">
|
||||
<p class="text-lg">
|
||||
Want to manage and host Font Awesome assets yourself? You can
|
||||
<a href="#modal-download" data-toggle="modal" onClick="_gaq.push(['_trackEvent', 'Launch Modal', 'Launch Download 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"
|
||||
onClick="_gaq.push(['_trackEvent', 'Launch Modal', 'Launch Download 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>font-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/font-awesome/css/font-awesome.min.css">
|
||||
{% endhighlight %}
|
||||
</li>
|
||||
<li>Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using Font Awesome!</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="download-preprocessors" id="download-preprocessors">
|
||||
<h3>Using Sass or Less</h3>
|
||||
|
||||
<p>Use this method to customize Font Awesome {{ site.fontawesome.version }} using Less or Sass.</p>
|
||||
<ol>
|
||||
<li>Copy the <code>font-awesome/</code> directory into your project.</li>
|
||||
<li>
|
||||
Open your project's <code>font-awesome/less/variables.less</code> or <code>font-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 Font Awesome!</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="hr margin-top-lg">
|
||||
<span class="hr-text text-xl text-muted">or</span>
|
||||
</div>
|
||||
|
||||
<section class="get-started-advanced" id="get-started-advanced">
|
||||
<h2 class="page-header clearfix">
|
||||
Advanced & Packages
|
||||
<span class="label label-default text-base pull-right">Pro</span>
|
||||
</h2>
|
||||
|
||||
<div class="ruby-gem-less margin-bottom-xl" id="ruby-gem-less">
|
||||
<h3><a href="https://github.com/FortAwesome/font-awesome-less">Less Ruby Gem</a></h3>
|
||||
<p>
|
||||
Use the <a href="https://github.com/FortAwesome/font-awesome-less">Official Font Awesome Less Ruby Gem</a> to easily get Font
|
||||
Awesome Less into a Rails project. Generously maintained by <a href="https://twitter.com/supercodepoet/">@supercodepoet</a>.
|
||||
</p>
|
||||
<ol>
|
||||
<li>
|
||||
Add this line to your application's Gemfile:
|
||||
{% highlight bash %}
|
||||
gem 'font-awesome-less'
|
||||
{% endhighlight %}
|
||||
</li>
|
||||
<li>
|
||||
And then execute:
|
||||
{% highlight bash %}
|
||||
$ bundle
|
||||
{% endhighlight %}
|
||||
</li>
|
||||
<li>Or install it yourself as:
|
||||
{% highlight bash %}
|
||||
$ gem install font-awesome-less
|
||||
{% endhighlight %}
|
||||
</li>
|
||||
</ol>
|
||||
<p>
|
||||
If you use Rails, add this to your e.g. <code>application.less</code>:
|
||||
</p>
|
||||
{% highlight css %}
|
||||
@import "font-awesome-sprockets";
|
||||
@import "font-awesome";
|
||||
{% endhighlight %}
|
||||
</div>
|
||||
|
||||
<div class="ruby-gem-sass" id="ruby-gem-sass">
|
||||
<h3><a href="https://github.com/FortAwesome/font-awesome-sass">Sass Ruby Gem</a></h3>
|
||||
<p>
|
||||
Use the <a href="https://github.com/FortAwesome/font-awesome-sass">Official Font Awesome Sass Ruby Gem</a> to easily get Font
|
||||
Awesome Sass into a Rails or Compass project. Generously maintained by <a href="https://twitter.com/supercodepoet/">@supercodepoet</a>.
|
||||
</p>
|
||||
<ol>
|
||||
<li>
|
||||
Add this line to your application's Gemfile:
|
||||
{% highlight bash %}
|
||||
gem 'font-awesome-sass'
|
||||
{% endhighlight %}
|
||||
</li>
|
||||
<li>
|
||||
And then execute:
|
||||
{% highlight bash %}
|
||||
$ bundle
|
||||
{% endhighlight %}
|
||||
</li>
|
||||
<li>Or install it yourself as:
|
||||
{% highlight bash %}
|
||||
$ gem install font-awesome-sass
|
||||
{% endhighlight %}
|
||||
</li>
|
||||
</ol>
|
||||
<p>
|
||||
If you use Rails, add this to your e.g. <code>application.scss</code>:
|
||||
</p>
|
||||
{% highlight css %}
|
||||
@import "font-awesome-sprockets";
|
||||
@import "font-awesome";
|
||||
{% endhighlight %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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, Font Awesome 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>.
|
||||
Font Awesome 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6" id="need-ie7">
|
||||
<h4>Need IE7 Support?</h4>
|
||||
<p>
|
||||
If you need IE7 support, you have my condolences. Really. Font Awesome {{ site.fontawesome.version }}
|
||||
doesn't support IE7, but an older version does. You'll need to check out the
|
||||
<a href="{{ page.relative_path }}3.2.1/get-started/#need-ie7">3.2.1 instructions for using IE7</a>. Then go complain to
|
||||
whoever decided your project needs IE7 support.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6" id="troubleshooting">
|
||||
<h4>Troubleshooting</h4>
|
||||
<p>If you're having trouble with Font Awesome, make sure to check out the
|
||||
<a href="{{ site.fontawesome.github.url }}/wiki/Troubleshooting">troubleshooting wiki page</a>.
|
||||
Generously maintained by <a href="https://twitter.com/gtagliala">@gtagliala</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include modals/download.html %}
|
||||
|
||||
@ -1,97 +1,4 @@
|
||||
---
|
||||
layout: base
|
||||
title: Font Awesome Icons
|
||||
navbar_active: icons
|
||||
relative_path: ../
|
||||
layout: redirect
|
||||
redirect_to: https://fontawesome.com/icons
|
||||
---
|
||||
{% capture jumbotron_h1 %}<i class="fa fa-flag" aria-hidden="true"></i> The Icons{% endcapture %}
|
||||
{% capture jumbotron_p %}The complete set of {{ icons | size }} icons in Font Awesome {{ site.fontawesome.version }}{% endcapture %}
|
||||
|
||||
{% include jumbotron.html %}
|
||||
|
||||
<div class="container" data-view="search">
|
||||
{% capture stripe_ad_content %}
|
||||
<p class="lead">
|
||||
You asked, Font Awesome delivers with {{ icons | version:site.fontawesome.minor_version | size }} shiny new icons in version {{ site.fontawesome.minor_version }}.
|
||||
Want to request new icons? <a href="{{ page.relative_path }}community/#requesting-new-icons">Here's how</a>.
|
||||
<!--The ever-expanding list of Font Awesome {{ site.fontawesome.version }} icons.-->
|
||||
Need vectors or want to use on the desktop? Check the <a href="{{ page.relative_path }}cheatsheet/">cheatsheet</a>.
|
||||
</p>
|
||||
{% endcapture %}
|
||||
{% include stripe-ad.html %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-10">
|
||||
<section id="search">
|
||||
<label for="search-input"><i class="fa fa-search" aria-hidden="true"></i><span class="sr-only">Search icons</span></label>
|
||||
<input id="search-input" class="form-control input-lg" placeholder="Search icons" autocomplete="off" spellcheck="false" autocorrect="off" tabindex="1">
|
||||
<a id="search-clear" href="#" class="fa fa-times-circle hide" aria-hidden="true"><span class="sr-only">Clear search</span></a>
|
||||
</section>
|
||||
</div>
|
||||
<div class="col-sm-2 padding-left-none hidden-xs">
|
||||
<div class="algolia text-center">
|
||||
<a href="https://algolia.com"><i class="fas fas-algolia-new fas-4x" aria-hidden="true"></i><div>by Algolia</div></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="search-results" class="hide"></div>
|
||||
<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>
|
||||
<script type="text/template" id="results-template">
|
||||
<h2 class="page-header">Search for '<span class="text-color-default"><%- content.query %></span>'</h2>
|
||||
<% if (content.nbHits > 0) { %>
|
||||
<div class="row fontawesome-icon-list">
|
||||
<%= results %>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<div class="alert alert-danger text-lg" role="alert">
|
||||
<h3 class="margin-top margin-bottom-lg"><i class="fa fa-meh-o" aria-hidden="true"></i> Oops! No icons matched your query.</h3>
|
||||
A few things that might help:
|
||||
<ol>
|
||||
<li>
|
||||
Use <a class="alert-link" href="https://fortawesome.com">Fort Awesome</a> (our latest project) to add your
|
||||
own icons and take your icon game to the next level!
|
||||
</li>
|
||||
<li>
|
||||
Really, really want to see an icon in Font Awesome?
|
||||
<a class="alert-link" href="mailto:dave@fortawesome.com">Drop me an email</a> to commission the icons you need!
|
||||
</li>
|
||||
<li>
|
||||
Are we missing something in our search results?
|
||||
<a class="alert-link" href="https://github.com/FortAwesome/Font-Awesome/issues/new">Open an issue on GitHub!</a>
|
||||
(Make sure to <a class="alert-link" href="https://github.com/FortAwesome/Font-Awesome/issues">search existing
|
||||
issues first</a>.)
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<% } %>
|
||||
</script>
|
||||
<script type="text/template" id="result-template">
|
||||
<div class="fa-hover col-md-3 col-sm-4">
|
||||
<a href="{{ page.relative_path }}icon/<%= result.name %>">
|
||||
<i class="fa <%= result.css_class %>" aria-hidden="true"></i> <%= result._highlightResult.name.value %>
|
||||
<% if (matches.length > 0) { %>
|
||||
<span class="text-muted">(<%= matches.join(", ") %>)</span>
|
||||
<% } %>
|
||||
</a>
|
||||
</div>
|
||||
</script>
|
||||
</div>
|
||||
|
||||
@ -1,24 +1,4 @@
|
||||
---
|
||||
layout: base
|
||||
title: Font Awesome, the iconic font and CSS toolkit
|
||||
navbar_active: home
|
||||
relative_path: ./
|
||||
layout: redirect
|
||||
redirect_to: https://fontawesome.com
|
||||
---
|
||||
|
||||
{% include jumbotron-carousel.html %}
|
||||
{% include stripe-social.html %}
|
||||
|
||||
<div class="container">
|
||||
{% capture stripe_ad_content %}
|
||||
<p class="lead">
|
||||
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow,
|
||||
and anything that can be done with the power of CSS.
|
||||
</p>
|
||||
{% endcapture %}
|
||||
{% include stripe-ad.html %}
|
||||
|
||||
{% include why.html %}
|
||||
{% include thanks-to.html %}
|
||||
</div>
|
||||
|
||||
{% include modals/download.html %}
|
||||
|
||||
@ -1,72 +1,4 @@
|
||||
---
|
||||
layout: base
|
||||
title: Font Awesome License
|
||||
navbar_active: license
|
||||
relative_path: ../
|
||||
layout: redirect
|
||||
redirect_to: https://fontawesome.com/license
|
||||
---
|
||||
{% capture jumbotron_h1 %}<i class="fa fa-gavel" aria-hidden="true"></i> License{% endcapture %}
|
||||
{% capture jumbotron_p %}The full details of how Font Awesome is licensed{% endcapture %}
|
||||
|
||||
{% include jumbotron.html %}
|
||||
{% include stripe-social.html %}
|
||||
|
||||
<div class="container">
|
||||
{% capture stripe_ad_content %}
|
||||
<p class="lead">
|
||||
Font Awesome 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>
|
||||
{% endcapture %}
|
||||
{% include stripe-ad.html %}
|
||||
|
||||
<section>
|
||||
<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>Attribution is no longer required as of Font Awesome 3.0 but is much appreciated:
|
||||
"Font Awesome by Dave Gandy - http://fontawesome.io".
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="page-header">Font License</h2>
|
||||
<ul>
|
||||
<li>
|
||||
Applies to all desktop and webfont files in the following directory:
|
||||
<code>font-awesome/fonts/</code>.
|
||||
</li>
|
||||
<li>License: {{ site.fontawesome.license.font.version }}</li>
|
||||
<li>URL: <a href="{{ site.fontawesome.license.font.url }}">{{ site.fontawesome.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>font-awesome/css/</code>,
|
||||
<code>font-awesome/less/</code>, and
|
||||
<code>font-awesome/scss/</code>.
|
||||
</li>
|
||||
<li>License: {{ site.fontawesome.license.code.version }}</li>
|
||||
<li>URL: <a href="{{ site.fontawesome.license.code.url }}">{{ site.fontawesome.license.code.url }}</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="page-header">Documentation License</h2>
|
||||
<ul>
|
||||
<li>Applies to all Font Awesome project files that are not a part of the Font or Code licenses.</li>
|
||||
<li>License: {{ site.fontawesome.license.documentation.version }}</li>
|
||||
<li>URL: <a href="{{ site.fontawesome.license.documentation.url }}">{{ site.fontawesome.license.documentation.url }}</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="page-header">Brand Icons</h2>
|
||||
{% include brand-license.html %}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
2302
src/shims.json
Normal file
2302
src/shims.json
Normal file
File diff suppressed because it is too large
Load Diff
@ -1,63 +1,4 @@
|
||||
---
|
||||
layout: base
|
||||
title: Official Merchandise
|
||||
navbar_active: store
|
||||
view_class: v-store
|
||||
relative_path: ../
|
||||
layout: redirect
|
||||
redirect_to: https://fontawesome.com
|
||||
---
|
||||
{% 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>
|
||||
|
||||
@ -1,7 +1,4 @@
|
||||
---
|
||||
layout: survey
|
||||
title: Font Awesome + You
|
||||
layout: redirect
|
||||
redirect_to: https://fontawesome.com
|
||||
---
|
||||
|
||||
<iframe id="typeform-full" width="100%" height="100%" frameborder="0" src="https://fortawesome.typeform.com/to/Ty174C"></iframe>
|
||||
<script type="text/javascript" src="https://s3-eu-west-1.amazonaws.com/share.typeform.com/embed.js"></script>
|
||||
|
||||
@ -1,29 +1,4 @@
|
||||
---
|
||||
layout: base
|
||||
title: Thanks for subscribing!
|
||||
relative_path: ../
|
||||
layout: redirect
|
||||
redirect_to: https://fontawesome.com
|
||||
---
|
||||
|
||||
<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>
|
||||
|
||||
@ -1,43 +1,4 @@
|
||||
---
|
||||
layout: base
|
||||
title: What's New
|
||||
navbar_active: whats-new
|
||||
relative_path: ../
|
||||
layout: redirect
|
||||
redirect_to: https://fontawesome.com/updates
|
||||
---
|
||||
{% capture jumbotron_h1 %}<i class="fa fa-lightbulb-o" aria-hidden="true"></i> What's New{% endcapture %}
|
||||
{% capture jumbotron_p %}What's New in the latest version — Font Awesome {{ site.fontawesome.minor_version }}{% endcapture %}
|
||||
|
||||
{% include jumbotron.html %}
|
||||
{% include stripe-social.html %}
|
||||
|
||||
<div class="container">
|
||||
{% capture stripe_ad_content %}
|
||||
<p class="lead">
|
||||
Font Awesome is always getting a little awesome-er. So here's what's new in the latest version, Font Awesome
|
||||
{{ site.fontawesome.minor_version }}. Have some ideas for new features?
|
||||
<a href="{{ page.relative_path }}community/">Help contribute</a>.
|
||||
</p>
|
||||
{% endcapture %}
|
||||
{% include stripe-ad.html %}
|
||||
|
||||
<div class="row feature-list">
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4><i class="fa fa-universal-access" aria-hidden="true"></i> <a href="{{ page.relative_path }}accessibility">Accessibility Docs</a></h4>
|
||||
Details on how to mark up your icons depending on how you're using them.
|
||||
Make your site icons usable by the most people, and start here.
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4><i class="fa fa-code" aria-hidden="true"></i> Better Examples</h4>
|
||||
Every FA icon example page now has a better, more accessibility-minded
|
||||
default block of code that users can copy and paste.
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <a href="{{ page.relative_path }}icons/#accessibility">Accessibility Category</a></h4>
|
||||
We've added a new icon category specifically for accessibility and seeded
|
||||
it with 15 icons to start. Make sure to <a href="{{ page.relative_path }}community/#requesting-new-icons">request more</a> if you need them!
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include icons/new.html %}
|
||||
{% include new-upgrading.html %}
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user