fediland.github.io/index.html

130 lines
5.3 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 lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Into the Fediverse!</title>
<meta name="description" content="Source code generated using layoutit.com">
<meta name="author" content="Alexey Skobkin">
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Instances list -->
<script type="text/javascript" src="js/servers.js" defer></script>
<!-- Common functions -->
<script type="text/javascript" src="js/functions.js" defer></script>
<!-- Choosing random instance -->
<script type="text/javascript" src="js/random-server.js" defer></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<nav class="navbar navbar-expand-lg navbar-light bg-light navbar-dark bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse-1">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="index.html">Fediland</a>
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="index.html">Главная<span class="sr-only"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="servers.html"><i class=""></i> Серверы<span class="sr-only"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="info.html">Информация<span class="sr-only"></span></a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="https://joinmastodon.org">joinmastodon.org<span class="sr-only"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://instances.social">instances.social</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://fediverse.party">fediverse.party</a>
</li>
<!--
<li class="nav-item">
<a class="nav-link" href="https://www.fediverse.space">fediverse.space</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://fediverse.network">fediverse.network</a>
</li>
-->
</ul>
</div>
</nav>
<div class="jumbotron">
<h2>
Добро пожаловать в Федивёрс!
</h2>
<p>
Перейдя по ссылке ниже вы сможете зарегистрироваться на случайном сервере в Федивёрсе.
</p>
<p>
<a class="btn btn-primary btn-large" href="https://lor.sh/" id="reg-link">
Регистрация на lor.sh
</a>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2>
Что такое Федивёрс?
</h2>
<p>
Федивёрс - это объединение <a href="https://ru.wikipedia.org/wiki/Децентрализация">децентрализованных</a> социальных сетей, пользователи которых могут общаться друг с другом даже находясь на разных серверах.
Представьте, что вы в ленте Twitter видите пост своего друга в Facebook или ВКонтакте и можете написать ему комментарий или поставить лайк не регистрируясь там. Это один из базовых принципов Федивёрса.
</p>
<p>
<a class="btn btn-dark" href="https://ru.wikipedia.org/wiki/Fediverse">Подробнее в Википедии »</a>
</p>
</div>
<div class="col-md-4">
<h2>
Выбор сервера
</h2>
<p>
Нажав на кнопку выше можно зарегистрироваться на случайном рекомендованном сервере. Однако каждый сервер имеет своё сообщество, свои интересы и свои правила поведения.
Если вы хотите ответственно подойти к выбору места, где будете вести свой блог - воспользуйтесь списками серверов.
</p>
<p>
<a class="btn btn-dark" href="servers.html">Выбрать самостоятельно »</a>
</p>
</div>
<div class="col-md-4">
<h2>
Узнать больше
</h2>
<p>
Хотите почитать про Федивёрс больше? Желаете узнать историю становления, разнообразие альтернатив популярным сервисам и увидеть советы для новичка?
Проходите по ссылке ниже чтобы увидеть подборку ссылок на полезные материалы.
</p>
<p>
<a class="btn btn-dark" href="info.html">Полезные материалы »</a>
</p>
</div>
</div>
</div>
<script src="js/jquery/jquery-3.6.0.min.js"></script>
<script src="js/bootstrap/bootstrap.min.js"></script>
</body>
</html>