aboutsummaryrefslogtreecommitdiffstats
path: root/library/font_awesome/src/_layouts/icon.html
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2018-02-26 11:05:48 +0100
committerMario Vavti <mario@mariovavti.com>2018-02-26 11:05:48 +0100
commita5f843ba9ba3dd3ce9ad22a89d57dfcb5fa46586 (patch)
treec0ec56a71c8ad04100d4914d14498b154a52e5dd /library/font_awesome/src/_layouts/icon.html
parent4781a8cb6bbd6d0e379b404c455844ddbc7e2812 (diff)
downloadvolse-hubzilla-a5f843ba9ba3dd3ce9ad22a89d57dfcb5fa46586.tar.gz
volse-hubzilla-a5f843ba9ba3dd3ce9ad22a89d57dfcb5fa46586.tar.bz2
volse-hubzilla-a5f843ba9ba3dd3ce9ad22a89d57dfcb5fa46586.zip
switch to fork-awesome
Diffstat (limited to 'library/font_awesome/src/_layouts/icon.html')
-rw-r--r--library/font_awesome/src/_layouts/icon.html79
1 files changed, 0 insertions, 79 deletions
diff --git a/library/font_awesome/src/_layouts/icon.html b/library/font_awesome/src/_layouts/icon.html
deleted file mode 100644
index 66edaf2a7..000000000
--- a/library/font_awesome/src/_layouts/icon.html
+++ /dev/null
@@ -1,79 +0,0 @@
----
-layout: base
-title_suffix: Font Awesome Icons
-relative_path: ../../
----
-<div class="jumbotron jumbotron-icon">
- <div class="container">
- <div class="info-icons">
- <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="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">
- fa-{{ page.icon.id }}
- <small>
- <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:
- {% for category in page.icon.categories %}
- {{ category }}{% unless forloop.last %},{% endunless %}
- {% endfor %}
- {% assign icon_alias_count = page.icon.aliases | size %}
- {% if icon_alias_count > 0 %}
- &middot; Aliases:
- {% for alias in page.icon.aliases %}
- 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">
- <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="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="fa fa-{{ page.icon.id }}" aria-hidden="true"></i>
-{% endhighlight %}
- <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="col-md-3 col-sm-3">
- <div class="vertical-ad">{% include ads/fusion.html %}</div>
- </div>
- </div>
- </section>
-</div>