348 lines
15 KiB
HTML
348 lines
15 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">
|
||
|
||
<!-- 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="social.html">Соцсети</a></li>
|
||
<li><a href="mail.html">Почтовые сервисы</a></li>
|
||
<li><a href="im.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/social.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>Распределённые социальные сети</h1>
|
||
<h2>Ключевой инструмент взаимодействия в современной Сети. Познакомьтесь с альтернативами</h2>
|
||
<div class="background-faker">
|
||
<div style="background-image: url(images/social.jpg);"></div>
|
||
</div>
|
||
<div class="card-content">
|
||
<h1>Распределённые социальные сети</h1>
|
||
<h2>Ключевой инструмент взаимодействия в современной Сети. Познакомьтесь с альтернативами</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/mastodon.png" class="image-popup">
|
||
<img src="images/mastodon.png" alt="Мастодон — многоколоночный интерфейс, тёмная тема" class="img-responsive">
|
||
</a>
|
||
<a href="images/mastodon2.png" class="image-popup">
|
||
<img src="images/mastodon2.png" alt="Мастодон - одноколоночный интерфейс, светлая тема" class="img-responsive">
|
||
</a>
|
||
<a href="images/mastodon3.png" class="image-popup">
|
||
<img src="images/mastodon3.png" alt="Мастодон - настройки, светлая тема" class="img-responsive">
|
||
</a>
|
||
|
||
</div>
|
||
<div class="col-md-4">
|
||
<h2 id="mastodon">#вместотвиттера Mastodon</h2>
|
||
<span>На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей.
|
||
Больше всего напоминает Твиттер, только с большим лимитом символов и более гибким интерфейсом.
|
||
</span>
|
||
<p>
|
||
Ваша учётная запись в Мастодоне позволяет общаться с пользователями
|
||
других распределённых сетей — например Friendica (см. ниже), PixelFed
|
||
(взамен принадлежащего корпорации Facebook сервиса Instagram), PeerTube (аналог YouTube) и многих других.
|
||
Это объединение альтернативных соцсетей называется Fediverse (Федивёрс)
|
||
(от federation - федерация и universe - вселенная).
|
||
</p>
|
||
<p>
|
||
Вы можете зайти в Мастодон, зарегистрировавшись на одном из сайтов, указанных ниже,
|
||
можете использовать эту учётную запись в одном из приложений Mastodon для вашего мобильника.
|
||
</p>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<h3>Где зарегистрироваться</h3>
|
||
<ul>
|
||
<li><a href="https://mastodon.ml">Russian Mastodon</a></li>
|
||
<li><a href="https://phreedom.tk">Svoboda</a></li>
|
||
<li><a href="https://va11hal.la">Valhalla</a></li>
|
||
<li><a href="https://embracing.space">Embracing Space</a></li>
|
||
<li><a href="https://quey.org">Quey</a></li>
|
||
<li><a href="https://lor.sh">LOR.sh</a></li>
|
||
</ul>
|
||
|
||
<h3> Мобильные приложения</h3>
|
||
<ul>
|
||
<li>
|
||
<h4>Android</h4>
|
||
<ul>
|
||
<li><a href="https://play.google.com/store/apps/details?id=app.fedilab.android">Fedilab</a> (Платный)</li>
|
||
<li><a href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/">Fedilab</a> (Бесплатный на F-Droid)</li>
|
||
<li><a href="https://play.google.com/store/apps/details?id=jp.juggler.subwaytooter">Subway Tooter</a></li>
|
||
<li><a href="https://play.google.com/store/apps/details?id=com.keylesspalace.tusky">Tusky</a></li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<h4>iOS</h4>
|
||
<ul>
|
||
<li><a href="https://itunes.apple.com/app/toot/id1229021451">Toot!</a></li>
|
||
<li><a href="https://itunes.apple.com/app/mast/id1437429129">Mast</a></li>
|
||
<li><a href="https://itunes.apple.com/app/amarok-for-mastodon/id1214116200">Amaroq</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<a href="images/frendica.png" class="image-popup">
|
||
<img src="images/frendica.png" alt="Friendica" class="img-responsive">
|
||
</a>
|
||
</div>
|
||
|
||
<div class="col-md-4">
|
||
|
||
<h2 id="friendica">#вместоВК Friendica</h2>
|
||
<span>
|
||
Альтернатива Вконтакте и Facebook, с теми же фишками, включая события и фотоальбомы
|
||
</span>
|
||
<p>
|
||
Также, как и Мастодон, Friendica создана из множества мелких сайтов,
|
||
связанных воедино посредством федерации. Мелкие сайты, составляющие
|
||
Френдику, называются "нодами".
|
||
</p>
|
||
<p>
|
||
Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и
|
||
всеми остальными альтернативными соцсетями, так что завести друзей
|
||
в этих сетях не составит труда.
|
||
</p>
|
||
|
||
<div>
|
||
<h3>Где зарегистрироваться</h3>
|
||
<ul>
|
||
<li><a href="https://nerdica.net">nerdica.net</a></li>
|
||
<li><a href="https://libranet.de">libranet.de</a></li>
|
||
<li><a href="https://social.isurf.ca/">social.isurf.ca/</a></li>
|
||
<li><a href="https://friendica.hubup.pro">friendica.hubup.pro</a></li>
|
||
</ul>
|
||
|
||
<h3> Мобильные приложения</h3>
|
||
<ul>
|
||
<li>
|
||
<h4>Android</h4>
|
||
<ul>
|
||
<li><a href="https://play.google.com/store/apps/details?id=app.fedilab.android">Fedilab</a> (Платный)</li>
|
||
<li><a href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/">Fedilab</a> (Бесплатный на F-Droid)</li>
|
||
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<a href="images/pixelfed.png" class="image-popup">
|
||
<img src="images/pixelfed.png" alt="Friendica" class="img-responsive">
|
||
</a>
|
||
</div>
|
||
|
||
<div class="col-md-4">
|
||
|
||
<h2 id="pixelfed">#вместоinstagram PixelFed</h2>
|
||
<span>
|
||
Открытая распределённая альтернатива Instagram — с фильтрами, комментариями, лайками, репостами и так далее, но без рекламы и слежки.
|
||
</span>
|
||
<p>
|
||
Сеть состоит из мелких независимых сайтов, способных общаться между собой,
|
||
так что вы можете свободно фолловить людей с других сайтов PixelFed,
|
||
зарегистрировавшись на любом из них. И не важно, на маленьком или
|
||
крупном сервере вы зарегистрируетесь — вся сеть в вашем распоряжении.
|
||
Любые другие сети (например, Mastodon и Friendica) также доступны для взаимодействия
|
||
</p>
|
||
<p>
|
||
В отличие от Instagram, для использования PixelFed не нужно специальное приложение — оно работает
|
||
в любом браузере на компьютере, телефоне или планшете.
|
||
</p>
|
||
|
||
|
||
<div>
|
||
<h3>Где зарегистрироваться</h3>
|
||
<ul>
|
||
<li><a href="https://pixelfed.de">pixelfed.de</a></li>
|
||
<li><a href="https://pxlfd.me">pxlfd.me</a></li>
|
||
<li><a href="https://pix.tedomum.net">pix.tedomum.net</a></li>
|
||
<li><a href="https://pix.diaspodon.fr">pix.diaspodon.fr</a></li>
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<a href="images/peertube.png" class="image-popup">
|
||
<img src="images/peertube.png" alt="peertube" class="img-responsive">
|
||
</a>
|
||
</div>
|
||
|
||
<div class="col-md-4">
|
||
|
||
<h2 id="peertube">#вместоyoutube PeerTube</h2>
|
||
<span>
|
||
PeerTube — открытая распределённая альтернатива YouTube (принадлежит Google).
|
||
Это соцсеть, приспособленная для распространения видео, без рекламы и слежки.
|
||
|
||
</span>
|
||
<p>
|
||
В отличие от YouTube, PeerTube состоит из множества независимых сайтов,
|
||
способных общаться между собой. Не имеет значения,
|
||
на каком вы зарегистрируетесь — вся сеть в вашем распоряжении.
|
||
Плюс вы можете встроить видео с PeerTube куда угодно (см. пример выше).
|
||
</p>
|
||
<p>
|
||
Ну и вишенкой на торте — PeerTube также использует стандарт ActivityPub,
|
||
и подписаться на ваш канал там смогут все пользователи PeerTube, Mastodon,
|
||
Friendica и так далее.
|
||
</p>
|
||
|
||
|
||
|
||
|
||
<div>
|
||
<h3>Где зарегистрироваться</h3>
|
||
<ul>
|
||
<li><a href="https://open.tube">open.tube</a></li>
|
||
<li><a href="https://pe.ertu.be">pe.ertu.be</a></li>
|
||
<li><a href="https://video.tedomum.net">video.tedomum.net</a></li>
|
||
<li><a href="https://peertube.linuxrocks.online">peertube.linuxrocks.online</a></li>
|
||
<li><a href="https://share.tub">share.tub</a></li>
|
||
|
||
</ul>
|
||
<h3>Мобильные приложения</h3>
|
||
<h4>Android</h4>
|
||
<ul>
|
||
<li><a href="https://play.google.com/store/apps/details?id=app.fedilab.android">Fedilab</a> (Платный)</li>
|
||
<li><a href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/">Fedilab</a> (Бесплатный на F-Droid)</li>
|
||
<li><a href="https://play.google.com/store/apps/details?id=net.schueller.peertube">PeerTube Player</a></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.social">Switching.Social</a>. Дополнения принимаются <a href="https://git.macaw.me/Tolstoevsky/switching">здесь</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>
|
||
|