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

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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>

BIN
images/signal.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 82 KiB

After

Width:  |  Height:  |  Size: 51 KiB

17
index.html
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>

417
search.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>

432
social.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;
}

87
style/grey.css
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 ***/

94
style/main.css
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;
}

12
style/reset.css
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;