diff templates/default/presentation/presentation.html @ 0:09d66acc7c73

initial commit, website first draft: - presentation page - documentation (generated from backend and Libervia) - social contract (HTML generated from sat repository) - press/conferences (adapted from former website) - association page (adpated from former website) - news (a selected blog is displayed) - fr i18n
author Goffi <goffi@goffi.org>
date Sun, 26 May 2019 22:26:30 +0200
parents
children b7045cd85da9
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/templates/default/presentation/presentation.html	Sun May 26 22:26:30 2019 +0200
@@ -0,0 +1,119 @@
+{% 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 %}