160 lines
8.6 KiB
HTML
160 lines
8.6 KiB
HTML
<!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">
|
||
<img src="images/fedi-small.png" align="left" style="margin: 0px 10px 0px 10px; height:42px;">
|
||
<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()">×</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)">❮</a>
|
||
<a class="next" onclick="plusSlides(1)">❯</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>
|
||
|