comparison 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
comparison
equal deleted inserted replaced
-1:000000000000 0:09d66acc7c73
1 {% if not embedded %}{% extends 'base/base.html' %}{% endif %}
2
3 {% block body %}
4 {{ icon_defs('chat', 'lock-filled', 'blog', 'exchange', 'picture', 'calendar', 'clipboard', 'desktop', 'mobile', 'globe', 'terminal', 'shield', 'ok', 'brush', 'unlink', 'heart-filled', 'group', 'file-code') }}
5 <div class="box box--zero box--center">
6 <h1>
7 <img class="img--inline-bottom img--very-small" src="{{media_path}}icons_svg/sat.svg">
8 Salut à Toi
9 </h1>
10 <p class="heading__subtitle">{% trans %}The Universal Communication Ecosystem{% endtrans %}</p>
11 </div>
12
13
14 <div class="box box--quarter-screen box--large box--center box--hollow box--extra-margin">
15 <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>
16 </div>
17
18
19 <div class="paired-slides box--large box--middle box-zero box--half-screen box--center">
20 <div><img class="img--center" src="cagou_chat_desktop.jpg"></div>
21 <ul class="list list--features">
22 <li class="list__item">
23 {{ icon('chat', cls='icon--small') }}
24 {% trans %}chat with your friends, family or coworkers{% endtrans %}
25 </li>
26 <li class="list__item">
27 {{ icon('lock-filled', cls='icon--small') }}
28 {% trans %}encrypt conversations to protect your privacy{% endtrans %}
29 </li>
30 <li class="list__item">
31 {{ icon('blog', cls='icon--small') }}
32 {% trans %}blog publicly or only with a group of contacts{% endtrans %}
33 </li>
34 <li class="list__item">
35 {{ icon('exchange', cls='icon--small') }}
36 {% trans %}share files directly (peer to peer) or store them on your server and access them from anywhere{% endtrans %}
37 </li>
38 <li class="list__item">
39 {{ icon('picture', cls='icon--small') }}
40 {% trans %}share private photos albums with your family{% endtrans %}
41 </li>
42 <li class="list__item">
43 {{ icon('calendar', cls='icon--small') }}
44 {% trans %}create and manage events{% endtrans %}
45 </li>
46 <li class="list__item">
47 {{ icon('clipboard', cls='icon--small') }}
48 {% trans %}organise your work using tickets handler{% endtrans %}
49 </li>
50 </ul>
51 </div>
52
53
54 <div class="paired-slides box--large box--middle box-zero box--half-screen box--center">
55 <div><img class="img--center" src="libervia_event.png"></div>
56 <ul class="list list--features">
57 <li class="list__item">
58 {{ icon('desktop', cls='icon--small') }}
59 {% trans %}works natively on desktop (not a disguised web browser){% endtrans %}
60 </li>
61 <li class="list__item">
62 {{ icon('mobile', cls='icon--small') }}
63 {% trans %}works natively on mobile devices (Android){% endtrans %}
64 </li>
65 <li class="list__item">
66 {{ icon('globe', cls='icon--small') }}
67 {% trans %}works on the web{% endtrans %}
68 </li>
69 <li class="list__item">
70 {{ icon('shield', cls='icon--small') }}
71 {% trans %}most of web pages can be viewed without javascript enabled, improving security (javascript is used when available){% endtrans %}
72 </li>
73 <li class="list__item">
74 {{ icon('terminal', cls='icon--small') }}
75 {% trans %}powerful command-line interface{% endtrans %}
76 </li>
77 <li class="list__item">
78 {{ icon('ok', cls='icon--small') }}
79 {% trans %}cross-platform{% endtrans %}
80 </li>
81 <li class="list__item">
82 {{ icon('brush', cls='icon--small') }}
83 {% trans %}highly modular and customisable{% endtrans %}
84 </li>
85 </ul>
86 </div>
87
88
89 <div class="box box--quarter-screen box--zero box--large box--center">
90 <p class="description description--emphasis">
91 {% trans url_open='<a href="/social_contract">'|safe,url_close='</a>'|safe %}
92 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}}.
93 {% endtrans %}
94 </p>
95 </div>
96
97
98 <div class="box box--zero box--large box--center">
99 <ul class="list list--features">
100 <li class="list__item list__item--show-links">
101 {{ icon('unlink', cls='icon--small') }}
102 {% trans %}Salut à Toi is a Libre software{% endtrans %}
103
104 {% trans url_open='<a href="https://repos.goffi.org/sat/file/tip">'|safe,url_close='</a>'|safe %}
105 ({{url_open}}source code{{url_close}}).
106 {% endtrans %}
107 </li>
108 <li class="list__item">
109 {{ icon('heart-filled', cls='icon--small') }}
110 {% trans %}we follow a social contract, a moral engagement with the community{% endtrans %}
111 </li>
112 <li class="list__item">
113 {{ icon('group', cls='icon--small') }}
114 {% trans %}"Salut a Toi" is also the name of the association which manage the project.<br>Major decisions are debated there.{% endtrans %}
115 </li>
116 </ul>
117 </div>
118
119 {% endblock body %}