{% 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 %}
{% load partition %}

{% block headline %}{% trans "Some screenshots..." %}{% endblock %}
{% block extra %}
    <div class="btn-group">
        <a class="btn btn-default btn-info" href="#screenshots">{% trans "screenshots" %}</a>
        <a class="btn btn-default btn-primary" href="#screencasts">{% trans "screencasts" %}</a>
    </div>
{% endblock %}
{% block main_container %}
<a name="screenshots"><h3>{% trans "Screenshots" %}</h3></a>
    <div class="row">
    {% for row in screenshots|columns:3 %}
            {% for screenshot in row %}
                <div class="col-md-4">
                    <a href="{% static screenshot.path %}" class="thumbnail">
                        <img src="{% static screenshot.path %}" alt="{{ screenshot.description }}">
                    </a>
                     <div class="screenshot_desc">
                         {{ screenshot.description }}
                     </div>
                </div>
                
            {% endfor %}
        </ul>
    {% endfor %}
    </div>
<a name="screencasts"><h3>{% trans "Screencasts" %}</h3></a>
    {% for screencast in screencasts %}
        <div class="row">
            <div class="col-md-10 col-md-offset-1">
                <div class="screencast">
                    <video width="640" height="400" poster="{% static screencast.poster %}" controls="controls" src="{% static screencast.path %}" preload="none">
                        {% blocktrans with firefox="<a href=\"http://www.mozilla-europe.org/fr/\">Firefox</a>" %}Your browser doesn't manage the « video » tag, you should update, e.g. with the last {{ firefox }}{% endblocktrans %}
                    </video>
                </div>
                 <div class="screencast_dest">
                     {{ screencast.description  }}
                 </div>
            </div>
        </div>
    {% endfor %}
{% endblock %}