{% 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', 'box') }}
<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>


<div class="box box--zero box--large box--center">
    <h2 class="heading__subtitle heading--paper">
        {% trans %}installation{% endtrans %}
    </h2>
    <h3 class="heading--paper">GNU/Linux</h3>
    <p>{% trans %}If you are on GNU/Linux the recommended way to install SàT is to use your distribution official packages. Please check your distribution to see if Salut à Toi is available (and request it if it's not). SàT is available at least on Arch Linux and Debian and its derivated.{% endtrans %}</p>
    <p>{% trans flatpak='<a href="https://flatpak.org/" target="_blank" rel="noreferrer noopener">Flatpak</a>'|safe %}If SàT is not available or the version is too old, you can use {{flatpak}} (which may be installed by default on some recent distributions) to install it, see below.{% endtrans %}</p>
    <h3 class="heading--paper">Flatpak</h3>
    <p class="text--warning">
        {% trans %}
            Those packages are development preview, they are not stable and bugs and crashes may happen
        {% endtrans %}
    </p>
    <ul class="grid">
        {% for url, name, description in (
            ("https://salut-a-toi.org/flatpak/org.salutatoi.Cagou_dev.flatpakref",
             "Cagou", _("Desktop")),

            ("https://salut-a-toi.org/flatpak/org.salutatoi.Primitivus_dev.flatpakref",
             "Primitivus", _("Text User Interface")),

            ("https://salut-a-toi.org/flatpak/org.salutatoi.Jp_dev.flatpakref",
             "jp", _("Command Line Interface")),
             ) %}
            <li class='grid__item grid__item--medium grid__item--selectable'>
                <a href="{{url}}" target="_blank">
                    {{ icon('box', cls='icon--block icon--medium') }}
                    <span>
                        {% trans %}Click here to install {% endtrans %}
                        <span class="text--emphasis">{{name}}</span> ({{description}})
                    </span>
                </a>
            </li>
        {% endfor %}
    </ul>
    <div class="box">
        <p>{% trans %}If the links above are not working, you can use the following commands (supposing that Flatpak is already installed):{% endtrans %}</p>
        <pre>flatpak install --user https://salut-a-toi.org/flatpak/org.salutatoi.Cagou_dev.flatpakref</pre>
        <pre>flatpak install --user https://salut-a-toi.org/flatpak/org.salutatoi.Primitivus_dev.flatpakref</pre>
        <pre>flatpak install --user https://salut-a-toi.org/flatpak/org.salutatoi.Jp_dev.flatpakref</pre>
    </div>
    <h3 class="heading--paper">Android</h3>
    <p class="text--warning">
        {% trans %}
            This package is a development preview, it is not stable and bugs and crashes may happen
        {% endtrans %}
    </p>
    <ul class="grid">
        <li class='grid__item grid__item--medium grid__item--selectable'>
            <a href="https://ftp.goffi.org/cagou/cagou.apk" target="_blank">
                {{ icon('box', cls='icon--block icon--medium') }}
                <span>
                    {% trans %}Click here to install {% endtrans %}
                    <span class="text--emphasis">
                        {% trans %}Cagou for Android{% endtrans%}</span>
                    </span>
                </span>
            </a>
        </li>
    </ul>
    <h3 class="heading--paper">
        {% trans %}
            Source Code
        {% endtrans %}
    </h3>
    <p>{% trans doc_url_open='<a href="/documentation">'|safe,
                doc_url_close='</a>'|safe %}If you have some technical ability, you can also install directly from source code, please check {{doc_url_open}}documentation{{doc_url_close}} for details {% endtrans %}</p>
    <h3 class="heading--paper">
        {% trans %}
            Other
        {% endtrans %}
    </h3>
    <p>{% trans %}Please note that:{% endtrans %}</p>
    <ul>
        <li>{% trans %}Libervia, the web frontend, must be installed from source code, please check documentation for more details{% endtrans %}</li>
        <li>{% trans %}There are Docker images, but outdated, so we don't list them here. We'll update them as soon as possible.{% endtrans %}</li>
        <li>{% trans %}Salut à Toi may be installable on many platforms, contact us if you want to see it on a specific one{% endtrans %}</li>
    </ul>
</div>

{% endblock body %}