aboutsummaryrefslogtreecommitdiffstats
path: root/library/font_awesome/src/_layouts
diff options
context:
space:
mode:
Diffstat (limited to 'library/font_awesome/src/_layouts')
-rw-r--r--library/font_awesome/src/_layouts/base.html80
-rw-r--r--library/font_awesome/src/_layouts/icon.html57
-rw-r--r--library/font_awesome/src/_layouts/survey.html47
3 files changed, 127 insertions, 57 deletions
diff --git a/library/font_awesome/src/_layouts/base.html b/library/font_awesome/src/_layouts/base.html
index 76de7cb41..546120a1c 100644
--- a/library/font_awesome/src/_layouts/base.html
+++ b/library/font_awesome/src/_layouts/base.html
@@ -1,64 +1,70 @@
<!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]-->
+<html lang="en">
<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="viewport" content="width=device-width,initial-scale=1">
+ <meta name="description" content="Font Awesome, the iconic font and CSS framework">
<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">-->
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <link rel="shortcut icon" href="{{ page.relative_path }}assets/ico/favicon.ico">
- <!--[if lt IE 9]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
+ <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/font-awesome/css/font-awesome.css">
- <!--[if IE 7]>
- <link rel="stylesheet" href="{{ page.relative_path }}assets/font-awesome/css/font-awesome-ie7.css">
+
+ <!--[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]-->
- <!-- 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 src="https://use.fonticons.com/ffe176a3.js"></script>
- <script type="text/javascript">
+ <script>
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);
+ var ga = document.createElement('script');
+ ga.src = 'https://www.google-analytics.com/ga.js';
+ var s = document.scripts[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 -->
- {% include navbar.html %}
+<body class="font-awesome {{ page.view_class }}">
+ <script>
+ (function(){
+ var bsa = document.createElement('script');
+ bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
+ var s = document.scripts[0];
+ s.parentNode.insertBefore(bsa, s);
+ })();
+ </script>
+ <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+ {% include navbar.html %}
- {{ content }}
- <div class="push"><!-- necessary for sticky footer --></div>
-</div>
-{% include footer.html %}
+ {{ content }}
-<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="{{ page.relative_path }}assets/js/bootstrap-2.3.1.min.js"></script>
-<script src="{{ page.relative_path }}assets/js/site.js"></script>
+ </div>
+ {% include footer.html %}
-</body>
+ <script src="https://platform.twitter.com/widgets.js"></script>
+ <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="https://cdn.jsdelivr.net/algoliasearch/3.13.1/algoliasearch.jquery.min.js" integrity="sha256-2MTQjOt4Q02v+W/QjgCO5yv+si9RAo/o/RGR5alVYzY=" crossorigin="anonymous"></script>
+ <script src="https://cdn.jsdelivr.net/algoliasearch.helper/2.9.1/algoliasearch.helper.min.js" integrity="sha256-MhjLBzVVNkMEKnIE2ueYNb7QSj+oiSv4x89dlui09hg=" crossorigin="anonymous"></script>
+ <script src="https://cdn.jsdelivr.net/underscorejs/1.8.3/underscore-min.js" integrity="sha256-obZACiHd7gkOk9iIL/pimWMTJ4W/pBsKu+oZnSeBIek=" crossorigin="anonymous"></script>
+ <script src="https://cdn.jsdelivr.net/backbonejs/1.2.2/backbone-min.js" integrity="sha256-p6bkfFqmxtebrKOS+wyGi+Qf3d111eWUQP67keyXJ6Q=" crossorigin="anonymous"></script>
+ <script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
+ <script src="{{ page.relative_path }}assets/js/site.js"></script>
+ <script src="{{ page.relative_path }}assets/js/search.js"></script>
+ </body>
</html>
diff --git a/library/font_awesome/src/_layouts/icon.html b/library/font_awesome/src/_layouts/icon.html
index 83723acde..66edaf2a7 100644
--- a/library/font_awesome/src/_layouts/icon.html
+++ b/library/font_awesome/src/_layouts/icon.html
@@ -6,19 +6,31 @@ relative_path: ../../
<div class="jumbotron jumbotron-icon">
<div class="container">
<div class="info-icons">
- <i class="icon-{{ page.icon.id }} icon-6"></i>&nbsp;&nbsp;
- <span class="hidden-phone">
- <i class="icon-{{ page.icon.id }} icon-5"></i>&nbsp;&nbsp;
- <span class="hidden-tablet"><i class="icon-{{ page.icon.id }} icon-4"></i>&nbsp;&nbsp;</span>
- <i class="icon-{{ page.icon.id }} icon-3"></i>&nbsp;&nbsp;
- <i class="icon-{{ page.icon.id }} icon-2"></i>&nbsp;
+ <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>&nbsp;&nbsp;
+ <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>
+ &nbsp;&nbsp;
+ <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>
+ &nbsp;&nbsp;
+ </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>
+ &nbsp;&nbsp;
+ <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>
+ &nbsp;
</span>
- <i class="icon-{{ page.icon.id }} icon-1"></i>
+ <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">
- icon-{{ page.icon.id }}
+ fa-{{ page.icon.id }}
<small>
- <i class="icon-{{ page.icon.id }}"></i> &middot;
+ <i class="fa fa-{{ page.icon.id }}" aria-hidden="true"></i> &middot;
Unicode: <span class="upper">{{ page.icon.unicode }}</span> &middot;
Created: v{{ page.icon.created }} &middot;
Categories:
@@ -29,33 +41,38 @@ relative_path: ../../
{% if icon_alias_count > 0 %}
&middot; Aliases:
{% for alias in page.icon.aliases %}
- icon-{{ alias }}{% unless forloop.last %},{% endunless %}
+ fa-{{ alias }}{% unless forloop.last %},{% endunless %}
{% endfor %}
{% endif %}
+ {% if page.icon.url %}&middot; <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-fluid">
- <div class="span9">
- <p>After you get <a href="{{ page.relative_path }}integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+ <div class="row">
+ <div class="col-md-9 col-sm-9">
+ <p>After you get <a href="{{ page.relative_path }}get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
<div class="well well-transparent">
<div style="font-size: 24px; line-height: 1.5em;">
- <i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
+ <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="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
+<i class="fa fa-{{ page.icon.id }}" aria-hidden="true"></i>
{% endhighlight %}
- <br>
- <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="{{ page.relative_path }}examples/">examples</a>.</div>
+ <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 class="span3">
- <div class="info-ad">{% include ads/carbon-light-vertical.html %}</div>
+ <div class="col-md-3 col-sm-3">
+ <div class="vertical-ad">{% include ads/fusion.html %}</div>
</div>
</div>
</section>
diff --git a/library/font_awesome/src/_layouts/survey.html b/library/font_awesome/src/_layouts/survey.html
new file mode 100644
index 000000000..2af18f38e
--- /dev/null
+++ b/library/font_awesome/src/_layouts/survey.html
@@ -0,0 +1,47 @@
+<!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="Font Awesome, 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>
+
+ <style type="text/css">
+ html{
+ margin: 0;
+ height: 100%;
+ overflow: hidden;
+ }
+ iframe{
+ position: absolute;
+ left:0;
+ right:0;
+ bottom:0;
+ top:0;
+ border:0;
+ }
+ </style>
+
+ <script>
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-30136587-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script');
+ ga.src = 'https://www.google-analytics.com/ga.js';
+ var s = document.scripts[0];
+ s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+</head>
+<body>
+ {{content}}
+</body>
+</html>