{% extends base_template %}
{% load i18n %}
{% load staticfiles %}
{% load announcements_tags %}

{% block title %}{% trans "Home" %}{{ block.super }}{% endblock title %}
{% block home_active %}active{% endblock home_active %}

{% block analytics %}{% include 'central/web_analytics.html' %}{% endblock analytics %}

{% block super-content %}
    <div class="row-fluid quotes-container">
        {% announcements as announcements_list %}
        {% if announcements_list %}
            <div id="announcements">
                {% for announcement in announcements_list %}
                    <div class="alert alert-info">
                        <div class="max-width-container">
                            <div id="announcement-text-container">
                                <p>{{ announcement.content|safe }}</p>
                            </div>
                        </div>
                    </div>
                {% endfor %}

            </div>
        {% endif %}

        <div class="row-fluid">
            <div class="span12">
                <div class="ka-quote ">
                    <div class="max-width-container">
                        <a href="{% url content_page page='mission' %}">65% of the world lacks internet access. 100% of the world needs education.</a>
                        <p>
                            KA Lite is an offline version of  <a href="http://www.khanacademy.org/">Khan Academy</a>
                            that runs on almost anything.
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="row-fluid features">
            <div class="max-width-container">

                <div class="span4">
                    <a href="{% url content_page page='kalite' %}">
                    <div class="round-border-points"></div>
                    </a>
                    <h2>What is KA Lite?</h2>

                    <p>
                        Students earn points, teachers view coach reports.<br> <a href="{% url content_page page='kalite' %}">Learn more about KA Lite.</a>
                    </p>
                </div>

                <div class="span4">
                    <a href="{% url wiki path='user-s-manual' %}">
                    <div class="round-border-manual"></div>
                    </a>
                    <h2>How do I use it?</h2>

                    <p>
                        <a href="{% url wiki path='user-s-manual' %}">
                        How-to instructions</a> for users:<br>
                        students, teachers, and<br>
                        administrators.
                    </p>
                </div>

                <div class="span4">
                    <a href="{% url content_page page='users' %}">
                    <div class="round-border-rural"></div>
                    </a>
                    <h2 class="">Who is using it?</h2>

                    <p>
                        Read about our partnerships<br/>
                        and world-wide installations.<br/>
                        <a href="{% url contact_wizard type='deployment' %}">Tell us about yours.</a></br>
                    </p>
                </div>
            </div>
        </div>

    </div>

    <div class="row-fluid button-container">
        <div class="span12">
            <a href="{% url install %}" class="button-download center">Install now!</a>
        </div>
    </div>

    <div class="row-fluid footer">
        <div class="max-width-container">
            <div class="row-fluid hr-gray footer__first-part">
                <div class="span8 ">
                    <h2>Learn more</h2>
                    <p>about our software, mission, and team.
                    <a href="http://learningequality.org/blog/">
                        Visit our blog.
                    </a></p>
                </div>
                <div class="span4">

                <h2>Questions or ideas?</h2>
                    <p>
                        <a href="{% url contact_wizard %}">
                           Contact Us.
                        </a>
                    </p>
                </div>
           </div>


           <div class="row-fluid footer__second-part">

                <div class="span6">
                    {% block attribution %}{{ block.super }}
                    {% endblock attribution %}
                </div>
                <div class="span6">
                   <ul class="list-icons">
                <li>
                    <a href="https://www.facebook.com/kaliteproject" class="icon">circlefacebook</a>
                </li>
                <li>
                    <a href="https://twitter.com/ka_lite" class="icon">circletwitterbird</a>
                </li>
            </ul>

                </div>
            </div>
        </div>
    </div>
{% endblock super-content %}