This commit is contained in:
Tolstoevsky 2019-08-21 15:42:58 +03:00
parent 8867e34a31
commit b0d53379a5

View file

@ -1,56 +1,112 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<!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="style/reset.css">
<link rel="stylesheet" href="style/main.css">
<link rel="stylesheet" href="style/blue.css">
</head>
<body>
<div class="mainContainer">
<nav id="header">
<a href="index.html"><div>Главная</div></a>
<a class="current" href="social.html"><div>Социальные сети</div></a>
<a href="im.html"><div>Сервисы мгновенных сообщений</div></a>
<a href="mail.html"><div>Почтовые сервисы</div></a>
<a href="search.html"><div>Поисковые сервисы</div></a>
<a href="info.html"><div>Зачем?</div></a>
<!-- 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="content">
<h1>Социальные сети</h1>
<h2>Альтернативы Вконтакте/Facebook и Twitter</h2>
<h3 id="mastodon">Mastodon</h3>
<iframe class="margin floatRight" width="560" height="315" sandbox="allow-same-origin allow-scripts" src="https://open.tube/videos/embed/d7fabc85-f110-4699-beb0-7edf6d4082ba" frameborder="0" allowfullscreen></iframe>
<p>
На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей.
Справа приведено официальное англоязычное видео, объясняющее, как работает эта сеть.
<div class="container-wrap">
<aside id="fh5co-hero">
<div class="flexslider">
<ul class="slides">
<li style="background-image: url(images/img_bg_3.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">
<h1>Распределённые социальные сети</h1>
<h2>Ключевой инструмент взаимодействия в современной Сети. Познакомьтесь с альтернативами</h2>
</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>#вместотвиттера Mastodon</h2>
<span>На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей.
Больше всего напоминает Твиттер, только с большим лимитом символов и более гибким интерфейсом.
</p>
</span>
<p>
Под капотом Мастодон несколько отличается от большинства привычных соцсетей — вместо того,
чтоб являть собой один сайт, он представляет из себя сеть маленьких независимых
сайтов (т.н. "инстанций"). На какой бы из них вы ни зарегистрировались, вы можете общаться
с друзьями, находящимися на любой из тысяч инстанций, потому что они связаны в единую сеть.
</p>
<p>
Инстанции, составляющие сеть Мастодон, объединены между собой процессом, называемым "федерацией".
Может показаться сложным, но на самом деле это не так — всё происходит незаметно для вас.
</p>
<p>
Более того, ваша учётная запись в Мастодоне позволяет общаться с пользователями
Ваша учётная запись в Мастодоне позволяет общаться с пользователями
других распределённых сетей — например Friendica (см. ниже), PixelFed
(аналог Instagram, принадлежит Facebook), PeerTube (аналог YouTube) и многих других.
Это объединение альтернативных соцсетей называется Федивёрс
(взамен принадлежащего корпорации Facebook сервиса Instagram), PeerTube (аналог YouTube) и многих других.
Это объединение альтернативных соцсетей называется Fediverse (Федивёрс)
(от federation - федерация и universe - вселенная).
</p>
<p>
Вы можете зайти в Мастодон, зарегистрировавшись на одном из сайтов, указанных ниже,
можете использовать эту учётную запись в одном из приложений Mastodon для вашего мобильника.
Также мы заготовили несколько советов новым пользователям.
</p>
<h4>Где зарегистрироваться?</h4>
</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>
@ -58,29 +114,12 @@
<li><a href="https://embracing.space">Embracing Space</a></li>
<li><a href="https://quey.org">Quey</a></li>
<li><a href="https://aspirant.de">Aspirant</a></li>
</ul>
<p>
Кроме того, можете <a href="https://instances.social/list#lang=ru&allowed=&prohibited=&users=">самостоятельно подобрать</a>
себе инстанцию под ваши предпочтения!
</p>
<p>Основные отличия между разными инстанциями, на которые стоит обратить внимание:</p>
<ul>
<li>Максимальное количество символов, которые инстанция позволяет включать в один пост;</li>
<li>Для какого круга людей создана инстанция — от этого зависит, насколько вам будет интересна локальная лента.</li>
</ul>
<p>
Например, qoto.org — инстанция Мастодон, которая позволяет своим пользователям публиковать посты
до 65,535 знаков (обычно в других инстанциях лимит 500 знаков). Вместе с тем, эта инстанция
позиционируется как узел общения для математиков и других представителей точных наук, так что
"гуманитарию" локальная лента может показаться скучноватой.
</p>
<h4>Приложения</h4>
<img src="images/mastodon.png" class="margin floatRight" width="520">
<h3> Мобильные приложения</h3>
<ul>
<li>
<h5>Android</h5>
<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>
@ -89,7 +128,7 @@
</ul>
</li>
<li>
<h5>iOS</h5>
<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>
@ -97,176 +136,120 @@
</ul>
</li>
</ul>
<p>
Ну а здесь <a href="https://communitywiki.org/trunk/">https://communitywiki.org/trunk/</a> - можно подыскать себе друзей по интересам.
</p>
<p>
P.S.: Если Мастодон заинтересовал вас настолько, что вы готовы запустить
собственную инстанцию, став частью сети, вы можете сделать это в пару кликов на <a href="https://masto.host">masto.host</a>
</p>
<hr>
<h3 id="frendica">Friendica</h3>
<p>Альтернатива Вконтакте и Facebook, с теми же фишками, включая события и фотоальбомы.</p>
</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>#вместоВК Friendica</h2>
<span>
Альтернатива Вконтакте и Facebook, с теми же фишками, включая события и фотоальбомы
</span>
<p>
Также, как и Мастодон, Friendica создана из множества мелких сайтов,
связанных воедино посредством федерации. Мелкие сайты, составляющие
Френдику, называются "нодами".
</p>
<img src="images/frendica.png" class="margin floatRight" width="520">
<p>
Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и
всеми остальными альтернативными соцсетями, так что завести друзей
в этих сетях не составит труда.
</p>
<h4>Где зарегистрироваться</h4>
<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>
<h4>Приложения</h4>
<h3> Мобильные приложения</h3>
<ul>
<li>
<h5>Android</h5>
<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>
<hr style="clear: right">
<h3 id="pleroma">Pleroma</h3>
<p>
</div>
Представляет собой облегчённую альтернативу Мастодону. Работает быстрее, обладает минималистичным интерфейсом, но несколько меньшим
функционалом. Подойдёт сторонникам минимализма, и, как ни странно, любителями писать длинные тексты — стандартное ограничение на
длину сообщения составляет 5000 символов.
</p>
<img src="images/pleroma.png" class="margin floatRight" width="520">
<h4>Где зарегистрироваться?</h4>
<ul>
<li><a href="https://freespeechextremist.com">FreeSpeechExtremist</a></li>
<li><a href="https://pleroma.site">Pleroma.site</a></li>
<li><a href="https://kawen.space">Kawen space</a></li>
</ul>
<p>
Кроме того, можете <a href="https://fediverse.network/pleroma">самостоятельно подобрать</a>
себе инстанцию под ваши предпочтения!
</p>
<h4>Приложения</h4>
<p>
<ul>
<li>
<h5>Android</h5>
<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>
<hr style="clear: right">
</div>
</div>
</div>
<h3>Diaspora</h3>
<img src="images/diaspora.png" class="margin floatRight" width="520">
<p>
Одна из старейших альтернатив ВК и Facebook.
Диаспора также состоит из множества мелких сайтов,
называемых "подами" (или "стручками"). Умеет взаимодействовать с Френдикой.
</p>
<p>
Если захотите включиться -
<a href="https://switching.social/hints-tips-for-making-friends-on-alternative-social-media/">
https://switching.social/hints-tips-for-making-friends-on-alternative-social-media/
<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>
</p>
<h4>Где зарегистрироваться</h4>
<ul>
<li><a href="https://social.gibberfish.org/">social.gibberfish.org/</a></li>
<li><a href="https://diasporabr.com.br/">diasporabr.com.br/</a></li>
<li><a href="https://russiandiaspora.org">russiandiaspora.org</a></li>
<li><a href="https://pod.disroot.org">pod.disroot.org</a></li>
</ul>
<hr style="clear: right">
</div>
<h3>Hubzilla</h3>
<img src="images/hubzilla.png" class="margin floatRight" width="520">
<p>
Hubzilla — это уже несколько больше, нежели просто соцсеть. Здесь есть и сложное форматирование сообщений (поддерживаются
элементы RichText, списки, заголовки, выравнивания, ссылки, изображения являющиеся ссылками, аудиозаписи — местами даже лучше,
чем во Friendica). Есть менеджер календарей, поддерживается CalDAV для синхронизации с удаленными сервисами. Очень
гибкая система предоставления прав и доступа к своим материалам, заметкам и страницам. В хабзилле настраивается практически все -
как положение виджетов относительно друг друга, так и темы для каждого пользователя по отдельности. Из Хабзиллы, как из из Friendica
видна практически любая другая социальная сеть.
</p>
<p>
Наиболее интересной особенностью является Nomadic Identity — возможность несколько связанных каналов на разных серверах,
работающих как резервные копии друг друга - если на одном сервере канал блокируют - вся активность продолжается с другого
канала без даунтайма ни для автора ни для подписчиков.
</p>
<h4>Где зарегистрироваться</h4>
<ul>
<li><a href="https://social.macaw.me">Macaw Social</a></li>
<li><a href="https://dacha.xmpp.moe">Dacha Hub</a></li>
<li><a href="https://hub.bessonnica.org">Бессонница</a></li>
</ul>
<h4>Приложения</h4>
<ul>
<li>
<h5>Android</h5>
<ul>
<li><a href="https://f-droid.org/ru/packages/com.dfa.hubzilla_android/">Nomad</a></li>
</ul>
</li>
</ul>
<hr style="clear: right">
<div class="col-md-4">
<h2>Альтернатива Instagram</h2>
<h3 id="pixelfed">Pixelfed</h3>
<p>
Открытая распределённая альтернатива Instagram (собственность Facebook) —
с фильтрами, комментариями, лайками, репостами и так далее, но без рекламы и слежки.
Пример аккаунта — <a href="https://pixelfed.social/earth">https://pixelfed.social/earth</a> ,
пример поста — <a href="https://pixelfed.social/p/earth/22346">https://pixelfed.social/p/earth/22346</a>
</p>
<img src="images/pixelfed.png" class="margin floatRight" width="520">
<h2>#вместоinstagram PixelFed</h2>
<span>
Открытая распределённая альтернатива Instagram — с фильтрами, комментариями, лайками, репостами и так далее, но без рекламы и слежки.
</span>
<p>
Сеть состоит из мелких независимых сайтов, способных общаться между собой,
так что вы можете свободно фолловить людей с других сайтов PixelFed,
зарегистрировавшись на любом из них. И не важно, на маленьком или
крупном сервере вы зарегистрируетесь — вся сеть в вашем распоряжении.
</p>
<p>
Кроме того, так как сайты PixelFed взаимодействуют между собой по протоколу
ActivityPub, вы сможете общаться с людьми из остальных сетей,
таких как Мастодон или Френдика.
Любые другие сети (например, Mastodon и Friendica) также доступны для взаимодействия
</p>
<p>
В отличие от Instagram, для использования PixelFed не нужно специальное приложение — оно работает
в любом браузере на компьютере, телефоне или планшете.
(Впрочем, для предпочитающих отдельные приложения уже готовятся несколько вариантов).
</p>
<h4>Где зарегистрироваться</h4>
<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://fedi.pictures">fedi.pictures</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>
<hr style="clear: right">
<h2>Альтернатива YouTube</h2>
<h3 id="peertube">PeerTube</h3>
<iframe class="margin floatRight" width="560" height="315" sandbox="allow-same-origin allow-scripts" src="https://pe.ertu.be/videos/embed/cadcde0b-155a-485a-832a-739b9c4e31b1" frameborder="0" allowfullscreen></iframe>
<p>
</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>#вместоyoutube PeerTube</h2>
<span>
PeerTube — открытая распределённая альтернатива YouTube (принадлежит Google).
Это соцсеть, приспособленная для распространения видео, без рекламы и слежки.
Она пока не очень велика, но растёт стремительно.
</p>
</span>
<p>
В отличие от YouTube, PeerTube состоит из множества независимых сайтов,
способных общаться между собой. Не имеет значения,
@ -278,34 +261,76 @@
и подписаться на ваш канал там смогут все пользователи PeerTube, Mastodon,
Friendica и так далее.
</p>
<h4>Где зарегистрироваться</h4>
<div>
<h3>Где зарегистрироваться</h3>
<ul>
<li><a href="https://peertube.social">peertube.social</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>
<h4>Приложения</h4>
<ul>
<li>
<h5>Android</h5>
</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>
</li>
</ul>
</div>
</div>
<footer class="footer">
</div>
</div>
</div>
</div>
</div><!-- END container-wrap -->
<div class="container-wrap">
<footer role="contentinfo">
<div class="row">
<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>.
</footer>
</body>
</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>