Адаптация под responsive design, тексты переписаны под обладателей клипового мышления. https://fedi.life
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.
 
 
 

120 lines
7.2 KiB

  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. <link rel="stylesheet" href="css/base.css">
  9. <link rel="stylesheet" href="css/menu.css">
  10. <link rel="stylesheet" href="css/btn.css">
  11. </head>
  12. <body>
  13. <input type="checkbox" id="menu">
  14. <label for="menu" onclick></label>
  15. <nav role="off-canvas">
  16. <ul>
  17. <li><a href="index.html">Главная</a></li>
  18. <li><a href="mail.html">Почта</a></li>
  19. <li><a href="im.html">Мессенджеры</a></li>
  20. <li><a href="social.html">Соцсети</a></li>
  21. <li><a href="search.html">Поисковики</a></li>
  22. <li><a href="extra.html" class="active">Документы и агитматериалы</a></li>
  23. <li><a href="info.html">Подробнее</a></li>
  24. </ul>
  25. </nav>
  26. <div class="textblock">
  27. <h2>Устав сообщества</h2>
  28. <p>
  29. <img src="images/book.png" align="right" style="margin: 0px 0px 0px 10px;" alt="устав">
  30. Свободные сообщества не регулируются жёсткими правиламии и пользовательскими соглашениями,
  31. тем не менее существует рекомендуемый к соблюдению Устав, следуя положениям которого,
  32. вы — будь вы пользователем, модератором или администратором узла — сделаете вхождение
  33. и пребывание людей в Сети простым и комфортным. Общение свободных людей основано на терпимости,
  34. неагрессивности и взаимном уважении. Пользователи, администраторы и модераторы
  35. являются равноправными участниками сообщества.
  36. </p>
  37. <div>
  38. <h4>Прочитать</h4>
  39. <ul>
  40. <li>С выдержкой из Устава, содержащей рекомендации по поведению пользователей,
  41. вы можете ознакомиться → <a href="coc.html">по этой ссылке</a> ←
  42. </li>
  43. <li>Полная версия, содержащая все положения, определения и рекомендации, находится
  44. → <a href="https://github.com/drequivalent/ru-fediverse-policy/blob/master/README.md">здесь</a> ←
  45. </li>
  46. </ul>
  47. </div>
  48. </div>
  49. <div class="textblock">
  50. <h2>База знаний</h2>
  51. <p>
  52. <img src="images/know.png" align="right" style="margin: 0px 0px 0px 10px;" alt="база знаний">
  53. Сообщество не было бы сообществом, если бы не свободный обмен знаниями.
  54. Организуются группы по интересам в соцсетях, создаются тематические Вики — любой способ,
  55. которым вы можете помочь окружащим, доступен, любая помощь приветствуется. Вот примеры информационных
  56. ресурсов, которые могут помочь вам в освоении альтернативной Сети:
  57. </p>
  58. <div>
  59. <h4>Обмен знаниями</h4>
  60. <ul>
  61. <li><a href="https://switching.software">Switching.Software</a> ← англоязычный сайт с огромным
  62. количеством информации на тему "чем заменить неэтичные централизованные сервисы, следящие
  63. собственнические приложения, и так далее". Именно его перевод использовался при создании списков
  64. в заголовке этого сайта.
  65. </li>
  66. <li><a href="https://wiki.phreedom.tk">Phreedom Wiki</a> ← русскоязычная вики для администраторов
  67. Fediverse. В процессе создания.
  68. </li>
  69. <li><a href="https://communitywiki.org/wiki">Community Wiki</a> ← англоязычная Wiki, цель которой
  70. упростить процесс вхождения людей в сообщество.
  71. </li>
  72. <li><a href="https://communitywiki.org/trunk">Trunks</a> ← большой список групп по интересам.</li>
  73. </ul>
  74. </div>
  75. </div>
  76. <div class="textblock" align="center">
  77. <h2>Агитационные материалы</h2>
  78. <p>
  79. <div class="imgblock">
  80. <a href="images/thumb1.png" >
  81. <img src="images/thumb1.png" width=15% max-width=100% style="float:left;" class="zoom"></a>
  82. <a href="images/thumb2.png" >
  83. <img src="images/thumb2.png" width=15% max-width=100% style="float:left; margin:1%;" class="zoom"></a>
  84. <a href="images/transport.png" >
  85. <img src="images/transport.png" width=15% max-width=100% style="float:left; margin:1%;" class="zoom" ></a>
  86. Вы можете помочь распространению информации о свободных альтернативах централизованным сервисам,
  87. дав ссылку на этот сайт, либо распечатав и распространив листовки
  88. (не исключаем, что одна из них и привела вас сюда). Вливайтесь в ряды просветителей,
  89. доносите до людей информацию о существовании другой цифровой Вселенной!
  90. </p>
  91. <p>
  92. Приветствуется распространение информации в традиционных сетях, группах, раздача листовок на митингах.
  93. <a class="Button" href="files/agit.zip">Скачать архив материалов</a>
  94. </p>
  95. </div>
  96. </div>
  97. </body>
  98. </html>