{% extends "sat_website/category.html" %}

{% comment %}
SàT website: Salut à Toi's presentation website
Copyright (C) 2012  Jérôme Poisson (goffi@goffi.org)

This file is part of SàT website.

SàT website is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

Foobar is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with Foobar.  If not, see <http://www.gnu.org/licenses/>.
{% endcomment %}

{% load i18n %}
{% load staticfiles %}

{% block headline %}{% trans "Salut à Toi's frontends" %}{% endblock %}
{% block subtext %}{% trans "SàT is multi frontend: use the one that best fits your needs." %}{% endblock %}
{% block main_container %}

<div class="row">
    <div class="col-md-4">
    <h2>{% trans "Libervia" %} <small>{% trans "web frontend" %}</small></h2>
        <a href="{% static "images/screenshots/0.6/overview.png" %}" target="#" class="thumbnail">
            <img src="{% static "images/screenshots/0.6/overview.png" %}" alt="{% trans "Libervia's main view" %}">
        </a>
    </div>

	<div class="col-md-4">
	<h2>{% trans "Primitivus" %} <small>{% trans "console interface" %}</small></h2>
		<a href="{% static "images/screenshots/primitivus/primitivus_tarot.png" %}" target="#" class="thumbnail">
			<img src="{% static "images/screenshots/primitivus/primitivus_tarot.png" %}" alt="{% trans "Primitivus showing a french Tarot play" %}">
		</a>
	</div>
	
	<div class="col-md-4">
	<h2>{% trans "Jp" %} <small>{% trans "command line" %}</small></h2>
		<a href="{% static "images/screenshots/jp/jp.png" %}" target="#" class="thumbnail">
			<img src="{% static "images/screenshots/jp/jp.png" %}" alt="{% trans "cowsay on jp" %}">
		</a>
	</div>

</div>
<div class="row">

    <div class="col-md-4">
        <h2>{% trans "Bellaciao" %} <small>{% trans "rich desktop" %}</small></h2>
        <h5 class="wip">{% trans "[WORK IN PROGRESS]" %}</h5>
        <p class="desc">{% blocktrans %}Bellaciao will be a full-featured desktop frontend that intends to be really flexible: you'll be able to adapt it to your taste.{% endblocktrans %}</p>
    </div>

    <div class="col-md-4">
        <h2>{% trans "Cagou" %} <small>{% trans "desktop and mobile devices" %}</small></h2>
        <h5 class="wip">{% trans "[WORK IN PROGRESS]" %}</h5>
        <a href="{% static "images/screenshots/cagou/cagou_debut.png" %}" target="#" class="thumbnail">
            <img src="{% static "images/screenshots/cagou/cagou_debut.png" %}" alt="{% trans "Cagou profile manager" %}">
        </a>
    </div>

    <div class="col-md-4">
        <h2>{% trans "Sententia" %} <small>{% trans "Emacs frontend" %}</small></h2>
        <h5 class="wip">{% trans "[WORK IN PROGRESS]" %}</h5>
        <a href="{% static "images/screenshots/sententia/sententia.png" %}" target="#" class="thumbnail">
            <img src="{% static "images/screenshots/sententia/sententia.png" %}" alt="{% trans "Sententia" %}">
        </a>
    </div>

    {% comment %}
    <div class="col-md-4">
        <p id="bigmark">?</p>
        <h4 id="bigmark_subtext">{% trans "Your idea here" %}</h4>
    </div>
    {% endcomment %}

</div>

{% endblock %}