diff options
Diffstat (limited to 'live/static/fork-awesome/src/doc/_layouts')
| -rw-r--r-- | live/static/fork-awesome/src/doc/_layouts/base.html | 56 | ||||
| -rw-r--r-- | live/static/fork-awesome/src/doc/_layouts/icon.html | 76 |
2 files changed, 132 insertions, 0 deletions
diff --git a/live/static/fork-awesome/src/doc/_layouts/base.html b/live/static/fork-awesome/src/doc/_layouts/base.html new file mode 100644 index 0000000..62ee184 --- /dev/null +++ b/live/static/fork-awesome/src/doc/_layouts/base.html @@ -0,0 +1,56 @@ +<!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="Fork Awesome, a fork of 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> + + <!-- 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/css/share.min.css"> + <link rel="stylesheet" href="{{ page.relative_path }}assets/fork-awesome/css/fork-awesome.css"> + + <!-- Twitter + ================================================== --> + <meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% endif %}"> + <meta name="twitter:card" content="summary_large_image"> + <meta name="twitter:description" content="Fork Awesome, a fork of the iconic font and CSS toolkit"> + <meta name="twitter:image" content="https://forkawesome.github.io/Fork-Awesome/assets/images/banner.jpg"> + + <!-- FACEBOOK + ================================================== --> + <meta property="og:url" content="https://forkawesome.github.io/Fork-Awesome/"> + <meta property="og:title" content="{% if page.title %}{{ page.title }}{% endif %}"> + <meta name="description" property="og:description" content="Fork Awesome, a fork of the iconic font and CSS toolkit" /> + <meta property="og:image" content="https://forkawesome.github.io/Fork-Awesome/assets/images/banner.jpg"> + + <!--[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]--> + +</head> +<body class="font-awesome {{ page.view_class }}"> + <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> + {% include navbar.html %} + + {{ content }} + </div> + {% include footer.html %} + <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="{{ page.relative_path }}assets/js/site.js"></script> + <script src="{{ page.relative_path }}assets/js/share.min.js"></script> + + </body> +</html> diff --git a/live/static/fork-awesome/src/doc/_layouts/icon.html b/live/static/fork-awesome/src/doc/_layouts/icon.html new file mode 100644 index 0000000..30c4340 --- /dev/null +++ b/live/static/fork-awesome/src/doc/_layouts/icon.html @@ -0,0 +1,76 @@ +--- +layout: base +title_suffix: Fork 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> + <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="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> · + Unicode: <span class="upper">{{ page.icon.unicode }}</span> · + Created: v{{ page.icon.created }} · + 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 %} + · Aliases: + {% for alias in page.icon.aliases %} + 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"> + <div class="col-md-12 col-sm-12"> + <p>After you get <a href="{{ page.relative_path }}get-started/">up and running</a>, you can place {{ site.forkawesome.name }} 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="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> + </section> +</div> |