265 lines
18 KiB
HTML
265 lines
18 KiB
HTML
<!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;
|
||
}
|
||
.wrap-element {
|
||
position: relative;
|
||
overflow: hidden;
|
||
padding-top: 56.25%;
|
||
}
|
||
|
||
.wrapped-iframe {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
border: 0;
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<nav class="fedi">
|
||
<a href="https://fedi.life" class="brand">
|
||
<img class="logo" src="images/logo.png" />
|
||
<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="mail.html" class="pseudo button">Почта</a>
|
||
<a href="im.html" class="pseudo button">Мессенджеры</a>
|
||
<a href="social.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">
|
||
|
||
<center><label for="modal_k"><img src="images/koshka.jpg" width="80%"></label> </center>
|
||
<div class="modal">
|
||
<input id="modal_k" type="checkbox" />
|
||
<label for="modal_k" class="overlay"></label>
|
||
<article>
|
||
<header>
|
||
<h3>...кошка села за репост...</h3>
|
||
<label for="modal_k" class="close">×</label>
|
||
</header>
|
||
<section class="content">
|
||
<img src="images/koshka.jpg" width="100%">
|
||
</section>
|
||
</article>
|
||
</div>
|
||
|
||
<article class="four-fifth-1000">
|
||
|
||
<header> <h2>Знакомая картинка?</h2></header>
|
||
<span>
|
||
<h3> Смешно или грустно? Постоянное опасение, что за любое неверно истолкованное
|
||
слово "за вами придут", но с людьми в сети общаться хочется, хочется постить котиков и смешные
|
||
картинки, хочется делиться своим творчеством и наслаждаться чужим, но без страха?
|
||
</h3>
|
||
<p>
|
||
Забудьте. Хочется открыто высказывать своё мнение, и не попадать под цензуру администрации сети, просто
|
||
за непопулярную там точку зрения? А может, вам ещё и не нравится быть товаром, да не штучным,
|
||
а мелочью в крупнооптовой партии? А может, вы ещё и о тайне личной переписки мечтаете? <b>Забудьте</b>.
|
||
</p>
|
||
<p>
|
||
В столь популярных нынче централизованных коммерческих сетях как Вконтакте (собственность Mail.ru Group
|
||
Усманова) , Facebook, Instagram
|
||
(собственность Facebook), YouTube, Twitter это невозможно по определению (один из множества примеров —
|
||
<a href="https://habr.com/ru/news/t/405727/">Приложение ВК следит за пользователями</a>).
|
||
В мессенджерах, таких как WhatsApp, Viber, Telegram, это невозможно по определению.
|
||
Просто подумайте о том, сколько
|
||
труда и денег вложено в эти продукты корпорациями, и почему столь дорогостоящая вещь для вас
|
||
"бесплатна". Чем расплачиваются с программистами, администраторами, контентщиками, техподдержкой?
|
||
Спойлер — Вами. Вы — товар. Смиритесь.
|
||
</p>
|
||
<p>
|
||
Но, "даже, если вас сожрал лев, у вас есть как минимум два выхода". Так и здесь —
|
||
<b>просто бегите оттуда</b>. Нет, никто не предлагает отключить соцсети, никто не предлагает
|
||
отказаться от онлайн-общения. Вспомните — Интернет задумывался как объединение равных, равных в
|
||
правах, равных полномочиях. Вы не обязаны отдавать свою переписку в "личных" сообщениях ВК на
|
||
перлюстрацию любопытным админам. Вы не обязаны фотографироваться с паспортом на фоне странички,
|
||
вы не обязаны отдавать свои личные данные и результаты своего творчества коммерческим структурам.
|
||
</p>
|
||
<p>
|
||
<b>В этом нет никакой нужды</b>. Есть место (вернее будет назвать его "пространством"), которое
|
||
люди создают для себя. Там не страшна цензура государств и корпораций, там не нужно продавать
|
||
свою личность. И многие уже там. Имя этой вселенной — Fediverse [Федивёрс] (от англ. Federation —
|
||
федерация, и Universe - Вселенная). И мы ждём вас там с распростёрыми объятиями. Всех без исключения.
|
||
</p>
|
||
<h4>Интересно?</h4>
|
||
<p>
|
||
Тогда позвольте рассказать, что мы готовы предложить любому пользователю — и творцу, и
|
||
потребителю. У каждого есть свой предпочтительный формат общения — кто-то любит потоки
|
||
молниеносных сообщений Твиттера, кто-то сложный формат взаимодействия ВК и Facebook, кто-то
|
||
предпочитает видео или фото... Теперь представьте, что из Твиттера вы можете
|
||
комментировать/лайкать/репостить посты YouTube, Instagram, ВК, а авторы, вещающие
|
||
в удобном для них формате, оттуда вам отвечают, поддерживая полноценное общение,
|
||
и никуда не надо перелогиниваться. <b>Удобно? У нас так можно</b>.
|
||
</p>
|
||
<p>
|
||
А представьте, что у вас возник конфликт с администрацией вашей любимой сети, ваши сообщения
|
||
удаляют, аккаунт блокируют. И заново зайти в привычный уже Вконтакте/Facebook — в лучшем случае
|
||
через долгое унижение в чате техподдержки, фотографии паспорта и прочую дурь. Хотелось бы вам в
|
||
этом случае просто по щелчку мышки зайти в "другой" ВК/FB и продолжить общение с теми же друзьями,
|
||
обсуждать те же темы, но уже в недосягаемости от обозлённой администрации? <b>У нас так можно</b>.
|
||
И даже больше — никто не мешает самому стать полновластным админом
|
||
(при наличии минимальной технической подготовки).
|
||
</p>
|
||
<h4>Интересно?</h4>
|
||
<p>
|
||
Теперь, думаю, стоит рассказать, из чего состоит Fediverse. А состоит она из нескольких сетей,
|
||
каждая из которых состоит из кучи независимых, но постоянно взаимодействующих серверов.
|
||
Технические подробности будут в другой статье, здесь дадим небольшой обзор того, чем можно
|
||
заменить популярные, но ужасающие по своей сути, сервисы.
|
||
</p>
|
||
<ul>
|
||
<li>
|
||
Twitter — местный аналог (ну, пожалуй несколько более продвинутый) называется
|
||
<a href="social.html#mastodon">Mastodon</a>
|
||
Суть та же — обмен короткими постами (как правило, в пределах 500 символов), статусами,
|
||
и комментариями. Наиболее популярная из всех, особенно среди мобильных пользователей.
|
||
</li>
|
||
<li>
|
||
Facebook/Вконтакте — здесь у нас <a href="social.html#friendica">Friendica</a>.
|
||
Полноразмерная соцсеть с большими постами, развёрнутыми дискуссиями и возможностью сложной вёрстки.
|
||
</li>
|
||
<li>
|
||
Instagram — ну а вместо него <a href="social.html#pixelfed">PixelFed</a>.
|
||
Главная приятность по сравнению с Instagram заключается в том, что нет никакой нужды использовать
|
||
специальное приложение — все функции доступны из любого браузера, что мобильного, что десктопного.
|
||
</li>
|
||
<li>
|
||
И, наконец, YouTube заменяется <a href="social.html#peertube">PeerTube</a> — видео здесь,
|
||
как и сообщения перечисленных выше сетей, расходятся по всему Федивёрсу и доступны (при желании автора) всем.
|
||
</li>
|
||
</ul>
|
||
|
||
<p>
|
||
Ну и коль скоро мы затронули тему мессенджеров, стоит кратко упомянуть достойные альтернативы перечисленным в
|
||
начале статьи корпоративным следилкам, радостно сотрудничающим со спецслужбами (или кто-то до сих пор верит, что
|
||
коммерческая контора Telegram LLC будет тратить кучу ресурсов на защиту Васи от "товарища" майора? Подсказка —
|
||
<a href="https://habr.com/ru/news/t/464855/">нет, не будет</a>).
|
||
Мессенджеры
|
||
непосредственно в Fediverse не входят, но в большинстве своём (речь опять же идёт о рекомендованных) основаны на
|
||
принципах федерации либо на peer-to-peer. <a href="im.html">вот здесь</a> вы можете подобрать себе подходящую
|
||
альтернативу.
|
||
</p>
|
||
|
||
<p>
|
||
Смело проходите по ссылкам выше, мы ждём вас в Fediverse. Новичкам тут всегда помогут, а несогласных не забанят.
|
||
Вливайтесь!
|
||
</p>
|
||
|
||
<h3>И немного истории:</h3>
|
||
<div class="wrap-element">
|
||
<iframe class="wrapped-iframe" sandbox="allow-same-origin allow-scripts" src="https://open.tube/videos/embed/f3b7659c-6352-4e65-82fd-7a4125c9dfbf" frameborder="0" allowfullscreen></iframe>
|
||
</div>
|
||
</span>
|
||
</article>
|
||
</article>
|
||
</section>
|
||
</main>
|
||
<section>
|
||
<hr>
|
||
<center>
|
||
<a href="https://rawtext.club/~tolstoevsky"><img src="banner.gif"></a> | Created with <a href="https://picnicss.com/">PicniCSS</a>
|
||
</center>
|
||
</section>
|
||
|
||
|
||
|
||
</body>
|
||
</html>
|
||
|