Rewrite of all font awesome icons to version 0.4

This commit is contained in:
Julien Deswaef 2018-02-17 19:59:45 -05:00
parent 4469d13ec9
commit 6c7ca09147
13 changed files with 692 additions and 788 deletions

View file

@ -698,6 +698,7 @@
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-community:before,
.fa-group:before,
.fa-users:before {
content: "\f0c0";

File diff suppressed because one or more lines are too long

View file

@ -183,6 +183,7 @@
.@{fa-css-prefix}-filter:before { content: @fa-var-filter; }
.@{fa-css-prefix}-briefcase:before { content: @fa-var-briefcase; }
.@{fa-css-prefix}-arrows-alt:before { content: @fa-var-arrows-alt; }
.@{fa-css-prefix}-community:before,
.@{fa-css-prefix}-group:before,
.@{fa-css-prefix}-users:before { content: @fa-var-users; }
.@{fa-css-prefix}-chain:before,

View file

@ -191,6 +191,7 @@
@fa-var-commenting-o: "\f27b";
@fa-var-comments: "\f086";
@fa-var-comments-o: "\f0e6";
@fa-var-community: "\f0c0";
@fa-var-compass: "\f14e";
@fa-var-compress: "\f066";
@fa-var-connectdevelop: "\f20e";

View file

@ -183,6 +183,7 @@
.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
.#{$fa-css-prefix}-community:before,
.#{$fa-css-prefix}-group:before,
.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
.#{$fa-css-prefix}-chain:before,

View file

@ -192,6 +192,7 @@ $fa-var-commenting: "\f27a";
$fa-var-commenting-o: "\f27b";
$fa-var-comments: "\f086";
$fa-var-comments-o: "\f0e6";
$fa-var-community: "\f0c0";
$fa-var-compass: "\f14e";
$fa-var-compress: "\f066";
$fa-var-connectdevelop: "\f20e";

View file

@ -20,19 +20,17 @@
<div id="icon-carousel" class="carousel slide">
<div class="carousel-inner">
<div class="active item"><div><i class="fa fa-font-awesome" aria-hidden="true"></i><span class="sr-only">flag icon</span></div></div>
<div class="item"><div><i class="fa fa-handshake-o" aria-hidden="true"></i><span class="sr-only">fort awesome icon</span></div></div>
<div class="item"><div><i class="fa fa-bath" aria-hidden="true"></i><span class="sr-only">fort awesome icon</span></div></div>
<div class="item"><div><i class="fa fa-envelope-open-o" aria-hidden="true"></i><span class="sr-only">fort awesome icon</span></div></div>
<div class="item"><div><i class="fa fa-bath" aria-hidden="true"></i><span class="sr-only">bath icon</span></div></div>
<div class="item"><div><i class="fa fa-envelope-open-o" aria-hidden="true"></i><span class="sr-only">envelope icon</span></div></div>
<div class="item"><div><i class="fa fa-commenting" aria-hidden="true"></i><span class="sr-only">commenting icon</span></div></div>
<div class="item"><div><i class="fa fa-map-signs" aria-hidden="true"></i><span class="sr-only">map signs icon</span></div></div>
<div class="item"><div><i class="fa fa-envelope" aria-hidden="true"></i><span class="sr-only">envelope icon</span></div></div>
<div class="item"><div><i class="fa fa-camera-retro" aria-hidden="true"></i><span class="sr-only">camera icon</span></div></div>
<div class="item"><div><i class="fa fa-send-o" aria-hidden="true"></i><span class="sr-only">send icon</span></div></div>
<div class="item"><div><i class="fa fa-book" aria-hidden="true"></i><span class="sr-only">book icon</span></div></div>
<div class="item"><div><i class="fa fa-fighter-jet" aria-hidden="true"></i><span class="sr-only">fighter jet icon</span></div></div>
<div class="item"><div><i class="fa fa-beer" aria-hidden="true"></i><span class="sr-only">beer icon</span></div></div>
<div class="item"><div><i class="fa fa-gitlab" aria-hidden="true"></i><span class="sr-only">gitlab icon</span></div></div>
<div class="item"><div><i class="fa fa-heart-o" aria-hidden="true"></i><span class="sr-only">heart icon</span></div></div>
<div class="item"><div><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sr-only">thumbs up icon</span></div></div>
<div class="item"><div><i class="fa fa-pied-piper-alt" aria-hidden="true"></i><span class="sr-only">pied piper icon</span></div></div>
<div class="item"><div><i class="fa fa-mastodon" aria-hidden="true"></i><span class="sr-only">mastodon icon</span></div></div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#icon-carousel" data-slide="prev"

View file

@ -35,25 +35,13 @@
<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="https://cdn.jsdelivr.net/algoliasearch/3.13.1/algoliasearch.jquery.min.js" integrity="sha256-2MTQjOt4Q02v+W/QjgCO5yv+si9RAo/o/RGR5alVYzY=" crossorigin="anonymous"></script>
<!-- <script src="https://cdn.jsdelivr.net/algoliasearch/3.13.1/algoliasearch.jquery.min.js" integrity="sha256-2MTQjOt4Q02v+W/QjgCO5yv+si9RAo/o/RGR5alVYzY=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2.9.1/algoliasearch.helper.min.js" integrity="sha256-MhjLBzVVNkMEKnIE2ueYNb7QSj+oiSv4x89dlui09hg=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/underscorejs/1.8.3/underscore-min.js" integrity="sha256-obZACiHd7gkOk9iIL/pimWMTJ4W/pBsKu+oZnSeBIek=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/backbonejs/1.2.2/backbone-min.js" integrity="sha256-p6bkfFqmxtebrKOS+wyGi+Qf3d111eWUQP67keyXJ6Q=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/jsdelivr-rum/1.5/jsdelivr-rum.min.js" integrity="sha256-HlY2rbkgbiHhtilMXmQ86rjL/EIxGDtdg9GU9/T2ZxE=" crossorigin="anonymous"></script> -->
<script src="{{ page.relative_path }}assets/js/site.js"></script>
<script src="{{ page.relative_path }}assets/js/search.js"></script>
<script src="{{ page.relative_path }}assets/js/monetization.js" type="text/javascript"></script>
<script>
(function(){
// format, zoneKey, segment:value, options
_bsa.init('imageonly', 'CVADP2Y', 'placement:demo', {
target: '#inventory',
disable_css: true,
path: 'http://inventory.fontawesome.io/api/inventory?zone=CVADP2Y'
});
})();
</script>
</body>
</html>

View file

@ -1,34 +0,0 @@
<!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="Font Awesome, 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>
<style type="text/css">
html{
margin: 0;
height: 100%;
overflow: hidden;
}
iframe{
position: absolute;
left:0;
right:0;
bottom:0;
top:0;
border:0;
}
</style>
</head>
<body>
{{content}}
</body>
</html>

View file

@ -4,7 +4,7 @@ title: The Fork Awesome Community
navbar_active: community
relative_path: ../
---
{% capture jumbotron_h1 %}<i class="fa fa-thumbs-o-up" aria-hidden="true"></i>&nbsp; Community{% endcapture %}
{% capture jumbotron_h1 %}<i class="fa fa-community" aria-hidden="true"></i>&nbsp; Community{% endcapture %}
{% capture jumbotron_p %}Lots of ways to get involved with {{ site.forkawesome.name }}{% endcapture %}
{% include jumbotron.html %}

View file

@ -10,22 +10,6 @@ relative_path: ../
{% include jumbotron.html %}
<div class="container" data-view="search">
<div class="row">
<div class="col-sm-10">
<section id="search">
<label for="search-input"><i class="fa fa-search" aria-hidden="true"></i><span class="sr-only">Search icons</span></label>
<input id="search-input" class="form-control input-lg" placeholder="Search icons" autocomplete="off" spellcheck="false" autocorrect="off" tabindex="1">
<a id="search-clear" href="#" class="fa fa-times-circle hide" aria-hidden="true"><span class="sr-only">Clear search</span></a>
</section>
</div>
<div class="col-sm-2 padding-left-none hidden-xs">
<div class="algolia text-center">
<a href="https://algolia.com"><i class="fas fas-algolia-new fas-4x" aria-hidden="true"></i><div>by Algolia</div></a>
</div>
</div>
</div>
<div id="search-results" class="hide"></div>
<div id="icons">
{% include icons/new.html %}
{% include icons/web-application.html %}
@ -45,43 +29,4 @@ relative_path: ../
{% include icons/brand.html %}
{% include icons/medical.html %}
</div>
<script type="text/template" id="results-template">
<h2 class="page-header">Search for '<span class="text-color-default"><%- content.query %></span>'</h2>
<% if (content.nbHits > 0) { %>
<div class="row fontawesome-icon-list">
<%= results %>
</div>
<% } else { %>
<div class="alert alert-danger text-lg" role="alert">
<h3 class="margin-top margin-bottom-lg"><i class="fa fa-meh-o" aria-hidden="true"></i> Oops! No icons matched your query.</h3>
A few things that might help:
<ol>
<li>
Use <a class="alert-link" href="https://fortawesome.com">Fort Awesome</a> (our latest project) to add your
own icons and take your icon game to the next level!
</li>
<li>
Really, really want to see an icon in Font Awesome?
<a class="alert-link" href="mailto:dave@fortawesome.com">Drop me an email</a> to commission the icons you need!
</li>
<li>
Are we missing something in our search results?
<a class="alert-link" href="https://github.com/FortAwesome/Font-Awesome/issues/new">Open an issue on GitHub!</a>
(Make sure to <a class="alert-link" href="https://github.com/FortAwesome/Font-Awesome/issues">search existing
issues first</a>.)
</li>
</ol>
</div>
<% } %>
</script>
<script type="text/template" id="result-template">
<div class="fa-hover col-md-3 col-sm-4">
<a href="{{ page.relative_path }}icon/<%= result.name %>">
<i class="fa <%= result.css_class %>" aria-hidden="true"></i> <%= result._highlightResult.name.value %>
<% if (matches.length > 0) { %>
<span class="text-muted">(<%= matches.join(", ") %>)</span>
<% } %>
</a>
</div>
</script>
</div>

View file

@ -12,9 +12,10 @@ relative_path: ../
<div class="container">
<p class="lead">
{{ site.forkawesome.name }} is community effort base on
{{ site.forkawesome.name }} is community effort based on
{{ site.fontawesome.name }} {{ site.fontawesome.version }} by
{{ site.fontawesome.author.name }}. We <i class="fa fa-heart" aria-hidden="true"></i>
{{ site.fontawesome.author.name }}.<br />
We <i class="fa fa-heart" aria-hidden="true"></i>
{{ site.fontawesome.name }} but here's why we forked it into {{ site.forkawesome.name }}
{{ site.forkawesome.minor_version }}. Want to
<a href="{{ page.relative_path }}community/">help contribute</a>?

File diff suppressed because it is too large Load diff