|
0
|
1 {% extends "sat_website/category.html" %} |
|
|
2 |
|
|
3 {% comment %} |
|
|
4 SàT website: Salut à Toi's presentation website |
|
|
5 Copyright (C) 2012 Jérôme Poisson (goffi@goffi.org) |
|
|
6 |
|
|
7 This file is part of SàT website. |
|
|
8 |
|
|
9 SàT website is free software: you can redistribute it and/or modify |
|
|
10 it under the terms of the GNU Affero General Public License as published by |
|
|
11 the Free Software Foundation, either version 3 of the License, or |
|
|
12 (at your option) any later version. |
|
|
13 |
|
|
14 Foobar is distributed in the hope that it will be useful, |
|
|
15 but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
|
16 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
|
17 GNU Affero General Public License for more details. |
|
|
18 |
|
|
19 You should have received a copy of the GNU Affero General Public License |
|
|
20 along with Foobar. If not, see <http://www.gnu.org/licenses/>. |
|
|
21 {% endcomment %} |
|
|
22 |
|
|
23 {% load staticfiles %} |
|
|
24 {% load partition %} |
|
|
25 |
|
|
26 {% block headline %}Some screenshots...{% endblock %} |
|
|
27 {% block extra %} |
|
|
28 <div class="btn-group"> |
|
|
29 <a class="btn btn-info" href="#screenshots">screenshots</a> |
|
|
30 <a class="btn btn-primary" href="#screencasts">screencasts</a> |
|
|
31 </div> |
|
|
32 {% endblock %} |
|
|
33 {% block main_container %} |
|
|
34 <a name="screenshots"><h2>Screenshots</h2></a> |
|
|
35 <div class="row"> |
|
|
36 {% for row in screenshots|columns:3 %} |
|
|
37 <ul class="thumbnails"> |
|
|
38 {% for screenshot in row %} |
|
|
39 <li class="span4"> |
|
|
40 <a href="{% static screenshot.path %}" class="thumbnail"> |
|
|
41 <img src="{% static screenshot.path %}" alt="{{ screenshot.description }}"> |
|
|
42 </a> |
|
|
43 <div class="screenshot_desc"> |
|
|
44 {{ screenshot.description }} |
|
|
45 </div> |
|
|
46 </li> |
|
|
47 |
|
|
48 {% endfor %} |
|
|
49 </ul> |
|
|
50 {% endfor %} |
|
|
51 </div> |
|
|
52 <a name="screencasts"><h2>Screencasts</h2></a> |
|
|
53 {% for screencast in screencasts %} |
|
|
54 <div class="row"> |
|
|
55 <div class="span10 offset1"> |
|
|
56 <div class="screencast"> |
|
|
57 <video width="640" height="400" poster="{% static screencast.poster %}" controls="controls" src="{% static screencast.path %}" preload="none"> |
|
|
58 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> |
|
|
59 </video> |
|
|
60 </div> |
|
|
61 <div class="screencast_dest"> |
|
|
62 {{ screencast.description }} |
|
|
63 </div> |
|
|
64 </div> |
|
|
65 </div> |
|
|
66 {% endfor %} |
|
|
67 {% endblock %} |
