Mercurial > libervia-website
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 %}