diff options
Diffstat (limited to 'library/font_awesome/src/_layouts')
| -rw-r--r-- | library/font_awesome/src/_layouts/base.html | 80 | ||||
| -rw-r--r-- | library/font_awesome/src/_layouts/icon.html | 57 | ||||
| -rw-r--r-- | library/font_awesome/src/_layouts/survey.html | 47 |
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> - <span class="hidden-phone"> - <i class="icon-{{ page.icon.id }} icon-5"></i> - <span class="hidden-tablet"><i class="icon-{{ page.icon.id }} icon-4"></i> </span> - <i class="icon-{{ page.icon.id }} icon-3"></i> - <i class="icon-{{ page.icon.id }} icon-2"></i> + <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="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> · + <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: @@ -29,33 +41,38 @@ relative_path: ../../ {% if icon_alias_count > 0 %} · 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 %}· <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><i></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><i></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> |