LibreHacker/switching
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
2eeca6edae
switching/social.html

364 lines
16 KiB
HTML
Raw Normal View History

social
2019-08-21 12:42:58 +00:00
<!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">
заголовок
2019-08-24 06:33:03 +00:00
<div id="fh5co-logo"><a href="index.html">Fediverse</a></div>
social
2019-08-21 12:42:58 +00:00
</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="im.html">Мессенджеры</a></li>
Привёл меню к единому виду. Попытка 2.
2019-12-07 10:48:12 +00:00
<li><a href="mail.html">Почта</a></li>
<li><a href="info.html">Подробнее</a></li>
чёрный текст, доп. материалы, устав
2019-08-28 08:56:54 +00:00
<li><a href="extra.html">Доп. материалы</a></li>
social
2019-08-21 12:42:58 +00:00
</ul>
</div>
</div>
</div>
</div>
</nav>
<div class="container-wrap">
<aside id="fh5co-hero">
<div class="flexslider">
<ul class="slides">
images
2019-08-21 13:00:15 +00:00
<li style="background-image: url(images/social.jpg);">
social
2019-08-21 12:42:58 +00:00
<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">
коробочки на всех картинках, правка стиля стриншотов на глагнэ
2019-08-22 14:15:08 +00:00
<div class="blurred-card">
social
2019-08-21 12:42:58 +00:00
<h1>Распределённые социальные сети</h1>
коробочки на всех картинках, правка стиля стриншотов на глагнэ
2019-08-22 14:15:08 +00:00
<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>
social
2019-08-21 12:42:58 +00:00
</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">
допилена информация и картинки
2019-08-22 08:15:45 +00:00
<h2 id="mastodon">#вместотвиттера Mastodon</h2>
social
2019-08-21 12:42:58 +00:00
<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>
lor
2019-08-21 13:48:08 +00:00
<li><a href="https://lor.sh">LOR.sh</a></li>
.org.ua
2019-10-07 13:03:16 +00:00
<li><a href="https://mastodon.org.ua">Ukrainian Mastodon</a></li>
typo
2019-11-12 07:11:56 +00:00
<li><a href="https://mstdn.netwhood.online">Network Neighborhood</a></li>
social
2019-08-21 12:42:58 +00:00
</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">
Нашел и закрыл тег в соцсетях, теперь все изображения имеют равные отступы
2019-08-22 19:20:42 +00:00
допилена информация и картинки
2019-08-22 08:15:45 +00:00
<h2 id="friendica">#вместоВК Friendica</h2>
social
2019-08-21 12:42:58 +00:00
<span>
Альтернатива Вконтакте и Facebook, с теми же фишками, включая события и фотоальбомы
</span>
<p>
Также, как и Мастодон, Friendica создана из множества мелких сайтов,
связанных воедино посредством федерации. Мелкие сайты, составляющие
Френдику, называются "нодами".
</p>
<p>
Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и
всеми остальными альтернативными соцсетями, так что завести друзей
в этих сетях не составит труда.
</p>
<div>
<h3>Где зарегистрироваться</h3>
<ul>
friendica
2019-09-06 15:40:59 +00:00
<li><a href="https://nerdica.net">Nerdica</a></li>
friendica nodes fixed
2019-11-13 07:34:57 +00:00
<li><a href="https://friendica.xyz">Friendica.XYZ</a></li>
<li><a href="https://venera.social">Venera</a></li>
friendica
2019-09-06 15:40:59 +00:00
<li><a href="https://loma.ml">Loma</a></li>
social
2019-08-21 12:42:58 +00:00
</ul>
Нашел и закрыл тег в соцсетях, теперь все изображения имеют равные отступы
2019-08-22 19:20:42 +00:00
social
2019-08-21 12:42:58 +00:00
<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>
Нашел и закрыл тег в соцсетях, теперь все изображения имеют равные отступы
2019-08-22 19:20:42 +00:00
social
2019-08-21 12:42:58 +00:00
</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">
Нашел и закрыл тег в соцсетях, теперь все изображения имеют равные отступы
2019-08-22 19:20:42 +00:00
допилена информация и картинки
2019-08-22 08:15:45 +00:00
<h2 id="pixelfed">#вместоinstagram PixelFed</h2>
social
2019-08-21 12:42:58 +00:00
<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>
Peertube
2019-12-07 13:14:37 +00:00
<li><a href="https://pixelfed.tokyo">pixelfed.tokyo</a></li>
<li><a href="https://pixelfed.se">pixelfed.se</a></li>
social
2019-08-21 12:42:58 +00:00
</ul>
pixelfed fedilab
2019-10-08 14:38:08 +00:00
<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>
social
2019-08-21 12:42:58 +00:00
</div>
</div>
Нашел и закрыл тег в соцсетях, теперь все изображения имеют равные отступы
2019-08-22 19:20:42 +00:00
social
2019-08-21 12:42:58 +00:00
</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">
Нашел и закрыл тег в соцсетях, теперь все изображения имеют равные отступы
2019-08-22 19:20:42 +00:00
допилена информация и картинки
2019-08-22 08:15:45 +00:00
<h2 id="peertube">#вместоyoutube PeerTube</h2>
social
2019-08-21 12:42:58 +00:00
<span>
PeerTube — открытая распределённая альтернатива YouTube (принадлежит Google).
Это соцсеть, приспособленная для распространения видео, без рекламы и слежки.
</span>
<p>
В отличие от YouTube, PeerTube состоит из множества независимых сайтов,
способных общаться между собой. Не имеет значения,
на каком вы зарегистрируетесь — вся сеть в вашем распоряжении.
Плюс вы можете встроить видео с PeerTube куда угодно (см. пример выше).
</p>
<p>
Ну и вишенкой на торте — PeerTube также использует стандарт ActivityPub,
и подписаться на ваш канал там смогут все пользователи PeerTube, Mastodon,
Friendica и так далее.
</p>
<div>
<h3>Где зарегистрироваться</h3>
<ul>
opentube
2019-08-21 13:46:53 +00:00
<li><a href="https://open.tube">open.tube</a></li>
social
2019-08-21 12:42:58 +00:00
<li><a href="https://video.tedomum.net">video.tedomum.net</a></li>
<li><a href="https://peertube.linuxrocks.online">peertube.linuxrocks.online</a></li>
Peertube
2019-12-07 13:14:37 +00:00
<li><a href="https://share.tube">share.tube</a></li>
social
2019-08-21 12:42:58 +00:00
</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>
Нашел и закрыл тег в соцсетях, теперь все изображения имеют равные отступы
2019-08-22 19:20:42 +00:00
social
2019-08-21 12:42:58 +00:00
</div>
</div>
Нашел и закрыл тег в соцсетях, теперь все изображения имеют равные отступы
2019-08-22 19:20:42 +00:00
</div>
social
2019-08-21 12:42:58 +00:00
</div><!-- END container-wrap -->
<div class="container-wrap">
donations
2019-09-06 07:38:00 +00:00
<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>
к чёрту имена, нас много. Надо страничку контрибьюторов добавить
2019-12-10 18:36:30 +00:00
какие-то люди. Использован также перевод оригинального английского текста
switching.software
2019-10-12 17:25:50 +00:00
<a href="https://switching.software">Switching.Social</a>. Дополнения принимаются <a href="https://git.macaw.me/Tolstoevsky/switching">здесь</a>.
donations
2019-09-06 07:38:00 +00:00
Поддержать деньгами можно <a href="https://www.patreon.com/tolstoevsky">на Patreon</a> или на <a href="https://ru.liberapay.com/tolstoevsky/donate">Liberapay</a>.
</div>
</div>
</footer>
social
2019-08-21 12:42:58 +00:00
</div><!-- END container-wrap -->
<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>
getting started
2019-08-21 09:57:48 +00:00
</html>
social
2019-08-21 12:42:58 +00:00
Reference in New Issue Copy Permalink