FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2025-01-14 01:00:27 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

cleaning out old cruft, renaming for consistency

Browse Source
This commit is contained in:
davegandy 2013-10-22 19:05:37 -04:00
parent 094f84f5f7
commit d7ee1fcaa2
9 changed files with 2 additions and 228 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/_includes/examples/button-dropdowns.html
View File

@ -1,36 +0,0 @@
<section id="button-dropdowns">
<h2 class="page-header">Button Dropdowns</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<div class="btn-group open">
<a class="btn btn-success" href="#"><i class="fa fa-user"></i> User</a>
<a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#">
<span class="fa fa-caret-down"></span></a>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-pencil fa-fw"></i> Edit</a></li>
<li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
<li><a href="#"><i class="fa fa-ban fa-fw"></i> Ban</a></li>
<li class="divider"></li>
<li><a href="#"><i class="i"></i> Make admin</a></li>
</ul>
</div>
</div>
<div class="col-md-9 col-sm-8">
{% highlight html %}
<div class="btn-group open">
<a class="btn btn-success" href="#"><i class="fa fa-user"></i> User</a>
<a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#">
<span class="fa fa-caret-down"></span></a>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-pencil fa-fw"></i> Edit</a></li>
<li><a href="#"><i class="fa fa-trash fa-fw"></i> Delete</a></li>
<li><a href="#"><i class="fa fa-ban fa-fw"></i> Ban</a></li>
<li class="divider"></li>
<li><a href="#"><i class="i"></i> Make admin</a></li>
</ul>
</div>
{% endhighlight %}
<div class="alert alert-success"><i class="fa fa-info-circle"></i> Don't forget to add the appropriate JavaScript to enable button dropdowns.</div>
</div>
</div>
</section>

25
src/_includes/examples/button-groups.html
View File

@ -1,25 +0,0 @@
<section id="button-groups">
<h2 class="page-header">Button Groups</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<p>
<div class="btn-group">
<a class="btn btn-default" href="#"><i class="fa fa-align-left"></i></a>
<a class="btn btn-default" href="#"><i class="fa fa-align-center"></i></a>
<a class="btn btn-default" href="#"><i class="fa fa-align-right"></i></a>
<a class="btn btn-default" href="#"><i class="fa fa-align-justify"></i></a>
</div>
</p>
</div>
<div class="col-md-9 col-sm-8">
{% highlight html %}
<div class="btn-group">
<a class="btn btn-default" href="#"><i class="fa fa-align-left"></i></a>
<a class="btn btn-default" href="#"><i class="fa fa-align-center"></i></a>
<a class="btn btn-default" href="#"><i class="fa fa-align-right"></i></a>
<a class="btn btn-default" href="#"><i class="fa fa-align-justify"></i></a>
</div>
{% endhighlight %}
</div>
</div>
</section>

57
src/_includes/examples/buttons.html
View File

@ -1,57 +0,0 @@
<section id="buttons">
<h2 class="page-header">Buttons</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<p>
<a class="btn btn-default" href="#">
<i class="fa fa-repeat"></i> Reload</a>
<a class="btn btn-success" href="#">
<i class="fa fa-shopping-cart fa-lg"></i> Checkout</a>
</p>
<p>
<a class="btn btn-large btn-primary" href="#">
<i class="fa fa-comment"></i> Comment</a>
<a class="btn btn-sm btn-info" href="#">
<i class="fa fa-info-circle"></i> Info</a>
</p>
<p>
<a class="btn btn-danger" href="#">
<i class="fa fa-trash-o fa-lg"></i> Delete</a>
<a class="btn btn-default btn-sm" href="#">
<i class="fa fa-cog"></i> Settings</a>
</p>
<p>
<a class="btn btn-lg btn-danger" href="#">
<i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a>
</p>
<p>
<a class="btn btn-warning" href="#">
<i class="fa fa-refresh fa-spin"></i> Synchronizing Content...</a>
</p>
</div>
<div class="col-md-9 col-sm-8">
<p>
Font Awesome icons work great in buttons. You can even combine them with larger icon styles,
<code>pull-right</code> and <code>pull-left</code>, and <code>fa-spin</code>.
</p>
{% highlight html %}
<a class="btn btn-default" href="#">
<i class="fa fa-repeat"></i> Reload</a>
<a class="btn btn-success" href="#">
<i class="fa fa-shopping-cart fa-lg"></i> Checkout</a>
<a class="btn btn-lg btn-primary" href="#">
<i class="fa fa-comment"></i> Comment</a>
<a class="btn btn-sm btn-info" href="#">
<i class="fa fa-info-circle"></i> Info</a>
<a class="btn btn-danger" href="#">
<i class="fa fa-trash-o fa-lg"></i> Delete</a>
<a class="btn btn-default btn-sm" href="#">
<i class="fa fa-cog"></i> Settings</a>
<a class="btn btn-lg btn-danger" href="#">
<i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a>
<a class="btn btn-warning" href="#">
<i class="fa fa-refresh fa-spin"></i> Synchronizing Content...</a>
{% endhighlight %}
</div>
</div>
</section>

