diff --git a/grey.css b/grey.css new file mode 100644 index 0000000..3b9c000 --- /dev/null +++ b/grey.css @@ -0,0 +1,206 @@ +/*!** 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 ***/ diff --git a/im.html b/im.html index 37dc1c3..d477362 100644 --- a/im.html +++ b/im.html @@ -4,10 +4,11 @@ Сервисы мгновенных сообщений - + -
+
+

Сервисы мгновенных сообщений

Альтернативы WhatsApp, Viber, Skype

XMPP (он же Jabber)

@@ -186,6 +187,7 @@ +
- \ No newline at end of file + diff --git a/info.html b/info.html index 98aaed8..eb00982 100644 --- a/info.html +++ b/info.html @@ -4,7 +4,7 @@ Альтернативы - +
@@ -84,7 +84,22 @@ И, наконец, YouTube заменяется PeerTube — видео здесь, как и сообщения перечисленных выше сетей, расходятся по всему Федивёрсу и доступны (при желании автора) всем. - + + +

+ Ну и коль скоро мы затронули тему мессенджеров, стоит кратко упомянуть достойные альтернативы перечисленным в + начале статьи корпоративным следилкам, радосто сотрудничающим со спецслужбами (или кто-то до сих пор верит, что + коммерческая контора Telegram LLC будет тратить кучу ресурсов на защиту Васи от товарища майора?). Мессенджеры + непосредственно в Fediverse не входят, но в большинстве своём (речь, опять же идёт о рекомендованых) основаны на + принципах федерации либо на peer-to-peer. вот здесь вы можете подобрать себе подходящую + альтернативу. +

+ +

+ Смело проходите по ссылкам выше, мы ждём вас в Fediverse. Новичкам тут всегда помогут, а несогласных не забанят. + Вливайтесь! +

+
\ No newline at end of file diff --git a/mail.html b/mail.html index 355be68..db01b12 100644 --- a/mail.html +++ b/mail.html @@ -4,10 +4,11 @@ Почтовые сервисы - + -
+
+

Почтовые сервисы

Альтернативы Gmail/Яндекс.почте/mail.ru

@@ -93,7 +94,20 @@ + +

Cock.li

+

+ Сервис, поддерживающий множество доменов на выбор, включая такие замечательные, как cocaine.ninja, + rape.lol, cock.li и море других. Существует на добровольные пожертвования пользователей, которые + принимаются в том числе и криптовалютами. Быстр, бесплатен и надёжен. Как и в случае с Posteo, + отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются. +

+

Где зарегистрироваться?

+ +

FastMail

Австралийская компания, содержащаяся исключительно на деньги пользователей, без рекламы и отслеживания. @@ -168,6 +182,7 @@

+
- \ No newline at end of file + diff --git a/search.html b/search.html index e53d0db..4883b9a 100644 --- a/search.html +++ b/search.html @@ -4,10 +4,11 @@ Поисковые сервисы - + -
+
+

Поисковые сервисы

DuckDuckGo

@@ -204,6 +205,7 @@ anonymousengine.com +

- \ No newline at end of file + diff --git a/social.html b/social.html index 39100c0..46ed3b9 100644 --- a/social.html +++ b/social.html @@ -4,10 +4,12 @@ Социальные сети - + + -
+
+

Социальные сети

Альтернативы Вконтакте/Facebook и Twitter

Mastodon

@@ -52,10 +54,10 @@ себе инстанцию под ваши предпочтения!

Основные отличия между разными инстанциями, на которые стоит обратить внимание:

- +
  • Максимальное количество символов, которые инстанция позволяет включать в один пост;
  • Для какого круга людей создана инстанция - от этого зависит, насколько вам будет интересна локальная лента.
    • - +

Например, qoto.org - инстанция Мастодон, которая позволяет своим пользователям публиковать посты до 65,535 знаков (обычно в других инстанциях лимит 500 знаков). Вместе с тем, эта инстанция @@ -216,6 +218,7 @@ +

- \ No newline at end of file +