diff options
Diffstat (limited to 'library/font_awesome/src/_layouts')
-rw-r--r-- | library/font_awesome/src/_layouts/base.html | 64 | ||||
-rw-r--r-- | library/font_awesome/src/_layouts/icon.html | 62 |
2 files changed, 126 insertions, 0 deletions
diff --git a/library/font_awesome/src/_layouts/base.html b/library/font_awesome/src/_layouts/base.html new file mode 100644 index 000000000..76de7cb41 --- /dev/null +++ b/library/font_awesome/src/_layouts/base.html @@ -0,0 +1,64 @@ +<!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]--> +<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="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">--> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- 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"> + <![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 type="text/javascript"> + 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); + })(); + </script> +</head> +<body data-spy="scroll" data-target=".navbar"> +<div class="wrapper"> <!-- 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 %} + +<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> + +</body> +</html> diff --git a/library/font_awesome/src/_layouts/icon.html b/library/font_awesome/src/_layouts/icon.html new file mode 100644 index 000000000..83723acde --- /dev/null +++ b/library/font_awesome/src/_layouts/icon.html @@ -0,0 +1,62 @@ +--- +layout: base +title_suffix: Font Awesome Icons +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> + </span> + <i class="icon-{{ page.icon.id }} icon-1"></i> + </div> + <h1 class="info-class"> + icon-{{ page.icon.id }} + <small> + <i class="icon-{{ page.icon.id }}"></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 %} + icon-{{ alias }}{% unless forloop.last %},{% endunless %} + {% endfor %} + {% 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="well well-transparent"> + <div style="font-size: 24px; line-height: 1.5em;"> + <i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }} + </div> + </div> +{% highlight html %} +<i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }} +{% 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> + </div> + <div class="span3"> + <div class="info-ad">{% include ads/carbon-light-vertical.html %}</div> + </div> + </div> + </section> +</div> |