new version Tue Feb 20 18:21:57 EST 2018

This commit is contained in:
Julien Deswaef 2018-02-20 18:21:57 -05:00
parent e03a6981b2
commit faa9a16900
22 changed files with 666 additions and 422 deletions

Binary file not shown.

View File

@ -2346,6 +2346,9 @@
.fa-social-home:before { .fa-social-home:before {
content: "\f2ec"; content: "\f2ec";
} }
.fa-artstation:before {
content: "\f2ed";
}
.sr-only { .sr-only {
position: absolute; position: absolute;
width: 1px; width: 1px;

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 424 KiB

After

Width:  |  Height:  |  Size: 423 KiB

View File

@ -799,3 +799,4 @@
.@{fa-css-prefix}-scuttlebutt:before { content: @fa-var-scuttlebutt; } .@{fa-css-prefix}-scuttlebutt:before { content: @fa-var-scuttlebutt; }
.@{fa-css-prefix}-hubzilla:before { content: @fa-var-hubzilla; } .@{fa-css-prefix}-hubzilla:before { content: @fa-var-hubzilla; }
.@{fa-css-prefix}-social-home:before { content: @fa-var-social-home; } .@{fa-css-prefix}-social-home:before { content: @fa-var-social-home; }
.@{fa-css-prefix}-artstation:before { content: @fa-var-artstation; }

View File

@ -55,6 +55,7 @@
@fa-var-arrows-alt: "\f0b2"; @fa-var-arrows-alt: "\f0b2";
@fa-var-arrows-h: "\f07e"; @fa-var-arrows-h: "\f07e";
@fa-var-arrows-v: "\f07d"; @fa-var-arrows-v: "\f07d";
@fa-var-artstation: "\f2ed";
@fa-var-asl-interpreting: "\f2a3"; @fa-var-asl-interpreting: "\f2a3";
@fa-var-assistive-listening-systems: "\f2a2"; @fa-var-assistive-listening-systems: "\f2a2";
@fa-var-asterisk: "\f069"; @fa-var-asterisk: "\f069";

View File

@ -799,3 +799,4 @@
.#{$fa-css-prefix}-scuttlebutt:before { content: $fa-var-scuttlebutt; } .#{$fa-css-prefix}-scuttlebutt:before { content: $fa-var-scuttlebutt; }
.#{$fa-css-prefix}-hubzilla:before { content: $fa-var-hubzilla; } .#{$fa-css-prefix}-hubzilla:before { content: $fa-var-hubzilla; }
.#{$fa-css-prefix}-social-home:before { content: $fa-var-social-home; } .#{$fa-css-prefix}-social-home:before { content: $fa-var-social-home; }
.#{$fa-css-prefix}-artstation:before { content: $fa-var-artstation; }

View File

@ -56,6 +56,7 @@ $fa-var-arrows: "\f047";
$fa-var-arrows-alt: "\f0b2"; $fa-var-arrows-alt: "\f0b2";
$fa-var-arrows-h: "\f07e"; $fa-var-arrows-h: "\f07e";
$fa-var-arrows-v: "\f07d"; $fa-var-arrows-v: "\f07d";
$fa-var-artstation: "\f2ed";
$fa-var-asl-interpreting: "\f2a3"; $fa-var-asl-interpreting: "\f2a3";
$fa-var-assistive-listening-systems: "\f2a2"; $fa-var-assistive-listening-systems: "\f2a2";
$fa-var-asterisk: "\f069"; $fa-var-asterisk: "\f069";

Binary file not shown.

Before

Width:  |  Height:  |  Size: 104 KiB

After

Width:  |  Height:  |  Size: 105 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.1 KiB

View File

@ -503,6 +503,14 @@
<span class="text-muted">[&amp;#xf07d;]</span> <span class="text-muted">[&amp;#xf07d;]</span>
</div> </div>
<div class="col-md-4 col-sm-6 col-lg-3 col-print-4">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use artstation">&#xf2ed;</i>
fa-artstation
<span class="text-muted">[&amp;#xf2ed;]</span>
</div>
<div class="col-md-4 col-sm-6 col-lg-3 col-print-4"> <div class="col-md-4 col-sm-6 col-lg-3 col-print-4">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use asl-interpreting">&#xf2a3;</i> <i class="fa fa-fw" aria-hidden="true" title="Copy to use asl-interpreting">&#xf2a3;</i>

214
icon/artstation/index.html Normal file
View File

@ -0,0 +1,214 @@
<!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="../../assets/ico/favicon.ico">
<title>fa-artstation: Fork Awesome Icons</title>
<!-- CSS
================================================== -->
<link rel="stylesheet" href="../../assets/css/site.css">
<link rel="stylesheet" href="../../assets/css/pygments.css">
<link rel="stylesheet" href="../../assets/fork-awesome/css/fork-awesome.css">
<!--[if lt IE 9]>
<script src="../../assets/js/html5shiv.js"></script>
<script src="../../assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="navbar navbar-inverse navbar-static-top hidden-print">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<i class="fa fa-bars fa-lg" aria-hidden="true" title="Toggle navigation"></i>
<span class="sr-only">Toggle navigation</span>
</button>
<a class="navbar-brand" href="../../"><i class="fa fa-fork-awesome" aria-hidden="true"></i> Fork Awesome</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="hidden-sm "><a href="../../">Home</a></li>
<li class="hidden-sm">
<a href="../../whats-new/">What's New</a>
</li>
<li class="hidden-xs hidden-md hidden-lg">
<a href="../../whats-new/">New</a>
</li>
<li class="hidden-sm"><a href="../../get-started/">Get Started</a></li>
<li class="hidden-xs hidden-md hidden-lg">
<a href="../../get-started/">Start</a>
</li>
<li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
<li class="dropdown dropdown-split-right hidden-xs">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
<span class="sr-only">Toggle dropdown menu</span>
<span class="toggle drop down"></span>
</a>
<ul class="dropdown-menu pull-right">
<li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
<li class="divider"></li>
<li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
<li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw" aria-hidden="true"></i>&nbsp; Transportation Icons</a></li>
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw" aria-hidden="true"></i>&nbsp; Gender Icons</a></li>
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw" aria-hidden="true"></i>&nbsp; File Type Icons</a></li>
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw" aria-hidden="true"></i>&nbsp; Spinner Icons</a></li>
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw" aria-hidden="true"></i>&nbsp; Form Control Icons</a></li>
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw" aria-hidden="true"></i>&nbsp; Payment Icons</a></li>
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw" aria-hidden="true"></i>&nbsp; Chart Icons</a></li>
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw" aria-hidden="true"></i>&nbsp; Currency Icons</a></li>
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw" aria-hidden="true"></i>&nbsp; Text Editor Icons</a></li>
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i>&nbsp; Directional Icons</a></li>
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw" aria-hidden="true"></i>&nbsp; Video Player Icons</a></li>
<li><a href="../../icons/#brand"><i class="fa fa-facebook-official fa-fw" aria-hidden="true"></i>&nbsp; Brand Icons</a></li>
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw" aria-hidden="true"></i>&nbsp; Medical Icons</a></li>
</ul>
</li>
<li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
<li class="dropdown dropdown-split-right hidden-xs">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
<span class="sr-only">Toggle dropdown menu</span>
<span class="toggle drop down"></span>
</a>
<ul class="dropdown-menu pull-right">
<li><a href="../../examples/">Examples</a></li>
<li class="divider"></li>
<li><a href="../../examples/#basic">Basic Icons</a></li>
<li><a href="../../examples/#larger">Larger Icons</a></li>
<li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
<li><a href="../../examples/#list">List Icons</a></li>
<li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
<li><a href="../../examples/#animated">Animated Icons</a></li>
<li><a href="../../examples/#accessible">Accessibility-Minded</a></li>
<li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
<li><a href="../../examples/#stacked">Stacked Icons</a></li>
<li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
<li><a href="../../examples/#custom">Custom CSS</a></li>
</ul>
</li>
<li class="hidden-sm"><a href="../../accessibility/">Accessibility</a></li>
<li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
<li><a href="../../community/">Community</a></li>
<li><a href="../../license/">License</a></li>
</ul>
</div>
</div>
</div>
<div class="jumbotron jumbotron-icon">
<div class="container">
<div class="info-icons">
<i class="fa fa-artstation fa-6" aria-hidden="true"></i>
<span class="sr-only">Example of artstation at 6x</span>&nbsp;&nbsp;
<span class="hide-xs">
<i class="fa fa-artstation fa-5" aria-hidden="true"></i>
<span class="sr-only">Example of artstation at 5x</span>
&nbsp;&nbsp;
<span class="hide-sm">
<i class="fa fa-artstation fa-4" aria-hidden="true"></i>
<span class="sr-only">Example of artstation at 4x</span>
&nbsp;&nbsp;
</span>
<i class="fa fa-artstation fa-3" aria-hidden="true"></i>
<span class="sr-only">Example of artstation at 3x</span>
&nbsp;&nbsp;
<i class="fa fa-artstation fa-2" aria-hidden="true"></i>
<span class="sr-only">Example of artstation at 2x</span>
&nbsp;
</span>
<i class="fa fa-artstation fa-1" aria-hidden="true"></i>
<span class="sr-only">Example of artstation</span>
</div>
<h1 class="info-class">
fa-artstation
<small>
<i class="fa fa-artstation" aria-hidden="true"></i> &middot;
Unicode: <span class="upper">f2ed</span> &middot;
Created: v1.0 &middot;
Categories:
Web Application Icons,
Brand Icons
&middot; <a target="_blank" rel="nofollow" href="http://artstation.com">artstation.com<i class="fa fa-external-link-square margin-left-sm"></i></a>
</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="../../get-started/">up and running</a>, you can place Fork 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-artstation" aria-hidden="true"></i><span class="sr-only">Example of artstation</span> fa-artstation
</div>
</div>
<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-artstation&quot;</span> <span class="na">aria-hidden=</span><span class="s">&quot;true&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
</code></pre></div>
<p class="margin-bottom-lg">
<small class="text-muted">Note: to improve <a href="../../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="../../examples/">examples</a>.
</div>
</div>
</div>
</section>
</div>
</div>
<footer id="footer" class="footer hidden-print">
<div class="container text-center">
<div>
<i class="fa fa-fork" aria-hidden="true"></i> Fork Awesome 1.0.1
<span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
A fork of Font Awesome, originally created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
</div>
<div>
Fork Awesome is licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
<span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
Code is licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
<span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
Documentation is licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
</div>
<div class="project">
<a href="https://github.com/ForkAwesome/Fork-Awesome">GitHub Project</a> &middot;
<a href="https://github.com/ForkAwesome/Fork-Awesome/issues">Issues</a>
</div>
</div>
</footer>
<script src="https://platform.twitter.com/widgets.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="../../assets/js/site.js"></script>
<script src="../../assets/js/search.js"></script>
</body>
</html>

View File

@ -120,7 +120,7 @@
<div class="container"> <div class="container">
<h1><i class="fa fa-flag" aria-hidden="true"></i>&nbsp; The Icons</h1> <h1><i class="fa fa-flag" aria-hidden="true"></i>&nbsp; The Icons</h1>
<p>The complete set of 684 icons in Fork Awesome 1.0.1</p> <p>The complete set of 685 icons in Fork Awesome 1.0.1</p>
</div> </div>
</div> </div>
@ -129,13 +129,15 @@
<div class="container" data-view="search"> <div class="container" data-view="search">
<div id="icons"> <div id="icons">
<section id="new"> <section id="new">
<h2 class="page-header">12 New Icons in 1.0</h2> <h2 class="page-header">13 New Icons in 1.0</h2>
<div class="row fontawesome-icon-list"> <div class="row fontawesome-icon-list">
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/artstation"><i class="fa fa-artstation" aria-hidden="true"></i> <span class="sr-only">Example of </span>artstation</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/diaspora"><i class="fa fa-diaspora" aria-hidden="true"></i> <span class="sr-only">Example of </span>diaspora</a></div> <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/diaspora"><i class="fa fa-diaspora" aria-hidden="true"></i> <span class="sr-only">Example of </span>diaspora</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fork-awesome"><i class="fa fa-fork-awesome" aria-hidden="true"></i> <span class="sr-only">Example of </span>fork-awesome</a></div> <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fork-awesome"><i class="fa fa-fork-awesome" aria-hidden="true"></i> <span class="sr-only">Example of </span>fork-awesome</a></div>
@ -199,6 +201,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrows-v"><i class="fa fa-arrows-v" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-v</a></div> <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/arrows-v"><i class="fa fa-arrows-v" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-v</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/artstation"><i class="fa fa-artstation" aria-hidden="true"></i> <span class="sr-only">Example of </span>artstation</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/american-sign-language-interpreting"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>asl-interpreting <span class="text-muted">(alias)</span></a></div> <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/american-sign-language-interpreting"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>asl-interpreting <span class="text-muted">(alias)</span></a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/assistive-listening-systems"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> <span class="sr-only">Example of </span>assistive-listening-systems</a></div> <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/assistive-listening-systems"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> <span class="sr-only">Example of </span>assistive-listening-systems</a></div>
@ -1820,6 +1824,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/apple"><i class="fa fa-apple" aria-hidden="true"></i> <span class="sr-only">Example of </span>apple</a></div> <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/apple"><i class="fa fa-apple" aria-hidden="true"></i> <span class="sr-only">Example of </span>apple</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/artstation"><i class="fa fa-artstation" aria-hidden="true"></i> <span class="sr-only">Example of </span>artstation</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bandcamp"><i class="fa fa-bandcamp" aria-hidden="true"></i> <span class="sr-only">Example of </span>bandcamp</a></div> <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bandcamp"><i class="fa fa-bandcamp" aria-hidden="true"></i> <span class="sr-only">Example of </span>bandcamp</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/behance"><i class="fa fa-behance" aria-hidden="true"></i> <span class="sr-only">Example of </span>behance</a></div> <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/behance"><i class="fa fa-behance" aria-hidden="true"></i> <span class="sr-only">Example of </span>behance</a></div>

View File

@ -183,7 +183,7 @@
<section id="why" class="feature-list"> <section id="why" class="feature-list">
<div class="row"> <div class="row">
<div class="col-md-4 col-sm-6"> <div class="col-md-4 col-sm-6">
<h4><i class="fa fa-fork-awesome" aria-hidden="true"></i> One Font, 684 Icons</h4> <h4><i class="fa fa-fork-awesome" aria-hidden="true"></i> One Font, 685 Icons</h4>
In a single collection, Fork Awesome is a pictographic language of web-related actions. In a single collection, Fork Awesome is a pictographic language of web-related actions.
</div> </div>
<div class="col-md-4 col-sm-6"> <div class="col-md-4 col-sm-6">

View File

@ -695,6 +695,7 @@
<i class="fa fa-scuttlebutt"></i> <i class="fa fa-scuttlebutt"></i>
<i class="fa fa-hubzilla"></i> <i class="fa fa-hubzilla"></i>
<i class="fa fa-social-home"></i> <i class="fa fa-social-home"></i>
<i class="fa fa-artstation"></i>
</div> </div>
</div> </div>
@ -2070,6 +2071,8 @@
<i class="fa">&#xf2ec</i> <i class="fa">&#xf2ec</i>
<i class="fa">&#xf2ed</i>
</div> </div>
<div> <div>
@ -4437,6 +4440,8 @@
@ -6186,6 +6191,10 @@
<i class="fa">&#xf2ec</i> <i class="fa">&#xf2ec</i>
<i class="fa">&#xf2ed</i>
</div> </div>

View File

@ -172,10 +172,10 @@
</div> </div>
<section id="new"> <section id="new">
<h2 class="page-header">12 New Icons in 1.0</h2> <h2 class="page-header">13 New Icons in 1.0</h2>
<div class="margin-botom-large"> <div class="margin-botom-large">
You asked, Fork Awesome delivers with 12 shiny new icons in version 1.0. You asked, Fork Awesome delivers with 13 shiny new icons in version 1.0.
Want to request new icons? <a href="../community/#requesting-new-icons">Here's how</a>. Want to request new icons? <a href="../community/#requesting-new-icons">Here's how</a>.
</div> </div>
@ -184,6 +184,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/artstation"><i class="fa fa-artstation" aria-hidden="true"></i> <span class="sr-only">Example of </span>artstation</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/diaspora"><i class="fa fa-diaspora" aria-hidden="true"></i> <span class="sr-only">Example of </span>diaspora</a></div> <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/diaspora"><i class="fa fa-diaspora" aria-hidden="true"></i> <span class="sr-only">Example of </span>diaspora</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fork-awesome"><i class="fa fa-fork-awesome" aria-hidden="true"></i> <span class="sr-only">Example of </span>fork-awesome</a></div> <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fork-awesome"><i class="fa fa-fork-awesome" aria-hidden="true"></i> <span class="sr-only">Example of </span>fork-awesome</a></div>