fediland.github.io/index.html
2022-03-12 01:14:45 +03:00

72 lines
6.7 KiB
HTML
Raw 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 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">Какой-то русскоязычный инстанс Mastodon. Регистрация свободная. Лимит поста — xxxxx знаков.</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">Другой русскоязычный инстанс Mastodon. Регистрация свободная. Лимит поста — xxxxx знаков.</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">Крупнейший русскоязычный инстанс Mastodon. Регистрация премодерируемая. Лимит поста — xxxxx знаков.</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">Инстанс Pleroma. Регистрация свободная. Лимит поста — xxxxx знаков.</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">Инстанс Pleroma, теперь банановый. Регистрация свободная. Лимит поста — xxxxx знаков.</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://codeberg.org/tennoseremel/pages/src/branch/main/fediverse-welcome-skb" class="page-source-link">Исходный код страницы</a></p>
</footer>
<script src="js/main.js"></script>
</body>
</html>