blue
/
switching
2
0
Fork 0
Code Issues Pull Requests Releases 1 Wiki Activity

low resolution fix

This commit is contained in:
Tolstoevsky 2019-07-29 16:28:26 +03:00
parent f8472036f3
commit b21bf24ea3
29 changed files with 1480 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
im.html
View File

@ -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
View File

@ -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
View File

215
omega/im.html Normal file
View 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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
omega/images/ddg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

BIN
omega/images/diaspora.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 146 KiB

BIN
omega/images/dino.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 332 KiB

BIN
omega/images/frendica.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 522 KiB

BIN
omega/images/kaidan.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 219 KiB

BIN
omega/images/koshka.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
omega/images/mastodon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 700 KiB

BIN
omega/images/movim.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

BIN
omega/images/pixelfed.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 175 KiB

BIN
omega/images/quicksy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
omega/images/searx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 188 KiB

BIN
omega/images/signal.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

49
omega/index.html Normal file
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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;
}

4
search.html
View File

@ -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 - это метапоисковой движок с открытым исходным кодом,
который ищет с помощью других поисковых систем, не сообщая им о вас ничего.

8
social.html
View File

@ -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,

63
style/main.css
View File

@ -3,18 +3,17 @@ html, body {
}
.mainContainer {
width: 1024px;
width: 85%;
margin: auto;
min-height: 100%;
}
.button {
width: 180px;
border-radius: 5px;
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;