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

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

131
coc.html
View File

@ -1,29 +1,69 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Устав Федерации</title>
<!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="style/reset.css">
<link rel="stylesheet" href="style/main.css">
<link rel="stylesheet" href="style/blue.css">
<!-- 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">
</head>
<body>
<div class="mainContainer">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<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">
<!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<h3>Рекомендованные практики для пользователей</h3>
<!-- 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><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>
<div class="container-wrap">
<div id="fh5co-work">
<div class="row">
<div class="col-md-9">
<h3>Рекомендованные практики для пользователей</h3>
<font color="black">
<p>Данные практики рекомендуются пользователям для поддержания этичного общения и улучшения качества жизни в сети.</p>
<h4>Принципы неагрессивного поведения</h4>
@ -146,13 +186,52 @@
2) Если вам указали на то, что на данном сервере некоторые темы строго запрещены, вы имеете возможность мигрировать на другой сервер или зарегистрировать запасную учетную запись на сервере, где такого запрета нет. Внимательно изучайте особые положения правил серверов.</p>
<p>Если вы являетесь администратором сервера со свободным доступом без ограничений, убедительно рекомендуется явным образом обозначить данную политику в особых положениях вашего сервера.</p>
</font>
</div>
</div>
</div>
</div>
<footer class="footer">
Copyleft Доктор и компания.
</footer>
</body>
</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>
<!-- 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>

View File

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

View File

@ -1,86 +1,222 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Дополнительная информация</title>
<!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="style/reset.css">
<link rel="stylesheet" href="style/main.css">
<link rel="stylesheet" href="style/blue.css">
<!-- 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">
</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>
<!-- 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>
</div>
<hr style="clear: right">
</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>
<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>
</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>
<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>
<hr style="clear: right">
</ul>
</div>
<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>
</div>
<hr style="clear: right">
</div>
</div>
<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>.
</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>

View File

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

View File

@ -45,9 +45,10 @@
<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="social.html">Соцсети</a></li>
<li><a href="mail.html">Почта</a></li>
<li><a href="im.html">Мессенджеры</a></li>
<li><a href="extra.html">Доп. материалы</a></li>
</ul>
</div>
</div>

View File

@ -45,10 +45,12 @@
<div class="col-xs-10 text-right menu-1">
<ul>
<li><a href="index.html">Главная</a></li>
<li class="active"><a href="mail.html">Почтовые сервисы</a></li>
<li><a href="social.html">Социальные сети</a></li>
<li class="active"><a href="mail.html">Почта</a></li>
<li><a href="social.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>

View File

@ -46,9 +46,11 @@
<ul>
<li><a href="index.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="info.html">Подробнее</a></li>
<li><a href="extra.html">Доп. материалы</a></li>
</ul>
</div>
</div>