Адаптация под 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.

142 lines
8.9KB

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head profile="https://fedi.life">
  4. <link rel="icon"
  5. type="image/png"
  6. href="favicon.png" />
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9. <title>У вас всегда есть выбор! — Мессенджеры</title>
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <link rel="stylesheet" href="css/base.css">
  12. <link rel="stylesheet" href="css/btn.css">
  13. <link rel="stylesheet" href="css/menu.css">
  14. </head>
  15. <body>
  16. <input type="checkbox" id="menu">
  17. <label for="menu" onclick></label>
  18. <nav role="off-canvas">
  19. <ul>
  20. <li><a href="index.html">Главная</a></li>
  21. <li><a href="mail.html">Почта</a></li>
  22. <li><a href="im.html" class="active">Мессенджеры</a></li>
  23. <li><a href="social.html">Соцсети</a></li>
  24. <li><a href="search.html">Поисковики</a></li>
  25. <li><a href="extra.html">Документы и агитматериалы</a></li>
  26. <li><a href="info.html">Подробнее</a></li>
  27. </ul>
  28. </nav>
  29. <div class="textblock">
  30. <h2>Децентрализованные мессенджеры</h2>
  31. <p>Способы быстро списаться и созвониться с нужным человеком</p>
  32. <div class="imgblock">
  33. <a href="images/movim.png" >
  34. <picture>
  35. <source srcset="images/conversations.png" media="(max-width: 700px)">
  36. <source srcset="images/movim.png">
  37. <img src="images/movim.png" width=45% max-width=100% alt="Jabber" class="zoom" >
  38. </picture></a>
  39. <p>
  40. <h3>XMPP (он же Jabber) - на замену WhatsApp и Telegram</h3>
  41. <span>
  42. Широко используемый свободный и открытый стандарт интернет-сообщений.
  43. Весьма прост в использовании — устанавливаем приложение, регистрируем аккаунт, общаемся.
  44. <p>
  45. В силу распределённости протокола, количество мест, где можно зарегистрироваться,
  46. огромно. Независимо от того, на каком сервере вы регистрируетесь -
  47. все пользователи доступны для вас.
  48. </p>
  49. </p>
  50. <div class="textblock">
  51. <h4>Где зарегистрироваться</h4>
  52. <a class="Button" href="https://xmpp.netwhood.online">Network Neighborhood</a>
  53. <a class="Button" href="https://xmpp.jp">xmpp.jp</a>
  54. <a class="Button" href="https://jabber.at">jabber.at</a>
  55. <a class="Button" href="https://chat.fedi.life:5443/register/">fedi.life</a>
  56. <a class="Button" href="https://jabber.ru">jabber.ru</a>
  57. </div>
  58. <div class="textblock">
  59. <h4>Мобильные приложения</h4>
  60. <a class="Button2" href="https://play.google.com/store/apps/details?id=de.pixart.messenger">
  61. <IMG src="images/google.png" width="24" height="24">Pix-Art Messenger (Google Play)</a>
  62. <a class="Button2" href="https://f-droid.org/app/de.pixart.messenger">
  63. <IMG src="images/fdroid.png" width="24" height="24">Pix-Art Messenger (F-Droid)</a>
  64. <a class="Button2" href="https://f-droid.org/packages/eu.siacs.conversations/">
  65. <IMG src="images/fdroid.png" width="24" height="24">Conversations (F-Droid)</a>
  66. <a class="Button2" href="https://itunes.apple.com/app/chatsecure/id464200063">
  67. <IMG src="images/apple.png" width="24" height="24">Chat Secure (iOS)</a>
  68. <a class="Button2" href="https://itunes.apple.com/us/app/monal-free-xmpp-chat/id317711500">
  69. <IMG src="images/apple.png" width="24" height="24">Monal (iOS)</a>
  70. <a class="Button2" href="https://apps.apple.com/us/app/jabme-your-free-easy-xmpp-messenger/id1070168611">
  71. <IMG src="images/apple.png" width="24" height="24">JabMe (iOS)</a>
  72. </div>
  73. </span>
  74. </div>
  75. <div class="imgblock">
  76. <a href="images/jitsi.png" >
  77. <picture>
  78. <source srcset="images/jitsi2.png" media="(max-width: 700px)">
  79. <source srcset="images/jitsi.png">
  80. <img src="images/jitsi.png" width=45% max-width=100% alt="Jitsi" class="zoom"></a>
  81. </picture>
  82. <h3>Jitsi Meet и Jami - на замену Skype</h3>
  83. <span>
  84. Свободные открытые приложения для чатов и видеозвонков, разрабатываемые командами добровольцев.
  85. <p>
  86. Jitsi чрезвычайно просто в использовании — регистрация не требуется, нужно придумать название комнаты чата и
  87. послать полученную ссылку всем участникам. Можно использовать вебсайт либо мобильные приложения.
  88. </p>
  89. <p>
  90. В Jami дела обстоят схожим образом — каждому пользователю выдаётся уникальный код,
  91. которым можно поделиться с другими участниками (аналог номера аськи/телефона...)
  92. </p>
  93. <div class="textblock" >
  94. <h4>Приложения</h4>
  95. <a class="Button2" href="https://jami.net/download-jami-linux/"><IMG src="images/linux.png" width="24" height="24">Jami (Linux)</a>
  96. <a class="Button2" href="https://jami.net/download-jami-windows/"><IMG src="images/windows.png" width="24" height="24">Jami (Windows)</a>
  97. <a class="Button2" href="https://jami.net/download-jami-macos/"><IMG src="images/apple.png" width="24" height="24">Jami (MacOS)</a>
  98. </div>
  99. <div class="textblock">
  100. <h4>Мобильные приложения</h4>
  101. <a class="Button2" href="https://play.google.com/store/apps/details?id=org.jitsi.meet"><img src="images/google.png" width="24" height="24"> Jitsi (Google Play)</a>
  102. <a class="Button2" href="https://f-droid.org/en/packages/org.jitsi.meet"><img src="images/fdroid.png" width="24" height="24"> Jitsi (F-Droid)</a>
  103. <a class="Button2" href="https://f-droid.org/en/packages/cx.ring"><IMG src="images/fdroid.png" width="24" height="24">Jami (F-Droid)</a>
  104. <a class="Button2" href="https://play.google.com/store/apps/details?id=cx.ring"><IMG src="images/google.png" width="24" height="24">Jami (Google play)</a>
  105. <a class="Button2" href="https://itunes.apple.com/us/app/jitsi-meet/id1165103905"><IMG src="images/apple.png" width="24" height="24">Jitsi (iOS)</a>
  106. <a class="Button2" href="https://itunes.apple.com/app/ring-a-gnu-package/id1306951055"><IMG src="images/apple.png" width="24" height="24">Jami (iOS)</a>
  107. </div>
  108. <div class="textblock">
  109. <h4>Web</h4>
  110. <a class="Button" href="https://meet.jit.si/">meet.jit.si</a>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </body>
  116. </html>