{% if not embedded %}{% extends 'base/base.html' %}{% endif %}

{% block body %}
{{ icon_defs('chat', 'lock-filled', 'blog', 'exchange', 'picture', 'calendar', 'clipboard', 'desktop', 'mobile', 'globe', 'terminal', 'shield', 'ok', 'brush', 'unlink', 'heart-filled', 'group', 'file-code') }}
<div class="box box--zero box--center">
    <h1>
        <img class="img--inline-bottom img--very-small" src="{{media_path}}icons_svg/sat.svg">
        Salut à Toi
    </h1>
    <p class="heading__subtitle">{% trans %}The Universal Communication Ecosystem{% endtrans %}</p>
</div>


<div class="box box--quarter-screen box--large box--center box--hollow box--extra-margin">
    <p class="description">{% trans %}Salut à Toi is a all-in-one tool to manage all your communications needs: instant messaging, (micro)blogging, file sharing, events, forums, tasks management, etc.{% endtrans %}</p>
</div>


<div class="paired-slides box--large box--middle box-zero box--half-screen box--center">
    <div><img class="img--center" src="cagou_chat_desktop.jpg"></div>
    <ul class="list list--features">
        <li class="list__item">
            {{ icon('chat', cls='icon--small') }}
            {% trans %}chat with your friends, family or coworkers{% endtrans %}
        </li>
        <li class="list__item">
            {{ icon('lock-filled', cls='icon--small') }}
            {% trans %}encrypt conversations to protect your privacy{% endtrans %}
        </li>
        <li class="list__item">
            {{ icon('blog', cls='icon--small') }}
            {% trans %}blog publicly or only with a group of contacts{% endtrans %}
        </li>
        <li class="list__item">
            {{ icon('exchange', cls='icon--small') }}
            {% trans %}share files directly (peer to peer) or store them on your server and access them from anywhere{% endtrans %}
        </li>
        <li class="list__item">
            {{ icon('picture', cls='icon--small') }}
            {% trans %}share private photos albums with your family{% endtrans %}
        </li>
        <li class="list__item">
            {{ icon('calendar', cls='icon--small') }}
            {% trans %}create and manage events{% endtrans %}
        </li>
        <li class="list__item">
            {{ icon('clipboard', cls='icon--small') }}
            {% trans %}organise your work using tickets handler{% endtrans %}
        </li>
    </ul>
</div>


<div class="paired-slides box--large box--middle box-zero box--half-screen box--center">
    <div><img class="img--center" src="libervia_event.png"></div>
    <ul class="list list--features">
        <li class="list__item">
            {{ icon('desktop', cls='icon--small') }}
            {% trans %}works natively on desktop (not a disguised web browser){% endtrans %}
        </li>
        <li class="list__item">
            {{ icon('mobile', cls='icon--small') }}
            {% trans %}works natively on mobile devices (Android){% endtrans %}
        </li>
        <li class="list__item">
            {{ icon('globe', cls='icon--small') }}
            {% trans %}works on the web{% endtrans %}
        </li>
        <li class="list__item">
            {{ icon('shield', cls='icon--small') }}
            {% trans %}most of web pages can be viewed without javascript enabled, improving security (javascript is used when available){% endtrans %}
        </li>
        <li class="list__item">
            {{ icon('terminal', cls='icon--small') }}
            {% trans %}powerful command-line interface{% endtrans %}
        </li>
        <li class="list__item">
            {{ icon('ok', cls='icon--small') }}
            {% trans %}cross-platform{% endtrans %}
        </li>
        <li class="list__item">
            {{ icon('brush', cls='icon--small') }}
            {% trans %}highly modular and customisable{% endtrans %}
        </li>
    </ul>
</div>


<div class="box box--quarter-screen box--zero box--large box--center">
    <p class="description description--emphasis">
        {% trans url_open='<a href="/social_contract">'|safe,url_close='</a>'|safe %}
            Salut à Toi is a Libre software, based on well established standards (XMPP), decentralised and federating. It is developed around strong ethical values. Check our {{url_open}}social contract{{url_close}}.
        {% endtrans %}
    </p>
</div>


<div class="box box--zero box--large box--center">
    <ul class="list list--features">
        <li class="list__item list__item--show-links">
            {{ icon('unlink', cls='icon--small') }}
            {% trans %}Salut à Toi is a Libre software{% endtrans %}

            {% trans url_open='<a href="https://repos.goffi.org/sat/file/tip">'|safe,url_close='</a>'|safe %}
                ({{url_open}}source code{{url_close}}).
            {% endtrans %}
        </li>
        <li class="list__item">
            {{ icon('heart-filled', cls='icon--small') }}
            {% trans %}we follow a social contract, a moral engagement with the community{% endtrans %}
        </li>
        <li class="list__item">
            {{ icon('group', cls='icon--small') }}
            {% trans %}"Salut a Toi" is also the name of the association which manage the project.<br>Major decisions are debated there.{% endtrans %}
        </li>
    </ul>
</div>

{% endblock body %}