{% extends 'landing_page/common/base.html' %}

{% block scripts %}
<script>
  $(function(){
    parsedHtml = $.parseHTML("{{ build.description|safe }}");
    var iso_link = parsedHtml[0].getAttribute('href')+'?from=landing';
    var upgrd_link = parsedHtml[4].getAttribute ('href')+'?from=landing';

    $('#nightly.downloadlinks').append('<div class="col-md-6"><a href="'+iso_link+'" class="btn btn-primary"><span class="glyphicon glyphicon-cloud-download"></span>ISO.torrent</a></div><div class="col-md-6"><a href="'+upgrd_link+'" class="btn btn-primary"><span class="glyphicon glyphicon-cloud-download"></span>UPGD.torrent</a></div>');
  });
</script>
<style>
  section h2 {
    text-align: right;
  }
</style>
{% endblock %}

{% block subheader %}
<div class="jumbotron fuelslides">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <h1><b>Fuel</b> for <b>OpenStack</b></h1>
        <div class="majorlazer"></div>
        <p>Deployment and Management Automation for your Private Cloud</p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-4 col-sm-6">
        <p>
          <a class="btn btn-primary btn-lg" role="button" href="#fuelget">
            <span class="glyphicon glyphicon-cloud-download"></span>
            Download Now!
          </a>
        </p>
      </div>
      <div class="col-md-4 col-sm-6">
        <p>
          <a class="btn btn-outline btn-lg" role="button" href="#fueldemo">
            <span class="glyphicon glyphicon-cog"></span>
            Fuel Demo
          </a>
        </p>
      </div>
    </div>
  </div>
</div>
{% endblock %}

{% block content %}
<section id="fuelabout">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <h2>What is Fuel?</h2>
        <img src="/static/img/fuelIcon_02.jpg"
             class="img-circle img-responsive fuelcircles">
      </div>
      <div class="col-md-8">
        <h3>Automate your Deployment and Management</h3>
        <p>
          Fuel is an open source deployment and management tool for
          OpenStack. Developed as an OpenStack community effort, it
          provides an intuitive, GUI-driven experience for deployment
          and management of OpenStack, related community projects and
          plug-ins.
        </p>
        <p>
          Fuel brings consumer-grade simplicity to streamline and
          accelerate the otherwise time-consuming, often complex, and
          error-prone process of deploying, testing and maintaining
          various configuration flavors of OpenStack at scale. Unlike
          other platform-specific deployment or management utilities,
          Fuel is an upstream OpenStack project that focuses on
          automating the deployment and testing of OpenStack and a
          range of third-party options, so it’s not compromised by
          hard bundling or vendor lock-in.
        </p>
        <a class="btn btn-primary collapsed" data-toggle="collapse" data-target="#fuelscheme">
          Look at Fuel Architecture <span class="glyphicon glyphicon-chevron-down" style="margin-left:10px;position: relative; top: 3px;"></span>
        </a>
        <div id="fuelscheme" class="collapse">
          <img src="/static/img/fuelScheme.png" class="img-responsive">
          <p>
            <a href="#fueldocs" class="btn btn-primary">Still want to Learn More?</a>
          </p>
        </div>
      </div>
    </div>
  </div>
</section>
<section id="fuelget">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <h2>Community ISOs</h2>
        <img src="/static/img/IsoIcon_02.jpg" class="img-circle img-responsive fuelcircles">
      </div>
      <div class="col-md-8">
        <h3>Latest Nightly Build</h3>
        <div class="downloadbox">
          {% if build %}
          <h5>{{ build.name }}</h5>
          <div class="row downloadlinks" id="nightly"></div>
          <p>{{ build.created|date:'d M Y H:i' }} UTC</p>
          <div class="col-md-6">
            {% if build.iso %}
            <a href="{{ build.iso }}?from=landing" class="btn btn-primary">
              <span class="glyphicon glyphicon-cloud-download"></span>ISO.torrent
            </a>
            {% endif %}
          </div>
          <div class="col-md-6">
            {% if build.upgrade %}
            <a href="{{ build.upgrade }}?from=landing" class="btn btn-primary">
              <span class="glyphicon glyphicon-cloud-download"></span>UPGD.torrent
            </a>
            {% endif %}
          </div>
          {% else %}
          <h5>No builds avaiable</h5>
          {% endif %}
        </div>
        <h3>Latest Stable Release</h3>
        <div class="downloadbox">
          <h5>fuel-community-7.0</h5>
          <div class="row downloadlinks" id="stable">
            <div class="col-md-6">
              <a href="http://seed.fuel-infra.org/fuelweb-community-release/fuel-community-7.0.iso.torrent?from=landing" class="btn btn-primary">
                <span class="glyphicon glyphicon-cloud-download"></span>ISO.torrent
              </a>
            </div>
            <div class="col-md-6">
              <a href="http://seed.fuel-infra.org/fuelweb-community-release/fuel-community-7.0-upgrade.tar.lrz.torrent?from=landing" class="btn btn-primary">
                <span class="glyphicon glyphicon-cloud-download"></span>UPGD.torrent
              </a>
            </div>
          </div>
          <p>28 Sep 2015 07:45 UTC</p>
        </div>
      </div>
    </div>
  </div>
