switching/index.html
Tolstoevsky 9a2e6f5245
nope
2020-02-21 13:15:39 +03:00

141 lines
8.2 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>
<head>
<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/base.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/popup.css">
<script src="js/popup.js"></script>
<script src="js/menu.js"></script>
</head>
<body>
<div class="topnav" id="rtopnav">
<a href="index.html" class="active">Главная</a>
<a href="mail.html">Почта</a>
<a href="im.html">Мессенджеры</a>
<a href="social.html">Соцсети</a>
<a href="search.html">Поисковики</a>
<div class="dropdown">
<button class="dropbtn">Ещё
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="extra.html">Документы и агитматериалы</a>
<a href="info.html">Подробнее</a>
</div>
</div>
<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="dropme()"></a>
</div>
<div class="textblock">
<h2>Где я? О чём речь?</h2>
<p>
<img src="images/fedi-small.png" align="right" style="margin: 0px 0px 0px 10px;">
Вы на странице русского ответвления Fediverse — глобальной сети взаимосвязанных соцсетей. Мы предлагаем свободные
альтернативы популярным сервисам, сделанные людьми и для людей, а не корпорациями с целью извлечения прибыли.
<br>
По сути, это — <b>Сеть, как она была задумана.</b><br>
Огромное количество равноправных серверов, прозрачно взаимодействующих между собой. Пользователи и администраторы взаимодействуют
на равных и обладают равными правами.
</div>
<div class="textblock">
<h2>Зачем это мне?</h2>
<p>
<img src="images/q.png" align="right" style="margin: 0px 0px 0px 10px;">
<b>Неподцензурность пользователя, никакой рекламы и слежки.</b><br>
Представьте, что у вас возник конфликт с администрацией вашей любимой сети, ваши сообщения удаляют, аккаунт блокируют.
И заново зайти в привычный уже Вконтакте/Facebook — в лучшем случае через долгое унижение в чате техподдержки, фотографии
паспорта и прочую дурь. Хотелось бы вам в этом случае просто по щелчку мышки зайти в "другой" ВК/FB и продолжить общение
с теми же друзьями, обсуждать те же темы, но уже в недосягаемости от обозлённой администрации? У нас так можно. И даже больше
— никто не мешает самому стать полновластным админом (при наличии минимальной технической подготовки).
</p>
</div>
<div class="textblock">
<h2>Чем вы лучше?</h2>
<p>
<img src="images/globe.png" align="right" style="margin: 0px 0px 0px 10px;">
Всего два слова — <b>абсолютная взаимосвязанность.</b> <br>
У каждого есть свой предпочтительный формат общения — кто-то любит потоки молниеносных сообщений Твиттера, кто-то —
сложный формат взаимодействия ВК и Facebook, кто-то предпочитает видео или фото... Теперь представьте, что из Твиттера
вы можете комментировать/лайкать/репостить посты YouTube, Instagram, ВК, а авторы, вещающие в удобном для них формате,
оттуда вам отвечают, поддерживая полноценное общение, и никуда не надо перелогиниваться. Удобно? <b>У нас так можно.</b>
</p>
</div>
<div class="textblock" align="center">
<h2>Ну ладно. Что дальше?</h2>
<p>
<h3>Просто попробуйте свободную альтернативу:</h3>
<div class="imgblock">
<img src="images/mastodon2.png" width=40% style="float:left; margin:1%;" onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/>
Замените Twitter на <a href="social.html#mastodon">Mastodon</a> — он намного удобней. (На данный момент
— самая популярная из этичных социальных сетей с миллионами пользователей. Больше всего напоминает Твиттер,
только с большим лимитом символов и более гибким интерфейсом).
</div>
<div class="imgblock">
<img src="images/frendica.png" width=40% style= "float:left; margin:1%;" onclick="openModal();currentSlide(2)" class="hover-shadow cursor" />
Замените Facebook/ВК на <a href="social.html#friendica">Friendica</a>. Также, как и Мастодон,
Friendica создана из множества мелких сайтов, связанных воедино посредством федерации. Мелкие сайты, составляющие Френдику, называются "нодами".
Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и всеми остальными альтернативными соцсетями, так что завести друзей в этих сетях не составит труда.
</div>
<div class="imgblock">
<img src="images/pixelfed.png" width=40% style="float:left; margin:1%;" onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/>
А вместо Instagram есть прекрасный <a href="social.html#pixelfed">PixelFed</a> — работает в любом браузере, между прочим.
</div>
<p>И ведь на безопасные для вас альтернативы можно заменить очень многое... Пройдитесь по разделам сайта — вы будете приятно удивлены.
</p>
</div>
</div>
<!-- gallery images block -->
<div id="myModal" class="modal">
<span class="close cursor" onclick="closeModal()">&times;</span>
<div class="modal-content">
<div class="mySlides">
<div class="numbertext">Mastodon</div>
<img src="images/mastodon2.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">Friendica</div>
<img src="images/frendica.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">PixelFed</div>
<img src="images/pixelfed.png" style="width:100%">
</div>
<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
<a class="next" onclick="plusSlides(1)">&#10095;</a>
<div class="caption-container">
<p id="caption"></p>
</div>
<div class="column">
<img class="demo cursor" src="images/mastodon2.png" style="width:100%" onclick="currentSlide(1)" alt="Лучше, чем Twitter">
</div>
<div class="column">
<img class="demo cursor" src="images/frendica.png" style="width:100%" onclick="currentSlide(2)" alt="Лучше, чем Facebook">
</div>
<div class="column">
<img class="demo cursor" src="images/pixelfed.png" style="width:100%" onclick="currentSlide(3)" alt="Лучше, чем Instagram">
</div>
</div>
</div>
</body>
</html>