<!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">
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">

	<!-- Magnific Popup -->
	<link rel="stylesheet" href="css/magnific-popup.css">

	<!-- Flexslider  -->
	<link rel="stylesheet" href="css/flexslider.css">

	<!-- Theme style  -->
	<link rel="stylesheet" href="css/style.css">

	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body>
		
	<div class="fh5co-loader"></div>
	
	<div id="page">
	<nav class="fh5co-nav" role="navigation">
		<div class="container-wrap">
			<div class="top-menu">
				<div class="row">
					<div class="col-xs-2">
						<div id="fh5co-logo"><a href="index.html">Fediverse</a></div>
					</div>
					<div class="col-xs-10 text-right menu-1">
						<ul>
							<li><a href="index.html">Главная</a></li>
							<li class="active"><a href="extra.html">Доп. материалы</a></li>
							<li><a href="mail.html">Почта</a></li>
							<li><a href="im.html">Мессенджеры</a></li>
                                                        <li><a href="info.html">Подробнее</a></li>							
							<li><a href="social.html">Соцсети</a></li>

						</ul>
					</div>
				</div>
				
			</div>
		</div>
	</nav>
	<div class="container-wrap">
		<aside id="fh5co-hero">
			<div class="flexslider">
				<ul class="slides">
			   	<li style="background-image: url(images/community.jpg);">
			   		<div class="overlay-gradient"></div>
		   			<div class="row">
			   			<div class="col-md-6 col-md-offset-3 slider-text slider-text-bg">
			   				<div class="slider-text-inner text-center">
								<div class="blurred-card">
			   					<h1>Дополнительные материалы</h1>
								<h2>Для тех, кто хочет принять активное участие в жизни сообщества</h2>
                                                                     <div class="background-faker">
                                                                     <div style="background-image: url(images/community.jpg);"></div>
                                                                     </div>
								     <div class="card-content">
			   					        <h1>Дополнительные материалы</h1>
                	                                                <h2>Для тех, кто хочет принять активное участие в жизни сообщества</h2>
								     </div>
								</div>
		
			   				</div>
			   			</div>
			   		</div>
			   	</li>		   	
			  	</ul>
		  	</div>
		</aside>		
		<div id="fh5co-work">
			<div class="row">
				<div class="col-md-3">
					<a href="files/agita500.pdf">
						<img src="images/thumb1.png" class="img-responsive">
					</a>
				        <a href="files/agita501.pdf">
                                                <img src="images/thumb2.png" class="img-responsive">
                                        </a>

				        <a href="files/agita502.pdf">
                                                <img src="images/thumb3.png" class="img-responsive">
                                        </a>
				        <a href="files/agita503.pdf">
                                                <img src="images/thumb4.png" class="img-responsive">
                                        </a>

				</div>
				<div class="col-md-7">
					<h2 id="agit">Агитационные материалы</h2>
					<p>
				        Вы можете помочь распространению информации о свободных альтернативах централизованным сервисам,
					дав ссылку на этот сайт, либо распечатав и распространив листовки
					(не исключаем, что одна из них и привела вас сюда). Вливайтесь в ряды просветителей, 
					доносите до людей информацию о существовании другой цифровой Вселенной! 
					</p>
					<p>
				        Приветствуется распространение информации в традиционных сетях, группах, раздача листовок на митингах.
					</p>
				</div>

				<div class="col-md-7">
					<h2 id="coc">Устав сообщества</h2>
					<p>
					Свободные сообщества не регулируются жёсткими правиламии и пользвательскими соглашениями,
					тем не менее существует рекомендуемый к соблюдению Устав, следуя положениям которого, 
					вы — будь вы пользователем, модератором или администратором узла — сделаете вхождение
					и пребывание людей в Сети простым и комфортным. Общение свободных людей основано на терпимости,
					неагрессивности и взаимном уважении. Пользователи, администраторы и модераторы
					являются равноправными участниками сообщества.
					
					</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="col-md-7">

					<h2 id="kb">База знаний</h2>
					       <p>
        				        Сообщество не было бы сообществом, если бы не свободный обмен знаниями.
						Организуются группы по интересам в соцсетях, создаются тематические Вики — любой способ,
						которым вы можете помочь окружащим, доступен, любая помощь приветствуется. Вот примеры информационных 
						ресурсов, которые могут помочь вам в освоении альтернативной Сети:	
					       </p>


					<div>
						<h4>Обмен знаниями</h4>
						        <ul>
                 				       <li><a href="https://switching.social">Switching.Social</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>







	</div><!-- END container-wrap -->

	<div class="container-wrap">
                <footer role="contentinfo">
                        <div class="row">
                                <div class="col-md-10 col-md-offset-1 text-center">
                                           <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a>
    Толстоевский, Попугай и компания. Использован также перевод оригинального английского текста
    <a href="https://switching.social">Switching.Social</a>. Дополнения принимаются <a href="https://git.macaw.me/Tolstoevsky/switching">здесь</a>.
    Поддержать деньгами можно <a href="https://www.patreon.com/tolstoevsky">на Patreon</a> или на <a href="https://ru.liberapay.com/tolstoevsky/donate">Liberapay</a>.
                                </div>
                        </div>
                </footer>


	</div><!-- END container-wrap -->
	<div class="gototop js-top">
		<a href="#" class="js-gotop"><i class="icon-arrow-up2"></i></a>
	</div>
	
	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Flexslider -->
	<script src="js/jquery.flexslider-min.js"></script>
	<!-- Magnific Popup -->
	<script src="js/jquery.magnific-popup.min.js"></script>
	<script src="js/magnific-popup-options.js"></script>
	<!-- Counters -->
	<script src="js/jquery.countTo.js"></script>
	<!-- Main -->
	<script src="js/main.js"></script>

	</body>
</html>