FlandreScarle7/Fork-Awesome
1
0
Fork 0
mirror of https://github.com/ForkAwesome/Fork-Awesome.git synced 2024-12-28 06:21:32 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Remove CDN from Get Started

Browse Source
This commit is contained in:
Julien Deswaef 2018-02-05 18:20:16 -05:00
parent 6df458c886
commit 0ca3162f2e
1 changed files with 2 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
src/get-started.html
View File

@ -1,85 +1,16 @@
--- ---
layout: base layout: base
title: Get Started with Font Awesome title: Get Started with Fork Awesome
navbar_active: get-started navbar_active: get-started
view_class: v-get-started view_class: v-get-started
relative_path: ../ relative_path: ../
--- ---
{% capture jumbotron_h1 %}<i class="fa fa-cogs" aria-hidden="true"></i>&nbsp; Get Started{% endcapture %} {% capture jumbotron_h1 %}<i class="fa fa-cogs" aria-hidden="true"></i>&nbsp; Get Started{% endcapture %}
{% capture jumbotron_p %}Easy ways to get Font Awesome {{ site.fontawesome.version }} onto your website{% endcapture %} {% capture jumbotron_p %}Easy ways to get {{ site.forkawesome.name }} {{ site.forkawesome.version }} onto your website{% endcapture %}
{% include jumbotron.html %} {% include jumbotron.html %}
<div class="content-underlay" style="padding-bottom:137px"></div>
<div class="container"> <div class="container">
<section class="get-started-cdn" id="get-started-cdn">
<h2 class="page-header margin-top-lg clearfix">
Font Awesome CDN
<span class="label label-brand text-base pull-right">Easiest</span>
</h2>
<p class="lead">Font Awesome CDN is the easiest way to get Font Awesome on your website or app, all with just a single line of code. No downloading or installing!</p>
<form class="row" action="https://cdn.fontawesome.com/register" method="post">
<div class="col-sm-6 signup-input">
<label for="email" class="sr-only">Email address</label>
<input type="email" class="form-control input-lg margin-bottom" id="email" name="email" placeholder="Your email address">
</div>
<div class="col-sm-6 signup-button">
<button type="submit" class="btn btn-success btn-lg btn-block margin-bottom">Send my Font Awesome embed code!</button>
</div>
</form>
<!-- CASE: error -->
<!-- <form class="row" action="http://fontawesome-cdn.dev:4000/register" method="post">
<div class="col-sm-6 signup-input has-error">
<label for="cdn-email" class="sr-only">Email address</label>
<input type="email" class="form-control input-lg margin-bottom" id="email" name="email" placeholder="Your email address">
<p id="cdn-email-error" class="help-block">Email address must be valid.</p>
</div>
<div class="col-sm-6 signup-button">
<button type="submit" class="btn btn-success btn-lg btn-block margin-bottom">Send my Font Awesome embed code!</button>
</div>
</form> -->
<p class="help-block margin-top-none margin-bottom-sm"><a role="button" data-toggle="collapse" href="#cdn-why-email" aria-expanded="false" aria-controls="collapseExample">Why do we need your email address?</a></p>
<div class="collapse" id="cdn-why-email">
<div class="well">
We create new embed codes for each website so you can quickly upgrade and change your preferences all without ever pushing code. To do this, we need an email
address so we know which embed codes are yours and so you can come back and manage them.
</div>
</div>
<div class="row margin-bottom-none">
<div class="col-sm-6 col-md-3">
<h4>Icons on your site. Fast.</h4>
<p>Don't mess with files locally or in production. You'll get all of Font Awesome's {{ icons| size }} icons plus CSS toolkit - all optimized for speed and no hassle.</p>
</div>
<div class="col-sm-6 col-md-3">
<h4>Super-simple upgrades</h4>
<p>Since each site gets a unique embed code, you can easily upgrade to the latest version of Font Awesome, all without pushing any code. Easy peasy.</p>
</div>
<div class="col-sm-6 col-md-3">
<h4>Auto accessibility support</h4>
<p>Font Awesome CDN helps you automate accessibility support more easily so your icons work for the most people possible. Read up on our <a href="{{ page.relative_path}}accessibility">accessibility best practices</a>.</p>
</div>
<div class="col-sm-6 col-md-3">
<h4>Async your icons</h4>
<p>Want to speed up your page loads? So do we. Have your icons load in the background so your site loads faster.</p>
</div>
</div>
</section>
<div class="hr margin-top-xl">
<span class="hr-text text-xl text-muted">or</span>
</div>
<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">