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"> <meta charset="UTF-8">
<title>Сервисы мгновенных сообщений</title> <title>Сервисы мгновенных сообщений</title>
<link rel="stylesheet" href="style/grey.css"> <link rel="stylesheet" href="style/reset.css">
<link rel="stylesheet" href="grey.css"> <link rel="stylesheet" href="style/main.css">
<link rel="stylesheet" href="style/blue.css">
</head> </head>
<body> <body>
<div class="wrap"> <div class="mainContainer clearflix" >
<div class="mainContainer clearflix" >
<nav id="header"> <nav id="header">
<a href="index.html"><div>Главная</div></a> <a href="index.html"><div>Главная</div></a>
<a href="social.html"><div>Социальные сети</div></a> <a href="social.html"><div>Социальные сети</div></a>
@ -18,195 +19,196 @@
<a href="search.html"><div>Поисковые сервисы</div></a> <a href="search.html"><div>Поисковые сервисы</div></a>
<a href="info.html"><div>Зачем?</div></a> <a href="info.html"><div>Зачем?</div></a>
</nav> </nav>
<h1>Сервисы мгновенных сообщений</h1> <div class="content">
<h2>Альтернативы WhatsApp, Viber, Skype</h2> <h1>Сервисы мгновенных сообщений</h1>
<h3 id="xmpp">XMPP (он же Jabber)</h3> <h2>Альтернативы WhatsApp, Viber, Skype</h2>
<img src="images/conversations.jpg" class="margin" style="float: right;" width="560"> <h3 id="xmpp">XMPP (он же Jabber)</h3>
<p> <img src="images/conversations.jpg" class="margin" style="float: right;" width="560">
Широко используемый свободный и открытый стандарт интернет-сообщений. <p>
Весьма прост в использовании — регистрируем аккаунт, устанавливаем приложение. Широко используемый свободный и открытый стандарт интернет-сообщений.
</p> Весьма прост в использовании — регистрируем аккаунт, устанавливаем приложение.
<p> </p>
В силу распределённости протокола, количество мест, где можно зарегистрироваться, <p>
огромно. Независимо от того, на каком сервере вы регистрируетесь - В силу распределённости протокола, количество мест, где можно зарегистрироваться,
все пользователи доступны для вас. Если выбор среди тысяч чатов и десятков огромно. Независимо от того, на каком сервере вы регистрируетесь -
приложений для вас сложен — используйте указанный ниже Quicksy - он тоже часть этой сети). все пользователи доступны для вас. Если выбор среди тысяч чатов и десятков
</p> приложений для вас сложен — используйте указанный ниже Quicksy - он тоже часть этой сети).
<h4>Где зарегистрироваться?</h4> </p>
<ul> <h4>Где зарегистрироваться?</h4>
<li><a href="https://chinwag.im">chinwag.im</a></li> <ul>
<li><a href="https://xmpp.jp">xmpp.jp</a></li> <li><a href="https://chinwag.im">chinwag.im</a></li>
<li><a href="https://jabber.at">jabber.at</a></li> <li><a href="https://xmpp.jp">xmpp.jp</a></li>
<li><a href="https://404.city">404.city</a></li> <li><a href="https://jabber.at">jabber.at</a></li>
<li><a href="https://jabber.ru">jabber.ru</a></li> <li><a href="https://404.city">404.city</a></li>
</ul> <li><a href="https://jabber.ru">jabber.ru</a></li>
<img src="images/kaidan.png" class="margin" style="float: right;" width="560"> </ul>
<h4>Приложения</h4> <img src="images/kaidan.png" class="margin" style="float: right;" width="560">
<ul> <h4>Приложения</h4>
<li> <ul>
<h5>Android</h5> <li>
<ul> <h5>Android</h5>
<li><a href="https://play.google.com/store/apps/details?id=eu.siacs.conversations">Conversations</a> (Платный)</li> <ul>
<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">Conversations</a> (Платный)</li>
<li><a href="https://play.google.com/store/apps/details?id=eu.siacs.conversations.legacy">Conversations Legacy</a></li> <li><a href="https://f-droid.org/en/packages/eu.siacs.conversations/">Conversations</a> (Бесплатный на F-Droid)</li>
</ul> <li><a href="https://play.google.com/store/apps/details?id=eu.siacs.conversations.legacy">Conversations Legacy</a></li>
</li> </ul>
<li> </li>
<h5>iOS</h5> <li>
<ul> <h5>iOS</h5>
<li><a href="https://itunes.apple.com/app/chatsecure/id464200063">Chat Secure</a></li> <ul>
<li><a href="https://itunes.apple.com/us/app/monal-free-xmpp-chat/id317711500">Monal</a></li> <li><a href="https://itunes.apple.com/app/chatsecure/id464200063">Chat Secure</a></li>
<li><a href="https://apps.apple.com/us/app/jabme-your-free-easy-xmpp-messenger/id1070168611">JabMe</a></li> <li><a href="https://itunes.apple.com/us/app/monal-free-xmpp-chat/id317711500">Monal</a></li>
</ul> <li><a href="https://apps.apple.com/us/app/jabme-your-free-easy-xmpp-messenger/id1070168611">JabMe</a></li>
</li> </ul>
</li>
<li> <li>
<h5>ПК (все операционные системы)</h5> <h5>ПК (все операционные системы)</h5>
<ul> <ul>
<li><a href="https://pidgin.im/download/">Pidgin</a></li> <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://gajim.org/downloads.php/">Gajim</a></li>
<li><a href="https://psi-im.org/download/">Psi</a></li> <li><a href="https://psi-im.org/download/">Psi</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<h5>Windows</h5> <h5>Windows</h5>
<ul> <ul>
<li><a href="http://welcome.qip.ru/im">QIP</a></li> <li><a href="http://welcome.qip.ru/im">QIP</a></li>
<li><a href="http://www.miranda-im.org/download/">Miranda</a></li> <li><a href="http://www.miranda-im.org/download/">Miranda</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<img src="images/movim.png" class="margin" style="float: right;" width="560"> <img src="images/movim.png" class="margin" style="float: right;" width="560">
<h5>Mac</h5> <h5>Mac</h5>
<ul> <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/beagleim-by-tigase-inc/id1445349494">BeagleIM</a></li>
<li><a href="https://apps.apple.com/us/app/monal-xmpp-chat/id1060957067">Monal</a></li> <li><a href="https://apps.apple.com/us/app/monal-xmpp-chat/id1060957067">Monal</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<h5>Linux</h5> <h5>Linux</h5>
<ul> <ul>
<li><a href="https://dino.im/#download">Dino</a></li> <li><a href="https://dino.im/#download">Dino</a></li>
<li><a href="https://www.kaidan.im/download/">Kaidan</a></li> <li><a href="https://www.kaidan.im/download/">Kaidan</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h3 id="quicksy">Quicksy</h3> <h3 id="quicksy">Quicksy</h3>
<img src="images/quicksy.png" class="margin" style="float: right;"> <img src="images/quicksy.png" class="margin" style="float: right;">
<p> <p>
Очень простой в использовании чатик. Регистрация по номеру телефона. Очень простой в использовании чатик. Регистрация по номеру телефона.
</p> </p>
<p> <p>
Базируется на стандарте XMPP, так что вы сможете общаться со всеми пользователями XMPP(Jabber). Базируется на стандарте XMPP, так что вы сможете общаться со всеми пользователями XMPP(Jabber).
</p> </p>
<h4>Приложения</h4> <h4>Приложения</h4>
<ul> <ul>
<li> <li>
<h5>Android</h5> <h5>Android</h5>
<ul> <ul>
<li><a href="https://play.google.com/store/apps/details?id=im.quicksy.client">Quicksy</a></li> <li><a href="https://play.google.com/store/apps/details?id=im.quicksy.client">Quicksy</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<img src="images/signal.jpg" class="margin" style="float: right;" width="560"> <img src="images/signal.jpg" class="margin" style="float: right;" width="560">
<h3 id="signal">Signal</h3> <h3 id="signal">Signal</h3>
<p> <p>
Популярное приложение для обмена сообщениями, голосовых- и видеозвонков, для регистрации нужен номер телефона. Популярное приложение для обмена сообщениями, голосовых- и видеозвонков, для регистрации нужен номер телефона.
</p> </p>
<p> <p>
Финансируется за счёт пожертвований и грантов и не имеет доступа к Финансируется за счёт пожертвований и грантов и не имеет доступа к
данным пользователей. (Но помните, что для активации нужен телефон). данным пользователей. (Но помните, что для активации нужен телефон).
</p> </p>
<h4>Приложения</h4> <h4>Приложения</h4>
<ul> <ul>
<li> <li>
<h5>Android</h5> <h5>Android</h5>
<ul> <ul>
<li><a href="https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms">Signal</a></li> <li><a href="https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms">Signal</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<h5>iOS</h5> <h5>iOS</h5>
<ul> <ul>
<li><a href="https://itunes.apple.com/app/signal-private-messenger/id874139669">Signal</a></li> <li><a href="https://itunes.apple.com/app/signal-private-messenger/id874139669">Signal</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<h5>ПК (все операционные системы)</h5> <h5>ПК (все операционные системы)</h5>
<ul> <ul>
<li><a href="https://www.signal.org/download/">Signal</a></li> <li><a href="https://www.signal.org/download/">Signal</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h3 id="jami">Jami (ранее Ring)</h3> <h3 id="jami">Jami (ранее Ring)</h3>
<p> <p>
Свободная открытая альтернатива Skype, с голосовыми звонками, видеозвонками и Свободная открытая альтернатива Skype, с голосовыми звонками, видеозвонками и
сообщениями. Есть приложения для Android, iPhone, Windows, Mac и Linux. сообщениями. Есть приложения для Android, iPhone, Windows, Mac и Linux.
</p> </p>
<p> <p>
Исходный код открыт, приложение создано с упором на конфиденциальность пользователей, Исходный код открыт, приложение создано с упором на конфиденциальность пользователей,
звонки совершаются напрямую между устройствами, минуя сторонние серверы. Каждому звонки совершаются напрямую между устройствами, минуя сторонние серверы. Каждому
пользователю выдаётся уникальный код, которым можно поделиться с другими участниками пользователю выдаётся уникальный код, которым можно поделиться с другими участниками
(аналог номера аськи/телефона...) (аналог номера аськи/телефона...)
</p> </p>
<h4>Приложения</h4> <h4>Приложения</h4>
<ul> <ul>
<li> <li>
<h5>Android</h5> <h5>Android</h5>
<ul> <ul>
<li><a href="https://play.google.com/store/apps/details?id=cx.ring">Jami</a></li> <li><a href="https://play.google.com/store/apps/details?id=cx.ring">Jami</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<h5>iOS</h5> <h5>iOS</h5>
<ul> <ul>
<li><a href="https://itunes.apple.com/app/ring-a-gnu-package/id1306951055">Jami</a></li> <li><a href="https://itunes.apple.com/app/ring-a-gnu-package/id1306951055">Jami</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<h5>ПК (все операционные системы)</h5> <h5>ПК (все операционные системы)</h5>
<ul> <ul>
<li><a href="https://jami.net/download/">Jami</a></li> <li><a href="https://jami.net/download/">Jami</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h3 id="jitsi">Jitsi Meet</h3> <h3 id="jitsi">Jitsi Meet</h3>
<p> <p>
Свободное открытое приложение для чатов и видеозвонков, разрабатываемое командой добровольцев. Свободное открытое приложение для чатов и видеозвонков, разрабатываемое командой добровольцев.
Просто в использовании — регистрация не требуется, нужно придумать название комнаты чата и Просто в использовании — регистрация не требуется, нужно придумать название комнаты чата и
послать полученную ссылку всем участникам. Можно использовать вебсайт либо мобильные приложения. послать полученную ссылку всем участникам. Можно использовать вебсайт либо мобильные приложения.
</p> </p>
<h4>Приложения</h4> <h4>Приложения</h4>
<ul> <ul>
<li> <li>
<h5>Android</h5> <h5>Android</h5>
<ul> <ul>
<li><a href="https://play.google.com/store/apps/details?id=org.jitsi.meet">Jitsi</a></li> <li><a href="https://play.google.com/store/apps/details?id=org.jitsi.meet">Jitsi</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<h5>iOS</h5> <h5>iOS</h5>
<ul> <ul>
<li><a href="https://itunes.apple.com/us/app/jitsi-meet/id1165103905">Jitsi</a></li> <li><a href="https://itunes.apple.com/us/app/jitsi-meet/id1165103905">Jitsi</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<h5>Web</h5> <h5>Web</h5>
<ul> <ul>
<li><a href="https://meet.jit.si/">meet.jit.si</a></li> <li><a href="https://meet.jit.si/">meet.jit.si</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</body> </body>
</html> </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"> <meta charset="UTF-8">
<title>Альтернативы</title> <title>Альтернативы</title>
<link rel="stylesheet" href="style/reset.css">
<link rel="stylesheet" href="style/main.css"> <link rel="stylesheet" href="style/main.css">
<link rel="stylesheet" href="style/blue.css">
</head> </head>
<body> <body>
<div class="mainContainer"> <div class="mainContainer">
@ -16,12 +19,14 @@
<a href="search.html"><div>Поисковые сервисы</div></a> <a href="search.html"><div>Поисковые сервисы</div></a>
<a href="info.html"><div>Зачем?</div></a> <a href="info.html"><div>Зачем?</div></a>
</nav> </nav>
<h1> <div class="content">
Альтернативы - есть.<br> <h1>
Выбор - есть.<br> Альтернативы - есть.<br>
Ваш выбор - важен.<br> Выбор - есть.<br>
Вы - важны!<br> Ваш выбор - важен.<br>
</h1> Вы - важны!<br>
</h1>
</div>
</div> </div>
</body> </body>
</html> </html>

