mirror of
https://github.com/ExactTarget/fuelux.git
synced 2026-04-26 03:00:10 -04:00
110 lines
4.4 KiB
HTML
110 lines
4.4 KiB
HTML
<div class="fu-docs-section">
|
|
|
|
<h1 id="download">Download</h1>
|
|
|
|
<p class="lead">Fuel UX provides a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see which method suits your particular needs.</p>
|
|
|
|
<div class="row fu-downloads" style="margin-bottom: 20px;">
|
|
<div class="col-sm-4">
|
|
<h3 id="bower-fuelux">Install with Bower</h3>
|
|
<p>Use a dependency manager to manage your front-end code</p>
|
|
<a href="#download-list" class="btn btn-lg btn-outline" role="button">Find out more</a>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<h3 id="download-fuelux">Compiled Files</h3>
|
|
<p>Compiled and minified CSS, JavaScript, and fonts. Includes no documentation.</p>
|
|
<a href="{{ site.download.dist }}" class="btn btn-lg btn-outline" role="button">Download Fuel UX</a>
|
|
<!--<a href="{{ site.download.dist }}" class="btn btn-lg btn-outline" role="button">Download Fuel UX</a>-->
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<h3 id="download-source">Source code</h3>
|
|
<p>Includes all files, but we recommend cloning this git repository.</p>
|
|
<a href="{{ site.download.source }}" class="btn btn-lg btn-outline" role="button">Download source</a>
|
|
<!--<a href="{{ site.download.source }}" class="btn btn-lg btn-outline" role="button">Download source</a>-->
|
|
</div>
|
|
</div>
|
|
|
|
<p class="muted">Currently v{{ site.current_version }}.</p>
|
|
|
|
<a id="download-list"></a>
|
|
|
|
<!-- BEGIN FROM GITHUB README.md -->
|
|
|
|
<p>Obtain Fuel UX in one of three ways:</p>
|
|
|
|
<ol class="task-list">
|
|
<li>
|
|
<p><strong>Best way</strong> - Install with a dependency manager:</p>
|
|
|
|
<p>Using <a href="https://github.com/bower/bower">Bower</a>:</p>
|
|
|
|
<pre><code>bower install fuelux
|
|
</code></pre>
|
|
|
|
<p>Update with <code>bower update fuelux</code>.</p>
|
|
|
|
<p>Using <a href="https://github.com/volojs/volo">Volo</a>:</p>
|
|
|
|
<pre><code>volo add fuelux
|
|
</code></pre>
|
|
|
|
<p>Update with <code>volo add -f fuelux</code>.</p>
|
|
|
|
<p>This method ensures you receive all the dependencies you might need, such as jQuery, Bootstap, moment.js (for extended date support), and requireJS (for AMD support).</p>
|
|
</li>
|
|
<li>
|
|
<p><strong>Another good way</strong> - Clone the Git repository:</p>
|
|
|
|
<pre><code>git clone https://github.com/ExactTarget/fuelux/
|
|
</code></pre>
|
|
|
|
<p>Cloning the repository ensures you can apply future updates to Fuel UX easily, but this method requires to you manage its dependencies on your own.</p>
|
|
</li>
|
|
<li>
|
|
<p><strong>Also an option</strong> - Download a <a href="{{ site.download.dist }}">.zip archive of the latest release</a> or request files from the Fuel UX CDN.</p>
|
|
|
|
<p>If you choose to manage your own dependencies and would like to just copy and paste Fuel UX into your project, ExactTarget hosts Fuel UX files at its FuelCDN.</p>
|
|
{% highlight html %}
|
|
<!-- Latest compiled and minified CSS -->
|
|
<link rel="stylesheet" href="{{ site.cdn.css }}">
|
|
|
|
<!-- Latest compiled and minified JavaScript -->
|
|
<script src="{{ site.cdn.js }}"></script>
|
|
{% endhighlight %}
|
|
|
|
<p><em>Using Fuel UX in this way can make updating to future releases difficult. Do not use this approach if you plan to maintain your application in the future.</em></p>
|
|
</li>
|
|
|
|
|
|
</ol>
|
|
|
|
|
|
<h3>
|
|
<a name="user-content-whats-included" class="anchor" href="#whats-included"><span class="octicon octicon-link"></span></a>What's included</h3>
|
|
|
|
<p class="lead">You can download Fuel UX in four forms, and each form includes the following directories and files, logically grouping common resources and providing both compiled and minified variations.</p>
|
|
|
|
<div class="bs-callout bs-callout-warning" id="jquery-required">
|
|
<h4>jQuery and Bootstrap 3 required</h4>
|
|
<p>Fuel UX remains dependent upon <a href="https://github.com/twbs/bootstrap">Bootstrap 3</a> and <a href="https://github.com/jquery/jquery">jQuery</a>. If you installed Fuel UX by cloning the repo or by downloading a .zip archive, you must install these reources to work with Fuel UX.</p>
|
|
</div>
|
|
|
|
<p>A download of Fuel UX provides the following directories and files, grouped according to file type:</p>
|
|
|
|
<pre><code>fuelux/
|
|
├── css/
|
|
│ ├── fuelux.css
|
|
│ ├── fuelux.min.css
|
|
├── js/
|
|
│ ├── fuelux.js
|
|
│ └── fuelux.min.js
|
|
└── fonts/
|
|
├── fuelux.eot
|
|
├── fuelux.svg
|
|
├── fuelux.ttf
|
|
└── fuelux.woff
|
|
</code></pre>
|
|
|
|
<p>We provide compiled CSS and JS (like <code>fuelux.*</code>), as well as compiled and minified CSS and JS (like <code>fuelux.min.*</code>) in the <code>dist</code> folder.</p>
|
|
|
|
</div> |