Mercurial > sat_legacy_website
view templates/sat_website/frontends.html @ 29:b45621706d83
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 source
{% 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-frontends: use the one that best fits your needs" %}{% endblock %} {# {% block extra %}<span class="label label-success">{% trans "Click on the frontend screenshot to have a more detailed description" %}</span>{% endblock %} #} {% block main_container %} <div class="row"> <div class="col-md-4"> <h2>{% trans "Primitivus" %} <small>{% trans "the console interface" %}</small></h2> <a href="#" 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 "Libervia" %} <small>{% trans "the web frontend" %}</small></h2> <a href="#" class="thumbnail"> <img src="{% static "images/screenshots/libervia/libervia_discussions.png" %}" alt="{% trans "Libervia's main view" %}"> </a> </div> <div class="col-md-4"> <h2>{% trans "Wix" %} <small>{% trans "desktop" %}</small></h2> <a href="#" class="thumbnail"> <img src="{% static "images/screenshots/wix/wix_tarot.png" %}" alt="{% trans "Wix showing a french Tarot play" %}"> </a> </div> </div> <div class="row"> <div class="col-md-4"> <h2>{% trans "Jp" %} <small>{% trans "command line" %}</small></h2> <a href="#" class="thumbnail"> <img src="{% static "images/screenshots/jp/jp.png" %}" alt="{% trans "cowsay on jp" %}"> </a> </div> <div class="col-md-4"> <p id="bigmark">?</p> <h4 id="bigmark_subtext">{% trans "Your idea here" %}</h4> </div> <div class="col-md-4"> <h2>{% trans "Bellaciao" %} <small>{% trans "next gen desktop" %}</small></h2> <h5 class="wip">{% trans "[WORK IN PROGRESS]" %}</h5> <p class="desc">{% blocktrans %}Bellaciao is a new desktop frontend made with Qt (and the first non-python one: it's made with C++). It intend to be really flexible: you'll be able to adapt it to your taste. Bellaciao is made with modern features in mind: it not only concentrate on instant messaging, but also integrate things like microblogging or file sharing.{% endblocktrans %}</p> </div> </div> {% endblock %}