Введение в федеративные сервисы для жертв Фкантактика и Faceboogle. Интерфейс упрощён, тексты нарезаны блоками. "Многабукаф" выведено на отдельную страницу. 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.

294 lines
15 KiB

1 year ago
1 year ago
1 year ago
2 years ago
1 year ago
1 year ago
2 years ago
10 months ago
10 months ago
10 months ago
1 year ago
2 years ago
1 year ago
1 year ago
5 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
11 months ago
11 months ago
11 months ago
1 year ago
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head profile="https://fedi.life">
  4. <link rel="icon"
  5. type="image/png"
  6. href="favicon.png" />
  7. <head>
  8. <meta charset="utf-8">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10. <title>У вас всегда есть выбор! - Поисковые системы.</title>
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12. <link rel="stylesheet" href="css/picnic.min.css">
  13. <style>aside a.top {
  14. font-size: 0;
  15. position: fixed;
  16. bottom: 0;
  17. font-weight: bold;
  18. width: 180px;
  19. padding: .6em 0;
  20. margin-bottom: 0;
  21. border-radius: .3em .3em 0 0;
  22. transition: all .3s ease;
  23. }
  24. aside a.top.visible {
  25. font-size: 1em;
  26. }
  27. aside .links a.button {
  28. text-align: left;
  29. }
  30. @media all and (max-width: 1000px) {
  31. aside a.pseudo.top {
  32. background: rgba(255, 255, 255, .8);
  33. width: 100%;
  34. left: 0;
  35. text-align: center;
  36. z-index: 100;
  37. }
  38. }
  39. .documentation article > h2 {
  40. margin: -2em 0 .6em;
  41. padding: 3em 0 0;
  42. line-height: 1;
  43. }
  44. .documentation article > h3 {
  45. margin-bottom: .6em;
  46. }
  47. .documentation aside h2 {
  48. margin-top: 0;
  49. padding: 1.25em 0;
  50. line-height: 1;
  51. }
  52. .documentation aside a.pseudo {
  53. color: #0074D9;
  54. margin: 0;
  55. }
  56. .documentation > section {
  57. background: #fff;
  58. text-align: left;
  59. width: 90%;
  60. max-width: 960px;
  61. margin: 0 auto;
  62. padding: 80px 0 0;
  63. }
  64. .documentation article > h1 {
  65. margin: 0;
  66. padding: 0.6em 0;
  67. font-size: 2em;
  68. line-height: 1.5;
  69. }
  70. .documentation aside a.button {
  71. display: block;
  72. }
  73. .documentation pre[class*="language-"] {
  74. margin-top: 10px;
  75. margin-bottom: 40px;
  76. }
  77. .documentation .index pre {
  78. margin: 0;
  79. font-size: .9em;
  80. }
  81. </style>
  82. </head>
  83. <body>
  84. <nav class="fedi">
  85. <a href="https://fedi.life" class="brand">
  86. <img class="logo" src="images/logo.png" />
  87. <span>Fedi.Life</span>
  88. </a>
  89. <!-- responsive-->
  90. <input id="bmenub" type="checkbox" class="show">
  91. <label for="bmenub" class="burger pseudo button">меню</label>
  92. <div class="menu">
  93. <a href="im.html" class="pseudo button">Мессенджеры</a>
  94. <a href="social.html" class="pseudo button">Соцсети</a>
  95. <a href="mail.html" class="pseudo button">Почта</a>
  96. <a href="search.html" class="pseudo button">Поиск</a>
  97. <a href="extra.html" class="pseudo button">Допматериалы</a>
  98. <a href="info.html" class="pseudo button">Подробнее</a>
  99. </div>
  100. </nav>
  101. <main id="home" class="documentation">
  102. <section class="flex">
  103. <article class="four-fifth-1000">
  104. <header><h2>Зачем вообще менять поисковик?</h2></header>
  105. <p>
  106. <img src="images/q.png" align="right" style="margin: 0px 0px 0px 10px;" alt="question">
  107. Централизованные поисковые системы, ярчайшими (в негативном смысле) представителями которых являются
  108. Google, Bing и Яндекс, строят поисковую выдачу на анализе ваших предыдущих запросов, формируя
  109. так называемый "информационный пузырь", также известный как <b>"пузырь фильтров"</b>. Как следствие,
  110. получаемая вами информация в этих поисковых системах ограничена исключительно той, которую,
  111. <b>по мнению поисковика</b> вы предпочтёте увидеть. Ваше личное мнение никого не волнует — как раз наоборот,
  112. формируя поисковую выдачу должным образом, на ваше мнение очень легко повлиять. Таким образом,
  113. инструменты, создававшиеся для облегчения доступа к информации, превратились в инструменты
  114. зомбирования и манипуляции. Ну и не забывайте о вездесущей рекламе, порой залезающей в весьма интимные
  115. сферы вашей жизни.
  116. </p>
  117. </article>
  118. <article class="four-fifth-1000">
  119. <header><h2>Альтернативные варианты</h2></header>
  120. <p>
  121. <img src="images/mag.png" align="right" style="margin: 0px 0px 0px 10px;" alt="searching">
  122. Поиск в море информации современной Сети — дело ресурсозатратное. Нужны огромные мощности для анализа и индексации
  123. всей мудрости и глупости Человечества. Как же совместить необходимость содержать громадные датацентры с безопасностью
  124. и неприкосновенностью личных данных, да ещё и обеспечить адекватную выдачу информации?
  125. </p>
  126. <p>
  127. Есть несколько вариантов. Вариант, выбранный Гуглом, Яндексом и подобными (к чёрту вашу приватность, будем торговать
  128. пользователями), нас не устраивает. Рассмотрим остальные.
  129. </p>
  130. <p>
  131. <article class="four-fifth-1000">
  132. <header><h3>Вариант первый - открытый метапоиск</h3></header>
  133. Поисковые системы, избравшие этот вариант, используют выдачу поисковых гигантов, проксируя и обезличивая ваши запросы.
  134. Это не требует больших затрат вычислительных мощностей и позволяет обходиться пожертвованиями или нетаргетированной рекламой.
  135. </p>
  136. <article class="four-fifth-1000">
  137. <header>SearX</header>
  138. <center><label for="modal_sx"><img src="images/searx.png" width="80%"></label> </center>
  139. <div class="modal">
  140. <input id="modal_sx" type="checkbox" />
  141. <label for="modal_sx" class="overlay"></label>
  142. <article>
  143. <header>
  144. <h3>SearX</h3>
  145. <label for="modal_sx" class="close">&times;</label>
  146. </header>
  147. <section class="content">
  148. <img src="images/searx.png" width="100%">
  149. </section>
  150. </article>
  151. </div>
  152. <span>
  153. <p>
  154. Это метапоисковик с <a href="https://github.com/asciimoo/searx">открытым</a> исходным кодом, что позволяет каждому
  155. желающему поднять свой поисковый сервер. Обычный же пользователь может выбрать из множества уже существующих.
  156. Например, этих:
  157. <ul>
  158. <li><a href="https://a.searx.space/">a.searx.space</a></li>
  159. <li><a href="https://searx.info">searx.info</a></li>
  160. <li><a class="Button" href="https://searx.be">searx.be</a></li>
  161. </ul>
  162. <br>
  163. (полный список доступен <a href="https://searx.space">здесь</a>)
  164. </p>
  165. <p>
  166. Он использует данные из множества источников, таких как Google, Yandex, DuckDuckGo, Bing, Yahoo!, Wikipedia...
  167. (Выбрать предпочтительные вы можете в настройках), что обеспечивает релевантную и гибко настраиваемую лично вами
  168. поисковую выдачу.
  169. </p>
  170. </span>
  171. </article>
  172. </article>
  173. <article class="four-fifth-1000">
  174. <header><h3>Вариант второй - гранты и общественные проекты</h3></header>
  175. <span>
  176. В этом случае команда поддержки поисковика интегрируется с общественными движениям и делит финансирование от
  177. грантов и пожертвований наравне с доходами от неследящей рекламы в самой поисковой системе.
  178. </span>
  179. <article class="four-fifth-1000">
  180. <header>Ecosia</header>
  181. <center><label for="modal_ec"><img src="images/ecosia.png" width="80%"></label> </center>
  182. <div class="modal">
  183. <input id="modal_ec" type="checkbox" />
  184. <label for="modal_ec" class="overlay"></label>
  185. <article>
  186. <header>
  187. <h3>Ecosia</h3>
  188. <label for="modal_ec" class="close">&times;</label>
  189. </header>
  190. <section class="content">
  191. <img src="images/ecosia.png" width="100%">
  192. </section>
  193. </article>
  194. </div>
  195. <span>
  196. <p>
  197. Этот поисковик направляет часть доходов от рекламы и грантов на посадку деревьев по всему миру. Задумка проста:
  198. хотите помочь озеленить планету — отключите блокировку рекламы на этом сайте и вперёд — сажайте
  199. деревья, просто используя поисковик!
  200. </p>
  201. <a href="https://ecosia.org">Ecosia</a>
  202. </span>
  203. </article>
  204. </article>
  205. <article class="four-fifth-1000">
  206. <header><h3>Вариант третий - федерация</h3></header>
  207. <span>
  208. Приверженцы этого подхода зашли с другой стороны. Основная проблема поиска — в огромных вычислительных ресурсах, необходимых
  209. для его нормальной работы, а купить датацентр может позволить себе далеко не каждый? Не проблема — мы просто распределим
  210. ресурсы. Каждый будет индексировать малюсенький кусочек сети со своего собственного слабого сервера и делиться результатами
  211. с остальными. И это действительно работает!
  212. </span>
  213. <article class="four-fifth-1000">
  214. <header>YaCy</header>
  215. <center><label for="modal_yc"><img src="images/yacy.png" width="80%"></label> </center>
  216. <div class="modal">
  217. <input id="modal_yc" type="checkbox" />
  218. <label for="modal_yc" class="overlay"></label>
  219. <article>
  220. <header>
  221. <h3>YaCy</h3>
  222. <label for="modal_yc" class="close">&times;</label>
  223. </header>
  224. <section class="content">
  225. <img src="images/yacy.png" width="100%">
  226. </section>
  227. </article>
  228. </div>
  229. <span>
  230. <p>
  231. Этот вариант подойдёт продвинутым пользователям и системным администраторам, так как проект ориентирован
  232. в первую очередь на развёртывание инстанции "под себя". Всё достаточно просто — вы устанавливаете приложение,
  233. выбираете режим работы (P2P Mode — основной режим, при котором вы можете делиться своими результатами индексации
  234. и получать их от других по DHT, запрашивать и принимать запросы на удалённую индексацию, и многое другое;
  235. Search Portal — если вы уверены в своих силах и хотите составить свой собственный индекс Сети; Intranet — для поиска
  236. по локальному сайту или внутренней сети). Далее — индекируйте, всё, что вам вздумается, предоставляйте результаты
  237. сообществу, если хотите, а можете открыть свой портал остальным, например, друзьям и знакомым.
  238. <br>
  239. <a href="https://yacy.net/">Yacy</a>
  240. </article>
  241. </article>
  242. </section>
  243. </main>
  244. <section>
  245. <hr>
  246. <center>
  247. <a href="https://phreedom.club/~tolstoevsky"><img src="images/ava-min.png" width=32px></a>&nbsp;|&nbsp;Created with <a href="https://picnicss.com/">PicniCSS</a>
  248. <p xmlns:dct="http://purl.org/dc/terms/" xmlns:vcard="http://www.w3.org/2001/vcard-rdf/3.0#">
  249. <a rel="license"
  250. href="http://creativecommons.org/publicdomain/zero/1.0/">
  251. <img src="http://i.creativecommons.org/p/zero/1.0/88x31.png" style="border-style: none;" alt="CC0" />
  252. </a>
  253. <br />
  254. To the extent possible under law,
  255. <a rel="dct:publisher"
  256. href="https://phreedom.club/~tolstoevsky">
  257. <span property="dct:title">Tolstoevsky</span></a>
  258. has waived all copyright and related or neighboring rights to
  259. <span property="dct:title">Fedi Life</span>.
  260. This work is published from:
  261. <span property="vcard:Country" datatype="dct:ISO3166"
  262. content="RU" about="https://phreedom.club/~tolstoevsky">
  263. Russian Federation</span>.
  264. </p>
  265. </center>
  266. </section>
  267. </body>
  268. </html>