Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/ForkAwesome/Fork-Awesome.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJulien Deswaef <judeswae@thoughtworks.com>2018-03-08 00:59:13 +0300
committerJulien Deswaef <judeswae@thoughtworks.com>2018-03-08 00:59:13 +0300
commitbe1f9cea4c704b53777d2607d41f40a237f2b4e3 (patch)
treee0e0c315dafc0560bfc1c4e3250dd1a38c64939c
parent8264545ec37a07119bd9af24b28e1500e291100f (diff)
new version Wed Mar 7 16:59:13 EST 2018
-rw-r--r--assets/fork-awesome/scss/_path.scss14
-rw-r--r--assets/fork-awesome/scss/_variables.scss7
-rw-r--r--get-started/index.html33
3 files changed, 28 insertions, 26 deletions
diff --git a/assets/fork-awesome/scss/_path.scss b/assets/fork-awesome/scss/_path.scss
index a1a6d04d1..5480425ea 100644
--- a/assets/fork-awesome/scss/_path.scss
+++ b/assets/fork-awesome/scss/_path.scss
@@ -3,13 +3,13 @@
@font-face {
font-family: '#{$fa-font-family}';
- src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
- src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
- url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
- url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
- url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
- url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
-// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
+ src: url('#{$fa-font-path}/forkawesome-webfont.eot?v=#{$fa-version}');
+ src: url('#{$fa-font-path}/forkawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
+ url('#{$fa-font-path}/forkawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
+ url('#{$fa-font-path}/forkawesome-webfont.woff?v=#{$fa-version}') format('woff'),
+ url('#{$fa-font-path}/forkawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
+ url('#{$fa-font-path}/forkawesome-webfont.svg?v=#{$fa-version}#forkawesomeregular') format('svg');
+// src: url('#{$fa-font-path}/ForkAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
diff --git a/assets/fork-awesome/scss/_variables.scss b/assets/fork-awesome/scss/_variables.scss
index ad1d67613..6ed174d8d 100644
--- a/assets/fork-awesome/scss/_variables.scss
+++ b/assets/fork-awesome/scss/_variables.scss
@@ -4,10 +4,9 @@
$fa-font-path: "../fonts" !default;
$fa-font-size-base: 14px !default;
$fa-line-height-base: 1 !default;
-//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome//fonts" !default; // for referencing Bootstrap CDN font files directly
-$fa-css-prefix: !default;
-$fa-font-family: !default;
-$fa-version: "" !default;
+$fa-css-prefix: "fa" !default;
+$fa-font-family: "ForkAwesome" !default;
+$fa-version: "1.0.10" !default;
$fa-border-color: #eee !default;
$fa-inverse: #fff !default;
$fa-li-width: (30em / 14) !default;
diff --git a/get-started/index.html b/get-started/index.html
index 0a16c19ac..5b4045152 100644
--- a/get-started/index.html
+++ b/get-started/index.html
@@ -128,6 +128,23 @@
<div class="container">
+ <section class="get-started-CDN margin-top-lg" id="get-started-CDN">
+ <h2 class="page-header clearfix">
+ Use a CDN for Fork Awesome
+ <span class="label label-default text-base pull-right">simple</span>
+ </h2>
+
+ <div class="row">
+ <div class="col-md-12">
+ <p>The simplest way to get Fork Awesome in your project is to copy the line below in between the <code>&lt;head&gt;</code> tags of your HTML source files. Then check the <a href="../examples/">examples</a> to start displaying icons.
+ <p>
+<div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;https://cdn.jsdelivr.net/npm/fork-awesome@1.0.10/css/fork-awesome.min.css&quot;</span> <span class="na">integrity=</span><span class="s">&quot;sha256-MJocQFrXYBrLYBcgXsrZDp5b8/fC51HP3+6yrY74XXI=&quot;</span> <span class="na">crossorigin=</span><span class="s">&quot;anonymous&quot;</span><span class="nt">&gt;</span>
+</code></pre></div>
+ </p>
+ <p>Thanks to <a href="https://www.jsdelivr.com/package/npm/fork-awesome">jsDelivr</a> for providing the CDN for Fork Awesome</p>
+ </div>
+ </div>
+ </section>
<section class="get-started-download" id="get-started-download">
<h2 class="page-header clearfix">
@@ -155,7 +172,7 @@
<h3>Using CSS</h3>
<ol>
- <li>Copy the entire <code>font-awesome</code> directory into your project.</li>
+ <li>Copy the entire <code>fork-awesome</code> directory into your project.</li>
<li>
In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome.min.css.
<div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;path/to/fork-awesome/css/fork-awesome.min.css&quot;</span><span class="nt">&gt;</span>
@@ -184,20 +201,6 @@
</div>
</section>
- <section class="get-started-CDN margin-top-lg" id="get-started-CDN">
- <h2 class="page-header">Using Fork Awesome with a CDN</h2>
- </section>
-
- <div class="row">
- <div class="col-md-12">
- <p>Thanks to <a href="https://www.jsdelivr.com">jsDelivr</a>, Fork Awesome is available via a CDN as well.</p>
- <p>
-<div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;https://cdn.jsdelivr.net/npm/fork-awesome@1.0.10/css/fork-awesome.min.css&quot;</span> <span class="na">integrity=</span><span class="s">&quot;sha256-MJocQFrXYBrLYBcgXsrZDp5b8/fC51HP3+6yrY74XXI=&quot;</span> <span class="na">crossorigin=</span><span class="s">&quot;anonymous&quot;</span><span class="nt">&gt;</span>
-</code></pre></div>
- </p>
- </div>
- </div>
-
<section class="get-started-more margin-top-lg" id="get-started-more">
<h2 class="page-header">More Information</h2>
</section>