From 81ece9d6257cbf6589b33206e18c78dd3ef742a7 Mon Sep 17 00:00:00 2001
From: Tolstoevsky <tolstoevsky@riseup.net>
Date: Wed, 21 Aug 2019 16:46:53 +0300
Subject: [PATCH] opentube

---
 social.html  |   2 +-
 social.html~ | 336 +++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 337 insertions(+), 1 deletion(-)
 create mode 100644 social.html~
diff --git a/social.html b/social.html
index 289472e..178fdff 100644
--- a/social.html
+++ b/social.html
@@ -268,7 +268,7 @@
 					<div>
 						<h3>Где зарегистрироваться</h3>
 						        <ul>
-							         <li><a href="https://peertube.social">peertube.social</a></li>
+							         <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>
diff --git a/social.html~ b/social.html~
new file mode 100644
index 0000000..289472e
--- /dev/null
+++ b/social.html~
@@ -0,0 +1,336 @@
+<!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">
+			   					<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>На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей.
+            				Больше всего напоминает Твиттер, только с большим лимитом символов и более гибким интерфейсом.
+					</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">LinuxOrgRu</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>#вместоВК 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>#вместо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>#вместо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://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>
+						<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">
+					   <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>
+		</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>
+
