192 lines
12 KiB
HTML
192 lines
12 KiB
HTML
<!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">
|
||
<img src="images/chatsecure_messenger.png" width=50% style="float:left; margin:1%;"
|
||
onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/>
|
||
<img src="images/movim.png" width=50% style="float:left; margin:1%;"
|
||
onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/>
|
||
<img src="images/conversations.jpg" width=50% style="float:left; margin:1%;"
|
||
onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/>
|
||
<h3>XMPP (он же Jabber) - на замену WhatsApp/Telegram</h3>
|
||
<span>
|
||
Широко используемый свободный и открытый стандарт интернет-сообщений.
|
||
Весьма прост в использовании — устанавливаем приложение, регистрируем аккаунт, общаемся.
|
||
<p>
|
||
В силу распределённости протокола, количество мест, где можно зарегистрироваться,
|
||
огромно. Независимо от того, на каком сервере вы регистрируетесь -
|
||
все пользователи доступны для вас. Если выбор среди тысяч чатов и десятков
|
||
приложений для вас сложен — используйте указанный ниже Quicksy - он тоже часть этой сети.
|
||
</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">
|
||
|
||
<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>
|
||
<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>
|
||
|
||
<h4>Web</h4>
|
||
<a class="Button" href="https://meet.jit.si/">meet.jit.si</a>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div id="myModal" class="modal">
|
||
<span class="close cursor" onclick="closeModal()">×</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.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%">
|
||
</div>
|
||
|
||
<a class="prev" onclick="plusSlides(-1)">❮</a>
|
||
<a class="next" onclick="plusSlides(1)">❯</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>
|
||
<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>
|
||
|
||
|