Browse Source

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

pull/2/head
Tolstoevsky 3 months ago
parent
commit
b363b2c47b
24 changed files with 340 additions and 117 deletions
  1. +111
    -32
      coc.html
  2. +1
    -1
      css/style.css
  3. +212
    -76
      extra.html
  4. +4
    -2
      im.html
  5. BIN
      images/blog-1.jpg
  6. BIN
      images/blog-2.jpg
  7. BIN
      images/blog-3.jpg
  8. BIN
      images/community.jpg
  9. BIN
      images/cover_bg_3.jpg
  10. BIN
      images/img_bg_1.jpg
  11. BIN
      images/img_bg_2.jpg
  12. BIN
      images/img_bg_3.jpg
  13. BIN
      images/img_bg_4.jpg
  14. BIN
      images/portfolio-1.jpg
  15. BIN
      images/portfolio-2.jpg
  16. BIN
      images/portfolio-3.jpg
  17. BIN
      images/portfolio-4.jpg
  18. BIN
      images/portfolio-5.jpg
  19. BIN
      images/portfolio-6.jpg
  20. BIN
      images/video.jpg
  21. +2
    -1
      index.html
  22. +3
    -2
      info.html
  23. +4
    -2
      mail.html
  24. +3
    -1
      social.html

+ 111
- 32
coc.html View File

@@ -1,29 +1,69 @@
<!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">

<h3>Рекомендованные практики для пользователей</h3>

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

<footer class="footer">
Copyleft Доктор и компания.
</footer>
</body>
</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>
<!-- 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>


+ 1
- 1
css/style.css View File

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


+ 212
- 76
extra.html 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>
<!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>
</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>
</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>

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

<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>
</ul>
</div>
</div>
<div class="col-md-7">

<hr style="clear: right">
<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>

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


+ 4
- 2
im.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>

BIN
images/blog-1.jpg View File

Before After
Width: 800  |  Height: 530  |  Size: 4.0KB

BIN
images/blog-2.jpg View File

Before After
Width: 800  |  Height: 533  |  Size: 4.1KB

BIN
images/blog-3.jpg View File

Before After
Width: 800  |  Height: 533  |  Size: 3.7KB

BIN
images/community.jpg View File

Before After
Width: 960  |  Height: 678  |  Size: 169KB

BIN
images/cover_bg_3.jpg View File

Before After
Width: 1200  |  Height: 1351  |  Size: 12KB

BIN
images/img_bg_1.jpg View File

Before After
Width: 1500  |  Height: 927  |  Size: 9.9KB

BIN
images/img_bg_2.jpg View File

Before After
Width: 1500  |  Height: 1000  |  Size: 11KB

BIN
images/img_bg_3.jpg View File

Before After
Width: 1500  |  Height: 1000  |  Size: 12KB

BIN
images/img_bg_4.jpg View File

Before After
Width: 1700  |  Height: 1000  |  Size: 12KB

BIN
images/portfolio-1.jpg View File

Before After
Width: 800  |  Height: 533  |  Size: 3.8KB

BIN
images/portfolio-2.jpg View File

Before After
Width: 800  |  Height: 698  |  Size: 4.7KB

BIN
images/portfolio-3.jpg View File

Before After
Width: 800  |  Height: 533  |  Size: 4.6KB

BIN
images/portfolio-4.jpg View File

Before After
Width: 800  |  Height: 597  |  Size: 4.0KB

BIN
images/portfolio-5.jpg View File

Before After
Width: 800  |  Height: 600  |  Size: 4.1KB

BIN
images/portfolio-6.jpg View File

Before After
Width: 800  |  Height: 786  |  Size: 5.2KB

BIN
images/video.jpg View File

Before After
Width: 800  |  Height: 538  |  Size: 3.9KB

+ 2
- 1
index.html 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>

+ 3
- 2
info.html 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>

+ 4
- 2
mail.html 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>

+ 3
- 1
social.html 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>

Loading…
Cancel
Save