images
This commit is contained in:
Tolstoevsky
parent
ca03c43058
commit
0215764b1c
Binary file not shown.
|
After Width: | Height: | Size: 296 KiB |
|
|
@ -59,7 +59,7 @@
|
|||
<aside id="fh5co-hero">
|
||||
<div class="flexslider">
|
||||
<ul class="slides">
|
||||
<li style="background-image: url(images/img_bg_3.jpg);">
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -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/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>На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей.
|
||||
Больше всего напоминает Твиттер, только с большим лимитом символов и более гибким интерфейсом.
|
||||
</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://aspirant.de">Aspirant</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>
|
||||
|
||||
Loading…
Reference in New Issue