This commit is contained in:
Dave Gandy 2016-04-14 13:37:06 -04:00
commit 6aecdc2299
3 changed files with 3 additions and 60 deletions

View File

@ -1,58 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css" />
</head>
<body>
<h1>4.4.0</h1>
<table>
<tr>
<td><i class="fa fa-1x fa-file-pdf-o"></i></td>
<td><i class="fa fa-1x fa-cog"></i></td>
<td><i class="fa fa-1x fa-shield"></i></td>
<td><i class="fa fa-1x fa-ship"></i></td>
<td><i class="fa fa-1x fa-angle-double-up"></i></td>
<td><i class="fa fa-1x fa-angle-double-down"></i></td>
<td><i class="fa fa-1x fa-file-o"></i></td>
</tr>
<tr>
<td><i class="fa fa-2x fa-file-pdf-o"></i></td>
<td><i class="fa fa-2x fa-cog"></i></td>
<td><i class="fa fa-2x fa-shield"></i></td>
<td><i class="fa fa-2x fa-ship"></i></td>
<td><i class="fa fa-2x fa-angle-double-up"></i></td>
<td><i class="fa fa-2x fa-angle-double-down"></i></td>
<td><i class="fa fa-2x fa-file-o"></i></td>
</tr>
<tr>
<td><i class="fa fa-3x fa-file-pdf-o"></i></td>
<td><i class="fa fa-3x fa-cog"></i></td>
<td><i class="fa fa-3x fa-shield"></i></td>
<td><i class="fa fa-3x fa-ship"></i></td>
<td><i class="fa fa-3x fa-angle-double-up"></i></td>
<td><i class="fa fa-3x fa-angle-double-down"></i></td>
<td><i class="fa fa-3x fa-file-o"></i></td>
</tr>
<tr>
<td><i class="fa fa-4x fa-file-pdf-o"></i></td>
<td><i class="fa fa-4x fa-cog"></i></td>
<td><i class="fa fa-4x fa-shield"></i></td>
<td><i class="fa fa-4x fa-ship"></i></td>
<td><i class="fa fa-4x fa-angle-double-up"></i></td>
<td><i class="fa fa-4x fa-angle-double-down"></i></td>
<td><i class="fa fa-4x fa-file-o"></i></td>
</tr>
<tr>
<td><i class="fa fa-5x fa-file-pdf-o"></i></td>
<td><i class="fa fa-5x fa-cog"></i></td>
<td><i class="fa fa-5x fa-shield"></i></td>
<td><i class="fa fa-5x fa-ship"></i></td>
<td><i class="fa fa-5x fa-angle-double-up"></i></td>
<td><i class="fa fa-5x fa-angle-double-down"></i></td>
<td><i class="fa fa-5x fa-file-o"></i></td>
</tr>
</table>
</body>
</html>

View File

@ -1,13 +1,14 @@
<div id="other"> <div id="other">
<h2 class="page-header">Other cases and information</h2> <h2 class="page-header">Other cases and information</h2>
<p> <p>
While the scenarios and techniques above help avoid some serious issues and confusion, they are not exhaustive. There are many complex contexts and use cases when it comes to accessibility, such as users with low vision using high contrast mode to better see UI. There are some great tools and resources to learn from and work on these issues out there. Here are a few reads we recommend. While the scenarios and techniques above help avoid some serious issues and confusion, they are not exhaustive. There are many complex contexts and use cases when it comes to accessibility, such as users with low vision who need a high color contrast ratio to see UI. There are some great tools and resources to learn from and work on these issues out there. Here are a few reads we recommend.
</p> </p>
<ul> <ul>
<li><a href="https://www.filamentgroup.com/lab/bulletproof_icon_fonts.html">https://www.filamentgroup.com/lab/bulletproof_icon_fonts.html</a></li> <li><a href="https://www.filamentgroup.com/lab/bulletproof_icon_fonts.html">https://www.filamentgroup.com/lab/bulletproof_icon_fonts.html</a></li>
<li><a href="https://css-tricks.com/html-for-icon-font-usage/">https://css-tricks.com/html-for-icon-font-usage/</a></li> <li><a href="https://css-tricks.com/html-for-icon-font-usage/">https://css-tricks.com/html-for-icon-font-usage/</a></li>
<li><a href="http://www.sitepoint.com/icon-fonts-vs-svg-debate/">http://www.sitepoint.com/icon-fonts-vs-svg-debate/</a></li> <li><a href="http://www.sitepoint.com/icon-fonts-vs-svg-debate/">http://www.sitepoint.com/icon-fonts-vs-svg-debate/</a></li>
<li><a href="http://leaverou.github.io/contrast-ratio">http://leaverou.github.io/contrast-ratio/</a></li>
</ul> </ul>
<p> <p>

View File

@ -25,7 +25,7 @@ relative_path: ../
{% for icon in sorted_icons %} {% for icon in sorted_icons %}
<div class="col-md-4 col-sm-6 col-lg-3"> <div class="col-md-4 col-sm-6 col-lg-3">
{% if icon.created >= site.fontawesome.major_version %}<small class="text-muted pull-right">{{ icon.created }}</small>{% endif %} {% 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"><span class="sr-only">Copy to use {{ icon.class }}</span>&#x{{ icon.unicode }}</i> <i class="fa fa-fw" aria-hidden="true" title="Copy to use {{ icon.class }}">&#x{{ icon.unicode }}</i>
fa-{{ icon.class }} fa-{{ icon.class }}
{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %} {% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}
<span class="text-muted">[&amp;#x{{ icon.unicode }};]</span> <span class="text-muted">[&amp;#x{{ icon.unicode }};]</span>