186
info.html
View File

@ -4,7 +4,10 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Альтернативы</title> <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> </head>
<body> <body>
<div class="mainContainer"> <div class="mainContainer">
@ -16,98 +19,99 @@
<a href="search.html"><div>Поисковые сервисы</div></a> <a href="search.html"><div>Поисковые сервисы</div></a>
<a class="current" href="info.html"><div>Зачем?</div></a> <a class="current" href="info.html"><div>Зачем?</div></a>
</nav> </nav>
<h1>Fediverse или как стать Неуловимым Джо</h1> <div class="content">
<h3>Чем плохи централизованные соцсети и сервисы? Почему ими опасно пользоваться? Почему они никогда не станут лучше? И - главное - что со всем этим делать?</h3> <h1>Fediverse или как стать Неуловимым Джо</h1>
<img src="images/koshka.jpg" class="margin" style="float: left; width: 500px"/> <h3>Чем плохи централизованные соцсети и сервисы? Почему ими опасно пользоваться? Почему они никогда не станут лучше? И - главное - что со всем этим делать?</h3>
<p> <img src="images/koshka.jpg" style="float: left; width: 500px; margin: 15px 15px 15px 0"/>
Знакомая картинка? Смешно или грустно? Постоянное опасение, что за любое неверно истолкованное <p>
слово "за вами придут", но с людьми в сети общаться хочется, хочется постить котиков и смешные Знакомая картинка? Смешно или грустно? Постоянное опасение, что за любое неверно истолкованное
картинки, хочется делиться своим творчеством и наслаждаться чужим, но без страха? Забудьте. слово "за вами придут", но с людьми в сети общаться хочется, хочется постить котиков и смешные
Хочется открыто высказывать своё мнение, и не попадать под цензуру администрации сети, просто картинки, хочется делиться своим творчеством и наслаждаться чужим, но без страха? Забудьте.
за непопулярную там точку зрения? А может, вам ещё и не нравится быть товаром, да не штучным, Хочется открыто высказывать своё мнение, и не попадать под цензуру администрации сети, просто
а мелочью в крупнооптовой партии? А может, вы ещё и о тайне личной переписки мечтаете? <b>Забудьте</b>. за непопулярную там точку зрения? А может, вам ещё и не нравится быть товаром, да не штучным,
</p> а мелочью в крупнооптовой партии? А может, вы ещё и о тайне личной переписки мечтаете? <b>Забудьте</b>.
<p> </p>
В столь популярных нынче централизованных коммерческих сетях как Вконтакте, Facebook, Instagram <p>
(собственность Facebook), YouTube, Twitter это невозможно по определению. В мессенджерах, таких В столь популярных нынче централизованных коммерческих сетях как Вконтакте, Facebook, Instagram
как WhatsApp, Viber, Telegram, это невозможно по определению. Просто подумайте о том, сколько (собственность Facebook), YouTube, Twitter это невозможно по определению. В мессенджерах, таких
труда и денег вложено в эти продукты корпорациями, и почему столь дорогостоящая вещь для вас как WhatsApp, Viber, Telegram, это невозможно по определению. Просто подумайте о том, сколько
"бесплатна". Чем расплачиваются с программистами, администраторами, контентщиками, техподдержкой? труда и денег вложено в эти продукты корпорациями, и почему столь дорогостоящая вещь для вас
Спойлер — Вами. Вы — товар. Смиритесь. "бесплатна". Чем расплачиваются с программистами, администраторами, контентщиками, техподдержкой?
</p> Спойлер — Вами. Вы — товар. Смиритесь.
<p> </p>
Но, "даже, если вас сожрал лев, у вас есть как минимум два выхода". Так и здесь — <p>
<b>просто бегите оттуда</b>. Нет, никто не предлагает отключить соцсети, никто не предлагает Но, "даже, если вас сожрал лев, у вас есть как минимум два выхода". Так и здесь —
отказаться от онлайн-общения. Вспомните — Интернет задумывался как объединение равных, равных в <b>просто бегите оттуда</b>. Нет, никто не предлагает отключить соцсети, никто не предлагает
правах, равных полномочиях. Вы не обязаны отдавать свою переписку в "личных" сообщениях ВК на отказаться от онлайн-общения. Вспомните — Интернет задумывался как объединение равных, равных в
перлюстрацию любопытным админам. Вы не обязаны фотографироваться с паспортом на фоне странички, правах, равных полномочиях. Вы не обязаны отдавать свою переписку в "личных" сообщениях ВК на
вы не обязаны отдавать свои личные данные и результаты своего творчества коммерческим структурам. перлюстрацию любопытным админам. Вы не обязаны фотографироваться с паспортом на фоне странички,
<b>В этом нет никакой нужды</b>. Есть место (вернее будет назвать его "пространством"), которое вы не обязаны отдавать свои личные данные и результаты своего творчества коммерческим структурам.
люди создают для себя. Там не страшна цензура государств и корпораций, там не нужно продавать <b>В этом нет никакой нужды</b>. Есть место (вернее будет назвать его "пространством"), которое
свою личность. И многие уже там. Имя этой вселенной — Fediverse (от англ. Federation — люди создают для себя. Там не страшна цензура государств и корпораций, там не нужно продавать
федерация, и Universe - Вселенная). И мы ждём вас там с распростёрыми объятиями. Всех без исключения. свою личность. И многие уже там. Имя этой вселенной — Fediverse (от англ. Federation —
</p> федерация, и Universe - Вселенная). И мы ждём вас там с распростёрыми объятиями. Всех без исключения.
<p><b>Интересно?</b></p> </p>
<p> <p><b>Интересно?</b></p>
Тогда позвольте мне рассказать, что мы готовы предложить любому пользователю — и творцу, и <p>
потребителю. У каждого есть свой предпочтительный формат общения — кто-то любит потоки Тогда позвольте мне рассказать, что мы готовы предложить любому пользователю — и творцу, и
молниеносных сообщений Твиттера, кто-то сложный формат взаимодействия ВК и Facebook, кто-то потребителю. У каждого есть свой предпочтительный формат общения — кто-то любит потоки
предпочитает видео или фото... Теперь представьте, что из Твиттера вы можете молниеносных сообщений Твиттера, кто-то сложный формат взаимодействия ВК и Facebook, кто-то
комментировать/лайкать/репостить посты Youtube, Instagram, ВК, а авторы, вещающие предпочитает видео или фото... Теперь представьте, что из Твиттера вы можете
в удобном для них формате, оттуда вам отвечают, поддерживая полноценное общение, комментировать/лайкать/репостить посты Youtube, Instagram, ВК, а авторы, вещающие
и никуда не надо перелогиниваться. <b>Удобно? У нас так можно</b>. в удобном для них формате, оттуда вам отвечают, поддерживая полноценное общение,
</p> и никуда не надо перелогиниваться. <b>Удобно? У нас так можно</b>.
<p> </p>
А представьте, что у вас возник конфликт с администрацией вашей любимой сети, ваши сообщения <p>
удаляют, аккаунт блокируют. И заново зайти в привычный уже Вконтакте/Facebook — в лучшем случае А представьте, что у вас возник конфликт с администрацией вашей любимой сети, ваши сообщения
через долгое унижение в чате техподдержки, фотографии паспорта и прочую дурь. Хотелось бы вам в удаляют, аккаунт блокируют. И заново зайти в привычный уже Вконтакте/Facebook — в лучшем случае
этом случае просто по щелчку мышки зайти в "другой" ВК/FB и продолжить общение с теми же друзьями, через долгое унижение в чате техподдержки, фотографии паспорта и прочую дурь. Хотелось бы вам в
обсуждать те же темы, но уже в недосягаемости от обозлённой администрации? <b>У нас так можно</b>. этом случае просто по щелчку мышки зайти в "другой" ВК/FB и продолжить общение с теми же друзьями,
И даже больше — никто не мешает самому стать полновластным админом обсуждать те же темы, но уже в недосягаемости от обозлённой администрации? <b>У нас так можно</b>.
(при наличии минимальной технической подготовки). И даже больше — никто не мешает самому стать полновластным админом
</p> (при наличии минимальной технической подготовки).
<p><b>Интересно?</b></p> </p>
<p> <p><b>Интересно?</b></p>
Теперь, думаю, стоит рассказать, из чего состоит Fediverse. А состоит она из нескольких сетей, <p>
кажда из которых состоит из кучи независимых, но постоянно взаимодействующих серверов. Теперь, думаю, стоит рассказать, из чего состоит Fediverse. А состоит она из нескольких сетей,
Технические подробности будут в другой статье, здесь дадим небольшой обзор того, чем можно кажда из которых состоит из кучи независимых, но постоянно взаимодействующих серверов.
заменить популярные, но ужасающие по своей сути, сервисы. Технические подробности будут в другой статье, здесь дадим небольшой обзор того, чем можно
</p> заменить популярные, но ужасающие по своей сути, сервисы.
<ul> </p>
<li> <ul>
Twitter — местный аналог (ну, пожалуй несколько более продвинутый) его зовётся <a href="social.html#mastodon">Mastodon</a> <li>
Суть та же — обмен короткими постами (как правило, в пределах 500 символов), статусами, Twitter — местный аналог (ну, пожалуй несколько более продвинутый) его зовётся <a href="social.html#mastodon">Mastodon</a>
и комментариями. Наиболее популярная из всех, особенно среди мобильных пользователей. Суть та же — обмен короткими постами (как правило, в пределах 500 символов), статусами,
</li> и комментариями. Наиболее популярная из всех, особенно среди мобильных пользователей.
<li> </li>
Facebook/Вконтакте — здесь у нас <a href="social.html#frendica">Friendica</a>. <li>
Полноразмерная соцсеть с большими постами, развёрнутыми дискуссиями и возможностью сложной вёрстки. Facebook/Вконтакте — здесь у нас <a href="social.html#frendica">Friendica</a>.
</li> Полноразмерная соцсеть с большими постами, развёрнутыми дискуссиями и возможностью сложной вёрстки.
<li> </li>
Inastagram — ну а вместо него <a href="social.html#pixelfed">PixelFed</a>. <li>
Главная приятность по сравнению с Insta заключается в том, что нет никакой нужды использовать Inastagram — ну а вместо него <a href="social.html#pixelfed">PixelFed</a>.
специальное приложение — все функции доступны из любого браузера, что мобильного, что десктопного. Главная приятность по сравнению с Insta заключается в том, что нет никакой нужды использовать
</li> специальное приложение — все функции доступны из любого браузера, что мобильного, что десктопного.
<li> </li>
И, наконец, YouTube заменяется <a href="social.html#peertube">PeerTube</a> — видео здесь, <li>
как и сообщения перечисленных выше сетей, расходятся по всему Федивёрсу и доступны (при желании автора) всем. И, наконец, YouTube заменяется <a href="social.html#peertube">PeerTube</a> — видео здесь,
</li> как и сообщения перечисленных выше сетей, расходятся по всему Федивёрсу и доступны (при желании автора) всем.
</ul> </li>
</ul>
<p> <p>
Ну и коль скоро мы затронули тему мессенджеров, стоит кратко упомянуть достойные альтернативы перечисленным в Ну и коль скоро мы затронули тему мессенджеров, стоит кратко упомянуть достойные альтернативы перечисленным в
начале статьи корпоративным следилкам, радосто сотрудничающим со спецслужбами (или кто-то до сих пор верит, что начале статьи корпоративным следилкам, радосто сотрудничающим со спецслужбами (или кто-то до сих пор верит, что
коммерческая контора Telegram LLC будет тратить кучу ресурсов на защиту Васи от товарища майора?). Мессенджеры коммерческая контора Telegram LLC будет тратить кучу ресурсов на защиту Васи от товарища майора?). Мессенджеры
непосредственно в Fediverse не входят, но в большинстве своём (речь, опять же идёт о рекомендованых) основаны на непосредственно в Fediverse не входят, но в большинстве своём (речь, опять же идёт о рекомендованых) основаны на
принципах федерации либо на peer-to-peer. <a href="im.html">вот здесь</a> вы можете подобрать себе подходящую принципах федерации либо на peer-to-peer. <a href="im.html">вот здесь</a> вы можете подобрать себе подходящую
альтернативу. альтернативу.
</p> </p>
<p>
Смело проходите по ссылкам выше, мы ждём вас в Fediverse. Новичкам тут всегда помогут, а несогласных не забанят.
Вливайтесь!
</p>
<p>
Смело проходите по ссылкам выше, мы ждём вас в Fediverse. Новичкам тут всегда помогут, а несогласных не забанят.
Вливайтесь!
</p>
</div>
</div> </div>
</body> </body>
</html> </html>

