switching/im.html

211 lines
9.8 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE HTML>
<html>
<head profile="https://fedi.life">
<link rel="icon"
type="image/png"
href="favicon.png" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>У вас всегда есть выбор! — Мессенджеры</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/picnic.min.css">
<style>aside a.top {
font-size: 0;
position: fixed;
bottom: 0;
font-weight: bold;
width: 180px;
padding: .6em 0;
margin-bottom: 0;
border-radius: .3em .3em 0 0;
transition: all .3s ease;
}
aside a.top.visible {
font-size: 1em;
}
aside .links a.button {
text-align: left;
}
@media all and (max-width: 1000px) {
aside a.pseudo.top {
background: rgba(255, 255, 255, .8);
width: 100%;
left: 0;
text-align: center;
z-index: 100;
}
}
.documentation article > h2 {
margin: -2em 0 .6em;
padding: 3em 0 0;
line-height: 1;
}
.documentation article > h3 {
margin-bottom: .6em;
}
.documentation aside h2 {
margin-top: 0;
padding: 1.25em 0;
line-height: 1;
}
.documentation aside a.pseudo {
color: #0074D9;
margin: 0;
}
.documentation > section {
background: #fff;
text-align: left;
width: 90%;
max-width: 960px;
margin: 0 auto;
padding: 80px 0 0;
}
.documentation article > h1 {
margin: 0;
padding: 0.6em 0;
font-size: 2em;
line-height: 1.5;
}
.documentation aside a.button {
display: block;
}
.documentation pre[class*="language-"] {
margin-top: 10px;
margin-bottom: 40px;
}
.documentation .index pre {
margin: 0;
font-size: .9em;
}
</style>
</head>
<body>
<nav class="fedi">
<a href="https://fedi.life" class="brand">
<img class="logo" src="images/logo.png" />
<span>Fedi.Life</span>
</a>
<!-- responsive-->
<input id="bmenub" type="checkbox" class="show">
<label for="bmenub" class="burger pseudo button">menu</label>
<div class="menu">
<a href="mail.html" class="pseudo button">Почта</a>
<a href="im.html" class="pseudo button">Мессенджеры</a>
<a href="im.html" class="pseudo button">Соцсети</a>
<a href="search.html" class="pseudo button">Поисковики</a>
<a href="extra.html" class="pseudo button">Документы и агитматериалы</a>
<a href="info.html" class="pseudo button">Подробнее</a>
</div>
</nav>
<main id="home" class="documentation">
<section class="flex">
<article class="four-fifth-1000">
<header>Децентрализованные мессенджеры</header>
<p>Способы быстро списаться и созвониться с нужным человеком. Общение через сеть должно быть безопасным, приватным и неподцензурным. И вот сервисы, которые вам помогут в этом:
</p>
</article>
<article class="four-fifth-1000">
<header>XMPP (он же Jabber) - на замену WhatsApp и Telegram</header>
<a href="images/movim.png" >
<picture>
<source srcset="images/conversations.png" media="(max-width: 700px)">
<source srcset="images/movim.png">
<img src="images/movim.png" width=45% max-width=100% alt="Jabber" class="zoom" >
</picture></a>
<p>
<h3>XMPP (он же Jabber) - на замену WhatsApp и Telegram</h3>
<span>
Широко используемый свободный и открытый стандарт интернет-сообщений.
Весьма прост в использовании — устанавливаем приложение, регистрируем аккаунт, общаемся.
<p>
В силу распределённости протокола, количество мест, где можно зарегистрироваться,
огромно. Независимо от того, на каком сервере вы регистрируетесь -
все пользователи доступны для вас.
</p>
</p>
<div class="textblock">
<h4>Где зарегистрироваться</h4>
<a class="Button" href="https://xmpp.netwhood.online">Network Neighborhood</a>
<a class="Button" href="https://xmpp.jp">xmpp.jp</a>
<a class="Button" href="https://blabber.im">blabber.im</a>
<a class="Button" href="https://jabber.ru">jabber.ru</a>
</div>
<div class="textblock">
<h4>Мобильные приложения</h4>
<a class="Button2" href="https://f-droid.org/packages/eu.sum7.conversations/">
<IMG src="images/fdroid.png" width="24" height="24">Conv6ations (Android / F-Droid)</a>
<a class="Button2" href="https://play.google.com/store/apps/details?id=de.pixart.messenger">
<IMG src="images/google.png" width="24" height="24">Pix-Art Messenger (Google Play)</a>
<a class="Button2" href="https://apps.apple.com/app/tigase-messenger/id1153516838">
<IMG src="images/apple.png" width="24" height="24">Siskin IM (iOS)</a>
</div>
</span>
</div>
<div class="imgblock">
<a href="images/jitsi.png" >
<picture>
<source srcset="images/jitsi2.png" media="(max-width: 700px)">
<source srcset="images/jitsi.png">
<img src="images/jitsi.png" width=45% max-width=100% alt="Jitsi" class="zoom"></a>
</picture>
<h3>Jitsi Meet и Jami - на замену Skype</h3>
<span>
Свободные открытые приложения для чатов и видеозвонков, разрабатываемые командами добровольцев.
<p>
Jitsi чрезвычайно просто в использовании — регистрация не требуется, нужно придумать название комнаты чата и
послать полученную ссылку всем участникам. Можно использовать вебсайт либо мобильные приложения.
</p>
<p>
В Jami дела обстоят схожим образом — каждому пользователю выдаётся уникальный код,
которым можно поделиться с другими участниками (аналог номера аськи/телефона...)
</p>
<div class="textblock" >
<h4>Приложения</h4>
<a class="Button2" href="https://jami.net/download-jami-linux/"><IMG src="images/linux.png" width="24" height="24">Jami (Linux)</a>
<a class="Button2" href="https://jami.net/download-jami-windows/"><IMG src="images/windows.png" width="24" height="24">Jami (Windows)</a>
<a class="Button2" href="https://jami.net/download-jami-macos/"><IMG src="images/apple.png" width="24" height="24">Jami (MacOS)</a>
</div>
<div class="textblock">
<h4>Мобильные приложения</h4>
<a class="Button2" href="https://f-droid.org/packages/org.jitsi.meet"><img src="images/fdroid.png" width="24" height="24"> Jitsi (Android / F-Droid)</a>
<a class="Button2" href="https://f-droid.org/packages/cx.ring"><IMG src="images/fdroid.png" width="24" height="24">Jami (Android / F-Droid)</a>
<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>
<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>
<a class="Button2" href="https://apps.apple.com/app/jitsi-meet/id1165103905"><IMG src="images/apple.png" width="24" height="24">Jitsi (iOS)</a>
<a class="Button2" href="https://apps.apple.com/app/ring-a-gnu-package/id1306951055"><IMG src="images/apple.png" width="24" height="24">Jami (iOS)</a>
</div>
<div class="textblock">
<h4>Web</h4>
<a class="Button" href="https://meet.jit.si/">meet.jit.si</a>
</div>
</div>
</div>
</div>
<hr>
<a href="https://tolstoevsky.ml"><img src="banner.gif"</a>
</body>
</html>