Адаптация под responsive design, тексты переписаны под обладателей клипового мышления.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

260 lines
10 KiB

<!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">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="fh5co-loader"></div>
<div id="page">
<nav class="fh5co-nav" role="navigation">
<div class="container-wrap">
<div class="top-menu">
<div class="row">
<div class="col-xs-2">
<div id="fh5co-logo"><a href="index.html">Главная</a></div>
</div>
<div class="col-xs-10 text-right menu-1">
<ul>
<li><a href="index.html">Главная</a></li>
<li class="active"><a href="im.html">Мессенджеры</a></li>
<li><a href="mail.html">Почта</a></li>
<li><a href="social.html">Соцсети</a></li>
<li><a href="info.html">Подробнее</a></li>
<li><a href="extra.html">Доп. материалы</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<div class="container-wrap">
<aside id="fh5co-hero">
<div class="flexslider">
<ul class="slides">
<li style="background-image: url(images/im.jpg);">
<div class="overlay-gradient"></div>
<div class="row">
<div class="col-md-6 col-md-offset-3 slider-text slider-text-bg">
<div class="slider-text-inner text-center">
<div class="blurred-card">
<h1><font color="white"><b>Децентрализованные мессенджеры</b></font></h1>
<h2><font color="white"><b>Способы быстро списаться и созвониться с нужным человеком</b></font></h2>
<div class="background-faker">
<div style="background-image: url(images/im.jpg);"></div>
</div>
<div class="card-content">
<h1><font color="white"><b>Децентрализованные мессенджеры</b></font></h1>
<h2><font color="white"><b>Способы быстро списаться и созвониться с нужным человеком</b></font></h2>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</aside>
<div id="fh5co-work">
<div class="row">
<div class="col-md-6">
<a href="images/conversations.jpg" class="image-popup">
<img src="images/conversations.jpg" alt="Conversations" class="img-responsive">
</a>
<a href="images/movim.png" class="image-popup">
<img src="images/movim.png" alt="movim" class="img-responsive">
</a>
</div>
<div class="col-md-4">
<h2>XMPP (он же Jabber) - на замену WhatsApp/Telegram</h2>
<span>
Широко используемый свободный и открытый стандарт интернет-сообщений.
Весьма прост в использовании — устанавливаем приложение, регистрируем аккаунт, общаемся.
</span>
<p>
В силу распределённости протокола, количество мест, где можно зарегистрироваться,
огромно. Независимо от того, на каком сервере вы регистрируетесь -
все пользователи доступны для вас. Если выбор среди тысяч чатов и десятков
приложений для вас сложен — используйте указанный ниже Quicksy - он тоже часть этой сети).
</p>
</div>
<div class="row">
<div class="col-md-4">
<h3>Где зарегистрироваться</h3>
<ul>
<li><a href="https://chinwag.im">chinwag.im</a></li>
<li><a href="https://xmpp.jp">xmpp.jp</a></li>
<li><a href="https://jabber.at">jabber.at</a></li>
<li><a href="https://404.city">404.city</a></li>
<li><a href="https://jabber.ru">jabber.ru</a></li>
</ul>
<h3> Мобильные приложения</h3>
<ul>
<li>
<h4>Android</h4>
<ul>
<li><a href="https://play.google.com/store/apps/details?id=im.quicksy.client">Quicksy</a></li>
<li><a href="https://play.google.com/store/apps/details?id=eu.siacs.conversations">Conversations</a> (Платный)</li>
<li><a href="https://f-droid.org/en/packages/eu.siacs.conversations/">Conversations</a> (Бесплатный на F-Droid)</li>
</ul>
</li>
<li>
<h4>iOS</h4>
<ul>
<li><a href="https://itunes.apple.com/app/chatsecure/id464200063">Chat Secure</a></li>
<li><a href="https://itunes.apple.com/us/app/monal-free-xmpp-chat/id317711500">Monal</a></li>
<li><a href="https://apps.apple.com/us/app/jabme-your-free-easy-xmpp-messenger/id1070168611">JabMe</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<a href="images/jitsi2.png" class="image-popup">
<img src="images/jitsi2.png" alt="Jitsi meet" class="img-responsive">
</a>
<a href="images/jami.jpg" class="image-popup">
<img src="images/jami.jpg" alt="Jami" class="img-responsive">
</a>
</div>
<div class="col-md-4">
<h2>Jitsi Meet и Jami - на замену Skype</h2>
<span>
Свободные открытые приложения для чатов и видеозвонков, разрабатываемые командами добровольцев.
</span>
<p>
Jitsi чрезвычайно просто в использовании — регистрация не требуется, нужно придумать название комнаты чата и
послать полученную ссылку всем участникам. Можно использовать вебсайт либо мобильные приложения.
</p>
<p>
В Jami дела обстоят схожим образом — каждому пользователю выдаётся уникальный код, которым можно поделиться с другими
участниками (аналог номера аськи/телефона...)
</p>
<div>
<h3> Приложения</h3>
<ul>
<li>
<h4>Android</h4>
<ul>
<li><a href="https://play.google.com/store/apps/details?id=org.jitsi.meet">Jitsi</a></li>
<li><a href="https://play.google.com/store/apps/details?id=cx.ring">Jami</a></li>
</ul>
</li>
<li>
<h4>iOS</h4>
<ul>
<li><a href="https://itunes.apple.com/us/app/jitsi-meet/id1165103905">Jitsi</a></li>
<li><a href="https://itunes.apple.com/app/ring-a-gnu-package/id1306951055">Jami</a></li>
</ul>
</li>
<li><h4>Web</h4>
<ul>
<li><a href="https://meet.jit.si/">meet.jit.si</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div><!-- END container-wrap -->
<div class="container-wrap">
<footer role="contentinfo">
<div class="row">
<div class="col-md-10 col-md-offset-1 text-center">
<a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a>
Толстоевский, Попугай и компания. Использован также перевод оригинального английского текста
<a href="https://switching.software">Switching.Social</a>. Дополнения принимаются <a href="https://git.macaw.me/Tolstoevsky/switching">здесь</a>.
Поддержать деньгами можно <a href="https://www.patreon.com/tolstoevsky">на Patreon</a> или на <a href="https://ru.liberapay.com/tolstoevsky/donate">Liberapay</a>.
</div>
</div>
</footer>
</div><!-- END container-wrap -->
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up2"></i></a>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Flexslider -->
<script src="js/jquery.flexslider-min.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- Counters -->
<script src="js/jquery.countTo.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
</body>
</html>