чёрный текст, доп. материалы, устав

This commit is contained in:
Tolstoevsky 2019-08-28 11:56:54 +03:00
parent 406fde8ffc
commit b363b2c47b
24 changed files with 339 additions and 116 deletions

View file

@ -1,86 +1,222 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Дополнительная информация</title>
<link rel="stylesheet" href="style/reset.css">
<link rel="stylesheet" href="style/main.css">
<link rel="stylesheet" href="style/blue.css">
</head>
<body>
<div class="mainContainer">
<nav id="header">
<a href="index.html"><div>Главная</div></a>
<a href="social.html"><div>Социальные сети</div></a>
<a href="im.html"><div>Сервисы мгновенных сообщений</div></a>
<a href="mail.html"><div>Почтовые сервисы</div></a>
<a href="search.html"><div>Поисковые сервисы</div></a>
<a href="info.html"><div>Зачем?</div></a>
</nav>
<div class="content">
<h1>Дополнительная информация</h1>
<h2 id="agit" >Агитационные материалы</h2>
<div>
Вы можете помочь распространению информации о свободных альтернативах централизованным сервисам, дав ссылку на этот сайт, либо распечатав и распространив
листовки (не исключаем, что одна из них и привела вас сюда). Вливайтесь в ряды просветителей, доносите до людей информацию о существовании другой цифровой
Вселенной!
<div>
<a href="files/agita500.pdf"><img src="images/thumb1.png" width="180"></a>
<a href="files/agita501.pdf"><img src="images/thumb2.png" width="180"></a>
<a href="files/agita502.pdf"><img src="images/thumb3.png" width="180"></a>
<a href="files/agita503.pdf"><img src="images/thumb4.png" width="180"></a>
</div>
</div>
<hr style="clear: right">
<h2 id="coc" >Устав сообщества</h2>
<div>
Свободные сообщества не регулируются жёсткими правиламии и пользвательскими соглашениями, тем не менее существует рекомендуемый к соблюдению Устав,
следуя положениям которого, вы — будь вы пользователем, модератором или администратором узла — сделаете вхождение и пребывание людей в Сети
простым и комфортным. Общение свободных людей основано на терпимости, неагрессивности и взаимном уважении. Пользователи, администраторы и модераторы
являются равноправными участниками сообщества.
<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>
<hr style="clear: right">
<h2 id="kb" >База знаний</h2>
<div>
Сообщество не было бы сообществом, если бы не свободный обмен знаниями. Организуются группы по интересам в соцсетях, создаются тематические Вики — любой способ,
которым вы можете помочь окружащим, доступен, любая помощь приветствуется. Вот примеры информационных ресурсов, которые могут помочь вам в освоении
альтернативной Сети:
<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>
<hr style="clear: right">
<!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">
</div>
</div>
<!-- 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">
<footer class="footer">
<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>.
<!-- 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>.
</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>
</footer>
</body>
<!-- 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>