diff options
Diffstat (limited to 'library/font_awesome/src/_includes/icons')
17 files changed, 143 insertions, 22 deletions
diff --git a/library/font_awesome/src/_includes/icons/accessibility.html b/library/font_awesome/src/_includes/icons/accessibility.html new file mode 100644 index 000000000..14cd92e5c --- /dev/null +++ b/library/font_awesome/src/_includes/icons/accessibility.html @@ -0,0 +1,12 @@ +<section id="accessibility"> + <h2 class="page-header">Accessibility Icons</h2> + + <div class="row fontawesome-icon-list"> + {% assign icons_currency = icons | expand_aliases | category:"Accessibility Icons" | sort_by:'class' %} + + {% for icon in icons_currency %} + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> + {% endfor %} + </div> + +</section> diff --git a/library/font_awesome/src/_includes/icons/brand.html b/library/font_awesome/src/_includes/icons/brand.html index feb6032e8..451f147d3 100644 --- a/library/font_awesome/src/_includes/icons/brand.html +++ b/library/font_awesome/src/_includes/icons/brand.html @@ -1,15 +1,19 @@ <section id="brand"> <h2 class="page-header">Brand Icons</h2> - <div class="alert alert-info"> - {% include brand-license.html %} + <div class="alert alert-warning"> + {% include brand-adblock-warning.html %} </div> - <div class="row the-icons"> + <div class="row fontawesome-icon-list margin-bottom-lg"> {% assign icons_brand = icons | expand_aliases | category:"Brand Icons" | sort_by:'class' %} {% for icon in icons_brand %} - <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div> + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> {% endfor %} </div> + + <div class="alert alert-success"> + {% include brand-license.html %} + </div> </section> diff --git a/library/font_awesome/src/_includes/icons/chart.html b/library/font_awesome/src/_includes/icons/chart.html new file mode 100644 index 000000000..f5cbc1cca --- /dev/null +++ b/library/font_awesome/src/_includes/icons/chart.html @@ -0,0 +1,12 @@ +<section id="chart"> + <h2 class="page-header">Chart Icons</h2> + + <div class="row fontawesome-icon-list"> + {% assign icons_chart = icons | expand_aliases | category:"Chart Icons" | sort_by:'class' %} + + {% for icon in icons_chart %} + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> + {% endfor %} + </div> + +</section> diff --git a/library/font_awesome/src/_includes/icons/currency.html b/library/font_awesome/src/_includes/icons/currency.html index c451d5211..bc9061513 100644 --- a/library/font_awesome/src/_includes/icons/currency.html +++ b/library/font_awesome/src/_includes/icons/currency.html @@ -1,11 +1,11 @@ <section id="currency"> <h2 class="page-header">Currency Icons</h2> - <div class="row the-icons"> + <div class="row fontawesome-icon-list"> {% assign icons_currency = icons | expand_aliases | category:"Currency Icons" | sort_by:'class' %} {% for icon in icons_currency %} - <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div> + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> {% endfor %} </div> diff --git a/library/font_awesome/src/_includes/icons/directional.html b/library/font_awesome/src/_includes/icons/directional.html index 6b4170a1b..d8f2a4c0e 100644 --- a/library/font_awesome/src/_includes/icons/directional.html +++ b/library/font_awesome/src/_includes/icons/directional.html @@ -1,11 +1,11 @@ <section id="directional"> <h2 class="page-header">Directional Icons</h2> - <div class="row the-icons"> + <div class="row fontawesome-icon-list"> {% assign icons_directional = icons | expand_aliases | category:"Directional Icons" | sort_by:'class' %} {% for icon in icons_directional %} - <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div> + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> {% endfor %} </div> diff --git a/library/font_awesome/src/_includes/icons/file-type.html b/library/font_awesome/src/_includes/icons/file-type.html new file mode 100644 index 000000000..290022be1 --- /dev/null +++ b/library/font_awesome/src/_includes/icons/file-type.html @@ -0,0 +1,12 @@ +<section id="file-type"> + <h2 class="page-header">File Type Icons</h2> + + <div class="row fontawesome-icon-list"> + {% assign icons_file_type = icons | expand_aliases | category:"File Type Icons" | sort_by:'class' %} + + {% for icon in icons_file_type %} + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> + {% endfor %} + </div> + +</section> diff --git a/library/font_awesome/src/_includes/icons/form-control.html b/library/font_awesome/src/_includes/icons/form-control.html new file mode 100644 index 000000000..a8cac628a --- /dev/null +++ b/library/font_awesome/src/_includes/icons/form-control.html @@ -0,0 +1,11 @@ +<section id="form-control"> + <h2 class="page-header">Form Control Icons</h2> + + <div class="row fontawesome-icon-list"> + {% assign icons_form_control = icons | expand_aliases | category:"Form Control Icons" | sort_by:'class' %} + + {% for icon in icons_form_control %} + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> + {% endfor %} + </div> +</section> diff --git a/library/font_awesome/src/_includes/icons/gender.html b/library/font_awesome/src/_includes/icons/gender.html new file mode 100644 index 000000000..1fbde026b --- /dev/null +++ b/library/font_awesome/src/_includes/icons/gender.html @@ -0,0 +1,12 @@ +<section id="gender"> + <h2 class="page-header">Gender Icons</h2> + + <div class="row fontawesome-icon-list"> + {% assign icons_gender = icons | expand_aliases | category:"Gender Icons" | sort_by:'class' %} + + {% for icon in icons_gender %} + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> + {% endfor %} + </div> + +</section> diff --git a/library/font_awesome/src/_includes/icons/hand.html b/library/font_awesome/src/_includes/icons/hand.html new file mode 100644 index 000000000..4104af2e0 --- /dev/null +++ b/library/font_awesome/src/_includes/icons/hand.html @@ -0,0 +1,12 @@ +<section id="hand"> + <h2 class="page-header">Hand Icons</h2> + + <div class="row fontawesome-icon-list"> + {% assign icons_hand = icons | expand_aliases | category:"Hand Icons" | sort_by:'class' %} + + {% for icon in icons_hand %} + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> + {% endfor %} + </div> + +</section> diff --git a/library/font_awesome/src/_includes/icons/medical.html b/library/font_awesome/src/_includes/icons/medical.html index 7d4cd7f97..23364382a 100644 --- a/library/font_awesome/src/_includes/icons/medical.html +++ b/library/font_awesome/src/_includes/icons/medical.html @@ -1,11 +1,11 @@ <section id="medical"> <h2 class="page-header">Medical Icons</h2> - <div class="row the-icons"> + <div class="row fontawesome-icon-list"> {% assign icons_medical = icons | expand_aliases | category:"Medical Icons" | sort_by:'class' %} {% for icon in icons_medical %} - <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div> + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> {% endfor %} </div> diff --git a/library/font_awesome/src/_includes/icons/new.html b/library/font_awesome/src/_includes/icons/new.html index 52c5e3fa6..91a10b3e8 100644 --- a/library/font_awesome/src/_includes/icons/new.html +++ b/library/font_awesome/src/_includes/icons/new.html @@ -1,5 +1,5 @@ -<{% if page.navbar_active == "icons" %}div{% else %}section{% endif %} id="new"> - <h2 class="page-header">New Icons in {{ site.fontawesome.minor_version }}</h2> +<section id="new"> + <h2 class="page-header">{{ icons | version:site.fontawesome.minor_version | size }} New Icons in {{ site.fontawesome.minor_version }}</h2> {% if page.navbar_active != "icons" %} <div class="margin-botom-large"> You asked, Font Awesome delivers with {{ icons | version:site.fontawesome.minor_version | size }} shiny new icons in version {{ site.fontawesome.minor_version }}. @@ -7,12 +7,12 @@ </div> {% endif %} - <div class="row the-icons"> - {% assign icons_new = icons | expand_aliases | version:site.fontawesome.minor_version %} + <div class="row fontawesome-icon-list"> + {% assign icons_new = icons | expand_aliases | version:site.fontawesome.minor_version | sort_by:'class' %} {% for icon in icons_new %} - <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div> + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> {% endfor %} </div> -</{% if page.navbar_active == "icons" %}div{% else %}section{% endif %}> +</section> diff --git a/library/font_awesome/src/_includes/icons/payment.html b/library/font_awesome/src/_includes/icons/payment.html new file mode 100644 index 000000000..03a636465 --- /dev/null +++ b/library/font_awesome/src/_includes/icons/payment.html @@ -0,0 +1,12 @@ +<section id="payment"> + <h2 class="page-header">Payment Icons</h2> + + <div class="row fontawesome-icon-list"> + {% assign icons_payment = icons | expand_aliases | category:"Payment Icons" | sort_by:'class' %} + + {% for icon in icons_payment %} + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> + {% endfor %} + </div> + +</section> diff --git a/library/font_awesome/src/_includes/icons/spinner.html b/library/font_awesome/src/_includes/icons/spinner.html new file mode 100644 index 000000000..ef9d68e8b --- /dev/null +++ b/library/font_awesome/src/_includes/icons/spinner.html @@ -0,0 +1,22 @@ +<section id="spinner"> + <h2 class="page-header">Spinner Icons</h2> + + <div class="alert alert-success"> + <ul class="fa-ul"> + <li> + <i class="fa fa-info-circle fa-lg fa-li" aria-hidden="true"></i> + <strong class="sr-only">Note:</strong> + These icons work great with the <code>fa-spin</code> class. Check out the + <a href="{{ page.relative_path }}examples/#animated" class="alert-link">spinning icons example</a>. + </li> + </ul> + </div> + + <div class="row fontawesome-icon-list"> + {% assign icons_spinner = icons | expand_aliases | category:"Spinner Icons" | sort_by:'class' %} + + {% for icon in icons_spinner %} + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> + {% endfor %} + </div> +</section> diff --git a/library/font_awesome/src/_includes/icons/text-editor.html b/library/font_awesome/src/_includes/icons/text-editor.html index 2c2d4955c..05d33cb2b 100644 --- a/library/font_awesome/src/_includes/icons/text-editor.html +++ b/library/font_awesome/src/_includes/icons/text-editor.html @@ -1,11 +1,11 @@ <section id="text-editor"> <h2 class="page-header">Text Editor Icons</h2> - <div class="row the-icons"> + <div class="row fontawesome-icon-list"> {% assign icons_text_editor = icons | expand_aliases | category:"Text Editor Icons" | sort_by:'class' %} {% for icon in icons_text_editor %} - <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div> + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> {% endfor %} </div> diff --git a/library/font_awesome/src/_includes/icons/transportation.html b/library/font_awesome/src/_includes/icons/transportation.html new file mode 100644 index 000000000..af2fd7e7f --- /dev/null +++ b/library/font_awesome/src/_includes/icons/transportation.html @@ -0,0 +1,12 @@ +<section id="transportation"> + <h2 class="page-header">Transportation Icons</h2> + + <div class="row fontawesome-icon-list"> + {% assign icons_transportation = icons | expand_aliases | category:"Transportation Icons" | sort_by:'class' %} + + {% for icon in icons_transportation %} + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> + {% endfor %} + </div> + +</section> diff --git a/library/font_awesome/src/_includes/icons/video-player.html b/library/font_awesome/src/_includes/icons/video-player.html index 5fcbe133b..4a57612d1 100644 --- a/library/font_awesome/src/_includes/icons/video-player.html +++ b/library/font_awesome/src/_includes/icons/video-player.html @@ -1,11 +1,11 @@ <section id="video-player"> <h2 class="page-header">Video Player Icons</h2> - <div class="row the-icons"> + <div class="row fontawesome-icon-list"> {% assign icons_video_player = icons | expand_aliases | category:"Video Player Icons" | sort_by:'class' %} {% for icon in icons_video_player %} - <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div> + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> {% endfor %} </div> diff --git a/library/font_awesome/src/_includes/icons/web-application.html b/library/font_awesome/src/_includes/icons/web-application.html index f70d727f7..6e737e6cd 100644 --- a/library/font_awesome/src/_includes/icons/web-application.html +++ b/library/font_awesome/src/_includes/icons/web-application.html @@ -1,11 +1,11 @@ <section id="web-application"> <h2 class="page-header">Web Application Icons</h2> - <div class="row the-icons"> + <div class="row fontawesome-icon-list"> {% assign icons_web_application = icons | expand_aliases | category:"Web Application Icons" | sort_by:'class' %} {% for icon in icons_web_application %} - <div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.class }}"></i> icon-{{ icon.class }}{% if icon.alias_of %} <span class="muted">(alias)</span>{% endif %}</a></div> + <div class="fa-hover col-md-3 col-sm-4"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="fa fa-{{ icon.class }}" aria-hidden="true"></i> <span class="sr-only">Example of </span>{{ icon.class }}{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}</a></div> {% endfor %} </div> |