This repository has been archived by the owner on Jul 16, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
265 lines (228 loc) · 11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Tozti</title>
<meta name="description" content="Tozti, des outils d'organisation pour votre association.">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="icon.png">
<link rel="stylesheet" href="dist/css/style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand|Barlow:300">
</head>
<body>
<header>
<div class="inner">
<h1>
<img class="logo" src="dist/img/logo.png" alt="Logo"> tozti
</h1>
<nav>
<ul>
<li class="fancy"><a href="https://github.com/tozti">Github</a></li>
<li class="fancy"><a href="https://tozti.readthedocs.io">Documentation</a></li>
<li class="fancy"><a href="mailto:[email protected]" title="[email protected]" class="cta">Nous contacter</a></li>
<li class="lang-selector">
<a href="#" class="lang-flag"><img src="dist/img/fr.svg" alt="Français" title="Français" /></a>
<ul class="lang-menu">
<li><a href="index.en.html" class="lang-flag"><img src="dist/img/gb.svg" alt="English" title="English" /></a></li>
<li><a href="index.es.html" class="lang-flag"><img src="dist/img/es.svg" alt="Español" title="Español" /></a></li>
<li><a href="index.de.html" class="lang-flag"><img src="dist/img/de.svg" alt="Deutsch" title="Deutsch" /></a></li>
</ul>
</li>
</ul>
</nav>
</div>
</header>
<section class="hero">
<div class="inner">
<img src="dist/img/browser.png" alt="Capture d'écran du site">
<h2>Organisez vos <span id="words" data-words="réunions,soirées,événements,documents,discussions,décisions">associations</span>.</h2>
<p> Vous êtes membre d'une association étudiante ? Peut-être avez-vous été gênés par le manque d'outils d'organisation interne efficaces. Si vous en avez assez de la redondance dans votre structure, alors Tozti est fait pour vous. Permettant de créer pôles, équipes, ou groupes d'activité, Tozti est l'outil qu'il vous faut pour hiérarchiser vos ressources facilement et résoudre tous vos problèmes. </p>
</div>
</section>
<section class="features">
<div class="inner">
<article>
<h3><i class="i-folders"></i> Modularité</h3>
<p> Tozti est open source et bien documenté. Sa structure modulaire vous permet de facilement le modifier pour l'adapter à vos besoins: son coeur gère les permissions, la confidentialité et la hiérarchisation des données, tandis que les modules constituent les fonctionnalités. Il vous manque un outil ? Ecrivez votre propre module ! </p>
</article>
<article>
<h3><i class="i-mail-envelope-open"></i> Communication</h3>
<p> Nous savons que la communication est primordiale pour une bonne organisation. C'est pourquoi Tozti propose d'intégrer - et d'unifier - des outils de communications externes en son sein. Mais nous ne nous limitons pas à ça ! Faire référence à d'autres ressources dans un échange est intuitif, et organiser vos conversations autour d'un sujet n'aura jamais été plus simple.</p>
</article>
<article>
<h3><i class="i-lock"></i> Confidentialité</h3>
<p> Tozti respecte ses utilisateurs. Ainsi, la confidentialité et le respect de la vie privée sont des notions centrales à notre projet. Tozti intègre par défaut des algorithmes de chiffrements pour protéger vos données. De plus, la gestion des permissions est également une brique fondatrice de la plateforme. Seules les personnes que vous autorisez peuvent avoir accès à vos données.</p>
</article>
</div>
</section>
<section>
</section>
<section class="team">
<div class="inner">
<h2 class="title">Notre équipe</h2>
<div class="columns">
<address>
<p>Léonard Assouline</p>
<ul class="teams">
<li>ARCHI</li>
<li>DRIVE</li>
</ul>
</address>
<address>
<p>Peio Borthelle</p>
<ul class="teams">
<li>META</li>
<li>ARCHI</li>
<li>STORAGE</li>
<li>DRIVE</li>
</ul>
</address>
<address>
<p>Guillaume Cluzel</p>
<ul class="teams">
<li>UX</li>
<li>CALENDAR</li>
</ul>
</address>
<address>
<p>Guillaume Duboc</p>
<ul class="teams">
<li>META</li>
<li>CALENDAR</li>
<li>DRIVE</li>
</ul>
</address>
<address>
<p>Julien Ducrest</p>
<ul class="teams">
<li>STORAGE</li>
</ul>
</address>
<address>
<p>Lucas Escot</p>
<ul class="teams">
<li>UX</li>
<li>META</li>
<li>ARCHI</li>
<li>STORAGE</li>
<li>CALENDAR</li>
</ul>
</address>
<address>
<p>Joël Felderhoff</p>
<ul class="teams">
<li>ARCHI</li>
<li>STORAGE</li>
</ul>
</address>
<address>
<p>Félix Klingelhoffer</p>
<ul class="teams">
<li>UX</li>
<li>DISCUSSION</li>
</ul>
</address>
<address>
<p>Romain Liautaud</p>
<ul class="teams">
<li>UX</li>
<li>META</li>
<li>ARCHI</li>
<li>DISCUSSION</li>
</ul>
</address>
<address>
<p>Pierre Meyer</p>
<ul class="teams">
<li>STORAGE</li>
</ul>
</address>
<address>
<p>Alex Noiret</p>
<ul class="teams">
<li>UX</li>
<li>COM</li>
<li>META</li>
<li>DISCUSSION</li>
<li>DEMO</li>
</ul>
</address>
<address>
<p>Pierre Oechsel</p>
<ul class="teams">
<li>META</li>
<li>ARCHI</li>
<li>DEMO</li>
<li>CALENDAR</li>
<li>DRIVE</li>
</ul>
</address>
<address>
<p>Lucas Perotin</p>
<ul class="teams">
<li>UX</li>
<li>DISCUSSION</li>
</ul>
</address>
<address>
<p>Vincent Rebiscoul</p>
<ul class="teams">
<li>UX</li>
<li>STORAGE</li>
</ul>
</address>
<address>
<p>Emmanuel Rodriguez</p>
<ul class="teams">
<li>UX</li>
<li>DISCUSSION</li>
<li>DRIVE</li>
</ul>
</address>
<address>
<p>Daniel Szilagyi</p>
<ul class="teams">
<li>UX</li>
<li>META</li>
<li>ARCHI</li>
<li>STORAGE</li>
<li>CALENDAR</li>
</ul>
</address>
<address>
<p>Lucas Venturini</p>
<ul class="teams">
<li>CALENDAR</li>
</ul>
</address>
</div>
</div>
</section>
<section>
<div class="inner">
<h2 class="title">Prochaines échéances</h2>
<ul class="timeline">
<li>
<time>Décembre 2017</time>
<p> Finalisation de la première itération du <i>core</i> de Tozti. Le <i>core</i> est l'élément central, responsable du chargement des modules, de la communication avec la base de données ainsi que de gérer la confidentialité de la plateforme.</p>
</li>
<li>
<time>Janvier 2018</time>
<p>Ecriture des premiers modules. Tozti commencera à devenir fonctionnel et utilisable dans l'associatif.</p>
</li>
<li>
<time>Février 2018</time>
<p> User testing et peaufinage. Tozti étant destiné à être utilisé par l'associatif, nous voulons que notre public - vous - puisse l'utiliser. C'est à cette période que nous prendrons en compte les premiers retours utilisateurs. <p>
</li>
</ul>
</div>
</section>
<footer>
<div class="inner">
<img src="dist/img/ens.svg" alt="ENS de Lyon" />
</div>
</footer>
<script src="dist/js/index.js"></script>
</body>
</html>