{% extends "base.html" %}

{% block page_title %}{{title}}{% endblock %}

{% block head %}
  <script type="text/javascript" src="{{resources}}/notetip.js"></script>
  <script type="text/javascript" src="{{resources}}/frameworks.js"></script>
  <link rel="stylesheet" type="text/css" href="{{resources}}/frameworks.css" />
  <script>
  $(document).ready(main);
  </script>
{% endblock %}

{% block title %}
    The KDE products
{% endblock %}

{% block content %}
              <div class="textblock">
                {% for para in intro %}
                  <p>{{ para }}</p>
                {% endfor %}
              </div>
              <h3>List of our products</h3>

              {% for product in product_list | sort(attribute='name')%}
                <div class="row">
                  <div class="col-md-9">
                    <div class="product-row">
                      <div class="row">

                        <div class="col-md-2 product-logo">
                          <img src="{% if product.logo_url %} {{ product.logo_url }} {% else %}{{resources}}/default_product.png{% endif %}" width="80px" />
                        </div>

                        <div class="col-md-10 product-descr">
                          <ul class="list-unstyled">
                            <li class=product-name><a name="prod-{{ product.name }}" href="{{ product.href }}">{{ product.fancyname }}</a></li>
                            <li>{{ product.description }}</li>
                            <li class="prod-maintainers"><b>Maintainer{% if product.maintainers | length > 1 %}s{% endif %}:</b>
                          {% for maintainer in product.maintainers %}
                              <a href="mailto:{{ maintainer.email }}">{{ maintainer.name }}</a>{% if not loop.last %},{% endif %}
                          {% else %}
                              <a href="mailto:kde-devel@kde.org">The KDE Community</a>
                          {% endfor %}
                            </li>
                          {% if product.platforms %}
                            <li class="prod-platforms"><b>Platform{% if product.platforms | length > 1 %}s{% endif %}:</b>
                            {{ product.platforms | sort | join(' | ') }}</li>
                          {% endif %}
                          {% if qch or man %}
                            <li class="prod-download">
                            {% if qch %} <a href="{{ product.href }}/{{product.name}}.qch">QCH</a>{% endif %}
                            {% if man %} <a href="{{ product.href }}/{{product.name}}.man">QCH</a>{% endif %}
                            </li>
                          {% endif %}

                          <!--<li>?? avaliable versions vX.X | vY.Y</li> -->
                          </ul>
                        </div> <!-- product-descr -->
                      </div> <!-- row -->
                    </div> <!-- product-row -->
                  </div>
                </div> <!-- row -->
              {% endfor %}

{% endblock content %}

{% block sidebar %}
    {% include "frontpage-sidebar.html" %}
{% endblock %}
