fedi/mail.html
2022-05-16 16:28:52 +03:00

285 lines
14 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE HTML>
<html>
<head profile="https://fedi.life">
<link rel="icon"
type="image/png"
href="favicon.png" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>У вас всегда есть выбор! — Электронная почта</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/picnic.min.css">
<style>aside a.top {
font-size: 0;
position: fixed;
bottom: 0;
font-weight: bold;
width: 180px;
padding: .6em 0;
margin-bottom: 0;
border-radius: .3em .3em 0 0;
transition: all .3s ease;
}
aside a.top.visible {
font-size: 1em;
}
aside .links a.button {
text-align: left;
}
@media all and (max-width: 1000px) {
aside a.pseudo.top {
background: rgba(255, 255, 255, .8);
width: 100%;
left: 0;
text-align: center;
z-index: 100;
}
}
.documentation article > h2 {
margin: -2em 0 .6em;
padding: 3em 0 0;
line-height: 1;
}
.documentation article > h3 {
margin-bottom: .6em;
}
.documentation aside h2 {
margin-top: 0;
padding: 1.25em 0;
line-height: 1;
}
.documentation aside a.pseudo {
color: #0074D9;
margin: 0;
}
.documentation > section {
background: #fff;
text-align: left;
width: 90%;
max-width: 960px;
margin: 0 auto;
padding: 80px 0 0;
}
.documentation article > h1 {
margin: 0;
padding: 0.6em 0;
font-size: 2em;
line-height: 1.5;
}
.documentation aside a.button {
display: block;
}
.documentation pre[class*="language-"] {
margin-top: 10px;
margin-bottom: 40px;
}
.documentation .index pre {
margin: 0;
font-size: .9em;
}
</style>
</head>
<body>
<nav class="fedi">
<a href="https://fedi.life" class="brand">
<img class="logo" src="images/logo.webp" />
<span>Fedi.Life</span>
</a>
<!-- responsive-->
<input id="bmenub" type="checkbox" class="show">
<label for="bmenub" class="burger pseudo button">меню</label>
<div class="menu">
<a href="im.html" class="pseudo button">Мессенджеры</a>
<a href="social.html" class="pseudo button">Соцсети</a>
<a href="mail.html" class="pseudo button">Почта</a>
<a href="search.html" class="pseudo button">Поиск</a>
<a href="extra.html" class="pseudo button">Допматериалы</a>
<a href="info.html" class="pseudo button">Подробнее</a>
</div>
</nav>
<main id="home" class="documentation">
<section class="flex">
<article class="four-fifth-1000">
<header><h3>Электронная почта<h3></header>
<p>Старейший инструмент сетевого общения, распределённый по своей природе. Но даже его затронула монополизация. Куда же деваться человеку, не желающему быть товаром и не готовому мириться с копающимися в его переписке маркетологами? Есть варианты.</p>
</article>
<article class="card four-fifth-1000">
<header>MailFence</header>
<center><label for="modal_mf"><img src="images/mailfence.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_mf" type="checkbox" />
<label for="modal_mf" class="overlay"></label>
<article>
<header>
<h3>MailFence</h3>
<label for="modal_mf" class="close">&times;</label>
</header>
<section class="content">
<img src="images/mailfence.webp" width="100%">
</section>
</article>
</div>
<span>
<p>
Бельгийский сервис электронной почты без рекламы и отслеживания. Поддерживает GPG-шифрование, не выдаёт данные пользователей
третьим лицам. Базовая учётная запись бесплатна, но можно докупить себе больше места и расширенную техподдержку.<br>
Жертвуют 15% доходов от платных тарифных планов в пользу <a href="https://eff.org">Фонда электронных рубежей</a> и
<a href="https://edri.org/">Европейского фонда цифровых прав</a><br>
</p>
</span>
<center>
<div class="tabs two">
<input id='tab-1' type='radio' name='tabgroupB' checked />
<label class="pseudo button toggle" for="tab-1">Где зарегистрироваться</label>
<input id='tab-2' type='radio' name='tabgroupB'>
<label class="pseudo button toggle" for="tab-2">Приложения</label>
<div class="row">
<div><center><a class="button" href="https://mailfence.com/ru/index.jsp#register">MailFence</a></center></div>
<div><center><a class="button" href="https://mailfence.com/ru/">MailFence Web</a></button><br> (Для пользователей платных аккаунтов доступна работа с любого почтового клиента, включая встроенные.)</center></div>
</div>
</div>
</center>
</article>
<article class="card four-fifth-1000">
<header>Disroot</header>
<center><label for="modal_tn"><img src="images/disroot.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_tn" type="checkbox" />
<label for="modal_tn" class="overlay"></label>
<article>
<header>
<h3>Tutanota</h3>
<label for="modal_tn" class="close">&times;</label>
</header>
<section class="content">
<img src="images/disroot.webp" width="100%">
</section>
</article>
</div>
<span>
Сервис категории "всё в одном", существующий на пожертвования пользователей. Серверы расположены в Нидерландах. Собирает минимально необходимое для работы количество данных. Помимо почты предоставляет множество других сервисов — поисковик, мессенджер, сервер соцсети Diaspora, облачное хранилище и другие. Замеченный минус — для регистрации нужно уже иметь почтовый ящик в другом месте (подойдут, впрочем, и временные).
</span>
<center>
<div class="tabs two">
<input id='tab-11' type='radio' name='tabgroupC' checked />
<label class="pseudo button toggle" for="tab-11">Где зарегистрироваться</label>
<input id='tab-21' type='radio' name='tabgroupC'>
<label class="pseudo button toggle" for="tab-21">Приложения</label>
<div class="row">
<div>
<center>
<a class="button" href="https://user.disroot.org/pwm/public/newuser/">Disroot</a>
</center>
</div>
<div><center>Любое приложение электронной почты, включая встроенные
</div>
</center>
</div>
</div>
</center>
</article> -->
<article class="card four-fifth-1000">
<header>Posteo</header>
<center><label for="modal_po"><img src="images/posteo.jpg" width="80%"></label> </center>
<div class="modal">
<input id="modal_po" type="checkbox" />
<label for="modal_po" class="overlay"></label>
<article>
<header>
<h3>Posteo</h3>
<label for="modal_po" class="close">&times;</label>
</header>
<section class="content">
<img src="images/posteo.jpg" width="100%">
</section>
</article>
</div>
<span>
Почтовый сервис без рекламы, максимально приватный и использующий исключительно "зелёное" электричество.
Оплачивается полностью за счёт пользователей. Отдельных мобильных приложений нет и не требуется —
можно использовать встроенные или любые другие, поддерживающие протокол IMAP.<br>
</span>
<center>
<div class="tabs two">
<input id='tab-12' type='radio' name='tabgroupD' checked />
<label class="pseudo button toggle" for="tab-12">Где зарегистрироваться</label>
<input id='tab-22' type='radio' name='tabgroupD'>
<label class="pseudo button toggle" for="tab-22">Приложения</label>
<div class="row">
<div><center><a class="button" href="https://posteo.de/en">Posteo</a></center></div>
<div><center>Любое приложение электронной почты, включая встроенные
</div>
</center>
</article>
<article class="card four-fifth-1000">
<header>Cockmail</header>
<center><label for="modal_cm"><img src="images/cockmail.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_cm" type="checkbox" />
<label for="modal_cm" class="overlay"></label>
<article>
<header>
<h3>Cockmail</h3>
<label for="modal_cm" class="close">&times;</label>
</header>
<section class="content">
<img src="images/cockmail.webp" width="100%">
</section>
</article>
</div>
<span>
Сервис, поддерживающий множество доменов. Существует на добровольные пожертвования пользователей, которые
принимаются в том числе в криптовалютах. Быстр, бесплатен и надёжен. Как и в случае с Posteo,
отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются.<br>
</span>
<center>
<div class="tabs two">
<input id='tab-13' type='radio' name='tabgroupE' checked />
<label class="pseudo button toggle" for="tab-13">Где зарегистрироваться</label>
<input id='tab-23' type='radio' name='tabgroupE'>
<label class="pseudo button toggle" for="tab-23">Приложения</label>
<div class="row">
<div><center><a class="button" href="https://cock.li/register">Cock.li</a></center></div>
<div><center>Любое приложение электронной почты, включая встроенные
</div>
</div>
</center>
</article>
</article>
</section>
</main>
<section>
<hr>
<center>
<a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.webp" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/tt/landing.html">Trivial Technology</a> in mind.
</center>
</section>
</body>
</html>