<!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>