switching/mail.html

249 lines
13 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">
</head>
<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>
<body>
<nav class="fedi">
<a href="https://fedi.life" class="brand">
<img class="logo" src="images/logo.png" />
<span>Fedi.Life</span>
</a>
<!-- responsive-->
<input id="bmenub" type="checkbox" class="show">
<label for="bmenub" class="burger pseudo button">menu</label>
<div class="menu">
<a href="mail.html" class="pseudo button">Почта</a>
<a href="im.html" class="pseudo button">Мессенджеры</a>
<a href="im.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.png" 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.png" width="100%">
</section>
</article>
</div>
<span>
Бельгийский сервис электронной почты без рекламы и отслеживания. Поддерживает GPG-шифрование, не выдаёт данные пользователей
третьим лицам. Базовая учётная запись бесплатна, но можно докупить себе больше места и расширенную техподдержку.<br>
Жертвуют 15% доходов от платных тарифных планов в пользу <a href="https://eff.org">Фонда электронных рубежей</a> и
<a href="https://edri.org/">Европейского фонда цифровых прав</a><br>
</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><button class="pseudo"><a href="https://mailfence.com/ru/index.jsp#register">MailFence</a></button></center></div>
<div><center><button class="pseudo"><a href="https://mailfence.com/ru/">MailFence Web</a></button><br> (Для пользователей платных аккаунтов доступна работа с любого почтового клиента, включая встроенные.)</center></div>
</div>
</div>
</center>
</article>
<div class="imgblock">
<a href="images/tutanota_w.png" >
<picture>
<source srcset="images/tutanota.png" media="(max-width: 600px)">
<source srcset="images/tutanota_w.png">
<img src="images/tutanota_w.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="Tutanota" class="zoom">
</picture></a>
<h3>Tutanota</h3>
<span>
Сервис, расположенный в Германии, без рекламы и с фокусом на приватность.
Позволяет надёжно шифровать даже сообщения, отправляемые пользователям других сервисов,
и пользователям, не умеющим настраивать шифрование.
Базовая учётная запись бесплатна, за деньги можно получить больше места и возможностей.<br>
</span>
<div class="textblock">
<h4>Где зарегистрироваться</h4>
<a class="Button" href="https://tutanota.com">Tutanota</a>
<h4>Мобильные приложения</h4>
<a class="Button2" href="https://play.google.com/store/apps/details?id=de.tutao.tutanota"><IMG src="images/google.png" width="24" height="24">Tutanota</a>
<a class="Button2" href="https://f-droid.org/en/packages/de.tutao.tutanota/"><IMG src="images/fdroid.png" width="24" height="24">Tutanota</a>
<a class="Button2" href="https://itunes.apple.com/app/tutanota/id922429609"><IMG src="images/apple.png" width="24" height="24">Tutanota</a>
</div>
</div>
<div class="imgblock">
<a href="images/posteo.jpg" >
<img src="images/posteo.jpg" width=45% max-width="100%" style="float:left; margin:1%;" alt="Posteo" class="zoom"></a>
<h3>Posteo</h3>
<span>
Почтовый сервис без рекламы, максимально приватный и использующий исключительно "зелёное" электричество.
Оплачивается полностью за счёт пользователей. Отдельных мобильных приложений нет и не требуется —
можно использовать встроенные или любые другие, поддерживающие протокол IMAP.<br>
</span>
<div class="textblock">
<h4>Где зарегистрироваться</h4>
<a class="Button" href="https://posteo.de/en">Posteo</a>
<h4>Мобильные приложения</h4>
<p>Любое приложение электронной почты, включая встроенные</p>
</div>
</div>
<div class="imgblock">
<a href="images/cockmail.png" >
<img src="images/cockmail.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="CockMail" class="zoom"></a>
<h3>Cockmail</h3>
<span>
Сервис, поддерживающий множество доменов. Существует на добровольные пожертвования пользователей, которые
принимаются в том числе в криптовалютах. Быстр, бесплатен и надёжен. Как и в случае с Posteo,
отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются.<br>
</span>
<div class="textblock">
<h4>Где зарегистрироваться</h4>
<a class="Button" href="https://cock.li/register">Cock.li</a>
<h4>Мобильные приложения</h4>
<p>Любое приложение электронной почты, включая встроенные</p>
</div>
</div>
<div class="imgblock">
<a href="images/thexyz.png" >
<picture>
<source srcset="images/thexyz_m.png" media="(max-width: 600px)">
<source srcset="images/thexyz.png">
<img src="images/thexyz.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="TheXYZ" class="zoom"></a>
</picture>
<h3>TheXYZ</h3>
<span>
Канадская компания, предлагающая конфиденциальный почтовый сервис бизнес-уровня.
Есть дешёвые базовые аккаунты с дополнительными платными опциями для профессиональных
сервисов вроде MS Exchange и синхронизации календаря. Наряду с собственными мобильными приложениями,
сервис может использоваться встроенными приложениями, равно как и любыми другими,
поддерживающими IMAP или Exchange (за дополнительную плату).<br>
<br>
</span>
<div class="textblock">
<h4>Где зарегистрироваться</h4>
<a class="Button" href="https://www.thexyz.com/webmail.html">TheXYZ</a>
</div>
<div class="textblock">
<h4>Мобильные приложения</h4>
<a class="Button2" href="https://play.google.com/store/apps/details?id=com.perrythexyz.com.perry2.thexyzwebmail"><IMG src="images/google.png" width="24" height="24">Thexyz</a>
<a class="Button2" href="https://itunes.apple.com/us/app/thexyz-webmail/id741897892"><IMG src="images/apple.png" width="24" height="24">Thexyz</a>
</div>
</div>
</div>
</div>
<hr>
<a href="https://tolstoevsky.ml"><img src="banner.gif"</a>
</body>
</html>