30
src/_includes/examples/form-inputs.html
View File

@ -1,30 +0,0 @@
<section id="form-inputs">
<h2 class="page-header">Prepended & Appended Form Inputs</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope-o"></i></span>
<input class="form-control" type="text" placeholder="Email address">
</div>
<br>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-key"></i></span>
<input class="form-control" type="password" placeholder="Password">
</div>
</div>
<div class="col-md-9 col-sm-8">
{% highlight html %}
<form>
<div class="input-prepend">
<span class="add-on"><i class="fa fa-envelope-o"></i></span>
<input class="span2" type="text" placeholder="Email address">
</div>
<div class="input-prepend">
<span class="add-on"><i class="fa fa-key"></i></span>
<input class="span2" type="password" placeholder="Password">
</div>
</form>
{% endhighlight %}
</div>
</div>
</section>

0
src/_includes/examples/inline-icons.html → src/_includes/examples/inline.html
View File

0
src/_includes/examples/larger-icons.html → src/_includes/examples/larger.html
View File

24
src/_includes/examples/navigation.html
View File

@ -1,24 +0,0 @@
<section id="navigation">
<h2 class="page-header">Navigation</h2>
<div class="row">
<div class="col-md-3 col-sm-4">
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#"><i class="fa fa-home fa-fw"></i> Home</a></li>
<li><a href="#"><i class="fa fa-book fa-fw"></i> Library</a></li>
<li><a href="#"><i class="fa fa-pencil fa-fw"></i> Applications</a></li>
<li><a href="#"><i class="fa fa-cogs fa-fw"></i> Settings</a></li>
</ul>
</div>
<div class="col-md-9 col-sm-8">
<p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
{% highlight html %}
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#"><i class="fa fa-home fa-fw"></i> Home</a></li>
<li><a href="#"><i class="fa fa-book fa-fw"></i> Library</a></li>
<li><a href="#"><i class="fa fa-pencil fa-fw"></i> Applications</a></li>
<li><a href="#"><i class="fa fa-cogs fa-fw"></i> Settings</a></li>
</ul>
{% endhighlight %}
</div>
</div>
</section>

54
src/_includes/examples/new.html
View File

@ -1,54 +0,0 @@
<{% if page.navbar_active == "examples" %}div{% else %}section{% endif %} id="new-styles">
<h2 class="page-header">New Styles in {{ site.fontawesome.minor_version }}</h2>
<div class="row">
<div class="col-md-4">
<h4><a href="#rotated-flipped">Rotated and Flipped Icons</a></h4>
<div class="well well-transparent">
<i class="fa fa-shield"></i>&nbsp; normal<br>
<i class="fa fa-shield fa-rotate-90"></i>&nbsp; fa-rotate-90<br>
<i class="fa fa-shield fa-rotate-180"></i>&nbsp; fa-rotate-180<br>
<i class="fa fa-shield fa-rotate-270"></i>&nbsp; fa-rotate-270<br>
<i class="fa fa-shield fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal<br>
<i class="fa fa-shield fa-flip-vertical"></i>&nbsp; fa-flip-vertical
</div>
</div>
<div class="col-md-4">
<h4><a href="#stacked">Stacked Icons</a></h4>
<div class="well well-transparent">
<div class="margin-top-sm margin-bottom-sm">
<span class="fa-stack">
<i class="fa fa-unchecked fa-stack-base"></i>
<i class="fa fa-twitter"></i>
</span>
fa-twitter on fa-unchecked<br>
<span class="fa-stack">
<i class="fa fa-circle fa-stack-base"></i>
<i class="fa fa-flag fa-inverse"></i>
</span>
fa-flag on fa-circle<br>
<span class="fa-stack">
<i class="fa fa-square fa-stack-base"></i>
<i class="fa fa-terminal fa-inverse"></i>
</span>
fa-terminal on fa-square<br>
<span class="fa-stack">
<i class="fa fa-camera"></i>
<i class="fa fa-ban fa-stack-base text-danger"></i>
</span>
fa-camera on fa-ban
</div>
</div>
</div>
<div class="col-md-4">
<h4><a href="#bulleted-lists">Better Bulleted Lists</a></h4>
<div class="well well-transparent">
<ul class="fa-ul">
<li><i class="fa fa-li fa-chevron-circle-right"></i>New bulleted lists</li>
<li><i class="fa fa-li fa-bullseye"></i>Fix some old bugs</li>
<li><i class="fa fa-li fa-play-circle"></i>And deal with arbitrary</li>
<li><i class="fa fa-li fa-check-circle"></i>Font sizes better</li>
</ul>
</div>
</div>
</div>
</{% if page.navbar_active == "examples" %}div{% else %}section{% endif %}>

4
src/examples.html
View File

@ -20,8 +20,8 @@ relative_path: ../
{% endcapture %}
{% include stripe-ad.html %}
{% include examples/inline-icons.html %}
{% include examples/larger-icons.html %}
{% include examples/inline.html %}
{% include examples/larger.html %}
{% include examples/fixed-width.html %}
{% include examples/list.html %}
{% include examples/bordered-pulled.html %}