new theme, a bit of aligning, a bit of sutomasibility for further themes

This commit is contained in:
Blue 2019-07-28 15:28:23 +03:00
parent dba71eaa20
commit 2a36eab2e3
12 changed files with 1031 additions and 1224 deletions

206
grey.css
View File

@ -1,206 +0,0 @@
/*!** reset ***/
* {
padding: 0;
margin: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
position: relative;
}
*: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;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
content: '';
display: table;
line-height: 0;
}
.clearfix:after {
clear: both;
}
.header {
width: 100%;
min-height: 50px;
padding: 5px 20px;
background-color: rgba(10, 10, 10, .2);
line-height: 40px;
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);
}
.top-nav {
width: 100%;
padding: 10px 5px;
background-color: rgba(200,200,200,.2);
}
.top-nav__item {
display: block;
float: left;
padding: 10px 15px 12px;
border-radius: 2px;
transition: .2s ease;
font-size: 18px;
color: #333;
}
.top-nav__item:hover {
background-color: #3ce;
color: #fff;
}
.mainContainer {
padding: 20px;
font-size: 14px;
color: #333;
text-align: left;
}
.mainContainer h1 {
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 {
margin: 10px;
}
/*!** end-reset ***/

376
im.html
View File

@ -4,12 +4,13 @@
<meta charset="UTF-8">
<title>Сервисы мгновенных сообщений</title>
<link rel="stylesheet" href="style/grey.css">
<link rel="stylesheet" href="grey.css">
<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="wrap">
<div class="mainContainer clearflix" >
<div class="mainContainer clearflix" >
<nav id="header">
<a href="index.html"><div>Главная</div></a>
<a href="social.html"><div>Социальные сети</div></a>
@ -18,195 +19,196 @@
<a href="search.html"><div>Поисковые сервисы</div></a>
<a href="info.html"><div>Зачем?</div></a>
</nav>
<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>
<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>
<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">
<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">
<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">
<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="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>
<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>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

After

Width:  |  Height:  |  Size: 51 KiB

View File

@ -4,7 +4,10 @@
<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">
@ -16,12 +19,14 @@
<a href="search.html"><div>Поисковые сервисы</div></a>
<a href="info.html"><div>Зачем?</div></a>
</nav>
<h1>
Альтернативы - есть.<br>
Выбор - есть.<br>
Ваш выбор - важен.<br>
Вы - важны!<br>
</h1>
<div class="content">
<h1>
Альтернативы - есть.<br>
Выбор - есть.<br>
Ваш выбор - важен.<br>
Вы - важны!<br>
</h1>
</div>
</div>
</body>
</html>

186
info.html
View File

@ -4,7 +4,10 @@
<meta charset="UTF-8">
<title>Альтернативы</title>
<link rel="stylesheet" href="style/grey.css">
<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">
@ -16,98 +19,99 @@
<a href="search.html"><div>Поисковые сервисы</div></a>
<a class="current" href="info.html"><div>Зачем?</div></a>
</nav>
<h1>Fediverse или как стать Неуловимым Джо</h1>
<h3>Чем плохи централизованные соцсети и сервисы? Почему ими опасно пользоваться? Почему они никогда не станут лучше? И - главное - что со всем этим делать?</h3>
<img src="images/koshka.jpg" class="margin" style="float: left; width: 500px"/>
<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>
<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>
<p>
Ну и коль скоро мы затронули тему мессенджеров, стоит кратко упомянуть достойные альтернативы перечисленным в
начале статьи корпоративным следилкам, радосто сотрудничающим со спецслужбами (или кто-то до сих пор верит, что
коммерческая контора Telegram LLC будет тратить кучу ресурсов на защиту Васи от товарища майора?). Мессенджеры
непосредственно в Fediverse не входят, но в большинстве своём (речь, опять же идёт о рекомендованых) основаны на
принципах федерации либо на peer-to-peer. <a href="im.html">вот здесь</a> вы можете подобрать себе подходящую
альтернативу.
</p>
<p>
Смело проходите по ссылкам выше, мы ждём вас в Fediverse. Новичкам тут всегда помогут, а несогласных не забанят.
Вливайтесь!
</p>
</div>
</div>
</body>
</html>

372
mail.html
View File

@ -4,11 +4,12 @@
<meta charset="UTF-8">
<title>Почтовые сервисы</title>
<link rel="stylesheet" href="style/grey.css">
<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="wrap">
<div class="mainContainer">
<nav id="header">
<a href="index.html"><div>Главная</div></a>
@ -19,201 +20,198 @@
<a href="info.html"><div>Зачем?</div></a>
</nav>
<div class="wrap">
<div class="mainContainer">
<h1>Почтовые сервисы</h1>
<h2>Альтернативы Gmail/Яндекс.почте/mail.ru</h2>
<div class="content">
<h1>Почтовые сервисы</h1>
<h2>Альтернативы Gmail/Яндекс.почте/mail.ru</h2>
<p>
Электронная почта — это то, что в наше время использует практически каждый,
и мы обычно полагаем, что никто посторонний не читает нашу переписку.
Тем не менее, если вы используете сервисы, кормящиеся с рекламы, такие как
Gmail, Yandex, Mail.Ru, ваша переписка перестаёт быть личной, и вас читают
другие люди и организации.
</p>
<p>
Потому лучший вариант — использовать сервисы без рекламы.
Они могут быть бесплатными до определённого предела размера хранилища,
и брать что-то порядка 1 доллара в месяц за большее количество места и
дополнительные функции. В силу того, что там нет рекламы, они зависят от
ежемесячных поступлений платежей от своих клиентов (вас) и намного больше
заинтересованы в качестве сервиса и обеспечении безопасности и приватности.
</p>
<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="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="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="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>
<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>
<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="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>
<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">
<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="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="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>
</div>
<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>
</body>
</html>

View File

@ -4,220 +4,223 @@
<meta charset="UTF-8">
<title>Поисковые сервисы</title>
<link rel="stylesheet" href="style/grey.css">
<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="wrap">
<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>
<h1>Поисковые сервисы</h1>
<h3 id="duckduckgo">DuckDuckGo</h3>
<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>
<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>
<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>
<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="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="searx">Searx</h3>
<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="searx">Searx</h3>
<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="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="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="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>
<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>
</body>
</html>

View File

@ -3,12 +3,13 @@
<head>
<meta charset="UTF-8">
<title>Социальные сети</title>
<link rel="stylesheet" href="style/grey.css">
<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="wrap">
<div class="mainContainer">
<div class="mainContainer">
<nav id="header">
<a href="index.html"><div>Главная</div></a>
<a class="current" href="social.html"><div>Социальные сети</div></a>
@ -17,223 +18,224 @@
<a href="search.html"><div>Поисковые сервисы</div></a>
<a href="info.html"><div>Зачем?</div></a>
</nav>
<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://video.deadsuperhero.com/videos/embed/adffa7af-6063-4e09-8c1c-e8252167315d" 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>
<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://video.deadsuperhero.com/videos/embed/adffa7af-6063-4e09-8c1c-e8252167315d" 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 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">
<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 ( а 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>Альтернатива Instagram</h2>
<h3 id="pixelfed">Pixelfed</h3>
<p>
Открытая распределённая альтернатива Instagram ( а 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>
<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>
<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>
</body>
</html>

56
style/blue.css Normal file
View File

@ -0,0 +1,56 @@
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 {
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;
}

View File

@ -1,4 +1,4 @@
.header {
#header {
width: 100%;
min-height: 50px;
@ -6,7 +6,7 @@
background-color: rgba(10, 10, 10, .2);
line-height: 40px;
line-height: 40px; /*isn't it too much?*/
font-size: 28px;
font-weight: 800;
@ -40,92 +40,13 @@ nav {
background-color: rgba(200,200,200,.2);
}
.top-nav__item {
display: block;
float: left;
nav > a {
padding: 10px 15px 12px;
border-radius: 2px;
transition: .2s ease;
color: #333;
}
.top-nav__item:hover {
nav > a:hover {
background-color: #3ce;
color: #fff;
}
.mainContainer {
padding: 20px;
font-size: 14px;
color: #333;
text-align: left;
}
.mainContainer h1 {
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 {
margin: 10px;
}
/*!** end-reset ***/

View File

@ -1,15 +1,11 @@
body {
font-family: sans-serif;
margin: 0;
html, body {
height: 100%;
}
.mainContainer {
width: 1024px;
margin: auto;
}
.mainContainer > h1 {
text-align: center;
min-height: 100%;
}
nav {
@ -21,7 +17,6 @@ nav {
nav > a {
flex: auto;
display: block;
float: left;
padding: 20px;
box-sizing: border-box;
text-decoration: none;
@ -50,10 +45,6 @@ nav > a:visited {
color: inherit;
}
.margin {
margin: 15px;
}
nav > a > div {
position: relative;
top: 50%;
@ -61,26 +52,65 @@ nav > a > div {
overflow: hidden;
}
.thumbnails {
.mainContainer {
font-size: 14px;
color: #333;
text-align: left;
}
.mainContainer h1 {
text-align: center;
overflow: hidden;
}
.thumbnails > a {
display: block;
box-sizing: border-box;
float: left;
width: 25%;
height: 200px;
padding: 5px;
}
.thumbnails > a > div {
box-sizing: border-box;
height: 100%;
border-radius: 5px;
margin: 10px 0 5px 0;
font-size: 24px;
padding-top: 20px;
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 {
@ -116,4 +146,8 @@ nav > a > div {
.clearfix:after {
clear: both;
}
.content {
padding: 10px;
}

View File

@ -1,15 +1,3 @@
* {
padding: 0;
margin: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
position: relative;
}
*:before,
*:after {
box-sizing: inherit;