372
mail.html
View File

@ -4,11 +4,12 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Почтовые сервисы</title> <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> </head>
<body> <body>
<div class="wrap">
<div class="mainContainer"> <div class="mainContainer">
<nav id="header"> <nav id="header">
<a href="index.html"><div>Главная</div></a> <a href="index.html"><div>Главная</div></a>
@ -19,201 +20,198 @@
<a href="info.html"><div>Зачем?</div></a> <a href="info.html"><div>Зачем?</div></a>
</nav> </nav>
<div class="wrap"> <div class="content">
<div class="mainContainer"> <h1>Почтовые сервисы</h1>
<h1>Почтовые сервисы</h1> <h2>Альтернативы Gmail/Яндекс.почте/mail.ru</h2>
<h2>Альтернативы Gmail/Яндекс.почте/mail.ru</h2>
<p> <p>
Электронная почта — это то, что в наше время использует практически каждый, Электронная почта — это то, что в наше время использует практически каждый,
и мы обычно полагаем, что никто посторонний не читает нашу переписку. и мы обычно полагаем, что никто посторонний не читает нашу переписку.
Тем не менее, если вы используете сервисы, кормящиеся с рекламы, такие как Тем не менее, если вы используете сервисы, кормящиеся с рекламы, такие как
Gmail, Yandex, Mail.Ru, ваша переписка перестаёт быть личной, и вас читают Gmail, Yandex, Mail.Ru, ваша переписка перестаёт быть личной, и вас читают
другие люди и организации. другие люди и организации.
</p> </p>
<p> <p>
Потому лучший вариант — использовать сервисы без рекламы. Потому лучший вариант — использовать сервисы без рекламы.
Они могут быть бесплатными до определённого предела размера хранилища, Они могут быть бесплатными до определённого предела размера хранилища,
и брать что-то порядка 1 доллара в месяц за большее количество места и и брать что-то порядка 1 доллара в месяц за большее количество места и
дополнительные функции. В силу того, что там нет рекламы, они зависят от дополнительные функции. В силу того, что там нет рекламы, они зависят от
ежемесячных поступлений платежей от своих клиентов (вас) и намного больше ежемесячных поступлений платежей от своих клиентов (вас) и намного больше
заинтересованы в качестве сервиса и обеспечении безопасности и приватности. заинтересованы в качестве сервиса и обеспечении безопасности и приватности.
</p> </p>
<h3 id="tutanota">Tutanota</h3> <h3 id="tutanota">Tutanota</h3>
<p> <p>
Сервис, расположенный в Германии, без рекламы и с фокусом на приватность. Сервис, расположенный в Германии, без рекламы и с фокусом на приватность.
Базовая учётная запись бесплатна, за деньги можно получить больше места и возможностей. Базовая учётная запись бесплатна, за деньги можно получить больше места и возможностей.
</p> </p>
<h4>Где зарегистрироваться?</h4> <h4>Где зарегистрироваться?</h4>
<ul> <ul>
<li><a href="https://tutanota.com/">tutanota.com</a></li> <li><a href="https://tutanota.com/">tutanota.com</a></li>
</ul> </ul>
<h4>Приложения</h4> <h4>Приложения</h4>
<ul> <ul>
<li> <li>
<h5>Android</h5> <h5>Android</h5>
<ul> <ul>
<li><a href="https://play.google.com/store/apps/details?id=de.tutao.tutanota">Tutanota</a></li> <li><a href="https://play.google.com/store/apps/details?id=de.tutao.tutanota">Tutanota</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<h5>iOS</h5> <h5>iOS</h5>
<ul> <ul>
<li><a href="https://itunes.apple.com/app/tutanota/id922429609">Tutanota</a></li> <li><a href="https://itunes.apple.com/app/tutanota/id922429609">Tutanota</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h3 id="proton">ProtonMail</h3> <h3 id="proton">ProtonMail</h3>
<p> <p>
Расположенный в Швейцарии сервис без рекламы, с заявленой максимально возможной приватностью для Расположенный в Швейцарии сервис без рекламы, с заявленой максимально возможной приватностью для
пользователей, содержится исключительно за счёт пожертвований и платных подписок. Базовая учётная пользователей, содержится исключительно за счёт пожертвований и платных подписок. Базовая учётная
запись бесплатна, за деньги можно получить больше места и возможностей. запись бесплатна, за деньги можно получить больше места и возможностей.
</p> </p>
<p> <p>
<b>Внимание</b> — сервис <b>Внимание</b> — сервис
<a href="https://steigerlegal.ch/2019/05/23/protonmail-echtzeit-ueberwachung/">предоставляет</a> <a href="https://steigerlegal.ch/2019/05/23/protonmail-echtzeit-ueberwachung/">предоставляет</a>
полиции Швейцарии доступ к метаданным в реальном времени. полиции Швейцарии доступ к метаданным в реальном времени.
</p> </p>
<h4>Где зарегистрироваться?</h4> <h4>Где зарегистрироваться?</h4>
<ul> <ul>
<li><a href="https://protonmail.ch/">protonmail.ch</a></li> <li><a href="https://protonmail.ch/">protonmail.ch</a></li>
</ul> </ul>
<h4>Приложения</h4> <h4>Приложения</h4>
<ul> <ul>
<li> <li>
<h5>Android</h5> <h5>Android</h5>
<ul> <ul>
<li><a href="https://play.google.com/store/apps/details?id=ch.protonmail.android">ProtonMail</a></li> <li><a href="https://play.google.com/store/apps/details?id=ch.protonmail.android">ProtonMail</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<h5>iOS</h5> <h5>iOS</h5>
<ul> <ul>
<li><a href="https://itunes.apple.com/app/protonmail-encrypted-email/id979659905">ProtonMail</a></li> <li><a href="https://itunes.apple.com/app/protonmail-encrypted-email/id979659905">ProtonMail</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h3 id="posteo">Posteo</h3> <h3 id="posteo">Posteo</h3>
<p> <p>
Почтовый сервис без рекламы, максимально приватный и использующий исключительно "зелёное" электричество. Почтовый сервис без рекламы, максимально приватный и использующий исключительно "зелёное" электричество.
Оплачивается полностью за счёт пользователей. Отдельных мобильных приложений нет и не требуется — Оплачивается полностью за счёт пользователей. Отдельных мобильных приложений нет и не требуется —
можно использовать встроенные или любые другие, поддерживающие протокол IMAP. можно использовать встроенные или любые другие, поддерживающие протокол IMAP.
</p> </p>
<h4>Где зарегистрироваться?</h4> <h4>Где зарегистрироваться?</h4>
<ul> <ul>
<li><a href="https://posteo.de/en">posteo.de</a></li> <li><a href="https://posteo.de/en">posteo.de</a></li>
</ul> </ul>
<h3 id="cock.li">Cock.li</h3> <h3 id="cock.li">Cock.li</h3>
<p> <p>
Сервис, поддерживающий множество доменов на выбор, включая такие замечательные, как cocaine.ninja, Сервис, поддерживающий множество доменов на выбор, включая такие замечательные, как cocaine.ninja,
rape.lol, cock.li и море других. Существует на добровольные пожертвования пользователей, которые rape.lol, cock.li и море других. Существует на добровольные пожертвования пользователей, которые
принимаются в том числе и криптовалютами. Быстр, бесплатен и надёжен. Как и в случае с Posteo, принимаются в том числе и криптовалютами. Быстр, бесплатен и надёжен. Как и в случае с Posteo,
отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются. отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются.
</p> </p>
<h4>Где зарегистрироваться?</h4> <h4>Где зарегистрироваться?</h4>
<ul> <ul>
<li><a href="https://cock.li/register">https://cock.li/register</a></p></li> <li><a href="https://cock.li/register">https://cock.li/register</a></p></li>
</ul> </ul>
<h3 id="cock.li">Cock.li</h3> <h3 id="cock.li">Cock.li</h3>
<p> <p>
Сервис, поддерживающий множество доменов на выбор, включая такие замечательные, как cocaine.ninja, Сервис, поддерживающий множество доменов на выбор, включая такие замечательные, как cocaine.ninja,
rape.lol, cock.li и море других. Существует на добровольные пожертвования пользователей, которые rape.lol, cock.li и море других. Существует на добровольные пожертвования пользователей, которые
принимаются в том числе и криптовалютами. Быстр, бесплатен и надёжен. Как и в случае с Posteo, принимаются в том числе и криптовалютами. Быстр, бесплатен и надёжен. Как и в случае с Posteo,
отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются. отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются.
</p> </p>
<h4>Где зарегистрироваться?</h4> <h4>Где зарегистрироваться?</h4>
<ul> <ul>
<li><a href="https://cock.li/register">https://cock.li/register</a></p></li> <li><a href="https://cock.li/register">https://cock.li/register</a></p></li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h3 id="fastmail">FastMail</h3> <h3 id="fastmail">FastMail</h3>
<p> <p>
Австралийская компания, содержащаяся исключительно на деньги пользователей, без рекламы и отслеживания. Австралийская компания, содержащаяся исключительно на деньги пользователей, без рекламы и отслеживания.
Есть бесплатный пробный период, после которого предлагаются различные варианты цен, Есть бесплатный пробный период, после которого предлагаются различные варианты цен,
зависящих от нужных опций и размера хранилища. зависящих от нужных опций и размера хранилища.
</p> </p>
<h4>Где зарегистрироваться?</h4> <h4>Где зарегистрироваться?</h4>
<ul> <ul>
<li><a href="https://www.fastmail.com/">www.fastmail.com</a></li> <li><a href="https://www.fastmail.com/">www.fastmail.com</a></li>
</ul> </ul>
<h4>Приложения</h4> <h4>Приложения</h4>
<ul> <ul>
<li> <li>
<h5>Android</h5> <h5>Android</h5>
<ul> <ul>
<li><a href="https://play.google.com/store/apps/details?id=com.fastmail.app">FastMail</a></li> <li><a href="https://play.google.com/store/apps/details?id=com.fastmail.app">FastMail</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<h5>iOS</h5> <h5>iOS</h5>
<ul> <ul>
<li><a href="https://itunes.apple.com/us/app/fastmail-email-calendars-contacts/id931370077">FastMail</a></li> <li><a href="https://itunes.apple.com/us/app/fastmail-email-calendars-contacts/id931370077">FastMail</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h3 id="thexyz">Thexyz</h3> <h3 id="thexyz">Thexyz</h3>
<p> <p>
Канадская компания, предлагающая конфиденциальный почтовый сервис бизнес-уровня. Канадская компания, предлагающая конфиденциальный почтовый сервис бизнес-уровня.
Есть дешёвые базовые аккаунты с дополнительными платными опциями для профессиональных Есть дешёвые базовые аккаунты с дополнительными платными опциями для профессиональных
сервисов вроде MS Exchange и синхронизации календаря. Наряду с собственными мобильными приложениями, сервисов вроде MS Exchange и синхронизации календаря. Наряду с собственными мобильными приложениями,
сервис может использоваться встроенными приложениями, равно как и любыми другими, сервис может использоваться встроенными приложениями, равно как и любыми другими,
поддерживающими IMAP или Exchange (за дополнительную плату). поддерживающими IMAP или Exchange (за дополнительную плату).
</p> </p>
<h4>Где зарегистрироваться?</h4> <h4>Где зарегистрироваться?</h4>
<ul> <ul>
<li><a href="https://www.thexyz.com/webmail.html">www.thexyz.com</a></li> <li><a href="https://www.thexyz.com/webmail.html">www.thexyz.com</a></li>
</ul> </ul>
<h4>Приложения</h4> <h4>Приложения</h4>
<ul> <ul>
<li> <li>
<h5>Android</h5> <h5>Android</h5>
<ul> <ul>
<li><a href="https://play.google.com/store/apps/details?id=com.perrythexyz.com.perry2.thexyzwebmail">Thexyz</a></li> <li><a href="https://play.google.com/store/apps/details?id=com.perrythexyz.com.perry2.thexyzwebmail">Thexyz</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<h5>iOS</h5> <h5>iOS</h5>
<ul> <ul>
<li><a href="https://itunes.apple.com/us/app/thexyz-webmail/id741897892">Thexyz</a></li> <li><a href="https://itunes.apple.com/us/app/thexyz-webmail/id741897892">Thexyz</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h3 id="kolab">Kolab now</h3> <h3 id="kolab">Kolab now</h3>
<p> <p>
Швейцарский провайдер электронной почты, с огромным количеством сервисов, ориентированных на бизнес, Швейцарский провайдер электронной почты, с огромным количеством сервисов, ориентированных на бизнес,
включая календарь, обмен файлами, задачи и многое другое. Есть бесплатный пробный период. включая календарь, обмен файлами, задачи и многое другое. Есть бесплатный пробный период.
</p> </p>
<h4>Где зарегистрироваться?</h4> <h4>Где зарегистрироваться?</h4>
<ul> <ul>
<li><a href="https://kolabnow.com/">kolabnow.com</a></li> <li><a href="https://kolabnow.com/">kolabnow.com</a></li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h3 id="mailbox">Mailbox.org</h3> <h3 id="mailbox">Mailbox.org</h3>
<p> <p>
Семейный бизнес в Германии, предоставляет электронную почту, хранилище файлов и функции онлайн-офиса, Семейный бизнес в Германии, предоставляет электронную почту, хранилище файлов и функции онлайн-офиса,
такие, как, например, календарь. Бесплатный пробный период - 1 месяц. такие, как, например, календарь. Бесплатный пробный период - 1 месяц.
</p> </p>
<h4>Где зарегистрироваться?</h4> <h4>Где зарегистрироваться?</h4>
<ul> <ul>
<li><a href="https://mailbox.org/">mailbox.org</a></li> <li><a href="https://mailbox.org/">mailbox.org</a></li>
</ul> </ul>
</div> </div>
</div>
</div>
</div> </div>
</body> </body>
</html> </html>

