-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
169 lines (162 loc) · 7.56 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
<!DOCTYPE HTML>
<html>
<!-- Template for welcome.caliopen.org -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Essayez Caliopen</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Testez la version alpha de Caliopen" />
<meta name="author" content="caliopen.org" />
<link rel="icon" href="assets/img/cropped-caliopen-logo-32x32.png" sizes="32x32" />
<link rel="icon" href="assets/img/cropped-caliopen-logo-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="assets/img/cropped-caliopen-logo-180x180.png" />
<link rel="stylesheet" href="assets/css/style.css">
<!-- <link href="{{ getAssetUrl('themes/'~template~'/css/style.css') }}" rel="stylesheet"> -->
</head>
<body>
<header class="co-header">
<nav class="co-header__menu row">
<ul class="co-header__menu--left col col--no-margin">
<li class="co-header__link co-header__link--home">
<a href="" title="Caliopen version:alpha home page"><span>Caliopen alpha</span></a>
</li>
</ul>
<ul class="co-header__menu--right col">
<li class="co-header__link"><a href="#alpha" title="Testez l'alpha">Tester l'alpha</a></li>
<li class="co-header__link"><a href="#features" title="Fonctionnalités">Fonctionnalités</a></li>
<li class="co-header__link"><a href="#roadmap" title="Et ensuite">Et ensuite</a></li>
<li class="co-header__link"><a href="#feedbacks" title="Dites-nous-tout">Feedbacks</a></li>
</ul>
</nav>
</header>
<section class="co-front">
<div class="row">
<div id="alpha" class="co-front__content col">
<!-- front column -->
<h1>Essayez Caliopen !</h1>
<h2>La messagerie libre et gratuite qui <br />
préserve votre vie privée.</h2>
<ul class="co-front__list">
<li class="co-front__list-item co-front__list-item--control">Contrôlez le niveau de sécurité pour chaque message et chaque correspondant.</li>
<li class="co-front__list-item co-front__list-item--chat">Retrouvez tous vos services de messagerie habituels.</li>
<li class="co-front__list-item co-front__list-item--happy">Ne bouleversez pas vos habitudes.</li>
</ul>
<!-- / front column -->
</div>
</div>
</section>
<!-- form -->
<div class="co-form">
<div class="row">
<section id="form" class="col co-form__form">
<h2 class=co-form__legend>Pour que vos messages... restent toujours vos messages.</h2>
<!-- mautic form script here -->
<span class=co-form__tip>*Merci de remplir tous les champs afin d’obtenir votre lien de test.</span>
</section>
</div>
</div>
<!-- / form -->
<div class="co-body">
<div class="row">
<section id="features" class="col col--no-margin">
<!-- features -->
<h1>Fonctionnalités</h1>
<h2>À quoi faut-il s'attendre dans cette version Alpha ?</h2>
<p>Il s'agit d'une version de test qui ne reflète pas les fonctionnalités définitives, et beaucoup de choses vont évoluer entre l'Alpha et la verion finale. Voici cependant les fonctionnalités actives dans cette version :</p>
<ul class="co-body__list">
<li><span>Écrire et envoyer des messages depuis une adresse en @alpha.caliopen.org.</span></li>
<li><span>Un calcul de l'indice de vie privée pour chaque message entrant.</span></li>
<li><span>Un calcul de l'indice de vie privée sur les contacts.</span></li>
<li><span>Un carnet d'adresses.</span></li>
<li><span>Une recherche dans les messages.</span></li>
</ul>
<!-- / features -->
</section>
<section id="roadmap" class="col col--no-margin">
<!-- et ensuite -->
<h1>Et ensuite ?</h1>
<h2>Qu'est-ce qui est prévu pour les prochaines versions ?</h2>
<p>Le but de cette version alpha est de récolter un maximum de retours d'expérience afin d'améliorer Caliopen. Mais nous avons aussi plein de nouvelles fonctionnalités dans les cartons ! Voici ce qui est prévu :</p>
<ul class="co-body__list">
<li><span>L'aggregation des messages venant de toutes vos plateformes préférées.</span></li>
<li><span>La possibilité de chiffrer et déchiffrer les messages.</span></li>
<li><span>Une refonte de l'interface graphique.</span></li>
<li><span>Des recherches intuitives.</span></li>
<li><span>Des vues personnalisées.</span></li>
</ul>
<div class="co-body__thumbs">
<!-- captures -->
<figure>
<a href="assets/img/caliopen_capture1.jpg" target="_blank" title="Enlarge picture">
<img src="assets/img/caliopen_capture1.jpg" alt="Caliopen light design" />
</a>
</figure>
<figure>
<a href="assets/img/caliopen_capture2.jpg" target="_blank" title="Enlarge picture">
<img src="assets/img/caliopen_capture2.jpg" alt="Caliopen Message light design"/>
</a>
</figure>
<figure>
<a href="assets/img/caliopen_capture3.jpg" target="_blank" title="Enlarge picture">
<img src="assets/img/caliopen_capture3.jpg" alt="Caliopen Timeline light design"/>
</a>
</figure>
<!-- / captures -->
</div>
<!-- / et ensuite -->
</section>
<section class="col col--no-margin">
<!-- roadmap -->
<h1>Roadmap</h1>
<h2>Planning prévisionnel</h2>
<figure class="co-body__roadmap">
<img src="assets/img/timeline.png" alt="Version alpha: maintenant! Version beta: Avril 2017. Version stable: Octobre 2018" />
</figure>
<!-- / roadmap -->
</section>
<section id="feedbacks" class="col col--no-margin">
<!-- feeadbacks -->
<h1>Dites-nous tout</h1>
<h2>Un horrible bug, une fonctionalité mal designée, une difficulté rentrontrée, une question, une suggestion ?</h2>
<p>La raison d'être d'une version alpha est de tester l'application et de faire part des problèmes à l'équipe. Quelle que soit votre ressenti, nous avons besoin que vous nous en fassiez part.</p>
<p>Si c'est un avis, une suggestion ou un bug, <a href="https://feedback.caliopen.org/" title="feedback">vous pouvez nous la transmettre sur Discourse</a>, si c'est un bug et que vos êtes familier avec github, <a href="">n'hésitez pas à créer une issue ou proposer une pull request</a>.</p>
<!-- / feeadbacks -->
</section>
</div>
</div>
<!-- form -->
<div>
<div class="row">
<section id="form-bottom" class="col co-form__form">
<h2 class=co-form__legend>Pour que vos messages... restent toujours vos messages.</h2>
<!-- mautic form script here -->
<span class=co-form__tip>*Merci de remplir tous les champs afin d’obtenir votre lien de test.</span>
</section>
</div>
</div>
<!-- /form -->
<div class="co-devices">
<div class="co-devices__list row">
<!-- Devices parallax -->
<figure data-type="device" data-speed="160" class="co-devices__item co-devices__item--1">
<img src="assets/img/device-1-new.png" />
</figure>
<figure data-type="device" data-speed="50" class="co-devices__item co-devices__item--2">
<img src="assets/img/device-2-new.png" />
</figure>
<!-- / Devices parallax -->
</div>
</div>
<footer class="co-footer">
<ul class="row">
<li class="col">
<a href="https://www.caliopen.org" title="Caliopen. Be Good."><span>Caliopen</span></a><br />
Be cool.
</li>
</ul>
</footer>
<script type="text/javascript" src="assets/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="assets/js/init.js"></script>
</body>
</html>