</section>
<section id="fuelcli">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <h2>Command Line Interface</h2>
        <img src="/static/img/CliIcon_01.jpg" class="img-circle img-responsive fuelcircles">
      </div>
      <div class="col-md-8">
        <h3>Control da Cloud Like a Boss</h3>
        <p>Fuel CLI tool is a powerful tool that allows you to:</p>
        <ul>
          <li>Operate with environments using the text console only</li>
          <li>Modify directly the internal data that you can't modify via the web UI</li>
          <li>Avoid data verifications done by the web UI logic</li>
        </ul>
        <p>Fuel CLI has the following usage pattern:</p>
        <pre>fuel [global optional args] <namespace> [action] <optional args></pre>
        <p>Example:</p>
        <pre>fuel --env-id=1 node set --node-id=1,4,5 --role=compute</pre>
        <p>
          where --env-id=1 is a global optional argument pointing to
          the specific environment, node - is a namespace for all
          node control functions, set is an action that assigns
          specific nodes to some environments in certain roles.
        </p>
        <p>
          <a href="https://wiki.openstack.org/wiki/Fuel_CLI" class="btn btn-primary">Read a Short Manual</a>
        </p>
      </div>
    </div>
  </div>
</section>
<section id="fueldocs">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <h2>Fuel Documentation</h2>
        <img src="/static/img/DocIcon_01.jpg" class="img-circle img-responsive fuelcircles">
      </div>
      <div class="col-md-8">
        <h3>The Primary Fuel documentation</h3>
        <a href="http://docs.fuel-infra.org/openstack/fuel/" class="btn btn-primary" target="_blank">Fuel Reference</a>
        <p>Documents available here are</p>
        <ul>
          <li>Planning Guide</li>
          <li>User Guide</li>
          <li>Operations Guide</li>
          <li>Running OpenStack on VirtualBox</li>
          <li>Reference Architectures</li>
          <li>Terminology Reference</li>
          <li>Release Notes</li>
          <li>Fuel License</li>
        </ul>
        <h3>Fuel development documentation</h3>
        <a href="http://docs.fuel-infra.org/fuel-dev/" class="btn btn-primary" target="_blank">Fuel Development Reference</a>
        <p>
          This is the best source of information for anyone interested
          in doing Fuel development work, or if you'd just like to
          get a better look behind the scenes.
        </p>
      </div>
    </div>
  </div>
</section>
<section id="fueldemo">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <h2>Fuel Live Demo</h2>
        <img src="/static/img/DemoIcon_01.jpg" class="img-circle img-responsive fuelcircles">
      </div>
      <div class="col-md-8">
        <h3>Play with FUEL in a demo environment</h3>
        <a class="btn btn-primary btn-lg" href="http://demo.fuel-infra.org/" target="_blank">
          Test FUEL Now!
        </a>
        <p>
          This deployment emulates the provisioning process, providing you
          with an opportunity to get an insight into the web UI without
          installing anything on your hardware.
        </p>
        <p>
          Each version of the installer undergoes hardware compatibility validation.
          Fuel is battle-tested on platforms like Cisco UCS, Dell PowerEdge, HP Proliant,
          Lenovo ThinkServer, QCT QuantaPlex, Supermicro SuperServer, and others.
          For the detailed information on models and their hardware modifications,
          refer to the <a href="https://www.mirantis.com/products/openstack-drivers-and-plugins/hardware-compatibility-list/" target="_blank">Hardware Compatibility List</a>.
        </p>
        <h3>The key features are</h3>
        <ul>
          <li>hardware discovery</li>
          <li>hardware configuration in UI (networks & disk partitioning)</li>
          <li>ability to spin up and manage multiple OpenStack environments</li>
          <li>HA OpenStack deployment configurations</li>
          <li>pre-deployment checks and network validation</li>
          <li>post-deployment validation checks</li>
          <li>real-time logs viewing through the web UI</li>
          <li>support for CentOS and Ubuntu (can be extended to support other distributions)</li>
          <li>support for multiple OpenStack distributions</li>
        </ul>
      </div>
    </div>
  </div>
</section>
{% endblock %}

{% block footer_scripts %}
<script src="/static/js/main.js"></script>
{% endblock %}