417
search.html
View File

@ -4,220 +4,223 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Поисковые сервисы</title> <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> </head>
<body> <body>
<div class="wrap"> <div class="mainContainer">
<div class="mainContainer"> <nav id="header">
<nav id="header"> <a href="index.html"><div>Главная</div></a>
<a href="index.html"><div>Главная</div></a> <a href="social.html"><div>Социальные сети</div></a>
<a href="social.html"><div>Социальные сети</div></a> <a href="im.html"><div>Сервисы мгновенных сообщений</div></a>
<a href="im.html"><div>Сервисы мгновенных сообщений</div></a> <a href="mail.html"><div>Почтовые сервисы</div></a>
<a href="mail.html"><div>Почтовые сервисы</div></a> <a class="current" href="search.html"><div>Поисковые сервисы</div></a>
<a class="current" href="search.html"><div>Поисковые сервисы</div></a> <a href="info.html"><div>Зачем?</div></a>
<a href="info.html"><div>Зачем?</div></a> </nav>
</nav> <div class="content">
<h1>Поисковые сервисы</h1> <h1>Поисковые сервисы</h1>
<h3 id="duckduckgo">DuckDuckGo</h3> <h3 id="duckduckgo">DuckDuckGo</h3>
<p> <p>
Самая популярная и простая в использовании поисковая система, Самая популярная и простая в использовании поисковая система,
заботящаяся о конфиденциальности. DuckDuckGo финансируется за счет рекламы, заботящаяся о конфиденциальности. DuckDuckGo финансируется за счет рекламы,
но не отслеживает своих пользователей. Находится в США. но не отслеживает своих пользователей. Находится в США.
</p> </p>
<p> <p>
Поиск осуществляется так же, как и в Google, имеются приложения для телефона, Поиск осуществляется так же, как и в Google, имеются приложения для телефона,
которые обеспечивают дополнительную защиту при просмотре веб-страниц. которые обеспечивают дополнительную защиту при просмотре веб-страниц.
Можно настроить свой веб-браузер на использование DuckDuckGo в качестве поисковой системы по умолчанию. Можно настроить свой веб-браузер на использование DuckDuckGo в качестве поисковой системы по умолчанию.
</p> </p>
<h4>Сайт</h4> <h4>Сайт</h4>
<ul> <ul>
<li> <li>
<a href="https://duckduckgo.com/">DuckDuckGo</a> <a href="https://duckduckgo.com/">DuckDuckGo</a>
</li> </li>
</ul> </ul>
<h4>Приложения</h4> <h4>Приложения</h4>
<ul> <ul>
<li> <li>
<h5>Android</h5> <h5>Android</h5>
<ul> <ul>
<li><a href="https://play.google.com/store/apps/details?id=com.duckduckgo.mobile.android">DuckDuckGo</a></li> <li><a href="https://play.google.com/store/apps/details?id=com.duckduckgo.mobile.android">DuckDuckGo</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<h5>iOS</h5> <h5>iOS</h5>
<ul> <ul>
<li><a href="https://itunes.apple.com/us/app/duckduckgo-search-stories/id663592361">DuckDuckGo</a></li> <li><a href="https://itunes.apple.com/us/app/duckduckgo-search-stories/id663592361">DuckDuckGo</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
<h3 id="qwant">Qwant</h3> <h3 id="qwant">Qwant</h3>
<p> <p>
Qwant - это поисковая система, базирующаяся в Европе, которая не отслеживает пользователей Qwant - это поисковая система, базирующаяся в Европе, которая не отслеживает пользователей
и не персонализирует результаты. и не персонализирует результаты.
</p> </p>
<p> <p>
Он также включает Qwant Junior (детский поиск) и Qwant Music. Он также включает Qwant Junior (детский поиск) и Qwant Music.
</p> </p>
<h4>Сайт</h4> <h4>Сайт</h4>
<ul> <ul>
<li> <li>
<a href="https://www.qwant.com/">Qwant</a> <a href="https://www.qwant.com/">Qwant</a>
</li> </li>
</ul> </ul>
<h4>Приложения</h4> <h4>Приложения</h4>
<ul> <ul>
<li> <li>
<h5>Android</h5> <h5>Android</h5>
<ul> <ul>
<li><a href="https://play.google.com/store/apps/details?id=com.qwant.liberty">Qwant</a></li> <li><a href="https://play.google.com/store/apps/details?id=com.qwant.liberty">Qwant</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<h5>iOS</h5> <h5>iOS</h5>
<ul> <ul>
<li><a href="https://itunes.apple.com/app/qwant/id924470452">Qwant</a></li> <li><a href="https://itunes.apple.com/app/qwant/id924470452">Qwant</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h3 id="searx">Searx</h3> <h3 id="searx">Searx</h3>
<p> <p>
Searx - это метапоисковой движок с открытым исходным кодом, Searx - это метапоисковой движок с открытым исходным кодом,
который ищет с помощью других поисковых систем, не сообщая им о вас ничего. который ищет с помощью других поисковых систем, не сообщая им о вас ничего.
</p> </p>
<h4>Сайты</h4> <h4>Сайты</h4>
<p> <p>
Существует много сайтов, на которых запущен Searx, Существует много сайтов, на которых запущен Searx,
вы можете использовать любой из них (или, если вы технически грамотны, вы можете использовать любой из них (или, если вы технически грамотны,
вы даже можете запустить свой собственный сервер). вы даже можете запустить свой собственный сервер).
</p> </p>
<ul> <ul>
<li> <li>
<a href="https://search.privacytools.io/">search.privacytools.io</a> <a href="https://search.privacytools.io/">search.privacytools.io</a>
</li> </li>
<li> <li>
<a href="https://search.jpope.org/">search.jpope.org</a> <a href="https://search.jpope.org/">search.jpope.org</a>
</li> </li>
<li> <li>
<a href="https://search.kosebamse.com/">search.kosebamse.com</a> <a href="https://search.kosebamse.com/">search.kosebamse.com</a>
</li> </li>
<li> <li>
<a href="https://bamboozle.it/">bamboozle.it</a> <a href="https://bamboozle.it/">bamboozle.it</a>
</li> </li>
<li> <li>
<a href="https://www.skyn3t.in/search">www.skyn3t.in</a> <a href="https://www.skyn3t.in/search">www.skyn3t.in</a>
</li> </li>
<li> <li>
<a href="https://github.com/asciimoo/searx/wiki/Searx-instances">Полный список</a> <a href="https://github.com/asciimoo/searx/wiki/Searx-instances">Полный список</a>
</li> </li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h3 id="startpage">StartPage</h3> <h3 id="startpage">StartPage</h3>
<p> <p>
Это мощная поисковая система, которая отображает результаты Google, Это мощная поисковая система, которая отображает результаты Google,
защищая пользовательские запросы, и позволяет избежать отслеживания ваших шагов. защищая пользовательские запросы, и позволяет избежать отслеживания ваших шагов.
Она обеспечивает просмотр через прокси-сервер, который предотвращает Она обеспечивает просмотр через прокси-сервер, который предотвращает
отслеживание IP-адреса или местоположения. С 2016 года сервис был объединен с сайтом Ixquick. отслеживание IP-адреса или местоположения. С 2016 года сервис был объединен с сайтом Ixquick.
</p> </p>
<p> <p>
<a href="https://www.startpage.com/">StartPage.com</a> обещает не сохранять IP-адреса пользователей и, <a href="https://www.startpage.com/">StartPage.com</a> обещает не сохранять IP-адреса пользователей и,
по утверждению сервиса, не использует файлы cookie для трекинга. Кроме того, по утверждению сервиса, не использует файлы cookie для трекинга. Кроме того,
<a href="https://www.startpage.com/">StartPage.com</a> доступен из сети Tor. <a href="https://www.startpage.com/">StartPage.com</a> доступен из сети Tor.
Серверы поисковой системы находятся в Нидерландах. Серверы поисковой системы находятся в Нидерландах.
</p> </p>
<p> <p>
У сайта есть удобная особенность: результаты поиска можно просматривать при помощи опции «Прокси», У сайта есть удобная особенность: результаты поиска можно просматривать при помощи опции «Прокси»,
которая шифрует соединение с соответствующей веб-страницей с помощью прокси-сервера. которая шифрует соединение с соответствующей веб-страницей с помощью прокси-сервера.
Таким образом, это настоящий поисковик без запретов: можно спокойно просматривать то, Таким образом, это настоящий поисковик без запретов: можно спокойно просматривать то,
что блокирует ваш провайдер. что блокирует ваш провайдер.
</p> </p>
<h4>Сайт</h4> <h4>Сайт</h4>
<ul> <ul>
<li> <li>
<a href="https://www.startpage.com/">www.ptartpage.com</a> <a href="https://www.startpage.com/">www.ptartpage.com</a>
</li> </li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h3 id="yacy">Анонимная поисковая система Yacy</h3> <h3 id="yacy">Анонимная поисковая система Yacy</h3>
<p> <p>
YaCy — это децентрализованная поисковая система. Работает она по принципу пиринговых P2P сетей. YaCy — это децентрализованная поисковая система. Работает она по принципу пиринговых P2P сетей.
Что-то типа всеми любимого Торрента. Что-то типа всеми любимого Торрента.
</p> </p>
<p> <p>
В сети YaCy каждый компьютер с установленным специальным ПО является частью поискового робота. В сети YaCy каждый компьютер с установленным специальным ПО является частью поискового робота.
После каждого сбора информации робот отправляет данные в общую базу, После каждого сбора информации робот отправляет данные в общую базу,
которую и используют участники поисковой системы YaCy. То, что у поисковой системы нет которую и используют участники поисковой системы YaCy. То, что у поисковой системы нет
единого сервера и владельца, делает результаты поиска независимыми от предпочтений посредников. единого сервера и владельца, делает результаты поиска независимыми от предпочтений посредников.
Все результаты поисковой выдачи лишены какой-либо цензуры. Все результаты поисковой выдачи лишены какой-либо цензуры.
</p> </p>
<p> <p>
YaCy также можно использовать для организации поисковой системы в корпоративных сетях. YaCy также можно использовать для организации поисковой системы в корпоративных сетях.
Ну и не маловажным фактором является возможность искать в DeepWeb. Ну и не маловажным фактором является возможность искать в DeepWeb.
</p> </p>
<p> <p>
На данный момент самым серьезным недостатком Yacy является скорость работы. На данный момент самым серьезным недостатком Yacy является скорость работы.
</p> </p>
<h4>Сайт</h4> <h4>Сайт</h4>
<ul> <ul>
<li> <li>
<a href="https://yacy.net/">yacy.net</a> <a href="https://yacy.net/">yacy.net</a>
</li> </li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h3 id="other">Список других поисковых систем</h3> <h3 id="other">Список других поисковых систем</h3>
<ul> <ul>
<li> <li>
<a href="https://www.oscobo.com/">www.oscobo.com</a> <a href="https://www.oscobo.com/">www.oscobo.com</a>
</li> </li>
<li> <li>
<a href="https://www.etools.ch/">www.etools.ch</a> <a href="https://www.etools.ch/">www.etools.ch</a>
</li> </li>
<li> <li>
<a href="https://yippy.com/">yippy.com</a> <a href="https://yippy.com/">yippy.com</a>
</li> </li>
<li> <li>
<a href="https://m.lukol.com/">m.lukol.com</a> <a href="https://m.lukol.com/">m.lukol.com</a>
</li> </li>
<li> <li>
<a href="https://peekier.com/">peekier.com</a> <a href="https://peekier.com/">peekier.com</a>
</li> </li>
<li> <li>
<a href="https://www.discretesearch.com/">www.discretesearch.com</a> <a href="https://www.discretesearch.com/">www.discretesearch.com</a>
</li> </li>
<li> <li>
<a href="https://jiimba.com/">jiimba.com</a> <a href="https://jiimba.com/">jiimba.com</a>
</li> </li>
<li> <li>
<a href="https://www.gigablast.com/">www.gigablast.com</a> <a href="https://www.gigablast.com/">www.gigablast.com</a>
</li> </li>
<li> <li>
<a href="https://www.unbubble.eu/">www.unbubble.eu</a> <a href="https://www.unbubble.eu/">www.unbubble.eu</a>
</li> </li>
<li> <li>
<a href="https://www.searchencrypted.com/">www.searchencrypted.com</a> <a href="https://www.searchencrypted.com/">www.searchencrypted.com</a>
</li> </li>
<li> <li>
<a href="https://www.myprivatesearch.com/">www.myprivatesearch.com</a> <a href="https://www.myprivatesearch.com/">www.myprivatesearch.com</a>
</li> </li>
<li> <li>
<a href="https://www.searchencrypt.com/">www.searchencrypt.com</a> <a href="https://www.searchencrypt.com/">www.searchencrypt.com</a>
</li> </li>
<li> <li>
<a href="https://www.hotbot.com/">www.hotbot.com</a> <a href="https://www.hotbot.com/">www.hotbot.com</a>
</li> </li>
<li> <li>
<a href="https://gibiru.com/">gibiru.com</a> <a href="https://gibiru.com/">gibiru.com</a>
</li> </li>
<li> <li>
<a href="https://anonymousengine.com/">anonymousengine.com</a> <a href="https://anonymousengine.com/">anonymousengine.com</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</body> </body>
</html> </html>

