Адаптация под responsive design, тексты переписаны под обладателей клипового мышления.
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

103 Zeilen
6.7KB

  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/popup.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" class="active">Главная</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">Документы и агитматериалы</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/fedi-small.png" align="right" style="margin: 0px 0px 0px 10px;">
  30. Вы на странице русского ответвления Fediverse — глобальной сети взаимосвязанных соцсетей. Мы предлагаем свободные
  31. альтернативы популярным сервисам, сделанные людьми и для людей, а не корпорациями с целью извлечения прибыли. (Подробности -
  32. <a href="info.html">здесь</a>).
  33. <br>
  34. По сути, это — <i>Сеть, как она была задумана.</i><br>
  35. Огромное количество равноправных серверов, прозрачно взаимодействующих между собой. Пользователи и администраторы взаимодействуют
  36. на равных и обладают равными правами.
  37. </div>
  38. <div class="textblock">
  39. <h2>Зачем это мне?</h2>
  40. <p>
  41. <img src="images/q.png" align="right" style="margin: 0px 0px 0px 10px;">
  42. <i>Неподцензурность пользователя, никакой рекламы и слежки.</i><br>
  43. Представьте, что у вас возник конфликт с администрацией вашей любимой сети, ваши сообщения удаляют, аккаунт блокируют.
  44. И заново зайти в привычный уже Вконтакте/Facebook — в лучшем случае через долгое унижение в чате техподдержки, фотографии
  45. паспорта и прочую дурь. Хотелось бы вам в этом случае просто по щелчку мышки зайти в "другой" ВК/FB и продолжить общение
  46. с теми же друзьями, обсуждать те же темы, но уже в недосягаемости от обозлённой администрации? У нас так можно. И даже больше
  47. — никто не мешает самому стать полновластным админом (при наличии минимальной технической подготовки).
  48. </p>
  49. </div>
  50. <div class="textblock">
  51. <h2>Чем вы лучше?</h2>
  52. <p>
  53. <img src="images/globe.png" align="right" style="margin: 0px 0px 0px 10px;">
  54. Всего два слова — <i>абсолютная взаимосвязанность.</i> <br>
  55. У каждого есть свой предпочтительный формат общения — кто-то любит потоки молниеносных сообщений Твиттера, кто-то —
  56. сложный формат взаимодействия ВК и Facebook, кто-то предпочитает видео или фото... Теперь представьте, что из Твиттера
  57. вы можете комментировать/лайкать/репостить посты YouTube, Instagram, ВК, а авторы, вещающие в удобном для них формате,
  58. оттуда вам отвечают, поддерживая полноценное общение, и никуда не надо перелогиниваться. Удобно? <i>У нас так можно.</i>
  59. </p>
  60. </div>
  61. <div class="textblock">
  62. <h2>Ну ладно. Что дальше?</h2>
  63. <p>
  64. <h3>Просто попробуйте свободную альтернативу:</h3>
  65. <div class="imgblock">
  66. <a href="images/mastodon2.png" >
  67. <img src="images/mastodon2.png" width=45% style="float:left; margin:1%;" class="zoom"></a>
  68. Замените Twitter на <a href="social.html#mastodon">Mastodon</a> — он намного удобней. (На данный момент
  69. — самая популярная из этичных социальных сетей с миллионами пользователей. Больше всего напоминает Твиттер,
  70. только с большим лимитом символов и более гибким интерфейсом).
  71. </div>
  72. <div class="imgblock">
  73. <a href="images/friendica.png" >
  74. <img src="images/friendica.png" width=45% style= "float:left; margin:1%;" class="zoom"></a>
  75. Замените Facebook/ВК на <a href="social.html#friendica">Friendica</a>. Также, как и Мастодон,
  76. Friendica создана из множества мелких сайтов, связанных воедино посредством федерации. Мелкие сайты, составляющие Френдику, называются "нодами".
  77. Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и всеми остальными альтернативными соцсетями, так что завести друзей в этих сетях не составит труда.
  78. </div>
  79. <div class="imgblock">
  80. <a href="images/pixelfed.png" >
  81. <img src="images/pixelfed.png" width=45% style="float:left; margin:1%;" class="zoom"></a>
  82. А вместо Instagram есть прекрасный <a href="social.html#pixelfed">PixelFed</a> — работает в любом браузере, между прочим.
  83. </div>
  84. <p>И ведь на безопасные для вас альтернативы можно заменить очень многое... Пройдитесь по разделам сайта — вы будете приятно удивлены.
  85. </p>
  86. </div>
  87. </div>
  88. </body>
  89. </html>