low resolution fix
This commit is contained in:
Tolstoevsky
parent
f8472036f3
commit
b21bf24ea3
8
im.html
8
im.html
@ -23,7 +23,7 @@
|
||||
<h1>Сервисы мгновенных сообщений</h1>
|
||||
<h2>Альтернативы WhatsApp, Viber, Skype</h2>
|
||||
<h3 id="xmpp">XMPP (он же Jabber)</h3>
|
||||
<img src="images/conversations.jpg" class="margin" style="float: right;" width="560">
|
||||
<img src="images/conversations.jpg" class="margin" style="float: right;" width="520">
|
||||
<p>
|
||||
Широко используемый свободный и открытый стандарт интернет-сообщений.
|
||||
Весьма прост в использовании — регистрируем аккаунт, устанавливаем приложение.
|
||||
@ -42,7 +42,7 @@
|
||||
<li><a href="https://404.city">404.city</a></li>
|
||||
<li><a href="https://jabber.ru">jabber.ru</a></li>
|
||||
</ul>
|
||||
<img src="images/kaidan.png" class="margin" style="float: right;" width="560">
|
||||
<img src="images/kaidan.png" class="margin" style="float: right;" width="520">
|
||||
<h4>Приложения</h4>
|
||||
<ul>
|
||||
<li>
|
||||
@ -79,7 +79,7 @@
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<img src="images/movim.png" class="margin" style="float: right;" width="560">
|
||||
<img src="images/movim.png" class="margin" style="float: right;" width="520">
|
||||
<h5>Mac</h5>
|
||||
<ul>
|
||||
<li><a href="https://apps.apple.com/us/app/beagleim-by-tigase-inc/id1445349494">BeagleIM</a></li>
|
||||
@ -115,7 +115,7 @@
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<img src="images/signal.jpg" class="margin" style="float: right;" width="560">
|
||||
<img src="images/signal.jpg" class="margin" style="float: right;" width="520">
|
||||
<h3 id="signal">Signal</h3>
|
||||
<p>
|
||||
Популярное приложение для обмена сообщениями, голосовых- и видеозвонков, для регистрации нужен номер телефона.
|
||||
|
||||
24
mail.html
24
mail.html
@ -68,6 +68,18 @@
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="cock.li">Cock.li</h3>
|
||||
<p>
|
||||
Сервис, поддерживающий множество доменов. Существует на добровольные пожертвования пользователей, которые
|
||||
принимаются в том числе и криптовалютами. Быстр, бесплатен и надёжен. Как и в случае с Posteo,
|
||||
отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются.
|
||||
</p>
|
||||
<h4>Где зарегистрироваться?</h4>
|
||||
<ul>
|
||||
<li><a href="https://cock.li/register">https://cock.li/register</a></p></li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="proton">ProtonMail</h3>
|
||||
<p>
|
||||
Расположенный в Швейцарии сервис без рекламы, с заявленой максимально возможной приватностью для
|
||||
@ -112,18 +124,6 @@
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="cock.li">Cock.li</h3>
|
||||
<p>
|
||||
Сервис, поддерживающий множество доменов. Существует на добровольные пожертвования пользователей, которые
|
||||
принимаются в том числе и криптовалютами. Быстр, бесплатен и надёжен. Как и в случае с Posteo,
|
||||
отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются.
|
||||
</p>
|
||||
<h4>Где зарегистрироваться?</h4>
|
||||
<ul>
|
||||
<li><a href="https://cock.li/register">https://cock.li/register</a></p></li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="fastmail">FastMail</h3>
|
||||
<p>
|
||||
Австралийская компания, содержащаяся исключительно на деньги пользователей, без рекламы и отслеживания.
|
||||
|
||||
0
omega/README.md
Normal file
0
omega/README.md
Normal file
215
omega/im.html
Normal file
215
omega/im.html
Normal file
@ -0,0 +1,215 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Сервисы мгновенных сообщений</title>
|
||||
|
||||
<link rel="stylesheet" href="style/reset.css">
|
||||
<link rel="stylesheet" href="style/main.css">
|
||||
<link rel="stylesheet" href="style/blue.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainContainer clearflix" >
|
||||
<nav id="header">
|
||||
<a href="index.html"><div>Главная</div></a>
|
||||
<a href="social.html"><div>Социальные сети</div></a>
|
||||
<a class="current" href="im.html"><div>Сервисы мгновенных сообщений</div></a>
|
||||
<a href="mail.html"><div>Почтовые сервисы</div></a>
|
||||
<a href="search.html"><div>Поисковые сервисы</div></a>
|
||||
<a href="info.html"><div>Зачем?</div></a>
|
||||
</nav>
|
||||
<div class="content">
|
||||
<h1>Сервисы мгновенных сообщений</h1>
|
||||
<h2>Альтернативы WhatsApp, Viber, Skype</h2>
|
||||
<h3 id="xmpp">XMPP (он же Jabber)</h3>
|
||||
<img src="images/conversations.jpg" class="margin" style="float: right;" width="560">
|
||||
<p>
|
||||
Широко используемый свободный и открытый стандарт интернет-сообщений.
|
||||
Весьма прост в использовании — регистрируем аккаунт, устанавливаем приложение.
|
||||
</p>
|
||||
<p>
|
||||
В силу распределённости протокола, количество мест, где можно зарегистрироваться,
|
||||
огромно. Независимо от того, на каком сервере вы регистрируетесь -
|
||||
все пользователи доступны для вас. Если выбор среди тысяч чатов и десятков
|
||||
приложений для вас сложен — используйте указанный ниже Quicksy - он тоже часть этой сети).
|
||||
</p>
|
||||
<h4>Где зарегистрироваться?</h4>
|
||||
<ul>
|
||||
<li><a href="https://chinwag.im">chinwag.im</a></li>
|
||||
<li><a href="https://xmpp.jp">xmpp.jp</a></li>
|
||||
<li><a href="https://jabber.at">jabber.at</a></li>
|
||||
<li><a href="https://404.city">404.city</a></li>
|
||||
<li><a href="https://jabber.ru">jabber.ru</a></li>
|
||||
</ul>
|
||||
<img src="images/kaidan.png" class="margin" style="float: right;" width="560">
|
||||
<h4>Приложения</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Android</h5>
|
||||
<ul>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=eu.siacs.conversations">Conversations</a> (Платный)</li>
|
||||
<li><a href="https://f-droid.org/en/packages/eu.siacs.conversations/">Conversations</a> (Бесплатный на F-Droid)</li>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=eu.siacs.conversations.legacy">Conversations Legacy</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>iOS</h5>
|
||||
<ul>
|
||||
<li><a href="https://itunes.apple.com/app/chatsecure/id464200063">Chat Secure</a></li>
|
||||
<li><a href="https://itunes.apple.com/us/app/monal-free-xmpp-chat/id317711500">Monal</a></li>
|
||||
<li><a href="https://apps.apple.com/us/app/jabme-your-free-easy-xmpp-messenger/id1070168611">JabMe</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h5>ПК (все операционные системы)</h5>
|
||||
<ul>
|
||||
<li><a href="https://pidgin.im/download/">Pidgin</a></li>
|
||||
<li><a href="https://gajim.org/downloads.php/">Gajim</a></li>
|
||||
<li><a href="https://psi-im.org/download/">Psi</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>Windows</h5>
|
||||
<ul>
|
||||
<li><a href="http://welcome.qip.ru/im">QIP</a></li>
|
||||
<li><a href="http://www.miranda-im.org/download/">Miranda</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<img src="images/movim.png" class="margin" style="float: right;" width="560">
|
||||
<h5>Mac</h5>
|
||||
<ul>
|
||||
<li><a href="https://apps.apple.com/us/app/beagleim-by-tigase-inc/id1445349494">BeagleIM</a></li>
|
||||
<li><a href="https://apps.apple.com/us/app/monal-xmpp-chat/id1060957067">Monal</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>Linux</h5>
|
||||
<ul>
|
||||
<li><a href="https://dino.im/#download">Dino</a></li>
|
||||
<li><a href="https://www.kaidan.im/download/">Kaidan</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="quicksy">Quicksy</h3>
|
||||
<img src="images/quicksy.png" class="margin" style="float: right;">
|
||||
<p>
|
||||
Очень простой в использовании чатик. Регистрация по номеру телефона.
|
||||
</p>
|
||||
<p>
|
||||
Базируется на стандарте XMPP, так что вы сможете общаться со всеми пользователями XMPP (Jabber).
|
||||
</p>
|
||||
<h4>Приложения</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Android</h5>
|
||||
<ul>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=im.quicksy.client">Quicksy</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<img src="images/signal.jpg" class="margin" style="float: right;" width="560">
|
||||
<h3 id="signal">Signal</h3>
|
||||
<p>
|
||||
Популярное приложение для обмена сообщениями, голосовых- и видеозвонков, для регистрации нужен номер телефона.
|
||||
</p>
|
||||
<p>
|
||||
Финансируется за счёт пожертвований и грантов и не имеет доступа к
|
||||
данным пользователей. (Но помните, что для активации нужен телефон).
|
||||
</p>
|
||||
<h4>Приложения</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Android</h5>
|
||||
<ul>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms">Signal</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>iOS</h5>
|
||||
<ul>
|
||||
<li><a href="https://itunes.apple.com/app/signal-private-messenger/id874139669">Signal</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>ПК (все операционные системы)</h5>
|
||||
<ul>
|
||||
<li><a href="https://www.signal.org/download/">Signal</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="jami">Jami (ранее Ring)</h3>
|
||||
<p>
|
||||
Свободная открытая альтернатива Skype, с голосовыми звонками, видеозвонками и
|
||||
сообщениями. Есть приложения для Android, iPhone, Windows, Mac и Linux.
|
||||
</p>
|
||||
<p>
|
||||
Исходный код открыт, приложение создано с упором на конфиденциальность пользователей,
|
||||
звонки совершаются напрямую между устройствами, минуя сторонние серверы. Каждому
|
||||
пользователю выдаётся уникальный код, которым можно поделиться с другими участниками
|
||||
(аналог номера аськи/телефона...)
|
||||
</p>
|
||||
<h4>Приложения</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Android</h5>
|
||||
<ul>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=cx.ring">Jami</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>iOS</h5>
|
||||
<ul>
|
||||
<li><a href="https://itunes.apple.com/app/ring-a-gnu-package/id1306951055">Jami</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>ПК (все операционные системы)</h5>
|
||||
<ul>
|
||||
<li><a href="https://jami.net/download/">Jami</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="jitsi">Jitsi Meet</h3>
|
||||
<p>
|
||||
Свободное открытое приложение для чатов и видеозвонков, разрабатываемое командой добровольцев.
|
||||
Просто в использовании — регистрация не требуется, нужно придумать название комнаты чата и
|
||||
послать полученную ссылку всем участникам. Можно использовать вебсайт либо мобильные приложения.
|
||||
</p>
|
||||
<h4>Приложения</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Android</h5>
|
||||
<ul>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=org.jitsi.meet">Jitsi</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>iOS</h5>
|
||||
<ul>
|
||||
<li><a href="https://itunes.apple.com/us/app/jitsi-meet/id1165103905">Jitsi</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>Web</h5>
|
||||
<ul>
|
||||
<li><a href="https://meet.jit.si/">meet.jit.si</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
|
||||
</body>
|
||||
</html>
|
||||
BIN
omega/images/conversations.jpg
Normal file
BIN
omega/images/conversations.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
omega/images/ddg.png
Normal file
BIN
omega/images/ddg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
BIN
omega/images/diaspora.png
Normal file
BIN
omega/images/diaspora.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 146 KiB |
BIN
omega/images/dino.png
Normal file
BIN
omega/images/dino.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 332 KiB |
BIN
omega/images/frendica.png
Normal file
BIN
omega/images/frendica.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 522 KiB |
BIN
omega/images/kaidan.png
Normal file
BIN
omega/images/kaidan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 219 KiB |
BIN
omega/images/koshka.jpg
Normal file
BIN
omega/images/koshka.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
BIN
omega/images/mastodon.png
Normal file
BIN
omega/images/mastodon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 700 KiB |
BIN
omega/images/movim.png
Normal file
BIN
omega/images/movim.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
omega/images/pixelfed.png
Normal file
BIN
omega/images/pixelfed.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 175 KiB |
BIN
omega/images/quicksy.png
Normal file
BIN
omega/images/quicksy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
omega/images/searx.png
Normal file
BIN
omega/images/searx.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 188 KiB |
BIN
omega/images/signal.jpg
Normal file
BIN
omega/images/signal.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
49
omega/index.html
Normal file
49
omega/index.html
Normal file
@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Альтернативы</title>
|
||||
|
||||
<link rel="stylesheet" href="style/reset.css">
|
||||
<link rel="stylesheet" href="style/main.css">
|
||||
<link rel="stylesheet" href="style/blue.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainContainer">
|
||||
<nav id="header">
|
||||
<a class="current" href="index.html"><div>Главная</div></a>
|
||||
<a href="social.html"><div>Социальные сети</div></a>
|
||||
<a href="im.html"><div>Сервисы мгновенных сообщений</div></a>
|
||||
<a href="mail.html"><div>Почтовые сервисы</div></a>
|
||||
<a href="search.html"><div>Поисковые сервисы</div></a>
|
||||
<a href="info.html"><div>Зачем?</div></a>
|
||||
</nav>
|
||||
<div class="content">
|
||||
<h1>У вас всегда есть выбор.</h1>
|
||||
<p> Чем плохи централизованные соцсети и сервисы? Почему ими опасно пользоваться? <a class="button" href="info.html">Узнать подробности</a>
|
||||
Почему они никогда не станут лучше? И - главное - что со всем этим делать? Чтоб выйти из-под крыла государственной цензуры и ока Большого Брата корпораций, необязательно быть хакером, для этого не нужны особые знания. Мы расскажем, как.
|
||||
</p>
|
||||
<br>
|
||||
<hr style="clear: right">
|
||||
<br>
|
||||
<p>
|
||||
<a class="button" href="social.html">Узнать подробности</a>
|
||||
Флагман перемен в области соцсетей - некоммерческая распределённая сеть Mastodon. Не имеет значения, на каком из тысяч её серверов вы зарегистрируетесь - общаться сможете со всем миром. Подробности и другие альтернативы - по ссылке справа.
|
||||
<br><br>
|
||||
А вот рекомендуемые места для регистрации русскоязычных пользователей:
|
||||
</p>
|
||||
<br>
|
||||
<nav id="masto">
|
||||
<a href="https://mastodonsocial.ru"><div>MastodonSocial</div></a>
|
||||
<a href="https://phreedom.tk"><div>Svoboda</div></a>
|
||||
<a href="https://soc.ialis.me"><div>Socialisme</div></a>
|
||||
<a href="https://lor.sh"><div>LinuxOrgRu</div></a>
|
||||
</nav>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
119
omega/info.html
Normal file
119
omega/info.html
Normal file
@ -0,0 +1,119 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Альтернативы</title>
|
||||
|
||||
<link rel="stylesheet" href="style/reset.css">
|
||||
<link rel="stylesheet" href="style/main.css">
|
||||
<link rel="stylesheet" href="style/blue.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainContainer">
|
||||
<nav id="header">
|
||||
<a href="index.html"><div>Главная</div></a>
|
||||
<a href="social.html"><div>Социальные сети</div></a>
|
||||
<a href="im.html"><div>Сервисы мгновенных сообщений</div></a>
|
||||
<a href="mail.html"><div>Почтовые сервисы</div></a>
|
||||
<a href="search.html"><div>Поисковые сервисы</div></a>
|
||||
<a class="current" href="info.html"><div>Зачем?</div></a>
|
||||
</nav>
|
||||
<div class="content">
|
||||
<h1>Fediverse или как стать Неуловимым Джо</h1>
|
||||
<h3>Чем плохи централизованные соцсети и сервисы? Почему ими опасно пользоваться? Почему они никогда не станут лучше? И - главное - что со всем этим делать?</h3>
|
||||
<img src="images/koshka.jpg" style="float: left; width: 500px; margin: 15px 15px 15px 0"/>
|
||||
<p>
|
||||
Знакомая картинка? Смешно или грустно? Постоянное опасение, что за любое неверно истолкованное
|
||||
слово "за вами придут", но с людьми в сети общаться хочется, хочется постить котиков и смешные
|
||||
картинки, хочется делиться своим творчеством и наслаждаться чужим, но без страха? Забудьте.
|
||||
Хочется открыто высказывать своё мнение, и не попадать под цензуру администрации сети, просто
|
||||
за непопулярную там точку зрения? А может, вам ещё и не нравится быть товаром, да не штучным,
|
||||
а мелочью в крупнооптовой партии? А может, вы ещё и о тайне личной переписки мечтаете? <b>Забудьте</b>.
|
||||
</p>
|
||||
<p>
|
||||
В столь популярных нынче централизованных коммерческих сетях как Вконтакте, Facebook, Instagram
|
||||
(собственность Facebook), YouTube, Twitter это невозможно по определению. В мессенджерах, таких
|
||||
как WhatsApp, Viber, Telegram, это невозможно по определению. Просто подумайте о том, сколько
|
||||
труда и денег вложено в эти продукты корпорациями, и почему столь дорогостоящая вещь для вас
|
||||
"бесплатна". Чем расплачиваются с программистами, администраторами, контентщиками, техподдержкой?
|
||||
Спойлер — Вами. Вы — товар. Смиритесь.
|
||||
</p>
|
||||
<p>
|
||||
Но, "даже, если вас сожрал лев, у вас есть как минимум два выхода". Так и здесь —
|
||||
<b>просто бегите оттуда</b>. Нет, никто не предлагает отключить соцсети, никто не предлагает
|
||||
отказаться от онлайн-общения. Вспомните — Интернет задумывался как объединение равных, равных в
|
||||
правах, равных полномочиях. Вы не обязаны отдавать свою переписку в "личных" сообщениях ВК на
|
||||
перлюстрацию любопытным админам. Вы не обязаны фотографироваться с паспортом на фоне странички,
|
||||
вы не обязаны отдавать свои личные данные и результаты своего творчества коммерческим структурам.
|
||||
<b>В этом нет никакой нужды</b>. Есть место (вернее будет назвать его "пространством"), которое
|
||||
люди создают для себя. Там не страшна цензура государств и корпораций, там не нужно продавать
|
||||
свою личность. И многие уже там. Имя этой вселенной — Fediverse (от англ. Federation —
|
||||
федерация, и Universe - Вселенная). И мы ждём вас там с распростёрыми объятиями. Всех без исключения.
|
||||
</p>
|
||||
<p><b>Интересно?</b></p>
|
||||
<p>
|
||||
Тогда позвольте мне рассказать, что мы готовы предложить любому пользователю — и творцу, и
|
||||
потребителю. У каждого есть свой предпочтительный формат общения — кто-то любит потоки
|
||||
молниеносных сообщений Твиттера, кто-то сложный формат взаимодействия ВК и Facebook, кто-то
|
||||
предпочитает видео или фото... Теперь представьте, что из Твиттера вы можете
|
||||
комментировать/лайкать/репостить посты YouTube, Instagram, ВК, а авторы, вещающие
|
||||
в удобном для них формате, оттуда вам отвечают, поддерживая полноценное общение,
|
||||
и никуда не надо перелогиниваться. <b>Удобно? У нас так можно</b>.
|
||||
</p>
|
||||
<p>
|
||||
А представьте, что у вас возник конфликт с администрацией вашей любимой сети, ваши сообщения
|
||||
удаляют, аккаунт блокируют. И заново зайти в привычный уже Вконтакте/Facebook — в лучшем случае
|
||||
через долгое унижение в чате техподдержки, фотографии паспорта и прочую дурь. Хотелось бы вам в
|
||||
этом случае просто по щелчку мышки зайти в "другой" ВК/FB и продолжить общение с теми же друзьями,
|
||||
обсуждать те же темы, но уже в недосягаемости от обозлённой администрации? <b>У нас так можно</b>.
|
||||
И даже больше — никто не мешает самому стать полновластным админом
|
||||
(при наличии минимальной технической подготовки).
|
||||
</p>
|
||||
<p><b>Интересно?</b></p>
|
||||
<p>
|
||||
Теперь, думаю, стоит рассказать, из чего состоит Fediverse. А состоит она из нескольких сетей,
|
||||
кажда из которых состоит из кучи независимых, но постоянно взаимодействующих серверов.
|
||||
Технические подробности будут в другой статье, здесь дадим небольшой обзор того, чем можно
|
||||
заменить популярные, но ужасающие по своей сути, сервисы.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
Twitter — местный аналог (ну, пожалуй несколько более продвинутый) его зовётся <a href="social.html#mastodon">Mastodon</a>
|
||||
Суть та же — обмен короткими постами (как правило, в пределах 500 символов), статусами,
|
||||
и комментариями. Наиболее популярная из всех, особенно среди мобильных пользователей.
|
||||
</li>
|
||||
<li>
|
||||
Facebook/Вконтакте — здесь у нас <a href="social.html#frendica">Friendica</a>.
|
||||
Полноразмерная соцсеть с большими постами, развёрнутыми дискуссиями и возможностью сложной вёрстки.
|
||||
</li>
|
||||
<li>
|
||||
Inastagram — ну а вместо него <a href="social.html#pixelfed">PixelFed</a>.
|
||||
Главная приятность по сравнению с Insta заключается в том, что нет никакой нужды использовать
|
||||
специальное приложение — все функции доступны из любого браузера, что мобильного, что десктопного.
|
||||
</li>
|
||||
<li>
|
||||
И, наконец, YouTube заменяется <a href="social.html#peertube">PeerTube</a> — видео здесь,
|
||||
как и сообщения перечисленных выше сетей, расходятся по всему Федивёрсу и доступны (при желании автора) всем.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
Ну и коль скоро мы затронули тему мессенджеров, стоит кратко упомянуть достойные альтернативы перечисленным в
|
||||
начале статьи корпоративным следилкам, радостно сотрудничающим со спецслужбами (или кто-то до сих пор верит, что
|
||||
коммерческая контора Telegram LLC будет тратить кучу ресурсов на защиту Васи от товарища майора?). Мессенджеры
|
||||
непосредственно в Fediverse не входят, но в большинстве своём (речь, опять же идёт о рекомендованных) основаны на
|
||||
принципах федерации либо на peer-to-peer. <a href="im.html">вот здесь</a> вы можете подобрать себе подходящую
|
||||
альтернативу.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Смело проходите по ссылкам выше, мы ждём вас в Fediverse. Новичкам тут всегда помогут, а несогласных не забанят.
|
||||
Вливайтесь!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
207
omega/mail.html
Normal file
207
omega/mail.html
Normal file
@ -0,0 +1,207 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Почтовые сервисы</title>
|
||||
|
||||
<link rel="stylesheet" href="style/reset.css">
|
||||
<link rel="stylesheet" href="style/main.css">
|
||||
<link rel="stylesheet" href="style/blue.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainContainer">
|
||||
<nav id="header">
|
||||
<a href="index.html"><div>Главная</div></a>
|
||||
<a href="social.html"><div>Социальные сети</div></a>
|
||||
<a href="im.html"><div>Сервисы мгновенных сообщений</div></a>
|
||||
<a class="current" href="mail.html"><div>Почтовые сервисы</div></a>
|
||||
<a href="search.html"><div>Поисковые сервисы</div></a>
|
||||
<a href="info.html"><div>Зачем?</div></a>
|
||||
</nav>
|
||||
|
||||
<div class="content">
|
||||
<h1>Почтовые сервисы</h1>
|
||||
<h2>Альтернативы Gmail/Яндекс.почте/mail.ru</h2>
|
||||
|
||||
<p>
|
||||
Электронная почта — это то, что в наше время использует практически каждый,
|
||||
и мы обычно полагаем, что никто посторонний не читает нашу переписку.
|
||||
Тем не менее, если вы используете сервисы, кормящиеся с рекламы, такие как
|
||||
Gmail, Yandex, Mail.Ru, ваша переписка перестаёт быть личной, и вас читают
|
||||
другие люди и организации.
|
||||
</p>
|
||||
<p>
|
||||
Потому лучший вариант — использовать сервисы без рекламы.
|
||||
Они могут быть бесплатными до определённого предела размера хранилища,
|
||||
и брать что-то порядка 1 доллара в месяц за большее количество места и
|
||||
дополнительные функции. В силу того, что там нет рекламы, они зависят от
|
||||
ежемесячных поступлений платежей от своих клиентов (вас) и намного больше
|
||||
заинтересованы в качестве сервиса и обеспечении безопасности и приватности.
|
||||
</p>
|
||||
|
||||
<h3 id="tutanota">Tutanota</h3>
|
||||
<p>
|
||||
Сервис, расположенный в Германии, без рекламы и с фокусом на приватность.
|
||||
Базовая учётная запись бесплатна, за деньги можно получить больше места и возможностей.
|
||||
</p>
|
||||
<h4>Где зарегистрироваться?</h4>
|
||||
<ul>
|
||||
<li><a href="https://tutanota.com/">tutanota.com</a></li>
|
||||
</ul>
|
||||
<h4>Приложения</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Android</h5>
|
||||
<ul>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=de.tutao.tutanota">Tutanota</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>iOS</h5>
|
||||
<ul>
|
||||
<li><a href="https://itunes.apple.com/app/tutanota/id922429609">Tutanota</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="proton">ProtonMail</h3>
|
||||
<p>
|
||||
Расположенный в Швейцарии сервис без рекламы, с заявленной максимально возможной приватностью для
|
||||
пользователей, содержится исключительно за счёт пожертвований и платных подписок. Базовая учётная
|
||||
запись бесплатна, за деньги можно получить больше места и возможностей.
|
||||
</p>
|
||||
<p>
|
||||
<b>Внимание</b> — сервис
|
||||
<a href="https://steigerlegal.ch/2019/05/23/protonmail-echtzeit-ueberwachung/">предоставляет</a>
|
||||
полиции Швейцарии доступ к метаданным в реальном времени.
|
||||
</p>
|
||||
<h4>Где зарегистрироваться?</h4>
|
||||
<ul>
|
||||
<li><a href="https://protonmail.ch/">protonmail.ch</a></li>
|
||||
</ul>
|
||||
<h4>Приложения</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Android</h5>
|
||||
<ul>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=ch.protonmail.android">ProtonMail</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>iOS</h5>
|
||||
<ul>
|
||||
<li><a href="https://itunes.apple.com/app/protonmail-encrypted-email/id979659905">ProtonMail</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="posteo">Posteo</h3>
|
||||
<p>
|
||||
Почтовый сервис без рекламы, максимально приватный и использующий исключительно "зелёное" электричество.
|
||||
Оплачивается полностью за счёт пользователей. Отдельных мобильных приложений нет и не требуется —
|
||||
можно использовать встроенные или любые другие, поддерживающие протокол IMAP.
|
||||
</p>
|
||||
<h4>Где зарегистрироваться?</h4>
|
||||
<ul>
|
||||
<li><a href="https://posteo.de/en">posteo.de</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 id="cock.li">Cock.li</h3>
|
||||
<p>
|
||||
Сервис, поддерживающий множество доменов на выбор, включая такие замечательные, как cocaine.ninja,
|
||||
rape.lol, cock.li и море других. Существует на добровольные пожертвования пользователей, которые
|
||||
принимаются в том числе и в криптовалютах. Быстр, бесплатен и надёжен. Как и в случае с Posteo,
|
||||
отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются.
|
||||
</p>
|
||||
<h4>Где зарегистрироваться?</h4>
|
||||
<ul>
|
||||
<li><a href="https://cock.li/register">https://cock.li/register</a></p></li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="fastmail">FastMail</h3>
|
||||
<p>
|
||||
Австралийская компания, содержащаяся исключительно на деньги пользователей, без рекламы и отслеживания.
|
||||
Есть бесплатный пробный период, после которого предлагаются различные варианты цен,
|
||||
зависящих от нужных опций и размера хранилища.
|
||||
</p>
|
||||
<h4>Где зарегистрироваться?</h4>
|
||||
<ul>
|
||||
<li><a href="https://www.fastmail.com/">www.fastmail.com</a></li>
|
||||
</ul>
|
||||
|
||||
<h4>Приложения</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Android</h5>
|
||||
<ul>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=com.fastmail.app">FastMail</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>iOS</h5>
|
||||
<ul>
|
||||
<li><a href="https://itunes.apple.com/us/app/fastmail-email-calendars-contacts/id931370077">FastMail</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="thexyz">Thexyz</h3>
|
||||
<p>
|
||||
Канадская компания, предлагающая конфиденциальный почтовый сервис бизнес-уровня.
|
||||
Есть дешёвые базовые аккаунты с дополнительными платными опциями для профессиональных
|
||||
сервисов вроде MS Exchange и синхронизации календаря. Наряду с собственными мобильными приложениями,
|
||||
сервис может использоваться встроенными приложениями, равно как и любыми другими,
|
||||
поддерживающими IMAP или Exchange (за дополнительную плату).
|
||||
</p>
|
||||
<h4>Где зарегистрироваться?</h4>
|
||||
<ul>
|
||||
<li><a href="https://www.thexyz.com/webmail.html">www.thexyz.com</a></li>
|
||||
</ul>
|
||||
<h4>Приложения</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Android</h5>
|
||||
<ul>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=com.perrythexyz.com.perry2.thexyzwebmail">Thexyz</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>iOS</h5>
|
||||
<ul>
|
||||
<li><a href="https://itunes.apple.com/us/app/thexyz-webmail/id741897892">Thexyz</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="kolab">Kolab now</h3>
|
||||
<p>
|
||||
Швейцарский провайдер электронной почты, с огромным количеством сервисов, ориентированных на бизнес,
|
||||
включая календарь, обмен файлами, задачи и многое другое. Есть бесплатный пробный период.
|
||||
</p>
|
||||
<h4>Где зарегистрироваться?</h4>
|
||||
<ul>
|
||||
<li><a href="https://kolabnow.com/">kolabnow.com</a></li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="mailbox">Mailbox.org</h3>
|
||||
<p>
|
||||
Семейный бизнес в Германии, предоставляет электронную почту, хранилище файлов и функции онлайн-офиса,
|
||||
такие, как, например, календарь. Бесплатный пробный период — 1 месяц.
|
||||
</p>
|
||||
<h4>Где зарегистрироваться?</h4>
|
||||
<ul>
|
||||
<li><a href="https://mailbox.org/">mailbox.org</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
231
omega/search.html
Normal file
231
omega/search.html
Normal file
@ -0,0 +1,231 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Поисковые сервисы</title>
|
||||
|
||||
<link rel="stylesheet" href="style/reset.css">
|
||||
<link rel="stylesheet" href="style/main.css">
|
||||
<link rel="stylesheet" href="style/blue.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainContainer">
|
||||
<nav id="header">
|
||||
<a href="index.html"><div>Главная</div></a>
|
||||
<a href="social.html"><div>Социальные сети</div></a>
|
||||
<a href="im.html"><div>Сервисы мгновенных сообщений</div></a>
|
||||
<a href="mail.html"><div>Почтовые сервисы</div></a>
|
||||
<a class="current" href="search.html"><div>Поисковые сервисы</div></a>
|
||||
<a href="info.html"><div>Зачем?</div></a>
|
||||
</nav>
|
||||
<div class="content">
|
||||
<h1>Поисковые сервисы</h1>
|
||||
<h3 id="duckduckgo">DuckDuckGo</h3>
|
||||
<img src="images/ddg.png" class="margin" style="float: right;" width="560">
|
||||
<p>
|
||||
Самая популярная и простая в использовании поисковая система,
|
||||
заботящаяся о конфиденциальности. DuckDuckGo финансируется за счет рекламы,
|
||||
но не отслеживает своих пользователей. Находится в США.
|
||||
</p>
|
||||
<p>
|
||||
Поиск осуществляется так же, как и в Google. Имеются приложения для телефона,
|
||||
которые обеспечивают дополнительную защиту при просмотре веб-страниц.
|
||||
Можно настроить свой веб-браузер на использование DuckDuckGo в качестве поисковой системы по умолчанию.
|
||||
</p>
|
||||
<h4>Сайт</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://duckduckgo.com/">DuckDuckGo</a>
|
||||
</li>
|
||||
</ul>
|
||||
<h4>Приложения</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Android</h5>
|
||||
<ul>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=com.duckduckgo.mobile.android">DuckDuckGo</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>iOS</h5>
|
||||
<ul>
|
||||
<li><a href="https://itunes.apple.com/us/app/duckduckgo-search-stories/id663592361">DuckDuckGo</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="searx">Searx</h3>
|
||||
<img src="images/searx.png" class="margin" style="float: right;" width="560">
|
||||
<p>
|
||||
Searx — это метапоисковой движок с открытым исходным кодом,
|
||||
который ищет с помощью других поисковых систем, не сообщая им о вас ничего.
|
||||
</p>
|
||||
<h4>Сайты</h4>
|
||||
<p>
|
||||
Существует много сайтов, на которых запущен Searx,
|
||||
вы можете использовать любой из них (или, если вы технически грамотны,
|
||||
вы даже можете запустить свой собственный сервер).
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://search.privacytools.io/">search.privacytools.io</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://search.jpope.org/">search.jpope.org</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://search.kosebamse.com/">search.kosebamse.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://bamboozle.it/">bamboozle.it</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.skyn3t.in/search">www.skyn3t.in</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/asciimoo/searx/wiki/Searx-instances">Полный список</a>
|
||||
</li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="qwant">Qwant</h3>
|
||||
<p>
|
||||
Qwant — это поисковая система, базирующаяся в Европе, которая не отслеживает пользователей
|
||||
и не персонализирует результаты.
|
||||
</p>
|
||||
<p>
|
||||
Он также включает Qwant Junior (детский поиск) и Qwant Music.
|
||||
</p>
|
||||
<h4>Сайт</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.qwant.com/">Qwant</a>
|
||||
</li>
|
||||
</ul>
|
||||
<h4>Приложения</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Android</h5>
|
||||
<ul>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=com.qwant.liberty">Qwant</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>iOS</h5>
|
||||
<ul>
|
||||
<li><a href="https://itunes.apple.com/app/qwant/id924470452">Qwant</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
|
||||
<h3 id="startpage">StartPage</h3>
|
||||
<p>
|
||||
Это мощная поисковая система, которая отображает результаты Google,
|
||||
защищая пользовательские запросы, и позволяет избежать отслеживания ваших шагов.
|
||||
Она обеспечивает просмотр через прокси-сервер, который предотвращает
|
||||
отслеживание IP-адреса или местоположения. С 2016 года сервис был объединен с сайтом Ixquick.
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://www.startpage.com/">StartPage.com</a> обещает не сохранять IP-адреса пользователей и,
|
||||
по утверждению сервиса, не использует файлы cookie для трекинга. Кроме того,
|
||||
<a href="https://www.startpage.com/">StartPage.com</a> доступен из сети Tor.
|
||||
Серверы поисковой системы находятся в Нидерландах.
|
||||
</p>
|
||||
<p>
|
||||
У сайта есть удобная особенность: результаты поиска можно просматривать при помощи опции «Прокси»,
|
||||
которая шифрует соединение с соответствующей веб-страницей с помощью прокси-сервера.
|
||||
Таким образом, это настоящий поисковик без запретов: можно спокойно просматривать то,
|
||||
что блокирует ваш провайдер.
|
||||
</p>
|
||||
<h4>Сайт</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.startpage.com/">www.ptartpage.com</a>
|
||||
</li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="yacy">Анонимная поисковая система Yacy</h3>
|
||||
<p>
|
||||
YaCy — это децентрализованная поисковая система. Работает она по принципу пиринговых P2P сетей.
|
||||
Что-то типа всеми любимого Торрента.
|
||||
</p>
|
||||
<p>
|
||||
В сети YaCy каждый компьютер с установленным специальным ПО является частью поискового робота.
|
||||
После каждого сбора информации робот отправляет данные в общую базу,
|
||||
которую и используют участники поисковой системы YaCy. То, что у поисковой системы нет
|
||||
единого сервера и владельца, делает результаты поиска независимыми от предпочтений посредников.
|
||||
Все результаты поисковой выдачи лишены какой-либо цензуры.
|
||||
</p>
|
||||
<p>
|
||||
YaCy также можно использовать для организации поисковой системы в корпоративных сетях.
|
||||
Ну и не маловажным фактором является возможность искать в DeepWeb.
|
||||
</p>
|
||||
<p>
|
||||
На данный момент самым серьезным недостатком Yacy является скорость работы.
|
||||
</p>
|
||||
<h4>Сайт</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://yacy.net/">yacy.net</a>
|
||||
</li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="other">Список других поисковых систем</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.oscobo.com/">www.oscobo.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.etools.ch/">www.etools.ch</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://yippy.com/">yippy.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://m.lukol.com/">m.lukol.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://peekier.com/">peekier.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.discretesearch.com/">www.discretesearch.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://jiimba.com/">jiimba.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.gigablast.com/">www.gigablast.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.unbubble.eu/">www.unbubble.eu</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.searchencrypted.com/">www.searchencrypted.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.myprivatesearch.com/">www.myprivatesearch.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.searchencrypt.com/">www.searchencrypt.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.hotbot.com/">www.hotbot.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://gibiru.com/">gibiru.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://anonymousengine.com/">anonymousengine.com</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
|
||||
</body>
|
||||
</html>
|
||||
243
omega/social.html
Normal file
243
omega/social.html
Normal file
@ -0,0 +1,243 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Социальные сети</title>
|
||||
|
||||
<link rel="stylesheet" href="style/reset.css">
|
||||
<link rel="stylesheet" href="style/main.css">
|
||||
<link rel="stylesheet" href="style/blue.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="mainContainer">
|
||||
<nav id="header">
|
||||
<a href="index.html"><div>Главная</div></a>
|
||||
<a class="current" href="social.html"><div>Социальные сети</div></a>
|
||||
<a href="im.html"><div>Сервисы мгновенных сообщений</div></a>
|
||||
<a href="mail.html"><div>Почтовые сервисы</div></a>
|
||||
<a href="search.html"><div>Поисковые сервисы</div></a>
|
||||
<a href="info.html"><div>Зачем?</div></a>
|
||||
</nav>
|
||||
<div class="content">
|
||||
<h1>Социальные сети</h1>
|
||||
<h2>Альтернативы Вконтакте/Facebook и Twitter</h2>
|
||||
<h3 id="mastodon">Mastodon</h3>
|
||||
<iframe class="margin" style="float: right" width="560" height="315" sandbox="allow-same-origin allow-scripts" src="https://open.tube/videos/embed/d7fabc85-f110-4699-beb0-7edf6d4082ba" frameborder="0" allowfullscreen></iframe>
|
||||
<p>
|
||||
На данный момент — самая популярная из этичных социальных сетей с миллионами пользователей.
|
||||
Справа приведено официальное англоязычное видео, объясняющее, как работает эта сеть.
|
||||
Больше всего напоминает Твиттер, только с большим лимитом символов и более гибким интерфейсом.
|
||||
</p>
|
||||
<p>
|
||||
Под капотом Мастодон несколько отличается от большинства привычных соцсетей — вместо того,
|
||||
чтоб являть собой один сайт, он представляет из себя сеть маленьких независимых
|
||||
сайтов (т.н. "инстанций"). На какой бы из них вы ни зарегистрировались, вы можете общаться
|
||||
с друзьями, находящимися на любой из тысяч инстанций, потому что они связаны в единую сеть.
|
||||
</p>
|
||||
<p>
|
||||
Инстанции, составляющие сеть Мастодон, объединены между собой процессом, называемым "федерацией".
|
||||
Может показаться сложным, но на самом деле это не так — всё происходит незаметно для вас.
|
||||
</p>
|
||||
<p>
|
||||
Более того, ваша учётная запись в Мастодоне позволяет общаться с пользователями
|
||||
других распределённых сетей — например Friendica (см. ниже), PixelFed
|
||||
(замена Instagram, принадлежит Facebook), PeerTube (аналог YouTube) и многих других.
|
||||
Это объединение альтернативных соцсетей называется Федивёрс
|
||||
(от federation - федерация и universe - вселенная).
|
||||
</p>
|
||||
<p>
|
||||
Вы можете зайти в Мастодон, зарегистрировавшись на одном из сайтов, указанных ниже,
|
||||
можете использовать эту учётную запись в одном из приложений Mastodon для вашего мобильника.
|
||||
Также мы заготовили несколько советов новым пользователям.
|
||||
</p>
|
||||
<h4>Где зарегистрироваться?</h4>
|
||||
<ul>
|
||||
<li><a href="https://mastodonsocial.ru">mastodonsocial.ru</a></li>
|
||||
<li><a href="https://soc.ialis.me">soc.ialis.me</a></li>
|
||||
<li><a href="https://lor.sh">lor.sh</a></li>
|
||||
<li><a href="https://phreedom.tk">phreedom.tk</a></li>
|
||||
<li><a href="https://mstdn.su">mstdn.su</a></li>
|
||||
</ul>
|
||||
<p>
|
||||
Кроме того, можете <a href="https://instances.social/list#lang=ru&allowed=&prohibited=&users=">самостоятельно подобрать</a>
|
||||
себе инстанцию под ваши предпочтения!
|
||||
</p>
|
||||
<p>Основные отличия между разными инстанциями, на которые стоит обратить внимание:</p>
|
||||
<ul>
|
||||
<li>Максимальное количество символов, которые инстанция позволяет включать в один пост;</li>
|
||||
<li>Для какого круга людей создана инстанция — от этого зависит, насколько вам будет интересна локальная лента.</li>
|
||||
</ul>
|
||||
<p>
|
||||
Например, qoto.org — инстанция Мастодон, которая позволяет своим пользователям публиковать посты
|
||||
до 65,535 знаков (обычно в других инстанциях лимит 500 знаков). Вместе с тем, эта инстанция
|
||||
позиционируется как узел общения для математиков и других представителей точных наук, так что
|
||||
"гуманитарию" локальная лента может показаться скучноватой.
|
||||
</p>
|
||||
<h4>Приложения</h4>
|
||||
<img src="images/mastodon.png" class="margin" style="float: right;" width="560">
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Android</h5>
|
||||
<ul>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=app.fedilab.android">Fedilab</a> (Платный)</li>
|
||||
<li><a href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/">Fedilab</a> (Бесплатный на F-Droid)</li>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=jp.juggler.subwaytooter">Subway Tooter</a></li>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=com.keylesspalace.tusky">Tusky</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h5>iOS</h5>
|
||||
<ul>
|
||||
<li><a href="https://itunes.apple.com/app/toot/id1229021451">Toot!</a></li>
|
||||
<li><a href="https://itunes.apple.com/app/mast/id1437429129">Mast</a></li>
|
||||
<li><a href="https://itunes.apple.com/app/amarok-for-mastodon/id1214116200">Amaroq</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
Ну а здесь <a href="https://communitywiki.org/trunk/">https://communitywiki.org/trunk/</a> - можно подыскать себе друзей по интересам.
|
||||
</p>
|
||||
<p>
|
||||
P.S.: Если Мастодон заинтересовал вас настолько, что вы готовы запустить
|
||||
собственную инстанцию, став частью сети, вы можете сделать это в пару кликов на <a href="https://masto.host">masto.host</a>
|
||||
</p>
|
||||
<hr>
|
||||
|
||||
<h3 id="frendica">Friendica</h3>
|
||||
<p>Альтернатива Вконтакте и Facebook, с теми же фишками, включая события и фотоальбомы.</p>
|
||||
<p>
|
||||
Также, как и Мастодон, Friendica создана из множества мелких сайтов,
|
||||
связанных воедино посредством федерации. Мелкие сайты, составляющие
|
||||
Френдику, называются "нодами".
|
||||
</p>
|
||||
<img src="images/frendica.png" class="margin" style="float: right;" width="560">
|
||||
<p>
|
||||
Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и
|
||||
всеми остальными альтернативными соцсетями, так что завести друзей
|
||||
в этих сетях не составит труда.
|
||||
</p>
|
||||
<p>
|
||||
Если решите включиться, можете зарегистрироваться на нижеуказанных сайтах.
|
||||
Ну и можете прочесть наши советы для новичков (!!! тут должна быть ссылка?).
|
||||
</p>
|
||||
<h4>Где зарегистрироваться</h4>
|
||||
<ul>
|
||||
<li><a href="https://nerdica.net">nerdica.net</a></li>
|
||||
<li><a href="https://libranet.de">libranet.de</a></li>
|
||||
<li><a href="https://social.isurf.ca/">social.isurf.ca/</a></li>
|
||||
<li><a href="https://friendica.hubup.pro">friendica.hubup.pro</a></li>
|
||||
</ul>
|
||||
<h4>Приложения</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Android</h5>
|
||||
<ul>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=app.fedilab.android">Fedilab</a> (Платный)</li>
|
||||
<li><a href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/">Fedilab</a> (Бесплатный на F-Droid)</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3>Diaspora</h3>
|
||||
<img src="images/diaspora.png" class="margin" style="float: right;" width="560">
|
||||
<p>
|
||||
Одна из старейших альтернатив ВК и Facebook.
|
||||
Диаспора также состоит из множества мелких сайтов,
|
||||
называемых "подами" (или "стручками"). Умеет взаимодействовать с Френдикой.
|
||||
</p>
|
||||
<p>
|
||||
Если захотите включиться -
|
||||
<a href="https://switching.social/hints-tips-for-making-friends-on-alternative-social-media/">
|
||||
https://switching.social/hints-tips-for-making-friends-on-alternative-social-media/
|
||||
</a>
|
||||
</p>
|
||||
<h4>Где зарегистрироваться</h4>
|
||||
<ul>
|
||||
<li><a href="https://social.gibberfish.org/">social.gibberfish.org/</a></li>
|
||||
<li><a href="https://diasporabr.com.br/">diasporabr.com.br/</a></li>
|
||||
<li><a href="https://russiandiaspora.org">russiandiaspora.org</a></li>
|
||||
<li><a href="https://pod.disroot.org">pod.disroot.org</a></li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h2>Альтернатива Instagram</h2>
|
||||
<h3 id="pixelfed">Pixelfed</h3>
|
||||
<p>
|
||||
Открытая распределённая альтернатива Instagram (собственность Facebook) —
|
||||
с фильтрами, комментариями, лайками, репостами и так далее, но без рекламы и слежки.
|
||||
Пример аккаунта — <a href="https://pixelfed.social/earth">https://pixelfed.social/earth</a> ,
|
||||
пример поста — <a href="https://pixelfed.social/p/earth/22346">https://pixelfed.social/p/earth/22346</a>
|
||||
</p>
|
||||
<img src="images/pixelfed.png" class="margin" style="float: right;" width="560">
|
||||
<p>
|
||||
Сеть состоит из мелких независимых сайтов, способных общаться между собой,
|
||||
так что вы можете свободно фолловить людей с других сайтов PixelFed,
|
||||
зарегистрировавшись на любом из них. И не важно, на маленьком или
|
||||
крупном сервере вы зарегистрируетесь — вся сеть в вашем распоряжении.
|
||||
</p>
|
||||
<p>
|
||||
Кроме того, так как сайты PixelFed взаимодействуют между собой по протоколу
|
||||
ActivityPub, вы сможете общаться с людьми из остальных сетей,
|
||||
таких как Мастодон или Френдика.
|
||||
</p>
|
||||
<p>
|
||||
В отличие от Instagram, для использования PixelFed не нужно специальное приложение — оно работает
|
||||
в любом браузере на компьютере, телефоне или планшете.
|
||||
(Впрочем, для предпочитающих отдельные приложения уже готовятся несколько вариантов).
|
||||
</p>
|
||||
<h4>Где зарегистрироваться</h4>
|
||||
<ul>
|
||||
<li><a href="https://pixelfed.de">pixelfed.de</a></li>
|
||||
<li><a href="https://pxlfd.me">pxlfd.me</a></li>
|
||||
<li><a href="https://fedi.pictures">fedi.pictures</a></li>
|
||||
<li><a href="https://pix.tedomum.net">pix.tedomum.net</a></li>
|
||||
<li><a href="https://pix.diaspodon.fr">pix.diaspodon.fr</a></li>
|
||||
</ul>
|
||||
<hr style="clear: right">
|
||||
|
||||
<h2>Альтернатива YouTube</h2>
|
||||
<h3 id="peertube">PeerTube</h3>
|
||||
<iframe class="margin" style="float: right" width="560" height="315" sandbox="allow-same-origin allow-scripts" src="https://peertube.video/videos/embed/217eefeb-883d-45be-b7fc-a788ad8507d3" frameborder="0" allowfullscreen=""></iframe>
|
||||
<p>
|
||||
PeerTube — открытая распределённая альтернатива YouTube (принадлежит Google).
|
||||
Это соцсеть, приспособленная для распространения видео, без рекламы и слежки.
|
||||
Она пока не очень велика, но растёт стремительно.
|
||||
</p>
|
||||
<p>
|
||||
В отличие от YouTube, PeerTube состоит из множества независимых сайтов,
|
||||
способных общаться между собой. Не имеет значения,
|
||||
на каком вы зарегистрируетесь — вся сеть в вашем распоряжении.
|
||||
Плюс вы можете встроить видео с PeerTube куда угодно (см. пример выше).
|
||||
</p>
|
||||
<p>
|
||||
Ну и вишенкой на торте — PeerTube также использует стандарт ActivityPub,
|
||||
и подписаться на ваш канал там смогут все пользователи PeerTube, Mastodon,
|
||||
Friendica и так далее.
|
||||
</p>
|
||||
<h4>Где зарегистрироваться</h4>
|
||||
<ul>
|
||||
<li><a href="https://peertube.social">peertube.social</a></li>
|
||||
<li><a href="https://pe.ertu.be">pe.ertu.be</a></li>
|
||||
<li><a href="https://video.tedomum.net">video.tedomum.net</a></li>
|
||||
<li><a href="https://peertube.linuxrocks.online">peertube.linuxrocks.online</a></li>
|
||||
<li><a href="https://share.tub">share.tub</a></li>
|
||||
</ul>
|
||||
|
||||
<h4>Приложения</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Android</h5>
|
||||
<ul>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=app.fedilab.android">Fedilab</a> (Платный)</li>
|
||||
<li><a href="https://f-droid.org/packages/fr.gouv.etalab.mastodon/">Fedilab</a> (Бесплатный на F-Droid)</li>
|
||||
<li><a href="https://play.google.com/store/apps/details?id=net.schueller.peertube">PeerTube Player</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer"> <a href="http://creativecommons.org/licenses/by-sa/4.0/">Copyleft</a> Толстоевский, Попугай и компания</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
57
omega/style/blue.css
Normal file
57
omega/style/blue.css
Normal file
@ -0,0 +1,57 @@
|
||||
nav {
|
||||
background-color: #91d8f8;
|
||||
}
|
||||
|
||||
nav > a {
|
||||
margin: 10px 0 10px 10px; /*to collapse margins*/
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
nav > a:last-child {
|
||||
margin: 10px; /*to collapse margins*/
|
||||
}
|
||||
|
||||
nav > a:hover,
|
||||
.button:hover {
|
||||
background-color: #bfeaff;
|
||||
}
|
||||
|
||||
nav > a.current,
|
||||
nav > a.current:hover {
|
||||
background-color: #cde6ea;
|
||||
}
|
||||
|
||||
.mainContainer {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
|
||||
.mainContainer img {
|
||||
box-shadow: 2px 3px 6px 2px rgba(0,0,0,0.7);
|
||||
}
|
||||
|
||||
.mainContainer {
|
||||
font-size: 16px;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.mainContainer h1 {
|
||||
text-align: center;
|
||||
font-size: 32px;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.mainContainer h2 {
|
||||
font-size: 28px;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.mainContainer h3 {
|
||||
font-size: 24px;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.mainContainer h4 {
|
||||
font-size: 20px;
|
||||
color: inherit;
|
||||
}
|
||||
52
omega/style/grey.css
Normal file
52
omega/style/grey.css
Normal file
@ -0,0 +1,52 @@
|
||||
#header {
|
||||
width: 100%;
|
||||
min-height: 50px;
|
||||
|
||||
padding: 5px 20px;
|
||||
|
||||
background-color: rgba(10, 10, 10, .2);
|
||||
|
||||
line-height: 40px; /*isn't it too much?*/
|
||||
|
||||
font-size: 28px;
|
||||
font-weight: 800;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
|
||||
padding: 10px 20px;
|
||||
|
||||
background-color: rgba(10, 10, 10, .1);
|
||||
|
||||
font-size: 14px;
|
||||
color: #777;
|
||||
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
width: 1024px;
|
||||
min-height: 100vh;
|
||||
|
||||
margin: 0 auto;
|
||||
|
||||
background-color: rgba(200,200,200,.2);
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color: rgba(200,200,200,.2);
|
||||
}
|
||||
|
||||
nav > a {
|
||||
padding: 10px 15px 12px;
|
||||
border-radius: 2px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
nav > a:hover {
|
||||
background-color: #3ce;
|
||||
color: #fff;
|
||||
}
|
||||
187
omega/style/main.css
Normal file
187
omega/style/main.css
Normal file
@ -0,0 +1,187 @@
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.mainContainer {
|
||||
width: 1024px;
|
||||
margin: auto;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 180px;
|
||||
border-radius: 5px;
|
||||
display: block;
|
||||
padding: 20px;
|
||||
background-color: #cde6ea;
|
||||
box-sizing: border-box;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
color: inherit;
|
||||
text-align: center;
|
||||
float: right;
|
||||
font-size: 18px;
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
background-color: #93ff83;
|
||||
}
|
||||
|
||||
nav > a {
|
||||
flex: auto;
|
||||
display: block;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
color: inherit;
|
||||
text-align: center;
|
||||
background-color: transparent;
|
||||
font-size: 18px;
|
||||
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
nav > a.current {
|
||||
background-color: #5db9ef;
|
||||
}
|
||||
|
||||
nav > a:hover,
|
||||
.button:hover {
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
nav > a.current:hover {
|
||||
background-color: #5397ca;
|
||||
}
|
||||
|
||||
nav > a:visited {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
nav > a > div {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.mainContainer {
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.mainContainer h1 {
|
||||
text-align: center;
|
||||
margin: 10px 0 5px 0;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.mainContainer h2 {
|
||||
margin: 10px 0 5px 0;
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.mainContainer h3 {
|
||||
margin: 10px 0 5px 0;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.mainContainer h4 {
|
||||
margin: 10px 0 5px 0;
|
||||
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.mainContainer p {
|
||||
margin: 5px 5px 0 10px;
|
||||
|
||||
}
|
||||
|
||||
.mainContainer strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.mainContainer ul,
|
||||
.mainContainer ol {
|
||||
margin: 5px 5px 10px 10px;
|
||||
|
||||
list-style-position: outside;
|
||||
}
|
||||
|
||||
.mainContainer ul li {
|
||||
margin: 5px 5px 0 15px;
|
||||
}
|
||||
|
||||
.mainContainer img,
|
||||
.mainContainer iframe {
|
||||
margin: 15px 0 15px 15px;
|
||||
}
|
||||
|
||||
.c1 {
|
||||
color: aliceblue;
|
||||
background-color: darkred;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
color: aliceblue;
|
||||
background-color: midnightblue;
|
||||
}
|
||||
|
||||
.c3 {
|
||||
color: aliceblue;
|
||||
background-color: indigo;
|
||||
}
|
||||
|
||||
.c4 {
|
||||
color: aliceblue;
|
||||
background-color: seagreen;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: '';
|
||||
display: table;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
|
||||
padding: 10px 20px;
|
||||
|
||||
background-color: rgba(10, 10, 10, .1);
|
||||
|
||||
font-size: 14px;
|
||||
color: #777;
|
||||
|
||||
text-align: left;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
41
omega/style/reset.css
Normal file
41
omega/style/reset.css
Normal file
@ -0,0 +1,41 @@
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
*:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
@ -22,7 +22,7 @@
|
||||
<div class="content">
|
||||
<h1>Поисковые сервисы</h1>
|
||||
<h3 id="duckduckgo">DuckDuckGo</h3>
|
||||
<img src="images/ddg.png" class="margin" style="float: right;" width="560">
|
||||
<img src="images/ddg.png" class="margin" style="float: right;" width="520">
|
||||
<p>
|
||||
Самая популярная и простая в использовании поисковая система,
|
||||
заботящаяся о конфиденциальности. DuckDuckGo финансируется за счет рекламы,
|
||||
@ -57,7 +57,7 @@
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3 id="searx">Searx</h3>
|
||||
<img src="images/searx.png" class="margin" style="float: right;" width="560">
|
||||
<img src="images/searx.png" class="margin" style="float: right;" width="520">
|
||||
<p>
|
||||
Searx - это метапоисковой движок с открытым исходным кодом,
|
||||
который ищет с помощью других поисковых систем, не сообщая им о вас ничего.
|
||||
|
||||
@ -74,7 +74,7 @@
|
||||
гуманитарию локальная лента может показаться скучноватой.
|
||||
</p>
|
||||
<h4>Приложения</h4>
|
||||
<img src="images/mastodon.png" class="margin" style="float: right;" width="560">
|
||||
<img src="images/mastodon.png" class="margin" style="float: right;" width="520">
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Android</h5>
|
||||
@ -110,7 +110,7 @@
|
||||
связанных воедино посредством федерации. Мелкие сайты, составляющие
|
||||
Френдику, называются "нодами".
|
||||
</p>
|
||||
<img src="images/frendica.png" class="margin" style="float: right;" width="560">
|
||||
<img src="images/frendica.png" class="margin" style="float: right;" width="520">
|
||||
<p>
|
||||
Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и
|
||||
всеми остальными альтернативными соцсетями, так что завести друзей
|
||||
@ -140,7 +140,7 @@
|
||||
<hr style="clear: right">
|
||||
|
||||
<h3>Diaspora</h3>
|
||||
<img src="images/diaspora.png" class="margin" style="float: right;" width="560">
|
||||
<img src="images/diaspora.png" class="margin" style="float: right;" width="520">
|
||||
<p>
|
||||
Одна из старейших альтернатив ВК и Facebook.
|
||||
Диаспора также состоит из множества мелких сайтов,
|
||||
@ -169,7 +169,7 @@
|
||||
Пример аккаунта — <a href="https://pixelfed.social/earth">https://pixelfed.social/earth</a> ,
|
||||
пример поста — <a href="https://pixelfed.social/p/earth/22346">https://pixelfed.social/p/earth/22346</a>
|
||||
</p>
|
||||
<img src="images/pixelfed.png" class="margin" style="float: right;" width="560">
|
||||
<img src="images/pixelfed.png" class="margin" style="float: right;" width="520">
|
||||
<p>
|
||||
Сеть состоит из мелких независимых сайтов, способных общаться между собой,
|
||||
так что вы можете свободно фолловить людей с других сайтов PixelFed,
|
||||
|
||||
@ -3,18 +3,17 @@ html, body {
|
||||
}
|
||||
|
||||
.mainContainer {
|
||||
width: 1024px;
|
||||
width: 85%;
|
||||
margin: auto;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 180px;
|
||||
border-radius: 5px;
|
||||
display: block;
|
||||
padding: 20px;
|
||||
background-color: #cde6ea;
|
||||
box-sizing: border-box;
|
||||
box-sizing: content-box;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
color: inherit;
|
||||
@ -24,6 +23,10 @@ html, body {
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
@ -31,10 +34,10 @@ nav {
|
||||
}
|
||||
|
||||
nav > a {
|
||||
padding: 20px;
|
||||
flex: auto;
|
||||
display: block;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
box-sizing: content-box;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
color: inherit;
|
||||
@ -69,6 +72,54 @@ nav > a > div {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width : 640px) {
|
||||
nav {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
background-color: #93ff83;
|
||||
}
|
||||
|
||||
nav > a {
|
||||
padding: 20px;
|
||||
flex: auto;
|
||||
display: block;
|
||||
box-sizing: content-box;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
color: inherit;
|
||||
text-align: center;
|
||||
background-color: transparent;
|
||||
font-size: 18px;
|
||||
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
nav > a.current {
|
||||
background-color: #5db9ef;
|
||||
}
|
||||
|
||||
nav > a:hover,
|
||||
.button:hover {
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
nav > a.current:hover {
|
||||
background-color: #5397ca;
|
||||
}
|
||||
|
||||
nav > a:visited {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
nav > a > div {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.mainContainer {
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user