Mercurial > sat_legacy_website

diff templates/sat_website/screenshots.html @ 29:b45621706d83

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
use Bootstrap carousels to display images and videos galeries: - one carousel for a 3x3 thumbnails grid - a second one in a modal window to view bigger pictures when a thumbnail is clicked
author souliane <souliane@mailoo.org>
date Wed, 21 Jan 2015 20:13:19 +0100
parents 3df49721008c
children 10ce34ab389a
line wrap: on
line diff
--- a/templates/sat_website/screenshots.html	Wed Jan 21 20:08:26 2015 +0100
+++ b/templates/sat_website/screenshots.html	Wed Jan 21 20:13:19 2015 +0100
@@ -21,47 +21,8 @@
 {% 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 headline %}{% trans "Screenshots and videos..." %}{% 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 %}
+
+{% include "sat_website/gallery.html" %}
 {% endblock %}