fedi/im.html
2020-03-08 20:18:43 +03:00

201 lines
12 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>
<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/base.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/popup.css">
<link rel="stylesheet" href="css/btn.css">
<script src="js/popup.js"></script>
<script src="js/menu.js"></script>
</head>
<body>
<div class="topnav" id="rtopnav">
<a href="index.html">Главная</a>
<a href="mail.html">Почта</a>
<a href="im.html" class="active">Мессенджеры</a>
<a href="social.html">Соцсети</a>
<a href="search.html">Поисковики</a>
<div class="dropdown">
<button class="dropbtn">Ещё
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="extra.html">Документы и агитматериалы</a>
<a href="info.html">Подробнее</a>
</div>
</div>
<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="dropme()"></a>
</div>
<div class="textblock">
<h2>Децентрализованные мессенджеры</h2>
<p>Способы быстро списаться и созвониться с нужным человеком</p>
<div class="imgblock">
<div class="imgblock">
<img src="images/chatsecure_messenger.png" width=40% style="float:left; margin:1%;"
onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/>
<img src="images/movim.png" width=40% style="float:left; margin:1%;"
onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/>
<img src="images/conversations.png" width=40% style="float:left; margin:1%;"
onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/>
</div>
<p>
<h3>XMPP (он же Jabber) - на замену WhatsApp и Telegram</h3>
<span>
Широко используемый свободный и открытый стандарт интернет-сообщений.
Весьма прост в использовании — устанавливаем приложение, регистрируем аккаунт, общаемся.
<p>
В силу распределённости протокола, количество мест, где можно зарегистрироваться,
огромно. Независимо от того, на каком сервере вы регистрируетесь -
все пользователи доступны для вас. Если выбор среди тысяч чатов и десятков
приложений для вас сложен — используйте указанный ниже Quicksy - он тоже часть этой сети.
</p>
</p>
<div class="textblock">
<h4>Где зарегистрироваться</h4>
<a class="Button" href="https://chinwag.im">chinwag.im</a>
<a class="Button" href="https://xmpp.jp">xmpp.jp</a>
<a class="Button" href="https://jabber.at">jabber.at</a>
<a class="Button" href="https://404.city">404.city</a>
<a class="Button" href="https://jabber.ru">jabber.ru</a>
</div>
<div class="textblock">
<h4>Мобильные приложения</h4>
<a class="Button2" href="https://play.google.com/store/apps/details?id=im.quicksy.client">
<IMG src="images/google.png" width="24" height="24">Quicksy (Google Play)</a>
<a class="Button2" href="https://play.google.com/store/apps/details?id=eu.siacs.conversations">
<IMG src="images/google.png" width="24" height="24">Conversations(Платный)</a>
<a class="Button2" href="https://f-droid.org/en/packages/eu.siacs.conversations/">
<IMG src="images/fdroid.png" width="24" height="24">Conversations (Бесплатный)</a>
<a class="Button2" href="https://f-droid.org/en/packages/im.quicksy.client">
<IMG src="images/fdroid.png" width="24" height="24">Quicksy (F-Droid)</a>
<a class="Button2" href="https://itunes.apple.com/app/chatsecure/id464200063">
<IMG src="images/apple.png" width="24" height="24">Chat Secure (iOS)</a>
<a class="Button2" href="https://itunes.apple.com/us/app/monal-free-xmpp-chat/id317711500">
<IMG src="images/apple.png" width="24" height="24">Monal (iOS)</a>
<a class="Button2" href="https://apps.apple.com/us/app/jabme-your-free-easy-xmpp-messenger/id1070168611">
<IMG src="images/apple.png" width="24" height="24">JabMe (iOS)</a>
</div>
</span>
</div>
<div class="imgblock">
<div class="imgblock">
<img src="images/jitsi2.png" width=35% style="float:left; margin:1%;"
onclick="openModal();currentSlide(4)" class="hover-shadow cursor"/>
<img src="images/jami.jpg" width=35% style="float:left; margin:1%;"
onclick="openModal();currentSlide(5)" class="hover-shadow cursor"/>
</div>
<h3>Jitsi Meet и Jami - на замену Skype</h3>
<span>
Свободные открытые приложения для чатов и видеозвонков, разрабатываемые командами добровольцев.
<p>
Jitsi чрезвычайно просто в использовании — регистрация не требуется, нужно придумать название комнаты чата и
послать полученную ссылку всем участникам. Можно использовать вебсайт либо мобильные приложения.
</p>
<p>
В Jami дела обстоят схожим образом — каждому пользователю выдаётся уникальный код,
которым можно поделиться с другими участниками (аналог номера аськи/телефона...)
</p>
<div class="textblock" >
<h4>Приложения</h4>
<a class="Button2" href="https://jami.net/download-jami-linux/"><IMG src="images/linux.png" width="24" height="24">Jami (Linux)</a>
<a class="Button2" href="https://jami.net/download-jami-windows/"><IMG src="images/windows.png" width="24" height="24">Jami (Windows)</a>
<a class="Button2" href="https://jami.net/download-jami-macos/"><IMG src="images/apple.png" width="24" height="24">Jami (MacOS)</a>
</div>
<div class="textblock">
<h4>Мобильные приложения</h4>
<a class="Button2" href="https://play.google.com/store/apps/details?id=org.jitsi.meet"><img src="images/google.png" width="24" height="24"> Jitsi (Google Play)</a>
<a class="Button2" href="https://f-droid.org/en/packages/org.jitsi.meet"><img src="images/fdroid.png" width="24" height="24"> Jitsi (F-Droid)</a>
<a class="Button2" href="https://f-droid.org/en/packages/cx.ring"><IMG src="images/fdroid.png" width="24" height="24">Jami (F-Droid)</a>
<a class="Button2" href="https://play.google.com/store/apps/details?id=cx.ring"><IMG src="images/google.png" width="24" height="24">Jami (Google play)</a>
<a class="Button2" href="https://itunes.apple.com/us/app/jitsi-meet/id1165103905"><IMG src="images/apple.png" width="24" height="24">Jitsi (iOS)</a>
<a class="Button2" href="https://itunes.apple.com/app/ring-a-gnu-package/id1306951055"><IMG src="images/apple.png" width="24" height="24">Jami (iOS)</a>
</div>
<div class="textblock">
<h4>Web</h4>
<a class="Button" href="https://meet.jit.si/">meet.jit.si</a>
</div>
</div>
</div>
<div id="myModal" class="modal">
<span class="close cursor" onclick="closeModal()">&times;</span>
<div class="modal-content">
<div class="mySlides">
<div class="numbertext">chatsecure</div>
<img src="images/chatsecure_messenger.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">Movim</div>
<img src="images/movim.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">Converstions</div>
<img src="images/conversations.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">Jitsi</div>
<img src="images/jitsi2.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">Jami</div>
<img src="images/jami.jpg" style="width:100%">
</div>
<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
<a class="next" onclick="plusSlides(1)">&#10095;</a>
<div class="caption-container">
<p id="caption"></p>
</div>
<div class="column">
<img class="demo cursor" src="images/chatsecure_messenger.png" style="width:100%" onclick="currentSlide(1)" alt="ChatSecure">
</div>
<div class="column">
<img class="demo cursor" src="images/movim.png" style="width:100%" onclick="currentSlide(2)" alt="Movim">
</div>
<div class="column">
<img class="demo cursor" src="images/conversations.png" style="width:100%" onclick="currentSlide(3)" alt="Conversations">
</div>
<div class="column">
<img class="demo cursor" src="images/jitsi2.png" style="width:100%" onclick="currentSlide(4)" alt="Jitsi">
</div>
<div class="column">
<img class="demo cursor" src="images/jami.jpg" style="width:100%" onclick="currentSlide(5)" alt="Jami">
</div>
</div>
</div>
</div>
</body>
</html>