diff options
Diffstat (limited to 'src/doc/get-started.html')
| -rw-r--r-- | src/doc/get-started.html | 113 |
1 files changed, 10 insertions, 103 deletions
diff --git a/src/doc/get-started.html b/src/doc/get-started.html index 1a48083b1..05e33044c 100644 --- a/src/doc/get-started.html +++ b/src/doc/get-started.html @@ -21,14 +21,13 @@ relative_path: ../ <div class="row"> <div class="col-md-9"> <p class="text-lg"> - Want to manage and host Font Awesome assets yourself? You can - <a href="#modal-download" data-toggle="modal" onClick="_gaq.push(['_trackEvent', 'Launch Modal', 'Launch Download Modal']);">download</a>, + Want to manage and host {{ site.forkawesome.name }} assets yourself? You can + <a href="#modal-download" data-toggle="modal">download</a>, customize, and use the icons and default styling manually. Both CSS and CSS Preprocessor (Sass and Less) formats are included.</p> </div> <div class="col-md-3"> - <a class="btn btn-default btn-lg btn-block" href="#modal-download" data-toggle="modal" - onClick="_gaq.push(['_trackEvent', 'Launch Modal', 'Launch Download Modal']);"> + <a class="btn btn-default btn-lg btn-block" href="#modal-download" data-toggle="modal"> <i class="fa fa-download fa-lg margin-right-sm"></i> Download </a> @@ -43,7 +42,7 @@ relative_path: ../ <li> In the <code><head></code> of your html, reference the location to your font-awesome.min.css. {% highlight html %} -<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> +<link rel="stylesheet" href="path/to/fork-awesome/css/fork-awesome.min.css"> {% endhighlight %} </li> <li>Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using Font Awesome!</li> @@ -53,11 +52,11 @@ relative_path: ../ <div class="download-preprocessors" id="download-preprocessors"> <h3>Using Sass or Less</h3> - <p>Use this method to customize Font Awesome {{ site.fontawesome.version }} using Less or Sass.</p> + <p>Use this method to customize Font Awesome {{ site.forkawesome.version }} using Less or Sass.</p> <ol> - <li>Copy the <code>font-awesome/</code> directory into your project.</li> + <li>Copy the <code>fork-awesome/</code> directory into your project.</li> <li> - Open your project's <code>font-awesome/less/variables.less</code> or <code>font-awesome/scss/_variables.scss</code> and edit the <code>@fa-font-path</code> or <code>$fa-font-path</code> + Open your project's <code>fork-awesome/less/variables.less</code> or <code>fork-awesome/scss/_variables.scss</code> and edit the <code>@fa-font-path</code> or <code>$fa-font-path</code> variable to point to your font directory. {% highlight scss %} @fa-font-path: "../font"; @@ -70,85 +69,6 @@ relative_path: ../ </div> </section> - <div class="hr margin-top-lg"> - <span class="hr-text text-xl text-muted">or</span> - </div> - - <section class="get-started-advanced" id="get-started-advanced"> - <h2 class="page-header clearfix"> - Advanced & Packages - <span class="label label-default text-base pull-right">Pro</span> - </h2> - - <div class="ruby-gem-less margin-bottom-xl" id="ruby-gem-less"> - <h3><a href="https://github.com/FortAwesome/font-awesome-less">Less Ruby Gem</a></h3> - <p> - Use the <a href="https://github.com/FortAwesome/font-awesome-less">Official Font Awesome Less Ruby Gem</a> to easily get Font - Awesome Less into a Rails project. Generously maintained by <a href="https://twitter.com/supercodepoet/">@supercodepoet</a>. - </p> - <ol> - <li> - Add this line to your application's Gemfile: -{% highlight bash %} -gem 'font-awesome-less' -{% endhighlight %} - </li> - <li> - And then execute: -{% highlight bash %} -$ bundle -{% endhighlight %} - </li> - <li>Or install it yourself as: -{% highlight bash %} -$ gem install font-awesome-less -{% endhighlight %} - </li> - </ol> - <p> - If you use Rails, add this to your e.g. <code>application.less</code>: - </p> -{% highlight css %} -@import "font-awesome-sprockets"; -@import "font-awesome"; -{% endhighlight %} - </div> - - <div class="ruby-gem-sass" id="ruby-gem-sass"> - <h3><a href="https://github.com/FortAwesome/font-awesome-sass">Sass Ruby Gem</a></h3> - <p> - Use the <a href="https://github.com/FortAwesome/font-awesome-sass">Official Font Awesome Sass Ruby Gem</a> to easily get Font - Awesome Sass into a Rails or Compass project. Generously maintained by <a href="https://twitter.com/supercodepoet/">@supercodepoet</a>. - </p> - <ol> - <li> - Add this line to your application's Gemfile: -{% highlight bash %} -gem 'font-awesome-sass' -{% endhighlight %} - </li> - <li> - And then execute: -{% highlight bash %} -$ bundle -{% endhighlight %} - </li> - <li>Or install it yourself as: -{% highlight bash %} -$ gem install font-awesome-sass -{% endhighlight %} - </li> - </ol> - <p> - If you use Rails, add this to your e.g. <code>application.scss</code>: - </p> -{% highlight css %} -@import "font-awesome-sprockets"; -@import "font-awesome"; -{% endhighlight %} - </div> - </section> - <section class="get-started-more margin-top-lg" id="get-started-more"> <h2 class="page-header">More Information</h2> </section> @@ -164,31 +84,18 @@ $ gem install font-awesome-sass <div class="col-md-6" id="ie8-font-face"> <h4>Internet Explorer 8 and @font-face</h4> <p>IE8 has some issues with <code>@font-face</code> when combined with <code>:before</code>. - Font Awesome uses that combination. If a page is cached, and loaded without the mouse over the window + {{ site.forkawesome.name }} uses that combination. If a page is cached, and loaded without the mouse over the window (i.e. hit the refresh button or load something in an iframe) then the page gets rendered before the font loads. Hovering over the page (body) will show some of the icons and hovering over the remaining icons will show those as well. <a href="https://github.com/FortAwesome/Font-Awesome/issues/954">See issue #954</a> for details.</p> <p><a href="http://getbootstrap.com/getting-started/#support-ie8-font-face">Getting started - Internet Explorer 8 and @font-face</a> by <a href="http://getbootstrap.com/about/#team">Bootstrap Team</a> is licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a></p> - </div> - </div> - <div class="row"> - <div class="col-md-6" id="need-ie7"> <h4>Need IE7 Support?</h4> <p> - If you need IE7 support, you have my condolences. Really. Font Awesome {{ site.fontawesome.version }} - doesn't support IE7, but an older version does. You'll need to check out the - <a href="{{ page.relative_path }}3.2.1/get-started/#need-ie7">3.2.1 instructions for using IE7</a>. Then go complain to - whoever decided your project needs IE7 support. + Sorry, {{ site.forkawesome.name }} {{ site.forkawesome.version }} + doesn't support IE7, but an older version of {{ site.fontawesome.name }} does (v3.2.1, if you can still find it). </p> </div> - - <div class="col-md-6" id="troubleshooting"> - <h4>Troubleshooting</h4> - <p>If you're having trouble with Font Awesome, make sure to check out the - <a href="{{ site.fontawesome.github.url }}/wiki/Troubleshooting">troubleshooting wiki page</a>. - Generously maintained by <a href="https://twitter.com/gtagliala">@gtagliala</a>.</p> - </div> </div> {% include modals/download.html %} |