Адаптация под responsive design, тексты переписаны под обладателей клипового мышления.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

255 lines
11KB

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>Дополнительные материалы</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <!-- Animate.css -->
  9. <link rel="stylesheet" href="css/animate.css">
  10. <!-- Icomoon Icon Fonts-->
  11. <link rel="stylesheet" href="css/icomoon.css">
  12. <!-- Bootstrap -->
  13. <link rel="stylesheet" href="css/bootstrap.css">
  14. <!-- Magnific Popup -->
  15. <link rel="stylesheet" href="css/magnific-popup.css">
  16. <!-- Flexslider -->
  17. <link rel="stylesheet" href="css/flexslider.css">
  18. <!-- Theme style -->
  19. <link rel="stylesheet" href="css/style.css">
  20. <!-- Modernizr JS -->
  21. <script src="js/modernizr-2.6.2.min.js"></script>
  22. <!-- FOR IE9 below -->
  23. <!--[if lt IE 9]>
  24. <script src="js/respond.min.js"></script>
  25. <![endif]-->
  26. <script>
  27. /*
  28. @licstart
  29. The MIT License (MIT)
  30. Copyright JS Foundation and other contributors, https://js.foundation/
  31. Permission is hereby granted, free of charge, to any person obtaining
  32. a copy of this software and associated documentation files (the
  33. "Software"), to deal in the Software without restriction, including
  34. without limitation the rights to use, copy, modify, merge, publish,
  35. distribute, sublicense, and/or sell copies of the Software, and to
  36. permit persons to whom the Software is furnished to do so, subject to
  37. the following conditions:
  38. The above copyright notice and this permission notice shall be
  39. included in all copies or substantial portions of the Software.
  40. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  41. EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  42. MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
  43. NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
  44. LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
  45. OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
  46. WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  47. @licend The above is the entire license notice
  48. for the JavaScript code in this page.
  49. */
  50. </script>
  51. </head>
  52. <body>
  53. <div class="fh5co-loader"></div>
  54. <div id="page">
  55. <nav class="fh5co-nav" role="navigation">
  56. <div class="container-wrap">
  57. <div class="top-menu">
  58. <div class="row">
  59. <div class="col-xs-2">
  60. <div id="fh5co-logo"><a href="index.html">Fediverse</a></div>
  61. </div>
  62. <div class="col-xs-10 text-right menu-1">
  63. <ul>
  64. <li><a href="index.html">Главная</a></li>
  65. <li><a href="social.html">Соцсети</a></li>
  66. <li><a href="im.html">Мессенджеры</a></li>
  67. <li><a href="mail.html">Почта</a></li>
  68. <li><a href="info.html">Подробнее</a></li>
  69. <li class="active"><a href="extra.html">Доп. материалы</a></li>
  70. </ul>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </nav>
  76. <div class="container-wrap">
  77. <aside id="fh5co-hero">
  78. <div class="flexslider">
  79. <ul class="slides">
  80. <li style="background-image: url(images/community.jpg);">
  81. <div class="overlay-gradient"></div>
  82. <div class="row">
  83. <div class="col-md-6 col-md-offset-3 slider-text slider-text-bg">
  84. <div class="slider-text-inner text-center">
  85. <div class="blurred-card">
  86. <h1>Дополнительные материалы</h1>
  87. <h2>Для тех, кто хочет принять активное участие в жизни сообщества</h2>
  88. <div class="background-faker">
  89. <div style="background-image: url(images/community.jpg);"></div>
  90. </div>
  91. <div class="card-content">
  92. <h1>Дополнительные материалы</h1>
  93. <h2>Для тех, кто хочет принять активное участие в жизни сообщества</h2>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </li>
  100. </ul>
  101. </div>
  102. </aside>
  103. <div id="fh5co-work">
  104. <div class="row">
  105. <div class="col-md-3">
  106. <a href="files/agita500.pdf">
  107. <img src="images/thumb1.png" class="img-responsive">
  108. </a>
  109. <a href="files/agita501.pdf">
  110. <img src="images/thumb2.png" class="img-responsive">
  111. </a>
  112. <a href="files/agita502.pdf">
  113. <img src="images/thumb3.png" class="img-responsive">
  114. </a>
  115. <a href="files/agita503.pdf">
  116. <img src="images/thumb4.png" class="img-responsive">
  117. </a>
  118. </div>
  119. <div class="col-md-7">
  120. <h2 id="agit">Агитационные материалы</h2>
  121. <p>
  122. Вы можете помочь распространению информации о свободных альтернативах централизованным сервисам,
  123. дав ссылку на этот сайт, либо распечатав и распространив листовки
  124. (не исключаем, что одна из них и привела вас сюда). Вливайтесь в ряды просветителей,
  125. доносите до людей информацию о существовании другой цифровой Вселенной!
  126. </p>
  127. <p>
  128. Приветствуется распространение информации в традиционных сетях, группах, раздача листовок на митингах.
  129. </p>
  130. </div>
  131. <div class="col-md-7">
  132. <h2 id="coc">Устав сообщества</h2>
  133. <p>
  134. Свободные сообщества не регулируются жёсткими правиламии и пользвательскими соглашениями,
  135. тем не менее существует рекомендуемый к соблюдению Устав, следуя положениям которого,
  136. вы — будь вы пользователем, модератором или администратором узла — сделаете вхождение
  137. и пребывание людей в Сети простым и комфортным. Общение свободных людей основано на терпимости,
  138. неагрессивности и взаимном уважении. Пользователи, администраторы и модераторы
  139. являются равноправными участниками сообщества.
  140. </p>
  141. <div>
  142. <h4>Прочитать</h4>
  143. <ul>
  144. <li>С выдержкой из Устава, содержащей рекомендации по поведению пользователей,
  145. вы можете ознакомиться → <a href="coc.html">по этой ссылке</a> ←
  146. </li>
  147. <li>Полная версия, содержащая все положения, определения и рекомендации, находится
  148. → <a href="https://github.com/drequivalent/ru-fediverse-policy/blob/master/README.md">здесь</a> ←
  149. </li>
  150. </ul>
  151. </div>
  152. </div>
  153. <div class="col-md-7">
  154. <h2 id="kb">База знаний</h2>
  155. <p>
  156. Сообщество не было бы сообществом, если бы не свободный обмен знаниями.
  157. Организуются группы по интересам в соцсетях, создаются тематические Вики — любой способ,
  158. которым вы можете помочь окружащим, доступен, любая помощь приветствуется. Вот примеры информационных
  159. ресурсов, которые могут помочь вам в освоении альтернативной Сети:
  160. </p>
  161. <div>
  162. <h4>Обмен знаниями</h4>
  163. <ul>
  164. <li><a href="https://switching.software">Switching.Software</a> ← англоязычный сайт с огромным
  165. количеством информации на тему "чем заменить неэтичные централизованные сервисы, следящие
  166. собственнические приложения, и так далее". Именно его перевод использовался при создании списков
  167. в заголовке этого сайта.
  168. </li>
  169. <li><a href="https://wiki.phreedom.tk">Phreedom Wiki</a> ← русскоязычная вики для администраторов
  170. Fediverse. В процессе создания.
  171. </li>
  172. <li><a href="https://communitywiki.org/wiki">Community Wiki</a> ← англоязычная Wiki, цель которой
  173. упростить процесс вхождения людей в сообщество.
  174. </li>
  175. <li><a href="https://communitywiki.org/trunk">Trunks</a> ← большой список групп по интересам.</li>
  176. </ul>
  177. </div>
  178. </div>
  179. </div>
  180. </div><!-- END container-wrap -->
  181. <div class="container-wrap">
  182. <footer role="contentinfo">
  183. <div class="row">
  184. <div class="col-md-10 col-md-offset-1 text-center">
  185. <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a>
  186. какие-то люди. Использован также перевод оригинального английского текста
  187. <a href="https://switching.software">Switching.Social</a>. Дополнения принимаются <a href="https://git.macaw.me/Tolstoevsky/switching">здесь</a>.
  188. Поддержать деньгами можно <a href="https://www.patreon.com/tolstoevsky">на Patreon</a> или на <a href="https://ru.liberapay.com/tolstoevsky/donate">Liberapay</a>.
  189. </div>
  190. </div>
  191. </footer>
  192. </div><!-- END container-wrap -->
  193. <div class="gototop js-top">
  194. <a href="#" class="js-gotop"><i class="icon-arrow-up2"></i></a>
  195. </div>
  196. <!-- jQuery -->
  197. <script src="js/jquery.min.js"></script>
  198. <!-- jQuery Easing -->
  199. <script src="js/jquery.easing.1.3.js"></script>
  200. <!-- Bootstrap -->
  201. <script src="js/bootstrap.min.js"></script>
  202. <!-- Waypoints -->
  203. <script src="js/jquery.waypoints.min.js"></script>
  204. <!-- Flexslider -->
  205. <script src="js/jquery.flexslider-min.js"></script>
  206. <!-- Magnific Popup -->
  207. <script src="js/jquery.magnific-popup.min.js"></script>
  208. <script src="js/magnific-popup-options.js"></script>
  209. <!-- Counters -->
  210. <script src="js/jquery.countTo.js"></script>
  211. <!-- Main -->
  212. <script src="js/main.js"></script>
  213. </body>
  214. </html>