Bläddra i källkod

new version Wed Mar 7 16:59:13 EST 2018

Julien Deswaef 7 år sedan
förälder
incheckning
be1f9cea4c

+ 7 - 7
assets/fork-awesome/scss/_path.scss

@@ -3,13 +3,13 @@
 
 
 @font-face {
 @font-face {
   font-family: '#{$fa-font-family}';
   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-weight: normal;
   font-style: normal;
   font-style: normal;
 }
 }

+ 3 - 4
assets/fork-awesome/scss/_variables.scss

@@ -4,10 +4,9 @@
 $fa-font-path:        "../fonts" !default;
 $fa-font-path:        "../fonts" !default;
 $fa-font-size-base:   14px !default;
 $fa-font-size-base:   14px !default;
 $fa-line-height-base: 1 !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-border-color:     #eee !default;
 $fa-inverse:          #fff !default;
 $fa-inverse:          #fff !default;
 $fa-li-width:         (30em / 14) !default;
 $fa-li-width:         (30em / 14) !default;

+ 18 - 15
get-started/index.html

@@ -128,6 +128,23 @@
 
 
 
 
 <div class="container">
 <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">
   <section class="get-started-download" id="get-started-download">
     <h2 class="page-header clearfix">
     <h2 class="page-header clearfix">
@@ -155,7 +172,7 @@
       <h3>Using CSS</h3>
       <h3>Using CSS</h3>
 
 
       <ol>
       <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>
         <li>
           In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome.min.css.
           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>
 <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>
     </div>
   </section>
   </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">
   <section class="get-started-more margin-top-lg" id="get-started-more">
     <h2 class="page-header">More Information</h2>
     <h2 class="page-header">More Information</h2>
   </section>
   </section>