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

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

119
coc.html
View File

@ -1,29 +1,69 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<html lang="ru"> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Устав Федерации</title> <title>Устав Федерации</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style/reset.css"> <!-- Animate.css -->
<link rel="stylesheet" href="style/main.css"> <link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="style/blue.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> </head>
<body> <body>
<div class="mainContainer">
<nav id="header"> <div class="fh5co-loader"></div>
<a href="index.html"><div>Главная</div></a>
<a href="social.html"><div>Социальные сети</div></a> <div id="page">
<a href="im.html"><div>Сервисы мгновенных сообщений</div></a> <nav class="fh5co-nav" role="navigation">
<a href="mail.html"><div>Почтовые сервисы</div></a> <div class="container-wrap">
<a href="search.html"><div>Поисковые сервисы</div></a> <div class="top-menu">
<a href="info.html"><div>Зачем?</div></a> <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><a href="social.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="extra.html">Доп. материалы</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav> </nav>
<div class="content"> <div class="container-wrap">
<div id="fh5co-work">
<div class="row">
<div class="col-md-9">
<h3>Рекомендованные практики для пользователей</h3> <h3>Рекомендованные практики для пользователей</h3>
<font color="black">
<p>Данные практики рекомендуются пользователям для поддержания этичного общения и улучшения качества жизни в сети.</p> <p>Данные практики рекомендуются пользователям для поддержания этичного общения и улучшения качества жизни в сети.</p>
<h4>Принципы неагрессивного поведения</h4> <h4>Принципы неагрессивного поведения</h4>
@ -146,13 +186,52 @@
2) Если вам указали на то, что на данном сервере некоторые темы строго запрещены, вы имеете возможность мигрировать на другой сервер или зарегистрировать запасную учетную запись на сервере, где такого запрета нет. Внимательно изучайте особые положения правил серверов.</p> 2) Если вам указали на то, что на данном сервере некоторые темы строго запрещены, вы имеете возможность мигрировать на другой сервер или зарегистрировать запасную учетную запись на сервере, где такого запрета нет. Внимательно изучайте особые положения правил серверов.</p>
<p>Если вы являетесь администратором сервера со свободным доступом без ограничений, убедительно рекомендуется явным образом обозначить данную политику в особых положениях вашего сервера.</p> <p>Если вы являетесь администратором сервера со свободным доступом без ограничений, убедительно рекомендуется явным образом обозначить данную политику в особых положениях вашего сервера.</p>
</font>
</div>
</div>
</div> </div>
</div> </div>
<footer class="footer">
Copyleft Доктор и компания.
</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> </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> </body>
</html> </html>

View File

@ -15,7 +15,7 @@ body {
font-weight: 300; font-weight: 300;
font-size: 14px; font-size: 14px;
line-height: 1.7; line-height: 1.7;
color: gray; color: black;
background: #e8e8e8; background: #e8e8e8;
} }

View File

@ -1,79 +1,191 @@
<!DOCTYPE html> <!DOCTYPE HTML>
<html lang="ru"> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<title>Дополнительная информация</title> <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="style/reset.css"> <!-- Animate.css -->
<link rel="stylesheet" href="style/main.css"> <link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="style/blue.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> </head>
<body> <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 class="fh5co-loader"></div>
<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> <ul>
<li>С выдержкой из Устава, содержащей рекомендации по поведению пользователей, вы можете ознакомиться → <a href="coc.html">по этой ссылке</a> ← </li> <li><a href="index.html">Главная</a></li>
<li>Полная версия, содержащая все положения, определения и рекомендации, находится → <a href="https://github.com/drequivalent/ru-fediverse-policy/blob/master/README.md">здесь</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> </ul>
</div>
</div> </div>
<hr style="clear: right"> </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> <h2 id="kb">База знаний</h2>
<p>
Сообщество не было бы сообществом, если бы не свободный обмен знаниями.
Организуются группы по интересам в соцсетях, создаются тематические Вики — любой способ,
которым вы можете помочь окружащим, доступен, любая помощь приветствуется. Вот примеры информационных
ресурсов, которые могут помочь вам в освоении альтернативной Сети:
</p>
<div> <div>
Сообщество не было бы сообществом, если бы не свободный обмен знаниями. Организуются группы по интересам в соцсетях, создаются тематические Вики — любой способ, <h4>Обмен знаниями</h4>
которым вы можете помочь окружащим, доступен, любая помощь приветствуется. Вот примеры информационных ресурсов, которые могут помочь вам в освоении
альтернативной Сети:
<ul> <ul>
<li><a href="https://switching.social">Switching.Social</a> ← англоязычный сайт с огромным количеством информации на тему "чем заменить <li><a href="https://switching.social">Switching.Social</a> ← англоязычный сайт с огромным
неэтичные централизованные сервисы, следящие собственнические приложения, и так далее". Именно его перевод использовался при создании списков количеством информации на тему "чем заменить неэтичные централизованные сервисы, следящие
собственнические приложения, и так далее". Именно его перевод использовался при создании списков
в заголовке этого сайта. в заголовке этого сайта.
</li> </li>
<li><a href="https://wiki.phreedom.tk">Phreedom Wiki</a> ← русскоязычная вики для администраторов Fediverse. В процессе создания.</li> <li><a href="https://wiki.phreedom.tk">Phreedom Wiki</a> ← русскоязычная вики для администраторов
<li><a href="https://communitywiki.org/wiki">Community Wiki</a> ← англоязычная Wiki, цель которой упростить процесс вхождения людей в сообщество.</li> Fediverse. В процессе создания.
</li>
<li><a href="https://communitywiki.org/wiki">Community Wiki</a> ← англоязычная Wiki, цель которой
упростить процесс вхождения людей в сообщество.
</li>
<li><a href="https://communitywiki.org/trunk">Trunks</a> ← большой список групп по интересам.</li> <li><a href="https://communitywiki.org/trunk">Trunks</a> ← большой список групп по интересам.</li>
</ul> </ul>
</div> </div>
<hr style="clear: right">
</div>
</div> </div>
<footer class="footer"> </div>
</div><!-- END container-wrap -->
<div class="container-wrap">
<footer role="contentinfo">
<div class="row"> <div class="row">
<div class="col-md-10 col-md-offset-1 text-center"> <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="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a>
@ -82,5 +194,29 @@
</div> </div>
</div> </div>
</footer> </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> </body>
</html> </html>

