-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.jinja
301 lines (295 loc) · 12.5 KB
/
index.jinja
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
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
{% extends "/jinja/layouts/page.html-jinja" %}
{% set page = {'type': 'full'} %}
{% block title %}e-mail that protects your privacy{% endblock %}
{% block content %}
<h1 class="hide"> - a Free and open source privacy focused email client</h1>
<div id="header" class="clearfix">
<div class="row text-center">
<ul style="width: 25%; text-align: center; float: right; margin-top: 10%;">
<li>Protects your privacy
<li>Searches and organizes your mail
<li>Open source, Free Software
</ul>
<ul style="width: 25%; text-align: center; float: left; margin-top: 10%;">
<li>Community funded and supported
<li>No ads, no spying
<li>Just e-mail
</ul>
<img class="remove-bottom" src="/img/icon-512x512.png" width="30%">
<br clear="all">
<h2 class="remove-top half-bottom">welcome to <strong>mail</strong>pile</h2>
<br>
<!--
<div style="position: relative;">
<div style="opacity: 1.0;">
<a class="button-secondary" href="/download/">Download & Install</a>
<a class="button-primary" href="/demos/">Try Demo</a>
</div>
{# <div style="position: absolute; width: 100%; text-align: center; top: 0; padding: 5px;">
<tt><b><a href="/blog/2015-04-27_Roadmap_to_v1.html">...
Work in progress! Next Beta release coming soon
...</a></b></tt>
<br>
</div> #}
</div>
-->
</div>
</div>
<hr>
<div class="row">
<div class="two-thirds">
<div style="margin: 0 3em; padding: 10px;
border: 2px dashed #fff; background: #eee;">
<h5>
{#
Subject: <strong>mail</strong>pile is an e-mail client
#}
Subject: <strong>mail</strong>pile is being rewritten!
<small>
<br>Date: November 30, 2022
<br>From: Mailpile Team <[email protected]>
<br>To: The Internet :-)
</small>
</h5>
<p>
Hi! Thanks for visiting Mailpile.
</p>
<p>
We wrote:
</p>
<p class=quote>
> Mailpile is an e-mail client!<br>
> Mailpile is a search engine and a personal webmail server.<br>
> Mailpile is an easy way to encrypt your e-mail.<br>
> Mailpile is software you run yourself, on your own computer.
</p>
<p>
About that... we are currently working on rewriting and modernizing
the Mailpile code-base, moving from Python 2 to Python 3 and fixing
a whole bunch of things in the process.
</p>
<p>
We are also exploring the possibility of creating a dedicated
hardware device, to make it easy for people to keep their personal
Mailpile up and running 24/7, without needing to upload their data
to the cloud.
</p>
<p>
Check out the <a href="/blog/">blog</a> and
<a href="https://community.mailpile.is/categories">community
discourse</a> for progress reports and details.
</p>
<p>
While you wait, please enjoy this picture of a cat:
</p>
<pre class='cat'>
_
\`*-.
) _`-.
. : `. .
: _ ' \
; *` _. `*-._
`-.-' `-.
; ` `.
:. . \
. \ . : .-' .
' `+.; ; ' :
: ' | ; ;-.
; ' : :`-: _.`* ;
.*' / .*' ; .*`- +' `*'
`*-* `*-* `*-*'
</pre>
{#
<p>
Mailpile is an e-mail client!<br>
Mailpile is a search engine and a personal webmail server.<br>
Mailpile is an easy way to encrypt your e-mail.<br>
Mailpile is software you run yourself, on your own computer.
</p>
<p>
Mailpile is an effort to reclaim private communication on the
Internet. A project to rescue our personal lives from the
proprietary cloud and prevent our conversations from being
strip-mined for corporate profit and government surveillance.
Mailpile is taking e-mail back.
</p>
<p>
Born out of a belief that everyone deserves privacy and respect,
Mailpile aims to provide an answer to the question:
<i>"How can I protect my privacy online?"</i>
</p>
<p>
Mailpile is a big job, but we are making steady progress. Please
feel welcome to <a href="/blog/">read about our work so far</a>,
<a href="https://github.com/mailpile/Mailpile">browse our source
code</a> or <a href="https://community.mailpile.is/categories">join
our community</a>. If you like what you see, maybe you can
<a href="/donate/">lend a hand</a>!
</p>
#}
<p>
Thanks and welcome,<br>
- Bjarni & the team
</p>
</div>
</div>
<div class="one-third">
<div class="status smaller">
<h5>Vitals:</h5>
<ul>
{#
<li><a href="/download/">Current release</a>: <i>tbd</i>
#}
<li><a>Current release</a>: <i>tbd</i>
<li><a href="/roadmap/">Next Milestone</a>: 2.0
<li><a href="https://github.com/mailpile/Mailpile/blob/master/COPYING.md">License</a>: AGPLv3
<li><a href="https://github.com/mailpile/Mailpile">Code</a>: Python, JS, HTML5
</ul>
<h5>From the blog: <a href="/blog/">more posts</a></h5>
<ul>
{%- for fn in ls('blog', '\.md$')[-4:]|reverse %}
{% set post = cat('blog/' + fn)|from_rfc822 -%}
{% set url = fn|replace('.md', '.html') -%}
{%- if post.type == 'blog2' %}
<li><a href="/blog/{{url}}">{{ post.date|date('%B %e') }}</a>: {{ post.subject }}</li>
{%- endif %}
{%- endfor %}
</ul>
{#
<h5>Latest tweet: <a href="/blog/">more tweets</a></h5>
{%- set tweets = cat('blog/tweets/tweets.json')|from_json %}
<ul>
{{ tweets.0.html_tweet|safe }}
</ul>
#}
</div>
</div>
</div>
<hr>
{#
<!-- Main Points -->
<div id="about" class="row add-top add-bottom text-center">
<h2 class="add-top add-bottom text-center"><strong>mail</strong>pile at a glance</h2>
</div>
<div class="row">
<div class="one-third">
<h3><span class="icon-search"></span> Search</h3>
<p>Powerful search & tagging makes your pile of mail managable,
whether you have just a few messages, thousands or even
millions.</p>
</div>
<div class="one-third">
<h3><span class="icon-speed"></span> Speed</h3>
<p>Mailpile is designed to be fast and responsive, outperforming
"the cloud" even on slow computers. And it works even when
the Internet is down.</p>
</div>
<div class="one-third">
<h3><span class="icon-privacy"></span> Privacy</h3>
<p>Store your mail on devices you control. Your search index is
encrypted so if your computer gets stolen, your mail stays
secure.</p>
</div>
</div>
<div class="row">
<div class="one-third">
<h3><span class="icon-lock-closed"></span> Encryption</h3>
<p>OpenPGP signatures and encryption are part of Mailpile's
core design, not an afterthought. Mailpile makes it easy to
sign and encrypt your mail.</p>
</div>
<div class="one-third">
<h3><span class="icon-ads"></span> No Ads</h3>
<p>It's ironic that most web-mail solutions filter out spam, only
to replace it with their own advertisements. Mailpile has no ads.</p>
</div>
<div class="one-third">
<h3><span class="icon-hosting"></span> Self Hosted</h3>
<p>Host your install of mailpile on your laptop, desktop, Raspberry PI, or somewhere in the cloud. It's up to you!</p>
</div>
</div>
<div class="row text-center">
<p class="add-bottom"><img class="center" src="/img/app-inbox.png"></p>
<p class="text-center"><img src="/img/open-source.png" style="width:100px"></p>
<h3 class="text-center">100% Free & Open Source Software</h3>
<h6 class="text-center">Open Source means anyone can audit Mailpile's
code to verify it works as intended.<br> It also means anyone can fix
a bug or add a feature, and the entire community will benefit.</h6>
<p class="add-bottom"><img class="center" src="/img/app-compose.png"></p>
</div>
<hr>
<!-- Press -->
<div id="press" class="add-top">
<div class="row">
<div class="col-4 col-offset-2 text-center">
<a href="http://gigaom.com/2014/02/27/designing-for-freedom-meet-the-people-putting-user-experience-at-the-heart-of-online-privacy/" target="_blank"><img src="/img/3rd-party-gigaom.png" style="width:200px"></a>
</div>
<div class="col-9">
<h5>Designing for freedom<br> <a href="http://gigaom.com/2014/02/27/designing-for-freedom-meet-the-people-putting-user-experience-at-the-heart-of-online-privacy/" target="_blank">Gigaom</a></h5>
</div>
</div>
<div class="row">
<div class="col-4 col-offset-2 text-center">
<a href="http://www.newyorker.com/online/blogs/elements/2013/12/the-mission-to-decentralize-the-internet.html" target="_blank"><img src="/img/3rd-party-nyer.gif" style="width:200px"></a>
</div>
<div class="col-9">
<h5>The Mission to Decentralize the Internet<br> <a href="http://www.newyorker.com/online/blogs/elements/2013/12/the-mission-to-decentralize-the-internet.html" target="_blank">The New Yorker</a></h5>
</div>
</div>
<div class="row">
<div class="col-4 col-offset-2 text-center">
<a href="https://www.youtube.com/watch?v=0dkeRcak5i4" target="_blank"><img src="/img/3rd-party-cnn.png" width="50%"></a>
</div>
<div class="col-9">
<h5>E-mail not as private you think<br> <a href="https://www.youtube.com/watch?v=0dkeRcak5i4" target="_blank">CNN</a></h5>
</div>
</div>
<div class="row">
<div class="col-4 col-offset-2 text-center">
<a href="http://www.wired.com/wiredenterprise/2013/08/mailpile/" target="_blank"><img src="/img/3rd-party-wired.png" width="50%"></a>
</div>
<div class="col-9">
<h5>Open Sourcers Pitch Secure Email in Dark Age of PRISM<br> <a href="http://www.wired.com/wiredenterprise/2013/08/mailpile/" target="_blank">WIRED</a></h5>
</div>
</div>
<div class="row">
<div class="col-4 col-offset-2 text-center">
<a href="http://techcrunch.com/2013/08/20/mailpile/" target="_blank"><img src="/img/3rd-party-techcrunch.png" width="50%"></a>
</div>
<div class="col-9">
<h5>A Pro-Privacy, Open Source Webmail Project<br> <a href="http://techcrunch.com/2013/08/20/mailpile/" target="_blank">TechCrunch</a></h5>
</div>
</div>
<div class="row">
<div class="col-4 col-offset-2 text-center">
<a href="http://boingboing.net/2013/08/04/mailpile-crowdfunding-a-secur.html" target="_blank"><img src="/img/3rd-party-boingboing.png" width="50%"></a>
</div>
<div class="col-9">
<h5>Crowdfunding a secure, private email client<br> <a href="http://boingboing.net/2013/08/04/mailpile-crowdfunding-a-secur.html" target="_blank">Cory Doctorow</a></h5>
</div>
</div>
</div>
<hr>
<div class="row add-top"></div>
#}
<!-- Community -->
<div id="community" class="row clearfix">
<div class="col-12 col-offset-2 text-center">
<img src="/img/community-mailpile.png" class="center">
<h2 class="text-center">Our Community</h2>
<p>
Mailpile exists because of our wonderful community of supporters.
To honor them, we've created a <a href="/thank-you/">thank you page</a>
dedicated to all the people who donated to our crowd funding
campaign- without them this whole thing never would have gotten off
the ground. Thank you, sincerely.
</p>
<p>
<a href="https://community.mailpile.is/categories">Join the conversation!</a>
</p>
</div>
</div>
<div class="row add-bottom"></div>
<hr>
<div class="row add-top add-bottom"></div>
{% endblock %}