{% extends "base.html" %}

{% load static %}
{% load projecttags %}
{% load humanize %}

{% block title %} Welcome to Toaster {% endblock %}
{% block pagecontent %}
      <div class="row">
        <div class="jumbotron well-transparent">

            <div class="col-md-6">
              <h1>This is Toaster</h1>

              <p>A web interface to <a href="http://www.openembedded.org">OpenEmbedded</a> and <a href="http://www.yoctoproject.org/tools-resources/projects/bitbake">BitBake</a>, the <a href="http://www.yoctoproject.org">Yocto Project</a> build system.</p>

		          {% if lvs_nos %}
		            <p class="top-air">
		              <a class="btn btn-primary btn-lg" href="{% url 'newproject' %}">
			              To start building, create your first Toaster project
		              </a>
		            </p>
		          {% else %}
                <div class="alert alert-info lead top-air">
                  Toaster has no layer information. Without layer information, you cannot run builds. To generate layer information you can:
                  <ul>
                    <li>
                      <a href="http://www.yoctoproject.org/docs/latest/toaster-manual/toaster-manual.html#layer-source">Configure a layer source</a>
                    </li>
                    <li>
			                <a href="{% url 'newproject' %}">Create a project</a>, then import layers
                    </li>
                  </ul>
                </div>
              {% endif %}

              <ul class="list-unstyled lead">
                <li>
                  <a href="http://www.yoctoproject.org/docs/latest/toaster-manual/toaster-manual.html">
                    Read the Toaster manual
                  </a>
                </li>

                <li>
                  <a href="https://wiki.yoctoproject.org/wiki/Contribute_to_Toaster">
                    Contribute to Toaster
                  </a>
                </li>
              </ul>
            </div>

            <div class="col-md-6">
              <img alt="Yocto Project Toaster" class="img-thumbnail" src="{% static 'img/toaster_bw.png' %}"/>
            </div>

        </div>
      </div>

{% endblock %}