This commit is contained in:
Tolstoevsky
parent
dcfee16ee7
commit
7901ab3e24
|
|
@ -11,7 +11,7 @@
|
|||
width: auto;
|
||||
color: #bbb;
|
||||
padding: 2% 2% 2% 2%;
|
||||
margin: 2% 2% 2% 2%;
|
||||
margin: 1% 1% 1% 1%;
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -25,7 +25,8 @@
|
|||
|
||||
.dropdown .dropbtn {
|
||||
font-size: 17px;
|
||||
border: none;
|
||||
border: 1px solid #888;
|
||||
border-radius: 2px;
|
||||
outline: none;
|
||||
color: #bbb;
|
||||
background-color: #335;
|
||||
|
|
@ -42,7 +43,8 @@
|
|||
z-index: 1;
|
||||
color: #bbb;
|
||||
background-color: #335;
|
||||
|
||||
border: 1px solid #888;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.dropdown-content a {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,177 @@
|
|||
<!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">1 / 5</div>
|
||||
<img src="images/mastodon2.png" style="width:100%">
|
||||
</div>
|
||||
<div class="mySlides">
|
||||
<div class="numbertext">Friendica</div>
|
||||
<img src="images/frendica.png" style="width:100%">
|
||||
</div>
|
||||
<div class="mySlides">
|
||||
<div class="numbertext">PixelFed</div>
|
||||
<img src="images/pixelfed.png" 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>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -31,7 +31,6 @@
|
|||
<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="dropme()">💡</a>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
<div class="textblock">
|
||||
<h2>Где я? О чём речь?</h2>
|
||||
<p>
|
||||
|
|
|
|||
Loading…
Reference in New Issue