Fork-Awesome/community/index.html

342 lines
16 KiB
HTML

<!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>The Fork Awesome Community</title>
<!-- CSS
================================================== -->
<link rel="stylesheet" href="../assets/css/site.css">
<link rel="stylesheet" href="../assets/css/pygments.css">
<link rel="stylesheet" href="../assets/css/share.min.css">
<link rel="stylesheet" href="../assets/fork-awesome/css/fork-awesome.css">
<!-- Twitter
================================================== -->
<meta name="twitter:title" content="The Fork Awesome Community">
<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="The Fork Awesome Community">
<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="../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 class="active"><a href="../community/">Community</a></li>
<li><a href="../license/">License</a></li>
</ul>
</div>
</div>
</div>
<div class="jumbotron jumbotron-ad hidden-print">
<div class="container">
<h1><i class="fa fa-community" aria-hidden="true"></i>&nbsp; Community</h1>
<p>Lots of ways to get involved with Fork Awesome</p>
</div>
</div>
<div id="social-buttons" class="hidden-print">
<div class="container">
<ul class="list-inline">
<li>
<input name="popup" id="overlay" class="overlay" type="radio">
<span class="share">
<label class="share-btn btn btn-xs diaspora" title="Share this page on Diaspora*" for="diaspora-share">
<i class="fa fa-diaspora" aria-hidden="true"></i> Spread
</label>
<input name="popup" id="diaspora-share" class="hidden" type="radio">
<span class="popup">
<label for="overlay"></label>
<input name="podurl" value="" placeholder="Diaspora URL (joindiaspora.con)" type="text"><button class="share-btn" type="submit" value="diaspora">OK</button>
</span>
</span>
</li>
<li>
<input name="popup" id="overlay" class="overlay" type="radio">
<span class="share">
<label class="share-btn btn btn-xs mastodon" title="Share this page on Mastodon" for="mastodon-share">
<i class="fa fa-mastodon" aria-hidden="true"></i> Toot
</label>
<input name="popup" id="mastodon-share" class="hidden" type="radio">
<span class="popup">
<label for="overlay"></label>
<input name="podurl" value="" placeholder="Mastodon URL (mastodon.social)" type="text"><button class="share-btn" type="submit" value="mastodon">OK</button>
</span>
</span>
</li>
<li>
<span class="share">
<a
class="btn btn-xs twitter"
href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fforkaweso.me%2FFork-Awesome%2F&text=Fork+Awesome%20A+fork+of+the+iconic+font+and+CSS+toolkit&hashtags=forkawesome,iconfont"
target="_blank"
>
<i class="fa fa-twitter" aria-hidden="true"></i> Tweet
</a>
</span>
</li>
<li class="github-btn">
<iframe src="https://ghbtns.com/github-btn.html?user=ForkAwesome&repo=Fork-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
</li>
</ul>
</div>
</div>
<div class="container">
<div id="getting-support">
<h2 class="page-header">Getting Support</h2>
<p>
Having trouble getting Fork Awesome up and running? Something not working the way you think it should?
</p>
<ol>
<li>
Make sure you've read the latest version of how to <a href="../get-started/">get started</a>.
</li>
<li>
Since Fork Awesome is based on Font Awesome, check out the <a href="http://stackoverflow.com/questions/tagged/font-awesome">existing questions tagged as
Font Awesome</a> over on Stack Overflow. Other folks might have had the same question you've had.
</li>
<li>
Can't find the answer to your question on Stack Overflow?
<a href="http://stackoverflow.com/questions/ask?tags=fork-awesome">Ask a new question</a>, then.
</li>
</ol>
</div>
<section id="requesting-new-icons">
<h2 class="page-header">Requesting New Icons</h2>
<p>
New icons mostly start as requests by the
<a href="https://github.com/ForkAwesome/Fork-Awesome/issues">Fork Awesome community on GitHub</a>. Want to request a new
icon? Here are some things to keep in mind:
</p>
<ol>
<li>Please be nice. Fork Awesome is a happy place.</li>
<li>Please <a href="https://github.com/ForkAwesome/Fork-Awesome/search?type=Issues">search</a> to see if your icon request already exists. If a request is found, please add a &#x1F44D; reaction to that one.</li>
<li>
Please make requests for single icons, unless you are requesting a couple of strictly related icons (e.g., thumbs-up/thumbs-down).
</li>
<li>
Please and thank you if you include the following:
<ul>
<li>
Title your <a href="https://github.com/ForkAwesome/Fork-Awesome/issues/new?title=Icon%20Request:%20fa-">new issue</a>
<code>Icon request: icon-name</code> (e.g., <code>Icon request: icon-car</code>).
</li>
<li>Include a few use cases for your requested icon. How do you plan on using it?</li>
<li>Attach a single color image or two that represent the idea you're going for.</li>
</ul>
</li>
<li>
Request concrete objects: it's harder to make an icon to represent happiness, it's easier to make a smiley face. <i class="fa fa-smile-o" title="Smiling face"></i>
</li>
</ol>
</section>
<section id="reporting-bugs">
<h2 class="page-header">Reporting Bugs</h2>
<p>
Found a problem with Fork Awesome? Feel free to submit an issue on the GitHub project. But please keep the following in mind:
</p>
<ol>
<li>Please be nice. Fork Awesome is a happy place.</li>
<li>Please <a href="https://github.com/ForkAwesome/Fork-Awesome/search?type=Issues">search</a> to see if your bug was already reported.</li>
<li>
Before opening any issue, please read the generic <a href="https://github.com/necolas/issue-guidelines">issue
guidelines</a>, by <a href="https://github.com/necolas/">Nicolas Gallagher</a>.
</li>
<li>
After doing everything above, feel free to
<a href="https://github.com/ForkAwesome/Fork-Awesome/issues/new">submit an issue</a>.
</li>
</ol>
</section>
<section id="submitting-pull-requests">
<h2 class="page-header">Submitting Pull Requests</h2>
Found a way to solve a bug in Fork Awesome? Want to contribute new features or a new icon?
<ol>
<li>
Clone the repository and work on your proposal.
</li>
<li>
Then, when you think it's ready or when you want feedback,
<a href="https://github.com/ForkAwesome/Fork-Awesome/issues/new">submit a pull
request</a>.
</li>
<li>
Discuss with rest of the community and follow up on conversations until
your pull request is merged.
</li>
</ol>
</section>
<section id="project-milestones">
<h2 class="page-header">Projects</h2>
<p>
Want to keep up with what's planned for Fork Awesome? Check out our
<a href="https://github.com/ForkAwesome/Fork-Awesome/projects">projects</a> on the GitHub repo.
And come help us achieve those goals.
</p>
</section>
<section id="thanks-to">
<h2 class="page-header">Thanks To</h2>
<div class="row">
<div class="col-md-4 col-sm-4">
<p>
Thanks to <a href="https://twitter.com/davegandy">@davegandy</a> for his
original work on Font Awesome and to
<a href="https://twitter.com/gtagliala">@gtagliala</a> for managing pull
requests and issues on the Font Awesome Github repo.
</p>
</div>
<div class="col-md-8 col-sm-8">
<p>
Thanks to the still growing community of <a href="https://github.com/ForkAwesome/Fork-Awesome/blob/master/CONTRIBUTORS.md">114 contributors</a> who've carried this project from the early days of Font Awesome and who have joined this project since the fork.
If you feel your contribution has not been recognized. Please file an issue, we'll happily add you to the list.
</p>
</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.1.6
<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>, now maintained by a community.
</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://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/share.min.js"></script>
</body>
</html>