View File

@ -46,9 +46,11 @@
<ul> <ul>
<li><a href="index.html">Главная</a></li> <li><a href="index.html">Главная</a></li>
<li class="active"><a href="im.html">Мессенджеры</a></li> <li class="active"><a href="im.html">Мессенджеры</a></li>
<li><a href="mail.html">Почтовые сервисы</a></li> <li><a href="mail.html">Почта</a></li>
<li><a href="social.html">Социальные сети</a></li> <li><a href="social.html">Соцсети</a></li>
<li><a href="info.html">Подробнее</a></li> <li><a href="info.html">Подробнее</a></li>
<li><a href="extra.html">Доп. материалы</a></li>
</ul> </ul>
</div> </div>
</div> </div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.7 KiB

BIN
images/community.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

View File

@ -47,8 +47,9 @@
<li class="active"><a href="index.html">Главная</a></li> <li class="active"><a href="index.html">Главная</a></li>
<li><a href="social.html">Соцсети</a></li> <li><a href="social.html">Соцсети</a></li>
<li><a href="im.html">Мессенджеры</a></li> <li><a href="im.html">Мессенджеры</a></li>
<li><a href="mail.html">Почтовые сервисы</a></li> <li><a href="mail.html">Почта</a></li>
<li><a href="info.html">Подробнее</a></li> <li><a href="info.html">Подробнее</a></li>
<li><a href="extra.html">Доп. материалы</a></li>
</ul> </ul>
</div> </div>
</div> </div>

View File

@ -45,9 +45,10 @@
<div class="col-xs-10 text-right menu-1"> <div class="col-xs-10 text-right menu-1">
<ul> <ul>
<li><a href="index.html">Главная</a></li> <li><a href="index.html">Главная</a></li>
<li><a href="social.html">Социальные сети</a></li> <li><a href="social.html">Соцсети</a></li>
<li><a href="mail.html">Почтовые сервисы</a></li> <li><a href="mail.html">Почта</a></li>
<li><a href="im.html">Мессенджеры</a></li> <li><a href="im.html">Мессенджеры</a></li>
<li><a href="extra.html">Доп. материалы</a></li>
</ul> </ul>
</div> </div>
</div> </div>

View File

@ -45,10 +45,12 @@
<div class="col-xs-10 text-right menu-1"> <div class="col-xs-10 text-right menu-1">
<ul> <ul>
<li><a href="index.html">Главная</a></li> <li><a href="index.html">Главная</a></li>
<li class="active"><a href="mail.html">Почтовые сервисы</a></li> <li class="active"><a href="mail.html">Почта</a></li>
<li><a href="social.html">Социальные сети</a></li> <li><a href="social.html">Соцсети</a></li>
<li><a href="im.html">Мессенджеры</a></li> <li><a href="im.html">Мессенджеры</a></li>
<li><a href="info.html">Подробнее</a></li> <li><a href="info.html">Подробнее</a></li>
<li><a href="extra.html">Доп. материалы</a></li>
</ul> </ul>
</div> </div>
</div> </div>

View File

@ -46,9 +46,11 @@
<ul> <ul>
<li><a href="index.html">Главная</a></li> <li><a href="index.html">Главная</a></li>
<li class="active"><a href="social.html">Соцсети</a></li> <li class="active"><a href="social.html">Соцсети</a></li>
<li><a href="mail.html">Почтовые сервисы</a></li> <li><a href="mail.html">Почта</a></li>
<li><a href="im.html">Мессенджеры</a></li> <li><a href="im.html">Мессенджеры</a></li>
<li><a href="info.html">Подробнее</a></li> <li><a href="info.html">Подробнее</a></li>
<li><a href="extra.html">Доп. материалы</a></li>
</ul> </ul>
</div> </div>
</div> </div>