FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2024-12-26 05:21:29 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Redirect all paths to fontawesome.com

Browse Source
This commit is contained in:
robmadole 2018-01-17 13:53:34 -06:00
parent bdfa9823c8
commit 2ff18ec709
18 changed files with 2380 additions and 734 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_config.yml
View File

@ -15,7 +15,7 @@ include: [_*.scss]
# used in building icon pages # used in building icon pages
icon_meta: src/icons.yml icon_meta: src/icons.yml
icon_layout: icon.html # Relative to _layouts directory icon_layout: redirect.html # Relative to _layouts directory
icon_destination: icon # Relative to destination icon_destination: icon # Relative to destination
fontawesome: fontawesome:

5
package-lock.json generated Normal file
View File

@ -0,0 +1,5 @@
{
"name": "font-awesome",
"version": "4.7.0",
"lockfileVersion": 1
}

11
src/_layouts/redirect.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en-US">
<meta charset="utf-8">
<title>Redirecting&hellip;</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&hellip;</h1>
<a href="{{ page.redirect_to }}">Click here if you are not redirected.</a>
<script>location="{{ page.redirect_to }}"</script>
</html>

38
src/_plugins/icon_page_generator.rb
View File

@ -2,6 +2,7 @@
# Create individual pages for each icon in the FontAwesome set # Create individual pages for each icon in the FontAwesome set
require 'yaml' require 'yaml'
require 'json'
module Jekyll module Jekyll
@ -10,19 +11,17 @@ module Jekyll
## ##
# Take a single icon and render a page for it. # 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 @site = site
@base = base @base = base
@dir = dir @dir = dir
@name = "#{icon.id}.html" @name = "#{old_icon_name}.html"
@icon = icon
self.process(@name) self.process(@name)
self.read_yaml(File.join(base, site.config['layouts']), site.config['icon_layout']) self.read_yaml(File.join(base, site.config['layouts']), site.config['icon_layout'])
self.data['icon'] = icon self.data['redirect_to'] = "https://fontawesome.com/icons/#{new_icon_name}?style=#{new_icon_style}"
self.data['title'] = "fa-#{icon.id}: " + self.data['title_suffix']
end end
end end
@ -35,8 +34,35 @@ module Jekyll
safe true safe true
def generate(site) 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.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
end end

39
src/accessibility.html
View File

@ -1,39 +1,4 @@
--- ---
layout: base layout: redirect
title: Font Awesome & Accessibility redirect_to: https://fontawesome.com/how-to-use/accessibility
navbar_active: accessibility
view_class: v-accessibility
relative_path: ../
--- ---
{% capture jumbotron_h1 %}<i class="fa fa-universal-access" aria-hidden="true"></i>&nbsp; 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>

35
src/cheatsheet.html
View File

@ -1,35 +1,4 @@
--- ---
layout: base layout: redirect
title: Font Awesome Cheatsheet redirect_to: https://fontawesome.com/cheatsheet
relative_path: ../
--- ---
{% capture jumbotron_h1 %}<i class="fa fa-list-ul" aria-hidden="true"></i>&nbsp; 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, &amp; 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">[&amp;#x{{ icon.unicode }};]</span>
</div>
{% endfor %}
</div>
</div>

34
src/community.html
View File

@ -1,34 +1,4 @@
--- ---
layout: base layout: redirect
title: The Font Awesome Community redirect_to: https://fontawesome.com/how-to-use/community
navbar_active: community
relative_path: ../
--- ---
{% capture jumbotron_h1 %}<i class="fa fa-thumbs-o-up" aria-hidden="true"></i>&nbsp; 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>

5
src/design.html
View File

@ -1 +1,4 @@
<META HTTP-EQUIV=REFRESH CONTENT="0; URL=cheatsheet/"> ---
layout: redirect
redirect_to: https://fontawesome.com/cheatsheet
---

43
src/examples.html
View File

@ -1,43 +1,4 @@
--- ---
layout: base layout: redirect
title: Font Awesome Examples redirect_to: https://fontawesome.com/how-to-use
navbar_active: examples
relative_path: ../
--- ---
{% capture jumbotron_h1 %}<i class="fa fa-magic" aria-hidden="true"></i>&nbsp; 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>&lt;i&gt;</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>

263
src/get-started.html
View File

@ -1,263 +1,4 @@
--- ---
layout: base layout: redirect
title: Get Started with Font Awesome redirect_to: https://fontawesome.com/get-started
navbar_active: get-started
view_class: v-get-started
relative_path: ../
--- ---
{% capture jumbotron_h1 %}<i class="fa fa-cogs" aria-hidden="true"></i>&nbsp; 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 &amp; 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>&lt;head&gt;</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 &amp; 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 %}

97
src/icons.html
View File

@ -1,97 +1,4 @@
--- ---
layout: base layout: redirect
title: Font Awesome Icons redirect_to: https://fontawesome.com/icons
navbar_active: icons
relative_path: ../
--- ---
{% capture jumbotron_h1 %}<i class="fa fa-flag" aria-hidden="true"></i>&nbsp; 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>

24
src/index.html
View File

@ -1,24 +1,4 @@
--- ---
layout: base layout: redirect
title: Font Awesome, the iconic font and CSS toolkit redirect_to: https://fontawesome.com
navbar_active: home
relative_path: ./
--- ---
{% 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 &mdash; 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 %}

72
src/license.html
View File

@ -1,72 +1,4 @@
--- ---
layout: base layout: redirect
title: Font Awesome License redirect_to: https://fontawesome.com/license
navbar_active: license
relative_path: ../
--- ---
{% capture jumbotron_h1 %}<i class="fa fa-gavel" aria-hidden="true"></i>&nbsp; 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
View File

File diff suppressed because it is too large Load Diff

63
src/store.html
View File

@ -1,63 +1,4 @@
--- ---
layout: base layout: redirect
title: Official Merchandise redirect_to: https://fontawesome.com
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>&nbsp; Awesome Swag{% endcapture %}
{% capture jumbotron_p %}Show your love &amp; 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, &amp; 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>

7
src/survey.html
View File

@ -1,7 +1,4 @@
--- ---
layout: survey layout: redirect
title: Font Awesome + You 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>

29
src/thanks.html
View File

@ -1,29 +1,4 @@
--- ---
layout: base layout: redirect
title: Thanks for subscribing! redirect_to: https://fontawesome.com
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>

43
src/whats-new.html
View File

@ -1,43 +1,4 @@
--- ---
layout: base layout: redirect
title: What's New redirect_to: https://fontawesome.com/updates
navbar_active: whats-new
relative_path: ../
--- ---
{% capture jumbotron_h1 %}<i class="fa fa-lightbulb-o" aria-hidden="true"></i>&nbsp; What's New{% endcapture %}
{% capture jumbotron_p %}What's New in the latest version &mdash; 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>