fediland.github.io/index.html

78 lines
7.4 KiB
HTML
Raw Normal View History

<!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-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>Pleroma</h3>
<ul>
<li><a href="https://soc.phreedom.club/" data-platform="Pleroma" data-image="images/pleroma.png" class="data-server-source default">Клуб «Свобода»</a>. <span class="data-server-text">Сервер клуба "Свобода" предоставляющего альтернативы централизованным сервисам. Регистрация свободная. Лимит поста — 65535 знаков.</span></li>
<li><a href="https://expired.mentality.rip/" data-platform="Pleroma" data-image="images/pleroma.png" class="data-server-source default">Expired Mentality</a>. <span class="data-server-text">Инстанс общей тематики ставящий целью создать дружелюбное пространство для общения. Активная модерация *фобий. Регистрация свободная, 18+. Лимит поста — 65535 знаков.</span></li>
</ul>
<p><a href="images/pleroma.png" title="Скриншот Pleroma"><img alt="Скриншот Pleroma" width="1170" height="554" src="images/pleroma.png"/></a></p>
</div>
</div>
<h2>Узнать больше</h2>
<ul>
<li><a href="https://tjournal.ru/tech/427610-putevoditel-po-fediverse">«Путеводитель по Fediverse»</a> — статья в TJournal.</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>
</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>