432
social.html
View File

@ -3,12 +3,13 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Социальные сети</title> <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> </head>
<body> <body>
<div class="wrap"> <div class="mainContainer">
<div class="mainContainer">
<nav id="header"> <nav id="header">
<a href="index.html"><div>Главная</div></a> <a href="index.html"><div>Главная</div></a>
<a class="current" href="social.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="search.html"><div>Поисковые сервисы</div></a>
<a href="info.html"><div>Зачем?</div></a> <a href="info.html"><div>Зачем?</div></a>
</nav> </nav>
<h1>Социальные сети</h1> <div class="content">
<h2>Альтернативы Вконтакте/Facebook и Twitter</h2> <h1>Социальные сети</h1>
<h3 id="mastodon">Mastodon</h3> <h2>Альтернативы Вконтакте/Facebook и Twitter</h2>
<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> <h3 id="mastodon">Mastodon</h3>
<p> <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> </p>
Инстанции, составляющие сеть Мастодон, объединены между собой процессом, называемым "федерацией". <p>
Может показаться сложным, но на самом деле это не так - всё происходит незаметно для вас. Инстанции, составляющие сеть Мастодон, объединены между собой процессом, называемым "федерацией".
</p> Может показаться сложным, но на самом деле это не так - всё происходит незаметно для вас.
<p> </p>
Более того, ваша учётная запись в Мастодоне позволяет общаться с людьми из <p>
других распределённых сетей - например Friendica (см. ниже), PixelFed Более того, ваша учётная запись в Мастодоне позволяет общаться с людьми из
(замена Instagram, коим владеет Facebook), PeerTube (замена Youtube) и многих других. других распределённых сетей - например Friendica (см. ниже), PixelFed
Это объединение альтернативных соцсетей называется Федивёрс (замена Instagram, коим владеет Facebook), PeerTube (замена Youtube) и многих других.
(от federation - федерация и universe - вселенная). Это объединение альтернативных соцсетей называется Федивёрс
</p> (от federation - федерация и universe - вселенная).
<p> </p>
Вы можете зайти в Мастодон, зарегистрировавшись на одном из сайтов, указанных ниже, <p>
можете использовать эту учётную запись в одном из приложений Mastodon для вашего мобильника. Вы можете зайти в Мастодон, зарегистрировавшись на одном из сайтов, указанных ниже,
Также мы заготовили несколько советов новым пользователям. можете использовать эту учётную запись в одном из приложений Mastodon для вашего мобильника.
</p> Также мы заготовили несколько советов новым пользователям.
<h4>Где зарегистрироваться?</h4> </p>
<ul> <h4>Где зарегистрироваться?</h4>
<li><a href="https://mastodonsocial.ru">mastodonsocial.ru</a></li> <ul>
<li><a href="https://soc.ialis.me">soc.ialis.me</a></li> <li><a href="https://mastodonsocial.ru">mastodonsocial.ru</a></li>
<li><a href="https://lor.sh">lor.sh</a></li> <li><a href="https://soc.ialis.me">soc.ialis.me</a></li>
<li><a href="https://phreedom.tk">phreedom.tk</a></li> <li><a href="https://lor.sh">lor.sh</a></li>
<li><a href="https://mstdn.su">mstdn.su</a></li> <li><a href="https://phreedom.tk">phreedom.tk</a></li>
</ul> <li><a href="https://mstdn.su">mstdn.su</a></li>
<p> </ul>
Кроме того, можете <a href="https://instances.social/list#lang=ru&allowed=&prohibited=&users=">самостоятельно подобрать</a> <p>
себе инстанцию под ваши предпочтения! Кроме того, можете <a href="https://instances.social/list#lang=ru&allowed=&prohibited=&users=">самостоятельно подобрать</a>
</p> себе инстанцию под ваши предпочтения!
<p>Основные отличия между разными инстанциями, на которые стоит обратить внимание:</p> </p>
<ul> <p>Основные отличия между разными инстанциями, на которые стоит обратить внимание:</p>
<li>Максимальное количество символов, которые инстанция позволяет включать в один пост;</li> <ul>
<li>Для какого круга людей создана инстанция - от этого зависит, насколько вам будет интересна локальная лента.</li> <li>Максимальное количество символов, которые инстанция позволяет включать в один пост;</li>
</ul> <li>Для какого круга людей создана инстанция - от этого зависит, насколько вам будет интересна локальная лента.</li>
<p> </ul>
Например, qoto.org - инстанция Мастодон, которая позволяет своим пользователям публиковать посты <p>
до 65,535 знаков (обычно в других инстанциях лимит 500 знаков). Вместе с тем, эта инстанция Например, qoto.org - инстанция Мастодон, которая позволяет своим пользователям публиковать посты
позиционируется как узел общения для математиков и других представителей точных наук, так что до 65,535 знаков (обычно в других инстанциях лимит 500 знаков). Вместе с тем, эта инстанция
гуманитарию локальная лента может показаться скучноватой. позиционируется как узел общения для математиков и других представителей точных наук, так что
</p> гуманитарию локальная лента может показаться скучноватой.
<h4>Приложения</h4> </p>
<img src="images/mastodon.png" class="margin" style="float: right;" width="560"> <h4>Приложения</h4>
<ul> <img src="images/mastodon.png" class="margin" style="float: right;" width="560">
<li> <ul>
<h5>Android</h5> <li>
<ul> <h5>Android</h5>
<li><a href="https://play.google.com/store/apps/details?id=app.fedilab.android">Fedilab</a> (Платный)</li> <ul>
<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=app.fedilab.android">Fedilab</a> (Платный)</li>
<li><a href="https://play.google.com/store/apps/details?id=jp.juggler.subwaytooter">Subway Tooter</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=com.keylesspalace.tusky">Tusky</a></li> <li><a href="https://play.google.com/store/apps/details?id=jp.juggler.subwaytooter">Subway Tooter</a></li>
</ul> <li><a href="https://play.google.com/store/apps/details?id=com.keylesspalace.tusky">Tusky</a></li>
</li> </ul>
<li> </li>
<h5>iOS</h5> <li>
<ul> <h5>iOS</h5>
<li><a href="https://itunes.apple.com/app/toot/id1229021451">Toot!</a></li> <ul>
<li><a href="https://itunes.apple.com/app/mast/id1437429129">Mast</a></li> <li><a href="https://itunes.apple.com/app/toot/id1229021451">Toot!</a></li>
<li><a href="https://itunes.apple.com/app/amarok-for-mastodon/id1214116200">Amaroq</a></li> <li><a href="https://itunes.apple.com/app/mast/id1437429129">Mast</a></li>
</ul> <li><a href="https://itunes.apple.com/app/amarok-for-mastodon/id1214116200">Amaroq</a></li>
</li> </ul>
</ul> </li>
<p> </ul>
Ну а здесь <a href="https://communitywiki.org/trunk/">https://communitywiki.org/trunk/</a> - можно подыскать себе друзей по интересам. <p>
</p> Ну а здесь <a href="https://communitywiki.org/trunk/">https://communitywiki.org/trunk/</a> - можно подыскать себе друзей по интересам.
<p> </p>
P.S.: Если Мастодон заинтересовал вас настолько, что вы готовы запустить <p>
собственную инстанцию, став частью сети, вы можете сделать это в пару кликов на <a href="https://masto.host">masto.host</a> P.S.: Если Мастодон заинтересовал вас настолько, что вы готовы запустить
</p> собственную инстанцию, став частью сети, вы можете сделать это в пару кликов на <a href="https://masto.host">masto.host</a>
<hr> </p>
<hr>
<h3 id="frendica">Friendica</h3> <h3 id="frendica">Friendica</h3>
<p>Альтернатива Вконтакте и Facebook, с теми же фишками, включая события и фотоальбомы.</p> <p>Альтернатива Вконтакте и Facebook, с теми же фишками, включая события и фотоальбомы.</p>
<p> <p>
Также, как и Мастодон, Friendica создана из множества мелких сайтов, Также, как и Мастодон, Friendica создана из множества мелких сайтов,
связанных воедино посредством федерации. Мелкие сайты, составляющие связанных воедино посредством федерации. Мелкие сайты, составляющие
Френдику, называются "нодами". Френдику, называются "нодами".
</p> </p>
<img src="images/frendica.png" class="margin" style="float: right;" width="560"> <img src="images/frendica.png" class="margin" style="float: right;" width="560">
<p> <p>
Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и Френдика также связана с Мастодоном, Диаспорой, PixelFed, PeerTube и
всеми остальными альтернативными соцсетями, так что завести друзей всеми остальными альтернативными соцсетями, так что завести друзей
в этих сетях не составит труда. в этих сетях не составит труда.
</p> </p>
<p> <p>
Если решите включиться, можете зарегистрироваться на нижеуказанных сайтах. Если решите включиться, можете зарегистрироваться на нижеуказанных сайтах.
Ну и можете прочесть наши советы для новичков (!!! тут должна быть ссылка?). Ну и можете прочесть наши советы для новичков (!!! тут должна быть ссылка?).
</p> </p>
<h4>Где зарегистрироваться</h4> <h4>Где зарегистрироваться</h4>
<ul> <ul>
<li><a href="https://nerdica.net">nerdica.net</a></li> <li><a href="https://nerdica.net">nerdica.net</a></li>
<li><a href="https://libranet.de">libranet.de</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://social.isurf.ca/">social.isurf.ca/</a></li>
<li><a href="https://friendica.hubup.pro">friendica.hubup.pro</a></li> <li><a href="https://friendica.hubup.pro">friendica.hubup.pro</a></li>
</ul> </ul>
<h4>Приложения</h4> <h4>Приложения</h4>
<ul> <ul>
<li> <li>
<h5>Android</h5> <h5>Android</h5>
<ul> <ul>
<li><a href="https://play.google.com/store/apps/details?id=app.fedilab.android">Fedilab</a> (Платный)</li> <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://f-droid.org/packages/fr.gouv.etalab.mastodon/">Fedilab</a> (Бесплатный на F-Droid)</li>
</ul> </ul>
</li> </li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h3>Diaspora</h3> <h3>Diaspora</h3>
<img src="images/diaspora.png" class="margin" style="float: right;" width="560"> <img src="images/diaspora.png" class="margin" style="float: right;" width="560">
<p> <p>
Одна из старейших альтернатив ВК и Facebook. Одна из старейших альтернатив ВК и Facebook.
Диаспора также состоит из множества мелких сайтов, Диаспора также состоит из множества мелких сайтов,
называемых "подами" (или "стручками"). Умеет взаимодействовать с Френдикой. называемых "подами" (или "стручками"). Умеет взаимодействовать с Френдикой.
</p> </p>
<p> <p>
Если захотите включиться - Если захотите включиться -
<a href="https://switching.social/hints-tips-for-making-friends-on-alternative-social-media/"> <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/ https://switching.social/hints-tips-for-making-friends-on-alternative-social-media/
</a> </a>
</p> </p>
<h4>Где зарегистрироваться</h4> <h4>Где зарегистрироваться</h4>
<ul> <ul>
<li><a href="https://social.gibberfish.org/">social.gibberfish.org/</a></li> <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://diasporabr.com.br/">diasporabr.com.br/</a></li>
<li><a href="https://russiandiaspora.org">russiandiaspora.org</a></li> <li><a href="https://russiandiaspora.org">russiandiaspora.org</a></li>
<li><a href="https://pod.disroot.org">pod.disroot.org</a></li> <li><a href="https://pod.disroot.org">pod.disroot.org</a></li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h2>Альтернатива Instagram</h2> <h2>Альтернатива Instagram</h2>
<h3 id="pixelfed">Pixelfed</h3> <h3 id="pixelfed">Pixelfed</h3>
<p> <p>
Открытая распределённая альтернатива Instagram ( а Instagram — собственность Facebook ) — Открытая распределённая альтернатива Instagram ( а Instagram — собственность Facebook ) —
с фильтрами, комментариями, лайками, репостами и так далее, но без рекламы и слежки. с фильтрами, комментариями, лайками, репостами и так далее, но без рекламы и слежки.
Пример аккаунта — <a href="https://pixelfed.social/earth">https://pixelfed.social/earth</a> , Пример аккаунта — <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> пример поста — <a href="https://pixelfed.social/p/earth/22346">https://pixelfed.social/p/earth/22346</a>
</p> </p>
<img src="images/pixelfed.png" class="margin" style="float: right;" width="560"> <img src="images/pixelfed.png" class="margin" style="float: right;" width="560">
<p> <p>
Сеть состоит из мелких независимых сайтов, способных общаться между собой, Сеть состоит из мелких независимых сайтов, способных общаться между собой,
так что вы можете свободно фолловить людей с других сайтов PixelFed, так что вы можете свободно фолловить людей с других сайтов PixelFed,
зарегистрировавшись на любом из них. И не важно, на маленьком или зарегистрировавшись на любом из них. И не важно, на маленьком или
крупном сервере вы зарегистрируетесь — вся сеть в вашем распоряжении. крупном сервере вы зарегистрируетесь — вся сеть в вашем распоряжении.
</p> </p>
<p> <p>
Кроме того, так как сайты PixelFed взаимодейстувют между собой по протоколу Кроме того, так как сайты PixelFed взаимодейстувют между собой по протоколу
ActivityPub, вы сможете общаться с людьми из остальных сетей, ActivityPub, вы сможете общаться с людьми из остальных сетей,
таких как Мастодон или Френдика. таких как Мастодон или Френдика.
</p> </p>
<p> <p>
В отличие от Instagram, для использования PixelFed не нужно специальное приложение — оно работает В отличие от Instagram, для использования PixelFed не нужно специальное приложение — оно работает
в любом браузере на компьютере, телефоне или планшете. в любом браузере на компьютере, телефоне или планшете.
(Впрочем, для предпочитающих отдельные приложения уже готовятся несколько вариантов). (Впрочем, для предпочитающих отдельные приложения уже готовятся несколько вариантов).
</p> </p>
<h4>Где зарегистрироваться</h4> <h4>Где зарегистрироваться</h4>
<ul> <ul>
<li><a href="https://pixelfed.de">pixelfed.de</a></li> <li><a href="https://pixelfed.de">pixelfed.de</a></li>
<li><a href="https://pxlfd.me">pxlfd.me</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://fedi.pictures">fedi.pictures</a></li>
<li><a href="https://pix.tedomum.net">pix.tedomum.net</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> <li><a href="https://pix.diaspodon.fr">pix.diaspodon.fr</a></li>
</ul> </ul>
<hr style="clear: right"> <hr style="clear: right">
<h2>Альтернатива YouTube</h2> <h2>Альтернатива YouTube</h2>
<h3 id="peertube">PeerTube</h3> <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> <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> <p>
PeerTube — открытая распределённая альтернатива YouTube (принадлежащей Google). PeerTube — открытая распределённая альтернатива YouTube (принадлежащей Google).
Это соцсеть, приспособленная для распространения видео, без рекламы и слежки. Это соцсеть, приспособленная для распространения видео, без рекламы и слежки.
Она пока не очень велика, но растёт стремительно. Она пока не очень велика, но растёт стремительно.
</p> </p>
<p> <p>
В отличие от Youtube, PeerTube состоит из множества независимых сайтов, В отличие от Youtube, PeerTube состоит из множества независимых сайтов,
способных общаться между собой. Не имеет значения, способных общаться между собой. Не имеет значения,
на каком вы зарегистрируетесь — вся сеть в вашем распоряжении. на каком вы зарегистрируетесь — вся сеть в вашем распоряжении.
Плюс вы можете встроить видео с PeerTube куда угодно (см. пример выше). Плюс вы можете встроить видео с PeerTube куда угодно (см. пример выше).
</p> </p>
<p> <p>
Ну и вишенкой на торте — PeerTube также использует стандарт ActivityPub, Ну и вишенкой на торте — PeerTube также использует стандарт ActivityPub,
и подписаться на ваш канал там смогут все пользователи PeerTube, Mastodon, и подписаться на ваш канал там смогут все пользователи PeerTube, Mastodon,
Friendica и так далее. Friendica и так далее.
</p> </p>
<h4>Где зарегистрироваться</h4> <h4>Где зарегистрироваться</h4>
<ul> <ul>
<li><a href="https://peertube.social">peertube.social</a></li> <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://pe.ertu.be">pe.ertu.be</a></li>
<li><a href="https://video.tedomum.net">video.tedomum.net</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://peertube.linuxrocks.online">peertube.linuxrocks.online</a></li>
<li><a href="https://share.tub">share.tub</a></li> <li><a href="https://share.tub">share.tub</a></li>
</ul> </ul>
<h4>Приложения</h4> <h4>Приложения</h4>
<ul> <ul>
<li> <li>
<h5>Android</h5> <h5>Android</h5>
<ul> <ul>
<li><a href="https://play.google.com/store/apps/details?id=app.fedilab.android">Fedilab</a> (Платный)</li> <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://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> <li><a href="https://play.google.com/store/apps/details?id=net.schueller.peertube">PeerTube Player</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</body> </body>
</html> </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%; width: 100%;
min-height: 50px; min-height: 50px;
@ -6,7 +6,7 @@
background-color: rgba(10, 10, 10, .2); background-color: rgba(10, 10, 10, .2);
line-height: 40px; line-height: 40px; /*isn't it too much?*/
font-size: 28px; font-size: 28px;
font-weight: 800; font-weight: 800;
@ -40,92 +40,13 @@ nav {
background-color: rgba(200,200,200,.2); background-color: rgba(200,200,200,.2);
} }
.top-nav__item { nav > a {
display: block;
float: left;
padding: 10px 15px 12px; padding: 10px 15px 12px;
border-radius: 2px; border-radius: 2px;
transition: .2s ease;
color: #333; color: #333;
} }
.top-nav__item:hover { nav > a:hover {
background-color: #3ce; background-color: #3ce;
color: #fff; 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 { html, body {
font-family: sans-serif; height: 100%;
margin: 0;
} }
.mainContainer { .mainContainer {
width: 1024px; width: 1024px;
margin: auto; margin: auto;
} min-height: 100%;
.mainContainer > h1 {
text-align: center;
} }
nav { nav {
@ -21,7 +17,6 @@ nav {
nav > a { nav > a {
flex: auto; flex: auto;
display: block; display: block;
float: left;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
text-decoration: none; text-decoration: none;
@ -50,10 +45,6 @@ nav > a:visited {
color: inherit; color: inherit;
} }
.margin {
margin: 15px;
}
nav > a > div { nav > a > div {
position: relative; position: relative;
top: 50%; top: 50%;
@ -61,26 +52,65 @@ nav > a > div {
overflow: hidden; overflow: hidden;
} }
.thumbnails { .mainContainer {
font-size: 14px;
color: #333;
text-align: left;
}
.mainContainer h1 {
text-align: center; text-align: center;
overflow: hidden; margin: 10px 0 5px 0;
}
.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;
font-size: 24px; 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 { .c1 {
@ -117,3 +147,7 @@ nav > a > div {
.clearfix:after { .clearfix:after {
clear: both; 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, *:before,
*:after { *:after {
box-sizing: inherit; box-sizing: inherit;