<!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=40% style="float:left; margin:3%;" 
							onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/>
				<img src="images/movim.png" width=40% style="float:left; margin:3%;" 
							onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/>
				<img src="images/conversations.jpg" width=40% style="float:left; margin:3%;" 
							onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/>
				<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">

				<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>                                              
					</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.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)">&#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>
            <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>