82 lines
7.3 KiB
HTML
82 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
||
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru-ru" dir="ltr">
|
||
<head>
|
||
<meta charset="UTF-8"/>
|
||
<title>Добро пожаловать в Fediverse!</title>
|
||
<link rel="icon" type="image/png" href="images/favicon.png"/>
|
||
<link rel="stylesheet" type="text/css" href="css/template.css"/>
|
||
<meta name="viewport" content="width=device-width"/>
|
||
</head>
|
||
<body>
|
||
<header class="top">
|
||
<h1 class="top-name"><span class="top-name-p1">FEDI</span><span class="top-name-p2">VERSE</span></h1>
|
||
<div class="top-slogan">Добро пожаловать в Федивёрс!</div>
|
||
</header>
|
||
<main class="main-body">
|
||
<div class="content">
|
||
<div class="random-server">
|
||
<h2>«Меньше слов, больше дела»</h2>
|
||
<p>Перейдя по ссылке ниже вы сможете зарегистрироваться на случайном сервере микроблогов в Федивёрсе.</p>
|
||
<p id="random-server-result" class="random-server-result"></p>
|
||
<p><b>Платформа:</b> <span id="random-server-platform"></span></p>
|
||
<p><b>Премодерация регистрации:</b> <span id="random-server-premod"></span></p>
|
||
</div>
|
||
<h2>Что такое Федивёрс?</h2>
|
||
<p>Федивёрс — это объединение <a href="https://ru.wikipedia.org/wiki/Децентрализация">децентрализованных</a> социальных сетей, пользователи которых могут общаться друг с другом даже находясь на разных серверах. Представьте, что вы в ленте Twitter видите пост своего друга в Facebook или ВКонтакте и можете написать ему комментарий или поставить лайк не регистрируясь там. Эта идея — один из базовых принципов Федивёрса. </p>
|
||
<p><a href="https://ru.wikipedia.org/wiki/Fediverse">Подробнее в Википедии…</a></p>
|
||
<h2>Самостоятельный выбор сервера</h2>
|
||
<div class="tabs">
|
||
<div class="tabs-controls" role="tablist"><!--
|
||
--><button type="button" class="tabs-controls-button" role="tab" id="button-simple" aria-selected="true" aria-controls="info-simple" tabindex="0">Просто</button><!--
|
||
--><button type="button" class="tabs-controls-button" role="tab" id="button-complex" aria-controls="info-complex" tabindex="-1">Подробно</button><!--
|
||
--></div>
|
||
<div class="info-simple tabs-panel" id="info-simple" role="tabpanel" aria-labelledby="button-simple" tabindex="0">
|
||
<div class="simple-buttons" id="simple-buttons"></div>
|
||
<div class="simple-title"><a id="simple-title-link" class="simple-title-link"></a></div>
|
||
<div class="simple-description" id="simple-description"></div>
|
||
<div class="simple-image" id="simple-image"></div>
|
||
</div>
|
||
<div class="info-complex tabs-panel" id="info-complex" role="tabpanel" aria-labelledby="button-complex" hidden="hidden" tabindex="0">
|
||
<h3>Mastodon</h3>
|
||
<ul>
|
||
<li><a href="https://mastodon.ml/" data-premod="data-premod" data-platform="Mastodon" data-image="images/mastodon.png" class="data-server-source default">mastodon.ml</a>. <span class="data-server-text">Крупнейший русскоязычный сервер. Регистрация премодерируемая. Лимит поста — 1000 знаков.</span></li>
|
||
<li><a href="https://zhub.link/" data-platform="Mastodon" data-image="images/mastodon.png" class="data-server-source default">zHub.link</a>. <span class="data-server-text">Небольшой сервер для русскоязычной аудитории. Лимит поста — 65000 знаков.</span></li>
|
||
<li><a href="https://lor.sh/" data-premod="data-premod" data-platform="Mastodon" data-image="images/mastodon.png" class="data-server-source default">lor.sh</a>. <span class="data-server-text">Второй крупный русскоязычный сервер общей тематики. Изначально создан членами сообщества о Linux. Регистрация премодерируемая (одобряется оперативно и без вопросов). Лимит поста — 100500 знаков.</span></li>
|
||
</ul>
|
||
<p><a href="images/mastodon.png" title="Скриншот Mastodon"><img alt="Скриншот Mastodon" width="1170" height="554" src="images/mastodon.png"/></a></p>
|
||
<h3>Misskey</h3>
|
||
<ul>
|
||
<li><a href="https://quietplace.xyz/" data-platform="Misskey" data-image="images/misskey.png" class="data-server-source default">A Quiet Place</a>. <span class="data-server-text">Тихое дружелюбное сообщество. Активная модерация. 18+ Регистрация свободная. Лимит поста — 5000 знаков.</span></li>
|
||
</ul>
|
||
<p><a href="images/miskey.png" title="Скриншот Misskey"><img alt="Скриншот Misskey" width="1170" height="554" src="images/misskey.png"/></a></p>
|
||
</div>
|
||
</div>
|
||
<h2>Узнать больше</h2>
|
||
<ul>
|
||
<li><a href="https://web.archive.org/web/20220905175336/https://tjournal.ru/tech/427610-putevoditel-po-fediverse">«Путеводитель по Fediverse»</a> — статья в TJournal (Web Archive).</li>
|
||
<li><a href="https://mastodon.ml/@zloygik/105865187342581867">«Рекомендации для новичков, которые только пришли в Мастодон и не знают, что делать дальше (v. 2.0)»</a> — серия постов в блоге Злой Гик.</li>
|
||
<li><a href="https://habr.com/ru/post/345402/">«Не ходи в Fediverse, там тебя ждут неприятности. — Ну как же туда не ходить? Они же ждут»</a> — статья на Хабре.</li>
|
||
<li><a href="https://habr.com/ru/users/s4n2a/posts/">«Мифы и легенды древней Fediverse»</a> — статья на Хабре.</li>
|
||
<li><a href="https://habr.com/ru/post/516144/">«„Дивный новый мир“: что такое Fediverse и как стать его частью»</a> — статья на Хабре.</li>
|
||
<li><a href="https://novayagazeta.ru/articles/2021/02/11/89165-habzilla-lyubov-moya">«Хабзилла, любовь моя»</a> — статья в Новой Газете.</li>
|
||
</ul>
|
||
<h2>Информационные ресурсы</h2>
|
||
<ul>
|
||
<li><a href="https://ru.index.community">«RU Fedi»</a> — каталог серверов и групп русскоязычного созвездия Fediverse.</li>
|
||
<li><a href="https://fedi.life/social.html">«Fedi.life»</a> — ресурс с вводной информацией про популярные сети Fediverse.</li>
|
||
</ul>
|
||
</div>
|
||
</main>
|
||
<footer class="main-footer">
|
||
<p>
|
||
<a href="https://github.com/fediland/fediland.github.io" class="page-source-link">Исходный код</a>.
|
||
<a href="https://github.com/fediland/fediland.github.io/blob/master/README.md#%D0%B2%D0%BD%D0%B5%D1%81%D1%82%D0%B8-%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4">Добавить сервер</a>.
|
||
</p>
|
||
<p>
|
||
Оформление: <a href="https://mstdn.io/@tennoseremel">@tennoseremel@mstdn.io</a>
|
||
</p>
|
||
</footer>
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html>
|