switching/im.html

198 lines
12 KiB
HTML
Raw Normal View History

2020-02-18 12:00:49 +00:00
<!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>
2020-02-20 14:36:50 +00:00
<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="dropme()"></a>
2020-02-18 12:00:49 +00:00
</div>
<div class="textblock">
<h2>Децентрализованные мессенджеры</h2>
<p>Способы быстро списаться и созвониться с нужным человеком</p>
<div class="imgblock">
2020-02-21 06:32:32 +00:00
<img src="images/chatsecure_messenger.png" width=40% style="float:left; margin:3%;"
2020-02-18 12:00:49 +00:00
onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/>
2020-02-21 06:32:32 +00:00
<img src="images/movim.png" width=40% style="float:left; margin:3%;"
2020-02-18 12:00:49 +00:00
onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/>
2020-02-21 06:32:32 +00:00
<img src="images/conversations.jpg" width=40% style="float:left; margin:3%;"
2020-02-18 12:00:49 +00:00
onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/>
2020-02-21 06:32:32 +00:00
<p>
<h3>XMPP (он же Jabber) - на замену WhatsApp и Telegram</h3>
2020-02-18 12:00:49 +00:00
<span>
Широко используемый свободный и открытый стандарт интернет-сообщений.
Весьма прост в использовании — устанавливаем приложение, регистрируем аккаунт, общаемся.
<p>
В силу распределённости протокола, количество мест, где можно зарегистрироваться,
огромно. Независимо от того, на каком сервере вы регистрируетесь -
все пользователи доступны для вас. Если выбор среди тысяч чатов и десятков
приложений для вас сложен — используйте указанный ниже Quicksy - он тоже часть этой сети.
</p>
2020-02-21 06:32:32 +00:00
</p>
2020-02-18 12:00:49 +00:00
<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">
<img src="images/jitsi2.png" width=20% style="float:left; margin:1%;"
onclick="openModal();currentSlide(4)" class="hover-shadow cursor"/>
<img src="images/jami.jpg" width=20% style="float:left; margin:1%;"
onclick="openModal();currentSlide(5)" class="hover-shadow cursor"/>
<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>
2020-02-21 06:32:32 +00:00
</div>
<div class="textblock">
<h4>Мобильные приложения</h4>
2020-02-18 12:00:49 +00:00
<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>
2020-02-21 06:32:32 +00:00
</div>
<div class="textblock">
<h4>Web</h4>
2020-02-18 12:00:49 +00:00
<a class="Button" href="https://meet.jit.si/">meet.jit.si</a>
2020-02-21 06:32:32 +00:00
</div>
2020-02-18 12:00:49 +00:00
</div>
</div>
<div id="myModal" class="modal">
<span class="close cursor" onclick="closeModal()">&times;</span>
<div class="modal-content">
<div class="mySlides">
2020-02-18 12:09:29 +00:00
<div class="numbertext">chatsecure</div>
<img src="images/chatsecure_messenger.png" style="width:100%">
2020-02-18 12:00:49 +00:00
</div>
<div class="mySlides">
2020-02-18 12:09:29 +00:00
<div class="numbertext">Movim</div>
<img src="images/movim.png" style="width:100%">
2020-02-18 12:00:49 +00:00
</div>
<div class="mySlides">
2020-02-18 12:09:29 +00:00
<div class="numbertext">Converstions</div>
<img src="images/conversations.jpg" 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%">
2020-02-18 12:00:49 +00:00
</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.jpg" style="width:100%" onclick="currentSlide(3)" alt="Conversations">
</div>
2020-02-18 12:09:29 +00:00
<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>
2020-02-18 12:00:49 +00:00
</div>
</div>
</div>
</body>
</html>