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 %}