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