This commit is contained in:
Tolstoevsky 2020-10-02 14:18:35 +03:00 committed by toltoevsky
parent 88ce180eb7
commit d6ab4c806d
6 changed files with 119 additions and 70 deletions

2
css/picnic.min.css vendored

File diff suppressed because one or more lines are too long

1
css/picnic.min.css.bak Normal file

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
images/fdroid.png Executable file → Normal file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.4 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
images/google.png Executable file → Normal file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

186
mail.html
View File

@ -142,21 +142,31 @@
<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="warning"><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>
<article class="card four-fifth-1000">
<header>Tutanota</header>
<center><label for="modal_tn"><img src="images/tutanota_w.png" 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/tutanota_w.png" width="100%">
</section>
</article>
</div>
<span>
Сервис, расположенный в Германии, без рекламы и с фокусом на приватность.
Позволяет надёжно шифровать даже сообщения, отправляемые пользователям других сервисов,
@ -164,79 +174,117 @@
Базовая учётная запись бесплатна, за деньги можно получить больше места и возможностей.<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>
<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>
<button class="warning">
<a href="https://tutanota.com">Tutanota</a>
</button>
</center>
</div>
<div><center>
<button class="pseudo">
<a href="https://play.google.com/store/apps/details?id=de.tutao.tutanota"><img src="images/google.png">Tutanota</a>
</button>
<button class="pseudo">
<a href="https://f-droid.org/en/packages/de.tutao.tutanota/"><img class="logo" src="images/fdroid.png">Tutanota</a>
</button>
<button class="pseudo">
<a href="https://itunes.apple.com/app/tutanota/id922429609"><IMG src="images/apple.png" width="24" height="24">Tutanota</a>
</button>
</center></div>
</div>
</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>
</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="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>
<div class="row">
<div><center><button class="warning"><a href="https://posteo.de/en">Posteo</a></button></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.png" 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.png" width="100%">
</section>
</article>
</div>
<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>
<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><button class="warning"><a href="https://cock.li/register">Cock.li</a></button></center></div>
<div><center>Любое приложение электронной почты, включая встроенные
</div>
</div>
</center>
</article>
</article>
</section>
</main>
<section>
<hr>
<center>
<a href="https://tolstoevsky.ml"><img src="banner.gif"></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>
</center>
</section>
</body>
</html>