--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/templates/sat_website/screenshots.html	Sat Jul 28 20:36:32 2012 +0200
@@ -0,0 +1,67 @@
+{% 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 staticfiles %}
+{% load partition %}
+
+{% block headline %}Some screenshots...{% endblock %}
+{% block extra %}
+    <div class="btn-group">
+        <a class="btn btn-info" href="#screenshots">screenshots</a>
+        <a class="btn btn-primary" href="#screencasts">screencasts</a>
+    </div>
+{% endblock %}
+{% block main_container %}
+<a name="screenshots"><h2>Screenshots</h2></a>
+    <div class="row">
+    {% for row in screenshots|columns:3 %}
+        <ul class="thumbnails">
+            {% for screenshot in row %}
+                <li class="span4">
+                    <a href="{% static screenshot.path %}" class="thumbnail">
+                        <img src="{% static screenshot.path %}" alt="{{ screenshot.description }}">
+                    </a>
+                     <div class="screenshot_desc">
+                         {{ screenshot.description }}
+                     </div>
+                </li>
+                
+            {% endfor %}
+        </ul>
+    {% endfor %}
+    </div>
+<a name="screencasts"><h2>Screencasts</h2></a>
+    {% for screencast in screencasts %}
+        <div class="row">
+            <div class="span10 offset1">
+                <div class="screencast">
+                    <video width="640" height="400" poster="{% static screencast.poster %}" controls="controls" src="{% static screencast.path %}" preload="none">
+                        Your browser doesn't manage the « video » tag, you should update, e.g. with the last <a href="http://www.mozilla-europe.org/fr/">Firefox</a>
+                    </video>
+                </div>
+                 <div class="screencast_dest">
+                     {{ screencast.description  }}
+                 </div>
+            </div>
+        </div>
+    {% endfor %}
+{% endblock %}