-
Notifications
You must be signed in to change notification settings - Fork 24
/
index.html
218 lines (209 loc) · 8.45 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
---
layout: default
---
{% include menu.html context="homepage" %}
<div id="splash">
<div class="row">
<div class="col-sm-12">
<div class="hgroup">
<h1>Filestash</h1>
<h2>
A web app to access, manage and share the data on your
<noscript>
FTP / SFTP / S3 / Minio / Git / Google drive / Dropbox server
</noscript>
<span id="typing"></span>
</h2>
</div>
<script src="/js/typed.min.js"></script>
<script>
new Typed('#typing', {
strings: [
'rock solid FTP server',
'rock solid SFTP server',
'awesome Webdav server',
'boring Google Drive account',
'boring Dropbox account',
'shinny S3 buckets',
'shinny Minio server',
'reliable Git repo',
],
typeSpeed: 50,
backSpeed: 30,
startDelay: 100,
backDelay: 500,
smartBackspace: true,
loop: true
});
</script>
<p>
<a class="btn" href="https://demo.filestash.app/">Try the demo</a>
<br>
Or <a href="/docs">get started</a>
</p>
</div>
</div>
</div>
<div id="features">
<div class="container">
<p>
<img class="screenshot" src="{% link /img/screenshots/viewerpage.png %}">
</p>
<div class="row features main">
<div class="feature">
<img class="lazy fancy pull-right hidden-xs" data-src="/img/screenshots/feature1.png" />
<h3>Manage your data</h3>
<p>
Filestash lets you easily manage your data regardless of where it is store: FTP / SFTP / Git / S3 / Minio / Dropbox / Google Drive
</p>
<img class="lazy fancy visible-xs" data-src="/img/screenshots/feature1.png" />
</div>
<div class="feature">
<img class="lazy fancy pull-left hidden-xs" data-src="/img/screenshots/feature_share_0000.png" />
<h3>Flexible Collaboration</h3>
<p>
With its flexible sharing mechanism, Filestash allows the creation of shared links that can be mounted as a network drive
</p>
<img class="lazy fancy visible-xs" data-src="/img/screenshots/feature_share_0000.png" />
</div>
<div class="feature">
<img class="lazy fancy pull-right hidden-xs" data-src="/img/screenshots/feature3.png" />
<h3>Configurable and customisable</h3>
<p>
Filestash can be configure to fit many use cases. Need additional flexibility? Create your own plugin
</p>
<img class="lazy fancy visible-xs" data-src="/img/screenshots/feature3.png" />
</div>
<div class="feature">
<img class="lazy fancy pull-left hidden-xs" data-src="/img/screenshots/feature_orgmode_0000.png" />
<h3>Note taking</h3>
<p>
Filestash's powerfull editor support <i>org-mode</i>. It can be used to create reports, notes, agendas and todos
</p>
<img class="lazy fancy visible-xs" data-src="/img/screenshots/feature_orgmode_0000.png" />
</div>
<div class="feature">
<img class="lazy fancy pull-right hidden-xs" data-src="/img/screenshots/feature_image_0000.jpg" />
<h3>Photo gallery</h3>
<p>
Upload your photos and share a link to your friends. The image viewer exposes all the metadata in your pictures
</p>
<img class="lazy fancy visible-xs" data-src="/img/screenshots/feature_image_0000.jpg" />
</div>
<div class="feature">
<img class="lazy fancy pull-left hidden-xs" data-src="/img/screenshots/feature_media.png" />
<h3>Multimedia viewer</h3>
<p>
Filestash lets you stream your videos and music straight from your browser
</p>
<img class="lazy fancy visible-xs" data-src="/img/screenshots/feature_media.png" />
</div>
</div>
</div>
<div class="call-to-action">
<h2> Ready to try Filestash? </h2>
<a class="btn" href="/docs">GETTING STARTED</a>
<a class="btn" href="https://demo.filestash.app">DEMO</a>
</div>
<div class="container">
<h2> More Features</h2>
<div class="row">
<div class="col-sm-4 feature center">
<h3>Works everywhere</h3>
<p>The web app works flowlessly on all devices</p>
</div>
<div class="col-sm-4 feature center">
<h3>Low resources</h3>
<p>No supercomputer was ever arm while using Filestash</p>
</div>
<div class="col-sm-4 feature center">
<h3>Simple but powerfull</h3>
<p>Our only mission: "Filestash let you manage the data in your cloud"</p>
</div>
</div>
<div class="row">
<div class="col-sm-4 feature center">
<h3>Not bloated</h3>
<p>We just focus on our core misssion without any unrelated bloat</p>
</div>
<div class="col-sm-4 feature center">
<h3>Secure</h3>
<p>We've passed agressive security audit to deploy in a F500 company</p>
</div>
<div class="col-sm-4 feature center">
<h3>Open Source</h3>
<p>The source code is available, under the license beard dude love: the AGPL</p>
</div>
</div>
<div class="row">
<div class="col-sm-4 feature center">
<h3>Super fast</h3>
<p>The web app feels extremely fast, see by yourself!</p>
</div>
<div class="col-sm-4 feature center">
<h3>Intelligent image resizing</h3>
<p>Pictures are optimised to fit on your screen without storing duplicate junks</p>
</div>
<div class="col-sm-4 feature center">
<h3>Simple Search</h3>
<p>To let you find your files in an instant</p>
</div>
</div>
<div class="row">
<div class="col-sm-4 feature center">
<h3>Quick Access</h3>
<p>Your most visited files are pined to your homepage for quick access</p>
</div>
<div class="col-sm-4 feature center">
<h3>Shortcuts</h3>
<p>Padawans use their keyboard and have a healthy shift ctrl routine</p>
</div>
<div class="col-sm-4 feature center">
<h3>Admin area</h3>
<p>An easy to use admin pannel to configure your instance</p>
</div>
</div>
<div class="row">
<div class="col-sm-4 feature center">
<span>Coming soon</span>
<h3>Network Drive</h3>
<p>Shared links can be used as a network drive</p>
</div>
<div class="col-sm-4 feature center">
<span>In the roadmap for v0.6</span>
<h3>Powerfull Search</h3>
<p>To let you find your files in an instant</p>
</div>
<div class="col-sm-4 feature center">
<span>In the roadmap for v0.5</span>
<h3>Database plugins</h3>
<p>New connectors to explore data in Mysql, Postgres, Sqlite without SQL knowledge</p>
</div>
</div>
<div class="row">
<div class="col-sm-4 feature center">
<span>In the roadmap for v0.7</span>
<h3>Video transcoding</h3>
<p>Automatically transcode videos on demand</p>
</div>
<div class="col-sm-4 feature center">
<span>In the roadmap for v0.8</span>
<h3>Automatic SSL</h3>
<p>Automatically generate your SSL certificate so that you don't have to do it yourself</p>
</div>
<div class="col-sm-4 feature center">
<span>In the roadmap for v0.8</span>
<h3>Automatic config</h3>
<p>Automagically configure itself to be publicly accessible from a public URL</p>
</div>
</div>
<div class="row">
<div class="col-sm-4 feature center">
<span>In the roadmap for v0.8</span>
<h3>Automatic Upgrade</h3>
<p>Filestash automatically update itself without any action required from your end</p>
</div>
</div>
</div>
</div>
{% include footer.html %}