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

159 lines
8.5 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">
<link rel="stylesheet" href="css/btn.css">
<script src="js/popup.js"></script>
<script src="js/menu.js"></script>
</head>
<body>
<div class="topnav" id="rtopnav">
<a href="index.html">Главная</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" class="active">Документы и агитматериалы</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/book.png" align="right" style="margin: 0px 0px 0px 10px;">
Свободные сообщества не регулируются жёсткими правиламии и пользвательскими соглашениями,
тем не менее существует рекомендуемый к соблюдению Устав, следуя положениям которого,
вы — будь вы пользователем, модератором или администратором узла — сделаете вхождение
и пребывание людей в Сети простым и комфортным. Общение свободных людей основано на терпимости,
неагрессивности и взаимном уважении. Пользователи, администраторы и модераторы
являются равноправными участниками сообщества.
</p>
<div>
<h4>Прочитать</h4>
<ul>
<li>С выдержкой из Устава, содержащей рекомендации по поведению пользователей,
вы можете ознакомиться → <a href="coc.html">по этой ссылке</a> ←
</li>
<li>Полная версия, содержащая все положения, определения и рекомендации, находится
<a href="https://github.com/drequivalent/ru-fediverse-policy/blob/master/README.md">здесь</a>
</li>
</ul>
</div>
</div>
<div class="textblock">
<h2>База знаний</h2>
<p>
<img src="images/know.png" align="right" style="margin: 0px 0px 0px 10px;">
Сообщество не было бы сообществом, если бы не свободный обмен знаниями.
Организуются группы по интересам в соцсетях, создаются тематические Вики — любой способ,
которым вы можете помочь окружащим, доступен, любая помощь приветствуется. Вот примеры информационных
ресурсов, которые могут помочь вам в освоении альтернативной Сети:
</p>
<div>
<h4>Обмен знаниями</h4>
<ul>
<li><a href="https://switching.software">Switching.Software</a> ← англоязычный сайт с огромным
количеством информации на тему "чем заменить неэтичные централизованные сервисы, следящие
собственнические приложения, и так далее". Именно его перевод использовался при создании списков
в заголовке этого сайта.
</li>
<li><a href="https://wiki.phreedom.tk">Phreedom Wiki</a> ← русскоязычная вики для администраторов
Fediverse. В процессе создания.
</li>
<li><a href="https://communitywiki.org/wiki">Community Wiki</a> ← англоязычная Wiki, цель которой
упростить процесс вхождения людей в сообщество.
</li>
<li><a href="https://communitywiki.org/trunk">Trunks</a> ← большой список групп по интересам.</li>
</ul>
</div>
</div>
<div class="textblock" align="center">
<h2>Агитационные материалы</h2>
<p>
<div class="imgblock">
<img src="images/thumb1.png" width=15% style="float:left; margin:1%;" onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/>
<img src="images/thumb2.png" width=15% style="float:left; margin:1%;" onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/>
<img src="images/transport.png" width=15% style="float:left; margin:1%;" onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/>
Вы можете помочь распространению информации о свободных альтернативах централизованным сервисам,
дав ссылку на этот сайт, либо распечатав и распространив листовки
(не исключаем, что одна из них и привела вас сюда). Вливайтесь в ряды просветителей,
доносите до людей информацию о существовании другой цифровой Вселенной!
</p>
<p>
Приветствуется распространение информации в традиционных сетях, группах, раздача листовок на митингах.
<a class="Button" href="files/agit.zip">Скачать архив материалов</a>
</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">1 / 3</div>
<img src="images/thumb1.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">2 / 3</div>
<img src="images/thumb2.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">3 / 3</div>
<img src="images/transport.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/thumb1.png" style="width:100%" onclick="currentSlide(1)" alt="Пример листовки">
</div>
<div class="column">
<img class="demo cursor" src="images/thumb2.png" style="width:100%" onclick="currentSlide(2)" alt="Пример листовки">
</div>
<div class="column">
<img class="demo cursor" src="images/transport.png" style="width:100%" onclick="currentSlide(3)" alt="Для расклейки в транспорте и на стенах">
</div>
</div>
</div>
</body>
</html>