fedi/social.html

546 lines
34 KiB
HTML
Executable File
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE HTML>
<html>
<head profile="https://fedi.life">
<link rel="icon"
type="image/png"
href="favicon.png" />
<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="css/picnic.min.css">
<style>aside a.top {
font-size: 0;
position: fixed;
bottom: 0;
font-weight: bold;
width: 180px;
padding: .6em 0;
margin-bottom: 0;
border-radius: .3em .3em 0 0;
transition: all .3s ease;
}
aside a.top.visible {
font-size: 1em;
}
aside .links a.button {
text-align: left;
}
@media all and (max-width: 1000px) {
aside a.pseudo.top {
background: rgba(255, 255, 255, .8);
width: 100%;
left: 0;
text-align: center;
z-index: 100;
}
}
.documentation article > h2 {
margin: -2em 0 .6em;
padding: 3em 0 0;
line-height: 1;
}
.documentation article > h3 {
margin-bottom: .6em;
}
.documentation aside h2 {
margin-top: 0;
padding: 1.25em 0;
line-height: 1;
}
.documentation aside a.pseudo {
color: #0074D9;
margin: 0;
}
.documentation > section {
background: #fff;
text-align: left;
width: 90%;
max-width: 960px;
margin: 0 auto;
padding: 80px 0 0;
}
.documentation article > h1 {
margin: 0;
padding: 0.6em 0;
font-size: 2em;
line-height: 1.5;
}
.documentation aside a.button {
display: block;
}
.documentation pre[class*="language-"] {
margin-top: 10px;
margin-bottom: 40px;
}
.documentation .index pre {
margin: 0;
font-size: .9em;
}
</style>
</head>
<body>
<nav class="fedi">
<a href="https://fedi.life" class="brand">
<img class="logo" src="images/logo.webp" />
<span>Fedi.Life</span>
</a>
<!-- responsive-->
<input id="bmenub" type="checkbox" class="show">
<label for="bmenub" class="burger pseudo button">меню</label>
<div class="menu">
<a href="im.html" class="pseudo button">Мессенджеры</a>
<a href="social.html" class="pseudo button">Соцсети</a>
<a href="multimedia.html" class="pseudo button">Мультимедиа</a>
<a href="mail.html" class="pseudo button">Почта</a>
<a href="search.html" class="pseudo button">Поиск</a>
<a href="extra.html" class="pseudo button">Допматериалы</a>
<a href="info.html" class="pseudo button">Подробнее</a>
</div>
</nav>
<main id="home" class="documentation">
<section class="flex">
<article class="four-fifth-1000">
<header><h3>Социальные сети</h3></header>
<p>Ключевой инструмент взаимодействия в современной Сети. Познакомьтесь с альтернативами.</p>
<p>Для каждого сервиса предлагается несколько мест, где можно зарегистрироваться новичкам. Если вы не уверены где завести аккаунт, ознакомьтесь со <a href="extra.html#catalogs"> ссылками в допматериалах</a>.</p>
</article>
<article class="card four-fifth-1000">
<header id="mastodon">#вместотвиттера Mastodon</header>
<center><label for="modal_md"><img src="images/mastodon2.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_md" type="checkbox" />
<label for="modal_md" class="overlay"></label>
<article>
<header>
<h3>Mastodon</h3>
<label for="modal_md" class="close">&times;</label>
</header>
<section class="content">
<img src="images/mastodon2.webp" width="100%">
</section>
</article>
</div>
<p>На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей.
Больше всего напоминает Твиттер, только с большим лимитом символов и более гибким интерфейсом.
</p>
<p>
Ваша учётная запись в Мастодоне позволяет общаться с пользователями
других распределённых сетей — например Friendica (см. ниже), PixelFed
(взамен принадлежащего корпорации Facebook сервиса Instagram), PeerTube (аналог YouTube) и многих других.
Это объединение альтернативных соцсетей называется Fediverse (Федивёрс)
(от federation - федерация и universe - вселенная).
</p>
<p>
Вы можете зайти в Мастодон, зарегистрировавшись на одном из сайтов, указанных ниже,
можете использовать эту учётную запись в одном из приложений Mastodon для вашего мобильника.
</p>
</span>
<center>
<div class="tabs two">
<input id='tab-1' type='radio' name='tabgroupB' checked />
<label class="pseudo button toggle" for="tab-1">Где зарегистрироваться</label>
<input id='tab-2' type='radio' name='tabgroupB'>
<label class="pseudo button toggle" for="tab-2">Приложения</label>
<div class="row">
<div><center>
<a class="button" href="https://mastodon.ml">Русский Мастодон</a>
<a class="button" href="https://soc.ua-fediland.de">Украинский Мастодон</a>
<a class="button" href="https://social.inex.rocks">Inex</a>
<a class="button" href="https://qoto.org">Qoto</a>
<a class="button" href="https://zhub.link">Zhub.Link</a>
</center></div>
<div><center><a class="button" href="https://play.google.com/store/apps/details?id=app.fedilab.android"><img src="images/google.webp">Fedilab (платно)</a><br>
<a class="button" href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/"><img src="images/fdroid.webp">Fedilab (бесплатно)</a>
<a class="button" href="https://itunes.apple.com/app/toot/id1229021451"><img src="images/apple.webp">Toot!</a>
<a class="button" href="https://itunes.apple.com/app/amarok-for-mastodon/id1214116200"><img src="images/apple.webp">Amaroq</a>
</center></div>
</div>
</div>
</center>
<!-- <header id="pleroma">Альтернативный вариант - Pleroma</header>
<center><label for="modal_pl"><img src="images/pleroma.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_pl" type="checkbox" />
<label for="modal_pl" class="overlay"></label>
<article>
<header>
<h3>Pleroma</h3>
<label for="modal_pl" class="close">&times;</label>
</header>
<section class="content">
<img src="images/pleroma.webp" width="100%">
</section>
</article>
</div>
<p align="left">
Свободное сообщество частенько порождает несколько реализаций, предоставляя пользователю альтернативу и дополнительную свободу выбора. В данном случае — альтернативный движок микроблогов под именем Pleroma. Разница с упомянутым Мастодонтом невелика, но для многих существенна:
<div align="left">
<ul>
<li>Отличается поведение интерфейса — он более быстр и минималистичен</li>
<li>Большой выбор вариантов как настройки тем, вплоть до полной замены фронтэнда</li>
<li>Гибко настраиваемый (и, как правило, очень большой) лимит на количество символов в сообщении</li>
<li>Расширенные эмодзи-реакции на посты</li>
</ul>
</div>
Мобильные приложения можно использовать те же самые, что и для Mastodon в силу полной совместимости этих платформ.
</p>
<center>
<h4>Где зарегистрироваться</h4>
<div class="row">
<div><center>
<a class="button" href="https://expired.mentality.rip">Expired mentality</a>
<a class="button" href="https://udongein.xyz/about">Udongein</a> -->
</center>
</center>
<header id="misskey">Альтернативный вариант - Misskey</header>
<center><label for="modal_mk"><img src="images/misskey.png" width="80%"></label> </center>
<div class="modal">
<input id="modal_mk" type="checkbox" />
<label for="modal_mk" class="overlay"></label>
<article>
<header>
<h3>Misskey</h3>
<label for="modal_mk" class="close">&times;</label>
</header>
<section class="content">
<img src="images/misskey.png" width="100%">
</section>
</article>
</div>
<p>
Misskey не жалеет
множества анимаций и эффектов. Как Mastodon и Pleroma, пользователи данной
платформы могут общаться друг с другом во всём Федивёрсе.
</p>
<p>
При этом Misskey имеет ряд уникальных функций:
</p>
<ul>
<li>
Использование кастомных эмодзи в качестве реакций
</li>
<li>
Собственный язык разметки, позволяющий сделать текст своих сообщений
жирным, перевёрнутым, увеличить его размер в несколько раз и даже
заставить его трястись, вращаться и сверкать!
</li>
<li>
С помощью функции "Антенны" пользователь может фильтровать интересующие
его публикации из общей ленты. Например, отбирать посты по ключевому
слову или хэштегу, либо получать публикации только от конкретных
пользователей.
</li>
<li>
Встроенный чат, с помощью которого можно общаться с другими пользователями
Misskey.
</li>
<center>
<div class="tabs two">
<input id='tab-5' type='radio' name='tabgroupB' checked />
<label class="pseudo button toggle" for="tab-5">Где зарегистрироваться</label>
<input id='tab-6' type='radio' name='tabgroupB'>
<label class="pseudo button toggle" for="tab-6">Приложения</label>
<div class="row">
<div><center>
<!-- <a class="button" href="https://mk.phreedom.club">Клуб Свобода</a> -->
<a class="button" href="https://shitpost.poridge.club">[Shitpost] Poridge Club</a>
<a class="button" href="https://quietplace.xyz">Quietplace.xyz</a>
</center></div>
<div><center><a class="button" href="https://play.google.com/store/apps/details?id=jp.panta.misskeyandroidclient&gl=US"><img src="images/google.webp">Milktea</a><br>
<a class="button" href="https://play.google.com/store/apps/details?id=jp.juggler.subwaytooter&gl=US"><img src="images/google.webp">Subway Tooter</a>
</center></div>
</div>
</center>
</article>
<article class="card four-fifth-1000">
<header id="friendica">#вместоВК Friendica</header>
<center><label for="modal_fr"><img src="images/friendica.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_fr" type="checkbox" />
<label for="modal_fr" class="overlay"></label>
<article>
<header>
<h3>Friendica</h3>
<label for="modal_fr" class="close">&times;</label>
</header>
<section class="content">
<img src="images/friendica.webp" width="100%">
</section>
</article>
</div>
<span>
<p> Альтернатива Вконтакте и Facebook, с теми же фишками, включая события и фотоальбомы</p>
<p>
Также, как и Мастодон, Friendica создана из множества мелких сайтов,
связанных воедино посредством федерации. Мелкие сайты, составляющие
Френдику, называются "нодами".
</p>
<p>
Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и
всеми остальными альтернативными соцсетями, так что завести друзей
в этих сетях не составит труда.
</p>
</span>
<center>
<div class="tabs two">
<input id='tab-21' type='radio' name='tabgroupC' checked />
<label class="pseudo button toggle" for="tab-21">Где зарегистрироваться</label>
<input id='tab-22' type='radio' name='tabgroupC'>
<label class="pseudo button toggle" for="tab-22">Приложения</label>
<div class="row">
<div><center>
<a class="button" href="https://friendica.xyz">Friendica.xyz</a>
<a class="button" href="https://venera.social">Venera</a>
<a class="button" href="https://loma.ml">Loma</a>
<a class="button" href="https://fs.dnk.video">DNK</a>
</center></div>
<div><center><a class="button" href="https://play.google.com/store/apps/details?id=app.fedilab.android"><img src="images/google.webp">Fedilab (платно)</a><br>
<a class="button" href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/"><img src="images/fdroid.webp">Fedilab (бесплатно)</a>
</center></div>
</div>
</div>
</center>
<header id="hubzilla">Альтернативный вариант - Hubzilla</header>
<center><label for="modal_hz"><img src="images/hubzilla.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_hz" type="checkbox" />
<label for="modal_hz" class="overlay"></label>
<article>
<header>
<h3>Hubzilla</h3>
<label for="modal_hz" class="close">&times;</label>
</header>
<section class="content">
<img src="images/hubzilla.webp" width="100%">
</section>
</article>
</div>
<span>
<p> Hubzilla - одна из самых универсальных платформ "созвездия" Fediverse. На ее базе можно создать микро- и полноценный персональный блог,
форум, несложный сайт или свою Википедию. Заведя один аккаунт, вы можете создать сразу несколько каналов разной тематики и предназначения.
</p>
<p>Система позволяет гибко настроить всё под свои нужды, включить нужные лично вам дополнения и отключить те, что вам мешают. Вы сможете
настроить доступ к вашей информации и защитить ее от нежелательных пользователей.
</p>
<p>Наверное, самое потрясающее уникальное свойство Hubzilla - так называемое "nomadic identity". Говоря коротко, это возможность создать
зеркальную копию любого вашего канала на другом хабе. То есть, все ваши посты будут постоянно синхронизироваться между этими хабами.
Это дает очень сильную защиту при внезапной пропаже любого из этих хабов.
</p>
</span>
</center>
<center>
<div class="tabs two">
<input id='tab-23' type='radio' name='tabgroupF' checked />
<label class="pseudo button toggle" for="tab-23">Где зарегистрироваться</label>
<input id='tab-24' type='radio' name='tabgroupF'>
<label class="pseudo button toggle" for="tab-24">Приложения</label>
<div class="row">
<div><center>
<a class="button" href="https://freehub.space">Free Hub</a>
<a class="button" href="https://tiksi.net">tiksi.net</a>
<a class="button" href="https://hub.cats-home.net">Cat's home (регистрация по запросу)</a>
</div><center>
<a class="button" href="https://f-droid.org/en/packages/com.dfa.hubzilla_android/"><img src="images/fdroid.webp">Nomad (бесплатно)</a>
</center></div>
</div>
</center>
</article>
<article class="card four-fifth-1000">
<header id="pixelfed">#вместоInstagram PixelFed</header>
<center><label for="modal_pf"><img src="images/pixelfed.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_pf" type="checkbox" />
<label for="modal_pf" class="overlay"></label>
<article>
<header>
<h3>PixelFed</h3>
<label for="modal_pf" class="close">&times;</label>
</header>
<section class="content">
<img src="images/pixelfed.webp" width="100%">
</section>
</article>
</div>
<span>
<p>Открытая распределённая альтернатива Instagram — с фильтрами, комментариями, лайками, репостами и так далее, но без рекламы и слежки.</p>
<p>
Сеть состоит из мелких независимых сайтов, способных общаться между собой,
так что вы можете свободно фолловить людей с других сайтов PixelFed,
зарегистрировавшись на любом из них. И не важно, на маленьком или
крупном сервере вы зарегистрируетесь — вся сеть в вашем распоряжении.
Любые другие сети (например, Mastodon и Friendica) также доступны для взаимодействия
</p>
<p>
В отличие от Instagram, для использования PixelFed не нужно специальное приложение — оно работает
в любом браузере на компьютере, телефоне или планшете.
</p>
</span>
<center>
<div class="tabs two">
<input id='tab-31' type='radio' name='tabgroupD' checked />
<label class="pseudo button toggle" for="tab-31">Где зарегистрироваться</label>
<input id='tab-32' type='radio' name='tabgroupD'>
<label class="pseudo button toggle" for="tab-32">Приложения</label>
<div class="row">
<div><center>
<a class="button" href="https://fedidb.org/software/pixelfed">Подбор сервера для регистрации</a>
</center></div>
<div><center><a class="button" href="https://play.google.com/store/apps/details?id=app.fedilab.android"><img src="images/google.webp">Fedilab (платно)</a><br>
<a class="button" href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/"><img src="images/fdroid.webp">Fedilab (бесплатно)</a>
</center></div>
</div>
</div>
</center>
</article>
<article class="card four-fifth-1000">
<header id="lemmy">#вместоReddit Lemmy</header>
<center><label for="modal_lm"><img src="images/lemmy.webp" width="80%"></label> </center>
<div class="modal">
<input id="modal_lm" type="checkbox" />
<label for="modal_lm" class="overlay"></label>
<article>
<header>
<h3>Lemmy</h3>
<label for="modal_lm" class="close">&times;</label>
</header>
<section class="content">
<img src="images/lemmy.webp" width="100%">
</section>
</article>
</div>
<p>Свободный аналог Reddit. Каждый узел Lemmy имеет сообщества, в которых пользователи
создают посты и могут отвечать на посты других людей. Для продвижения постов используются
кнопки "Нравится" и "Не нравится", поднимающие или опускающие пост в общей ленте.</p>
<p>
Lemmy может взаимодействовать с другими сервисами Fediverse, как Mastodon, Pleroma и др.,
и их пользователи могут отвечать на посты в Lemmy. Любой желающий может запустить свой
узел и оставаться на связи с остальной сетью. В отличие от Reddit в Lemmy нет рекламы, слежки или
рекомендательных алгоритмов.
</p>
<center>
<div class="tabs two">
<input id='tab-41' type='radio' name='tabgroupD' checked />
<label class="pseudo button toggle" for="tab-41">Где зарегистрироваться</label>
<input id='tab-42' type='radio' name='tabgroupD'>
<label class="pseudo button toggle" for="tab-42">Приложения</label>
<div class="row">
<div><center>
<a class="button" href="https://lemmy.paxanimi.club/">Paxalemmy</a>
<a class="button" href="https://asocial.thedroth.rocks/">Asocial TheДрот</a>
</center></div>
<div><center>
<a class="button" href="https://f-droid.org/packages/com.krawieck.lemmur"><img src="images/fdroid.webp">Lemmur</a><br>
<a class="button" href="https://f-droid.org/en/packages/com.jerboa"><img src="images/fdroid.webp">Jerboa</a>
<a class="button" href="https://apps.apple.com/us/app/remmel-for-lemmy/id1547988171"><img src="images/apple.webp">Remmel (iOS)</a>
</center></div>
</div>
</div>
</center>
</article>
<article class="card four-fifth-1000">
<header id="bookwyrm">#вместоGoodreads Bookwyrm</header>
<center><label for="modal_bw"><img src="images/bookwyrm.png" width="80%"></label> </center>
<div class="modal">
<input id="modal_bw" type="checkbox" />
<label for="modal_bw" class="overlay"></label>
<article>
<header>
<h3>Bookwyrm</h3>
<label for="modal_bw" class="close">&times;</label>
</header>
<section class="content">
<img src="images/bookwyrm.png" width="100%">
</section>
</article>
</div>
<p>
С помощью Bookwyrm пользователи могут отслеживать прогресс чтения книг, расставлять им оценки,
искать новые книги для чтения, оставлять отзывы и обсуждать книги с другими пользователями.
</p>
<p>
Благодаря протоколу ActivityPub, принять участие в обсуждении книг могут в том числе
пользователи других узлов и платформ. Для них публикации и отзывы на книги от пользователей
Bookwyrm будут выглядеть как обычные посты в своей новостной ленте.
</p>
<center>
<a class="button" href="https://joinbookwyrm.com/instances/">Подобрать узел для регистрации</a>
</center>
</article>
</article>
</article>
</section>
</main>
<section>
<hr>
<center>
<a href="https://fedi.life/nocss/">Облегчённая версия сайта</a>&nbsp;|&nbsp;Hosted by
<a href="https://billing.flokinet.is/aff.php?aff=371"><img src=flokinet_smol.png border="0" alt="FlokiNet"></a> &nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>&nbsp;|&nbsp; with <a href="https://phreedom.club/tt/landing.html">Trivial Technology</a> in mind. &nbsp;|&nbsp; <a href="https://gitea.phreedom.club/tolstoevsky/fedi">Copyleft 🄯</a> Tolstoevsky and comrades.
</center>
</section>
</body>
</html>