-
Notifications
You must be signed in to change notification settings - Fork 24
/
index.fr.html
236 lines (224 loc) · 10.7 KB
/
index.fr.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
---
layout: default
language: fr
permalink: /fr/
head:
- <link rel="alternate" href="https://www.filestash.app/" hreflang="en" />
- <link rel="alternate" href="https://www.filestash.app/fr/" hreflang="fr" />
---
<div id="splash-container">
{% include menu.html context="homepage" %}
<link rel="stylesheet" href="/css/landing-page.css">
<div id="splash">
<div class="row">
<div class="col-sm-12">
<div class="iframe-wrapper onlyForDesktop">
<iframe id="appframe" frameborder="0" src="https://demo.filestash.app/login?type=webdav&url=https://webdav.filestash.app/" allow="fullscreen;speaker"></iframe>
<div class="arrow-top">
<i class="arrow top"></i>
<i class="arrow top"></i>
Essayez moi
<i class="arrow top"></i>
<i class="arrow top"></i>
</div>
</div>
<div class="hgroup">
<h1>Filestash</h1>
<h2>
transforme votre <br>
<noscript>
<a href="{% post_url 2019-11-26-ftp-web-client-fr %}">FTP</a> / WebDav / SFTP / S3 / Minio / Git / Google drive / Dropbox server
</noscript>
<span id="typing"></span> <br>
en ça
<span class="arrow-right onlyForDesktop">
<i class="arrow right"></i>
<i class="arrow right"></i>
<i class="arrow right"></i>
</span>
</h2>
</div>
<div class="screenshot onlyForMobile">
<img alt="Filestash screenshot" src="/img/screenshots/viewerpage.png" />
</div>
<script src="/js/typed.min.js"></script>
<script>
new Typed('#typing', {
strings: [
"super solide serveur FTP",
"super solide serveur SFTP",
"tout nouveau S3 buckets",
"tout nouveau Minio serveur",
"serveur Webdav",
"serveur CardDav/CalDav",
"Backblaze B2",
"systemes backoffice",
"fiable repository GIT",
"fiable serveur mysql",
"fiable serveur LDAP",
"compte Google Drive",
"compte Dropbox",
],
typeSpeed: 50,
backSpeed: 30,
startDelay: 100,
backDelay: 500,
smartBackspace: true,
loop: true
});
</script>
<p class="button">
<a class="btn" href="{% link _docs/index.fr.md %}">Commencez maintenant!</a>
</p>
</div>
</div>
</div>
<div id="waveshape"></div>
</div>
<div style="background: var(--bg-color);">
<div class="container center">
<br><br>
<strong style="font-size:1.2rem">Une solution OEM qui s'intègre à vos données et à vos process</strong> <br><br>
<a href="/pricing/?modal=enterprise" class="btn">Chat with us</a>
<br><br><br><br>
</div>
</div>
<div id="features">
<div class="container large">
<div class="row features main">
<div class="feature">
<img alt="screenshot of Filestash when uploading files/folders" loading="lazy" class="fancy pull-left hidden-xs" src="/img/screenshots/feature1.png" />
<h3>Gérer vos données en ligne</h3>
<p>
Filestash vous permet de gérer facilement vos données quel que soit leur emplacement de stockage: <a href="{% post_url 2019-11-26-ftp-web-client-fr %}">FTP</a> / WebDav / SFTP / Git / S3 / Minio / Dropbox / Google Drive
</p>
<img alt="screenshot of Filestash when uploading files/folders" loading="lazy" class="fancy visible-xs" src="/img/screenshots/feature1.png" />
</div>
<div class="feature">
<img alt="screenshot while creating a shared link" loading="lazy" class="fancy pull-right hidden-xs" src="/img/screenshots/feature_share_0000.png" />
<h3>Collaborer</h3>
<p>
Filestash facilite la collaboration avec son mécanisme de partage de liens flexible. Les liens partagés peuvent même être montés en tant que lecteur réseau
</p>
<img alt="screenshot while creating a shared link" loading="lazy" class="fancy visible-xs" src="/img/screenshots/feature_share_0000.png" />
</div>
<div class="feature">
<img alt="Filestash as a photo gallery" loading="lazy" class="fancy pull-left hidden-xs" src="/img/screenshots/feature_image_0000.jpg" />
<h3>Explorer vos photos</h3>
<p>
Téléchargez vos photos et partagez un lien avec vos amis. La visionneuse d'images expose toutes les métadonnées de vos photos
</p>
<img alt="Filestash as a photo gallery" loading="lazy" class="fancy visible-xs" src="/img/screenshots/feature_image_0000.jpg" />
</div>
<div class="feature">
<img alt="Filestash as a media viewer" loading="lazy" class="fancy pull-right hidden-xs" src="/img/screenshots/feature_media.png" />
<h3>Profiter de vos médias</h3>
<p>
Filestash vous permet de diffuser vos vidéos et votre musique directement depuis votre navigateur
</p>
<img alt="Filestash as a media viewer" loading="lazy" class="fancy visible-xs" src="/img/screenshots/feature_media.png" />
</div>
<div class="feature">
<img alt="org-mode client" loading="lazy" class="fancy pull-left hidden-xs" src="/img/screenshots/feature_orgmode_0000.png" />
<h3>Prendre des notes</h3>
<p>
L'éditeur de fichier prend en charge un grand nombre de type de fichier. Il peut être utilisé pour créer des rapports, des notes, des agendas et des tâches, ...
</p>
<img alt="org-mode client" loading="lazy" class="fancy visible-xs" src="/img/screenshots/feature_orgmode_0000.png" />
</div>
<div class="feature">
<img alt="example of login screen after configuring Filestash" loading="lazy" class="fancy pull-right hidden-xs" src="/img/screenshots/feature3.png" />
<h3>S'adapte aux besoins</h3>
<p>
Filestash peut être configuré pour s'adapter à votre cas d'utilisation. Besoin de plus de flexibilité? Vous pouvez faire votre propre plugin
</p>
<img alt="example of login screen after configuring Filestash" loading="lazy" class="fancy visible-xs" src="/img/screenshots/feature3.png" />
</div>
<div>
<h3>L'idée centrale de Filestash</h3>
<p>
Filestash vise à résoudre le problème Dropbox en faisant abstraction de l'aspect stockage. Cela permet d'apporter votre propre backend ou de créer le vôtre en implémentant une <a href="https://github.com/mickael-kerjean/filestash/blob/8004ca7c4809a3e81682df51bf718d6b8e3a615d/server/common/types.go#L10-L20">interface simple</a>. La puissance de ce modèle permet à n'importe qui d'interagir facilement avec des systèmes complexes sans formation préalable (en supposant qu'ils connaissent Dropbox)</p>
</div>
<br><br><br><br><br><br>
</div>
</div>
<div class="call-to-action">
<h2>Essayez maintenant?</h2>
<a class="btn light" href="{% link _docs/index.fr.md %}">Commencez ici</a>
<a class="btn light" href="https://demo.filestash.app">DEMO</a>
</div>
<div class="container">
<h2 class="center">Plus de fonctionnalités</h2>
<div class="row">
<div class="col-sm-4 feature center">
<h3>Open Source</h3>
<p>Tout notre code source est disponible sur github</p>
</div>
<div class="col-sm-4 feature center">
<h3>Faibles ressources</h3>
<p>Aucun supercalculateur n'a jamais été endommagé lors de l'utilisation de Filestash</p>
</div>
<div class="col-sm-4 feature center">
<h3>Full text search</h3>
<p>Pour vous permettre de retrouver vos fichiers en un instant</p>
</div>
</div>
<div class="row">
<div class="col-sm-4 feature center">
<h3>Transcodage vidéo</h3>
<p>Transcoder automatiquement des vidéos à la demande</p>
</div>
<div class="col-sm-4 feature center">
<h3>Lecteur réseau</h3>
<p>Les liens partagés sont utilisable comme lecteur réseau</p>
</div>
<div class="col-sm-4 feature center">
<h3>Optimisation d'image</h3>
<p>Les images sont transcodées à la demande pour s'adapter à votre écran sans gaspillage</p>
</div>
</div>
<div class="row">
<div class="col-sm-4 feature center">
<h3>Fonctionne partout</h3>
<p>L'application Web fonctionne de manière fluide sur tous les appareils</p>
</div>
<div class="col-sm-4 feature center">
<h3>Super rapide</h3>
<p>L'application web se sent extrêmement rapide, voyez par vous-même!</p>
</div>
<div class="col-sm-4 feature center">
<h3>Pas de chichi</h3>
<p>Nous nous concentrons simplement sur notre misssion de base</p>
</div>
</div>
<div class="row">
<div class="col-sm-4 feature center">
<h3>Sécurisé</h3>
<p>Nous avons passé un audit de sécurité complet pour deployer Filestash dans des entreprises du CAC40</p>
</div>
<div class="col-sm-4 feature center">
<h3>Accès rapide</h3>
<p>Vos fichiers les plus visités sont épinglés sur votre page d'accueil pour un accès rapide</p>
</div>
<div class="col-sm-4 feature center">
<h3>Console d'admin</h3>
<p>Un panneau d'administration facile à utiliser pour configurer votre instance</p>
</div>
</div>
<div class="row">
<div class="col-sm-4 feature center">
<h3>Raccourcis</h3>
<p>Plein de raccourci clavier sont disponible</p>
</div>
<div class="col-sm-4 feature center">
<h3>Des plugins SGBD</h3>
<p>De nouveaux connecteurs pour explorer les données dans les bases de données relationnelles comme Mysql</p>
</div>
<div class="col-sm-4 feature center">
<h3>Simple mais puissant</h3>
<p>Notre seule mission: "Filestash vous permet de gérer vos données"</p>
</div>
</div>
</div>
</div>
{% include footer.html %}